@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/MultiSelect/__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,
@@ -448,6 +449,7 @@ exports[`OptionList render isLoading correctly 1`] = `
448
449
  Object {
449
450
  "alignItems": "center",
450
451
  "backgroundColor": "#ffffff",
452
+ "borderRadius": 4,
451
453
  "flexDirection": "row",
452
454
  "opacity": 1,
453
455
  "padding": 16,
@@ -565,6 +567,7 @@ exports[`OptionList render isLoading correctly 1`] = `
565
567
  Object {
566
568
  "alignItems": "center",
567
569
  "backgroundColor": "#ffffff",
570
+ "borderRadius": 4,
568
571
  "flexDirection": "row",
569
572
  "opacity": 1,
570
573
  "padding": 16,
@@ -721,9 +724,10 @@ exports[`OptionList render isLoading correctly 1`] = `
721
724
  style={
722
725
  Array [
723
726
  Object {
724
- "backgroundColor": "#795e90",
727
+ "backgroundColor": "#001f23",
725
728
  "borderRadius": 999,
726
729
  "height": 16,
730
+ "opacity": 1,
727
731
  "width": 16,
728
732
  },
729
733
  Object {},
@@ -738,10 +742,11 @@ exports[`OptionList render isLoading correctly 1`] = `
738
742
  style={
739
743
  Array [
740
744
  Object {
741
- "backgroundColor": "#a08cb0",
745
+ "backgroundColor": "#001f23",
742
746
  "borderRadius": 999,
743
747
  "height": 16,
744
748
  "marginLeft": 8,
749
+ "opacity": 0.75,
745
750
  "width": 16,
746
751
  },
747
752
  Object {},
@@ -772,9 +777,10 @@ exports[`OptionList render isLoading correctly 1`] = `
772
777
  style={
773
778
  Array [
774
779
  Object {
775
- "backgroundColor": "#d9d1df",
780
+ "backgroundColor": "#001f23",
776
781
  "borderRadius": 999,
777
782
  "height": 16,
783
+ "opacity": 0.5,
778
784
  "width": 16,
779
785
  },
780
786
  Object {},
@@ -789,10 +795,11 @@ exports[`OptionList render isLoading correctly 1`] = `
789
795
  style={
790
796
  Array [
791
797
  Object {
792
- "backgroundColor": "#ece8ef",
798
+ "backgroundColor": "#001f23",
793
799
  "borderRadius": 999,
794
800
  "height": 16,
795
801
  "marginLeft": 8,
802
+ "opacity": 0.25,
796
803
  "width": 16,
797
804
  },
798
805
  Object {},
@@ -997,7 +1004,8 @@ exports[`OptionList renders correctly 1`] = `
997
1004
  Array [
998
1005
  Object {
999
1006
  "alignItems": "center",
1000
- "backgroundColor": "#f3e6f6",
1007
+ "backgroundColor": "#d9d1df",
1008
+ "borderRadius": 4,
1001
1009
  "flexDirection": "row",
1002
1010
  "opacity": 1,
1003
1011
  "padding": 16,
@@ -1247,6 +1255,7 @@ exports[`OptionList renders correctly 1`] = `
1247
1255
  Object {
1248
1256
  "alignItems": "center",
1249
1257
  "backgroundColor": "#ffffff",
1258
+ "borderRadius": 4,
1250
1259
  "flexDirection": "row",
1251
1260
  "opacity": 1,
1252
1261
  "padding": 16,
@@ -1364,6 +1373,7 @@ exports[`OptionList renders correctly 1`] = `
1364
1373
  Object {
1365
1374
  "alignItems": "center",
1366
1375
  "backgroundColor": "#ffffff",
1376
+ "borderRadius": 4,
1367
1377
  "flexDirection": "row",
1368
1378
  "opacity": 1,
1369
1379
  "padding": 16,
@@ -1644,7 +1654,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1644
1654
  Array [
1645
1655
  Object {
1646
1656
  "alignItems": "center",
1647
- "backgroundColor": "#f3e6f6",
1657
+ "backgroundColor": "#d9d1df",
1658
+ "borderRadius": 4,
1648
1659
  "flexDirection": "row",
1649
1660
  "opacity": 1,
1650
1661
  "padding": 16,
@@ -1893,7 +1904,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1893
1904
  Array [
1894
1905
  Object {
1895
1906
  "alignItems": "center",
1896
- "backgroundColor": "#f3e6f6",
1907
+ "backgroundColor": "#d9d1df",
1908
+ "borderRadius": 4,
1897
1909
  "flexDirection": "row",
1898
1910
  "opacity": 1,
1899
1911
  "padding": 16,
@@ -2036,6 +2048,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
2036
2048
  Object {
2037
2049
  "alignItems": "center",
2038
2050
  "backgroundColor": "#ffffff",
2051
+ "borderRadius": 4,
2039
2052
  "flexDirection": "row",
2040
2053
  "opacity": 1,
2041
2054
  "padding": 16,
@@ -2316,7 +2329,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2316
2329
  Array [
2317
2330
  Object {
2318
2331
  "alignItems": "center",
2319
- "backgroundColor": "#f3e6f6",
2332
+ "backgroundColor": "#d9d1df",
2333
+ "borderRadius": 4,
2320
2334
  "flexDirection": "row",
2321
2335
  "opacity": 1,
2322
2336
  "padding": 16,
@@ -2566,6 +2580,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2566
2580
  Object {
2567
2581
  "alignItems": "center",
2568
2582
  "backgroundColor": "#ffffff",
2583
+ "borderRadius": 4,
2569
2584
  "flexDirection": "row",
2570
2585
  "opacity": 1,
2571
2586
  "padding": 16,
@@ -2683,6 +2698,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2683
2698
  Object {
2684
2699
  "alignItems": "center",
2685
2700
  "backgroundColor": "#ffffff",
2701
+ "borderRadius": 4,
2686
2702
  "flexDirection": "row",
2687
2703
  "opacity": 1,
2688
2704
  "padding": 16,
package/src/components/Select/MultiSelect/__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 [
@@ -600,6 +586,7 @@ Array [
600
586
  Object {
601
587
  "alignItems": "center",
602
588
  "backgroundColor": "#ffffff",
589
+ "borderRadius": 4,
603
590
  "flexDirection": "row",
604
591
  "opacity": 1,
605
592
  "padding": 16,
@@ -641,7 +628,7 @@ Array [
641
628
  style={
642
629
  Array [
643
630
  Object {
644
- "color": "#808f91",
631
+ "color": "#4d6265",
645
632
  "fontFamily": "BeVietnamPro-Regular",
646
633
  "fontSize": 16,
647
634
  "letterSpacing": 0.48,
@@ -744,6 +731,7 @@ Array [
744
731
  Object {
745
732
  "alignItems": "center",
746
733
  "backgroundColor": "#ffffff",
734
+ "borderRadius": 4,
747
735
  "flexDirection": "row",
748
736
  "opacity": 1,
749
737
  "padding": 16,
@@ -785,7 +773,7 @@ Array [
785
773
  style={
786
774
  Array [
787
775
  Object {
788
- "color": "#808f91",
776
+ "color": "#4d6265",
789
777
  "fontFamily": "BeVietnamPro-Regular",
790
778
  "fontSize": 16,
791
779
  "letterSpacing": 0.48,
@@ -1003,6 +991,7 @@ Array [
1003
991
  Object {
1004
992
  "alignItems": "center",
1005
993
  "backgroundColor": "#ffffff",
994
+ "borderRadius": 4,
1006
995
  "flexDirection": "row",
1007
996
  "opacity": 1,
1008
997
  "padding": 16,
@@ -1044,7 +1033,7 @@ Array [
1044
1033
  style={
1045
1034
  Array [
1046
1035
  Object {
1047
- "color": "#808f91",
1036
+ "color": "#4d6265",
1048
1037
  "fontFamily": "BeVietnamPro-Regular",
1049
1038
  "fontSize": 16,
1050
1039
  "letterSpacing": 0.48,
@@ -1147,6 +1136,7 @@ Array [
1147
1136
  Object {
1148
1137
  "alignItems": "center",
1149
1138
  "backgroundColor": "#ffffff",
1139
+ "borderRadius": 4,
1150
1140
  "flexDirection": "row",
1151
1141
  "opacity": 1,
1152
1142
  "padding": 16,
@@ -1188,7 +1178,7 @@ Array [
1188
1178
  style={
1189
1179
  Array [
1190
1180
  Object {
1191
- "color": "#808f91",
1181
+ "color": "#4d6265",
1192
1182
  "fontFamily": "BeVietnamPro-Regular",
1193
1183
  "fontSize": 16,
1194
1184
  "letterSpacing": 0.48,
@@ -1321,7 +1311,7 @@ Array [
1321
1311
  },
1322
1312
  Array [
1323
1313
  Object {
1324
- "color": "#8505a2",
1314
+ "color": "#401960",
1325
1315
  },
1326
1316
  undefined,
1327
1317
  ],
@@ -1374,12 +1364,16 @@ Array [
1374
1364
  style={
1375
1365
  Array [
1376
1366
  Object {
1367
+ "borderColor": "#001f23",
1368
+ "borderRadius": 8,
1369
+ "borderWidth": 1,
1377
1370
  "marginVertical": 8,
1378
1371
  "width": "100%",
1379
1372
  },
1380
1373
  undefined,
1381
1374
  ]
1382
1375
  }
1376
+ themeVariant="filled"
1383
1377
  >
1384
1378
  <View
1385
1379
  style={
@@ -1393,24 +1387,6 @@ Array [
1393
1387
  ]
1394
1388
  }
1395
1389
  >
1396
- <View
1397
- style={
1398
- Array [
1399
- Object {
1400
- "borderColor": "#001f23",
1401
- "borderRadius": 8,
1402
- "borderWidth": 1,
1403
- "bottom": 0,
1404
- "left": 0,
1405
- "position": "absolute",
1406
- "right": 0,
1407
- "top": 0,
1408
- },
1409
- undefined,
1410
- ]
1411
- }
1412
- themeVariant="filled"
1413
- />
1414
1390
  <View
1415
1391
  pointerEvents="none"
1416
1392
  style={
@@ -1886,7 +1862,8 @@ Array [
1886
1862
  Array [
1887
1863
  Object {
1888
1864
  "alignItems": "center",
1889
- "backgroundColor": "#f3e6f6",
1865
+ "backgroundColor": "#d9d1df",
1866
+ "borderRadius": 4,
1890
1867
  "flexDirection": "row",
1891
1868
  "opacity": 1,
1892
1869
  "padding": 16,
@@ -2038,7 +2015,8 @@ Array [
2038
2015
  Array [
2039
2016
  Object {
2040
2017
  "alignItems": "center",
2041
- "backgroundColor": "#f3e6f6",
2018
+ "backgroundColor": "#d9d1df",
2019
+ "borderRadius": 4,
2042
2020
  "flexDirection": "row",
2043
2021
  "opacity": 1,
2044
2022
  "padding": 16,
@@ -2191,6 +2169,7 @@ Array [
2191
2169
  Object {
2192
2170
  "alignItems": "center",
2193
2171
  "backgroundColor": "#ffffff",
2172
+ "borderRadius": 4,
2194
2173
  "flexDirection": "row",
2195
2174
  "opacity": 1,
2196
2175
  "padding": 16,
@@ -2318,6 +2297,7 @@ Array [
2318
2297
  Object {
2319
2298
  "alignItems": "center",
2320
2299
  "backgroundColor": "#ffffff",
2300
+ "borderRadius": 4,
2321
2301
  "flexDirection": "row",
2322
2302
  "opacity": 1,
2323
2303
  "padding": 16,
@@ -2445,6 +2425,7 @@ Array [
2445
2425
  Object {
2446
2426
  "alignItems": "center",
2447
2427
  "backgroundColor": "#ffffff",
2428
+ "borderRadius": 4,
2448
2429
  "flexDirection": "row",
2449
2430
  "opacity": 1,
2450
2431
  "padding": 16,
@@ -2572,6 +2553,7 @@ Array [
2572
2553
  Object {
2573
2554
  "alignItems": "center",
2574
2555
  "backgroundColor": "#ffffff",
2556
+ "borderRadius": 4,
2575
2557
  "flexDirection": "row",
2576
2558
  "opacity": 1,
2577
2559
  "padding": 16,
@@ -2700,6 +2682,7 @@ Array [
2700
2682
  Object {
2701
2683
  "alignItems": "center",
2702
2684
  "backgroundColor": "#ffffff",
2685
+ "borderRadius": 4,
2703
2686
  "flexDirection": "row",
2704
2687
  "opacity": 0.38,
2705
2688
  "padding": 16,
@@ -2861,7 +2844,7 @@ Array [
2861
2844
  },
2862
2845
  Array [
2863
2846
  Object {
2864
- "color": "#8505a2",
2847
+ "color": "#401960",
2865
2848
  },
2866
2849
  undefined,
2867
2850
  ],
@@ -2912,12 +2895,16 @@ Array [
2912
2895
  style={
2913
2896
  Array [
2914
2897
  Object {
2898
+ "borderColor": "#001f23",
2899
+ "borderRadius": 8,
2900
+ "borderWidth": 1,
2915
2901
  "marginVertical": 8,
2916
2902
  "width": "100%",
2917
2903
  },
2918
2904
  undefined,
2919
2905
  ]
2920
2906
  }
2907
+ themeVariant="filled"
2921
2908
  >
2922
2909
  <View
2923
2910
  style={
@@ -2931,24 +2918,6 @@ Array [
2931
2918
  ]
2932
2919
  }
2933
2920
  >
2934
- <View
2935
- style={
2936
- Array [
2937
- Object {
2938
- "borderColor": "#001f23",
2939
- "borderRadius": 8,
2940
- "borderWidth": 1,
2941
- "bottom": 0,
2942
- "left": 0,
2943
- "position": "absolute",
2944
- "right": 0,
2945
- "top": 0,
2946
- },
2947
- undefined,
2948
- ]
2949
- }
2950
- themeVariant="filled"
2951
- />
2952
2921
  <View
2953
2922
  pointerEvents="none"
2954
2923
  style={
@@ -3419,7 +3388,8 @@ Array [
3419
3388
  Array [
3420
3389
  Object {
3421
3390
  "alignItems": "center",
3422
- "backgroundColor": "#f3e6f6",
3391
+ "backgroundColor": "#d9d1df",
3392
+ "borderRadius": 4,
3423
3393
  "flexDirection": "row",
3424
3394
  "opacity": 1,
3425
3395
  "padding": 16,
@@ -3571,7 +3541,8 @@ Array [
3571
3541
  Array [
3572
3542
  Object {
3573
3543
  "alignItems": "center",
3574
- "backgroundColor": "#f3e6f6",
3544
+ "backgroundColor": "#d9d1df",
3545
+ "borderRadius": 4,
3575
3546
  "flexDirection": "row",
3576
3547
  "opacity": 1,
3577
3548
  "padding": 16,
@@ -3724,6 +3695,7 @@ Array [
3724
3695
  Object {
3725
3696
  "alignItems": "center",
3726
3697
  "backgroundColor": "#ffffff",
3698
+ "borderRadius": 4,
3727
3699
  "flexDirection": "row",
3728
3700
  "opacity": 1,
3729
3701
  "padding": 16,
@@ -3851,6 +3823,7 @@ Array [
3851
3823
  Object {
3852
3824
  "alignItems": "center",
3853
3825
  "backgroundColor": "#ffffff",
3826
+ "borderRadius": 4,
3854
3827
  "flexDirection": "row",
3855
3828
  "opacity": 1,
3856
3829
  "padding": 16,
@@ -3978,6 +3951,7 @@ Array [
3978
3951
  Object {
3979
3952
  "alignItems": "center",
3980
3953
  "backgroundColor": "#ffffff",
3954
+ "borderRadius": 4,
3981
3955
  "flexDirection": "row",
3982
3956
  "opacity": 1,
3983
3957
  "padding": 16,
@@ -4105,6 +4079,7 @@ Array [
4105
4079
  Object {
4106
4080
  "alignItems": "center",
4107
4081
  "backgroundColor": "#ffffff",
4082
+ "borderRadius": 4,
4108
4083
  "flexDirection": "row",
4109
4084
  "opacity": 1,
4110
4085
  "padding": 16,
@@ -4233,6 +4208,7 @@ Array [
4233
4208
  Object {
4234
4209
  "alignItems": "center",
4235
4210
  "backgroundColor": "#ffffff",
4211
+ "borderRadius": 4,
4236
4212
  "flexDirection": "row",
4237
4213
  "opacity": 0.38,
4238
4214
  "padding": 16,
@@ -4392,7 +4368,7 @@ Array [
4392
4368
  },
4393
4369
  Array [
4394
4370
  Object {
4395
- "color": "#8505a2",
4371
+ "color": "#401960",
4396
4372
  },
4397
4373
  undefined,
4398
4374
  ],
@@ -4445,12 +4421,16 @@ Array [
4445
4421
  style={
4446
4422
  Array [
4447
4423
  Object {
4424
+ "borderColor": "#808f91",
4425
+ "borderRadius": 8,
4426
+ "borderWidth": 1,
4448
4427
  "marginVertical": 8,
4449
4428
  "width": "100%",
4450
4429
  },
4451
4430
  undefined,
4452
4431
  ]
4453
4432
  }
4433
+ themeVariant="readonly"
4454
4434
  >
4455
4435
  <View
4456
4436
  style={
@@ -4464,24 +4444,6 @@ Array [
4464
4444
  ]
4465
4445
  }
4466
4446
  >
4467
- <View
4468
- style={
4469
- Array [
4470
- Object {
4471
- "borderColor": "#808f91",
4472
- "borderRadius": 8,
4473
- "borderWidth": 1,
4474
- "bottom": 0,
4475
- "left": 0,
4476
- "position": "absolute",
4477
- "right": 0,
4478
- "top": 0,
4479
- },
4480
- undefined,
4481
- ]
4482
- }
4483
- themeVariant="readonly"
4484
- />
4485
4447
  <View
4486
4448
  pointerEvents="none"
4487
4449
  style={
@@ -4511,7 +4473,7 @@ Array [
4511
4473
  },
4512
4474
  Array [
4513
4475
  Object {
4514
- "color": "#808f91",
4476
+ "color": "#bfc1c5",
4515
4477
  },
4516
4478
  undefined,
4517
4479
  ],
@@ -4971,7 +4933,8 @@ Array [
4971
4933
  Array [
4972
4934
  Object {
4973
4935
  "alignItems": "center",
4974
- "backgroundColor": "#f3e6f6",
4936
+ "backgroundColor": "#d9d1df",
4937
+ "borderRadius": 4,
4975
4938
  "flexDirection": "row",
4976
4939
  "opacity": 1,
4977
4940
  "padding": 16,
@@ -5123,7 +5086,8 @@ Array [
5123
5086
  Array [
5124
5087
  Object {
5125
5088
  "alignItems": "center",
5126
- "backgroundColor": "#f3e6f6",
5089
+ "backgroundColor": "#d9d1df",
5090
+ "borderRadius": 4,
5127
5091
  "flexDirection": "row",
5128
5092
  "opacity": 1,
5129
5093
  "padding": 16,
@@ -5276,6 +5240,7 @@ Array [
5276
5240
  Object {
5277
5241
  "alignItems": "center",
5278
5242
  "backgroundColor": "#ffffff",
5243
+ "borderRadius": 4,
5279
5244
  "flexDirection": "row",
5280
5245
  "opacity": 1,
5281
5246
  "padding": 16,
@@ -5403,6 +5368,7 @@ Array [
5403
5368
  Object {
5404
5369
  "alignItems": "center",
5405
5370
  "backgroundColor": "#ffffff",
5371
+ "borderRadius": 4,
5406
5372
  "flexDirection": "row",
5407
5373
  "opacity": 1,
5408
5374
  "padding": 16,
@@ -5530,6 +5496,7 @@ Array [
5530
5496
  Object {
5531
5497
  "alignItems": "center",
5532
5498
  "backgroundColor": "#ffffff",
5499
+ "borderRadius": 4,
5533
5500
  "flexDirection": "row",
5534
5501
  "opacity": 1,
5535
5502
  "padding": 16,
@@ -5657,6 +5624,7 @@ Array [
5657
5624
  Object {
5658
5625
  "alignItems": "center",
5659
5626
  "backgroundColor": "#ffffff",
5627
+ "borderRadius": 4,
5660
5628
  "flexDirection": "row",
5661
5629
  "opacity": 1,
5662
5630
  "padding": 16,
@@ -5785,6 +5753,7 @@ Array [
5785
5753
  Object {
5786
5754
  "alignItems": "center",
5787
5755
  "backgroundColor": "#ffffff",
5756
+ "borderRadius": 4,
5788
5757
  "flexDirection": "row",
5789
5758
  "opacity": 0.38,
5790
5759
  "padding": 16,
@@ -5946,7 +5915,7 @@ Array [
5946
5915
  },
5947
5916
  Array [
5948
5917
  Object {
5949
- "color": "#8505a2",
5918
+ "color": "#401960",
5950
5919
  },
5951
5920
  undefined,
5952
5921
  ],
@@ -5997,12 +5966,16 @@ Array [
5997
5966
  style={
5998
5967
  Array [
5999
5968
  Object {
5969
+ "borderColor": "#001f23",
5970
+ "borderRadius": 8,
5971
+ "borderWidth": 1,
6000
5972
  "marginVertical": 8,
6001
5973
  "width": "100%",
6002
5974
  },
6003
5975
  undefined,
6004
5976
  ]
6005
5977
  }
5978
+ themeVariant="filled"
6006
5979
  >
6007
5980
  <View
6008
5981
  style={
@@ -6016,24 +5989,6 @@ Array [
6016
5989
  ]
6017
5990
  }
6018
5991
  >
6019
- <View
6020
- style={
6021
- Array [
6022
- Object {
6023
- "borderColor": "#001f23",
6024
- "borderRadius": 8,
6025
- "borderWidth": 1,
6026
- "bottom": 0,
6027
- "left": 0,
6028
- "position": "absolute",
6029
- "right": 0,
6030
- "top": 0,
6031
- },
6032
- undefined,
6033
- ]
6034
- }
6035
- themeVariant="filled"
6036
- />
6037
5992
  <View
6038
5993
  pointerEvents="none"
6039
5994
  style={
@@ -6546,6 +6501,7 @@ Array [
6546
6501
  Object {
6547
6502
  "alignItems": "center",
6548
6503
  "backgroundColor": "#ffffff",
6504
+ "borderRadius": 4,
6549
6505
  "flexDirection": "row",
6550
6506
  "opacity": 1,
6551
6507
  "padding": 16,
@@ -6769,7 +6725,8 @@ Array [
6769
6725
  Array [
6770
6726
  Object {
6771
6727
  "alignItems": "center",
6772
- "backgroundColor": "#f3e6f6",
6728
+ "backgroundColor": "#d9d1df",
6729
+ "borderRadius": 4,
6773
6730
  "flexDirection": "row",
6774
6731
  "opacity": 1,
6775
6732
  "padding": 16,
@@ -6911,7 +6868,8 @@ Array [
6911
6868
  Array [
6912
6869
  Object {
6913
6870
  "alignItems": "center",
6914
- "backgroundColor": "#f3e6f6",
6871
+ "backgroundColor": "#d9d1df",
6872
+ "borderRadius": 4,
6915
6873
  "flexDirection": "row",
6916
6874
  "opacity": 1,
6917
6875
  "padding": 16,
@@ -7085,7 +7043,7 @@ Array [
7085
7043
  },
7086
7044
  Array [
7087
7045
  Object {
7088
- "color": "#8505a2",
7046
+ "color": "#401960",
7089
7047
  },
7090
7048
  undefined,
7091
7049
  ],
package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -20,7 +20,8 @@ exports[`Option renders correctly 1`] = `
20
20
  Array [
21
21
  Object {
22
22
  "alignItems": "center",
23
- "backgroundColor": "#f3e6f6",
23
+ "backgroundColor": "#d9d1df",
24
+ "borderRadius": 4,
24
25
  "flexDirection": "row",
25
26
  "opacity": 1,
26
27
  "padding": 16,