@hero-design/rn 8.91.3 → 8.91.4

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 (41) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +11 -0
  3. package/es/index.js +15 -42
  4. package/lib/index.js +15 -42
  5. package/package.json +1 -1
  6. package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +18 -18
  7. package/src/components/BottomSheet/StyledBottomSheet.tsx +0 -10
  8. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +0 -16
  9. package/src/components/Calendar/CalendarRange.tsx +5 -1
  10. package/src/components/Calendar/__tests__/helper.spec.ts +20 -8
  11. package/src/components/Calendar/helpers.ts +6 -2
  12. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +0 -16
  13. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -1
  14. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +11 -11
  15. package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  16. package/src/components/FAB/StyledFAB.tsx +1 -5
  17. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +6 -6
  18. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  19. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +1 -1
  20. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +0 -40
  21. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +0 -32
  22. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +1 -1
  23. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  24. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +0 -8
  25. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +13 -18
  26. package/src/theme/components/bottomSheet.ts +2 -9
  27. package/src/theme/components/fab.ts +5 -9
  28. package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +2 -0
  29. package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +2 -0
  30. package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +2 -0
  31. package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +2 -0
  32. package/src/theme/global/colors/__tests__/__snapshots__/swagLight.spec.ts.snap +2 -0
  33. package/src/theme/global/colors/__tests__/__snapshots__/swagLightGlobal.spec.ts.snap +2 -0
  34. package/src/theme/global/colors/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +2 -0
  35. package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +2 -0
  36. package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +2 -0
  37. package/src/theme/global/colors/global.ts +3 -0
  38. package/stats/8.91.4/rn-stats.html +4842 -0
  39. package/types/components/Calendar/helpers.d.ts +5 -2
  40. package/types/theme/components/bottomSheet.d.ts +1 -10
  41. package/types/theme/components/fab.d.ts +2 -9
package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap CHANGED
@@ -413,15 +413,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
413
413
  "backgroundColor": "#ffffff",
414
414
  "borderTopLeftRadius": 16,
415
415
  "borderTopRightRadius": 16,
416
- "elevation": 10,
417
416
  "maxHeight": "94%",
418
- "shadowColor": "#001f23",
419
- "shadowOffset": {
420
- "height": 3,
421
- "width": 0,
422
- },
423
- "shadowOpacity": 0.4,
424
- "shadowRadius": 16,
425
417
  "transform": [
426
418
  {
427
419
  "scaleY": 1,
@@ -1102,15 +1094,7 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
1102
1094
  "backgroundColor": "#ffffff",
1103
1095
  "borderTopLeftRadius": 16,
1104
1096
  "borderTopRightRadius": 16,
1105
- "elevation": 10,
1106
1097
  "maxHeight": "94%",
1107
- "shadowColor": "#001f23",
1108
- "shadowOffset": {
1109
- "height": 3,
1110
- "width": 0,
1111
- },
1112
- "shadowOpacity": 0.4,
1113
- "shadowRadius": 16,
1114
1098
  "transform": [
1115
1099
  {
1116
1100
  "scaleY": 1,
package/src/components/FAB/ActionGroup/StyledActionGroup.tsx CHANGED
@@ -45,7 +45,7 @@ const StyledBackdrop = styled(AnimatedPressable)(({ theme }) => ({
45
45
  right: 0,
46
46
  top: 0,
47
47
  bottom: 0,
48
- opacity: 0.8,
48
+ opacity: 0.4,
49
49
  backgroundColor: theme.__hd__.fab.colors.backdropBackground,
50
50
  }));
51
51
 
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -65,7 +65,7 @@ exports[`ActionGroup has active false 1`] = `
65
65
  "backgroundColor": "#000000",
66
66
  "borderRadius": 999,
67
67
  "bottom": undefined,
68
- "elevation": 3,
68
+ "elevation": 6,
69
69
  "flexDirection": "row",
70
70
  "height": 64,
71
71
  "justifyContent": "center",
@@ -73,13 +73,13 @@ exports[`ActionGroup has active false 1`] = `
73
73
  "marginTop": 24,
74
74
  "opacity": 1,
75
75
  "padding": 20,
76
- "shadowColor": "#121214",
76
+ "shadowColor": "#001f23",
77
77
  "shadowOffset": {
78
78
  "height": 2,
79
79
  "width": 0,
80
80
  },
81
81
  "shadowOpacity": 0.12,
82
- "shadowRadius": 4,
82
+ "shadowRadius": 2,
83
83
  "transform": [
84
84
  {
85
85
  "translateY": 0,
@@ -258,7 +258,7 @@ exports[`ActionGroup has active true 1`] = `
258
258
  "backgroundColor": "#000000",
259
259
  "borderRadius": 999,
260
260
  "bottom": undefined,
261
- "elevation": 3,
261
+ "elevation": 6,
262
262
  "flexDirection": "row",
263
263
  "height": 64,
264
264
  "justifyContent": "center",
@@ -266,13 +266,13 @@ exports[`ActionGroup has active true 1`] = `
266
266
  "marginTop": 24,
267
267
  "opacity": 1,
268
268
  "padding": 20,
269
- "shadowColor": "#121214",
269
+ "shadowColor": "#001f23",
270
270
  "shadowOffset": {
271
271
  "height": 2,
272
272
  "width": 0,
273
273
  },
274
274
  "shadowOpacity": 0.12,
275
- "shadowRadius": 4,
275
+ "shadowRadius": 2,
276
276
  "transform": [
277
277
  {
278
278
  "translateY": 0,
@@ -409,10 +409,10 @@ exports[`ActionGroup has active true 1`] = `
409
409
  onStartShouldSetResponder={[Function]}
410
410
  style={
411
411
  {
412
- "backgroundColor": "#f6f6f7",
412
+ "backgroundColor": "#000000",
413
413
  "bottom": 0,
414
414
  "left": 0,
415
- "opacity": 0.8,
415
+ "opacity": 0.4,
416
416
  "position": "absolute",
417
417
  "right": 0,
418
418
  "top": 0,
@@ -1079,7 +1079,7 @@ exports[`ActionGroup has active true 1`] = `
1079
1079
  "backgroundColor": "#000000",
1080
1080
  "borderRadius": 999,
1081
1081
  "bottom": undefined,
1082
- "elevation": 3,
1082
+ "elevation": 6,
1083
1083
  "flexDirection": "row",
1084
1084
  "height": 64,
1085
1085
  "justifyContent": "center",
@@ -1088,13 +1088,13 @@ exports[`ActionGroup has active true 1`] = `
1088
1088
  "marginTop": 24,
1089
1089
  "opacity": 1,
1090
1090
  "padding": 20,
1091
- "shadowColor": "#121214",
1091
+ "shadowColor": "#001f23",
1092
1092
  "shadowOffset": {
1093
1093
  "height": 2,
1094
1094
  "width": 0,
1095
1095
  },
1096
1096
  "shadowOpacity": 0.12,
1097
- "shadowRadius": 4,
1097
+ "shadowRadius": 2,
1098
1098
  "transform": [
1099
1099
  {
1100
1100
  "translateY": 0,
package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -59,20 +59,20 @@ exports[`FABPair renders correctly 1`] = `
59
59
  "backgroundColor": "#000000",
60
60
  "borderRadius": 999,
61
61
  "bottom": undefined,
62
- "elevation": 3,
62
+ "elevation": 6,
63
63
  "flexDirection": "row",
64
64
  "height": 48,
65
65
  "justifyContent": "center",
66
66
  "marginRight": 8,
67
67
  "opacity": 1,
68
68
  "padding": 20,
69
- "shadowColor": "#121214",
69
+ "shadowColor": "#001f23",
70
70
  "shadowOffset": {
71
71
  "height": 2,
72
72
  "width": 0,
73
73
  },
74
74
  "shadowOpacity": 0.12,
75
- "shadowRadius": 4,
75
+ "shadowRadius": 2,
76
76
  "transform": [
77
77
  {
78
78
  "translateY": 0,
@@ -170,20 +170,20 @@ exports[`FABPair renders correctly 1`] = `
170
170
  "backgroundColor": "#000000",
171
171
  "borderRadius": 999,
172
172
  "bottom": undefined,
173
- "elevation": 3,
173
+ "elevation": 6,
174
174
  "flexDirection": "row",
175
175
  "height": 48,
176
176
  "justifyContent": "center",
177
177
  "marginRight": undefined,
178
178
  "opacity": 1,
179
179
  "padding": 20,
180
- "shadowColor": "#121214",
180
+ "shadowColor": "#001f23",
181
181
  "shadowOffset": {
182
182
  "height": 2,
183
183
  "width": 0,
184
184
  },
185
185
  "shadowOpacity": 0.12,
186
- "shadowRadius": 4,
186
+ "shadowRadius": 2,
187
187
  "transform": [
188
188
  {
189
189
  "translateY": 0,
package/src/components/FAB/StyledFAB.tsx CHANGED
@@ -20,12 +20,8 @@ const StyledFAB = styled(AnimatedTouchableHighlight)<{
20
20
  alignSelf: 'flex-start',
21
21
  padding: theme.__hd__.fab.space.containerPadding,
22
22
  flexDirection: 'row',
23
- elevation: theme.__hd__.fab.shadows.elevation,
24
- shadowColor: theme.__hd__.fab.shadows.color,
25
- shadowOffset: theme.__hd__.fab.shadows.offset,
26
- shadowRadius: theme.__hd__.fab.shadows.radius,
27
- shadowOpacity: theme.__hd__.fab.shadows.opacity,
28
23
  height: theme.__hd__.fab.sizes.height,
24
+ ...theme.__hd__.fab.shadows.default,
29
25
  }));
30
26
 
31
27
  const StyledFABIcon = styled(Icon)<IconProps>(({ theme }) => ({
package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap CHANGED
@@ -42,19 +42,19 @@ exports[`StyledFAB renders correctly 1`] = `
42
42
  "alignSelf": "flex-start",
43
43
  "backgroundColor": "#000000",
44
44
  "borderRadius": 999,
45
- "elevation": 3,
45
+ "elevation": 6,
46
46
  "flexDirection": "row",
47
47
  "height": 64,
48
48
  "justifyContent": "center",
49
49
  "opacity": 1,
50
50
  "padding": 20,
51
- "shadowColor": "#121214",
51
+ "shadowColor": "#001f23",
52
52
  "shadowOffset": {
53
53
  "height": 2,
54
54
  "width": 0,
55
55
  },
56
56
  "shadowOpacity": 0.12,
57
- "shadowRadius": 4,
57
+ "shadowRadius": 2,
58
58
  }
59
59
  }
60
60
  >
@@ -144,19 +144,19 @@ exports[`StyledFAB renders correctly 2`] = `
144
144
  "alignSelf": "flex-start",
145
145
  "backgroundColor": "#000000",
146
146
  "borderRadius": 999,
147
- "elevation": 3,
147
+ "elevation": 6,
148
148
  "flexDirection": "row",
149
149
  "height": 64,
150
150
  "justifyContent": "center",
151
151
  "opacity": 1,
152
152
  "padding": 20,
153
- "shadowColor": "#121214",
153
+ "shadowColor": "#001f23",
154
154
  "shadowOffset": {
155
155
  "height": 2,
156
156
  "width": 0,
157
157
  },
158
158
  "shadowOpacity": 0.12,
159
- "shadowRadius": 4,
159
+ "shadowRadius": 2,
160
160
  }
161
161
  }
162
162
  >
package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -44,19 +44,19 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
44
44
  "backgroundColor": "#001f23",
45
45
  "borderRadius": 999,
46
46
  "bottom": undefined,
47
- "elevation": 3,
47
+ "elevation": 6,
48
48
  "flexDirection": "row",
49
49
  "height": 64,
50
50
  "justifyContent": "center",
51
51
  "opacity": 1,
52
52
  "padding": 20,
53
- "shadowColor": "#121214",
53
+ "shadowColor": "#001f23",
54
54
  "shadowOffset": {
55
55
  "height": 2,
56
56
  "width": 0,
57
57
  },
58
58
  "shadowOpacity": 0.12,
59
- "shadowRadius": 4,
59
+ "shadowRadius": 2,
60
60
  "transform": [
61
61
  {
62
62
  "translateY": 0,
@@ -183,19 +183,19 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
183
183
  "backgroundColor": "#001f23",
184
184
  "borderRadius": 999,
185
185
  "bottom": undefined,
186
- "elevation": 3,
186
+ "elevation": 6,
187
187
  "flexDirection": "row",
188
188
  "height": 64,
189
189
  "justifyContent": "center",
190
190
  "opacity": 1,
191
191
  "padding": 20,
192
- "shadowColor": "#121214",
192
+ "shadowColor": "#001f23",
193
193
  "shadowOffset": {
194
194
  "height": 2,
195
195
  "width": 0,
196
196
  },
197
197
  "shadowOpacity": 0.12,
198
- "shadowRadius": 4,
198
+ "shadowRadius": 2,
199
199
  "transform": [
200
200
  {
201
201
  "translateY": 0,
@@ -335,19 +335,19 @@ exports[`FAB when title has value renders correctly 1`] = `
335
335
  "backgroundColor": "#001f23",
336
336
  "borderRadius": 999,
337
337
  "bottom": undefined,
338
- "elevation": 3,
338
+ "elevation": 6,
339
339
  "flexDirection": "row",
340
340
  "height": 64,
341
341
  "justifyContent": "center",
342
342
  "opacity": 1,
343
343
  "padding": 20,
344
- "shadowColor": "#121214",
344
+ "shadowColor": "#001f23",
345
345
  "shadowOffset": {
346
346
  "height": 2,
347
347
  "width": 0,
348
348
  },
349
349
  "shadowOpacity": 0.12,
350
- "shadowRadius": 4,
350
+ "shadowRadius": 2,
351
351
  "transform": [
352
352
  {
353
353
  "translateY": 0,
package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap CHANGED
@@ -964,7 +964,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
964
964
  collapsable={false}
965
965
  style={
966
966
  {
967
- "backgroundColor": undefined,
967
+ "backgroundColor": "#ffffff",
968
968
  "borderRadius": 999,
969
969
  "height": 16,
970
970
  "left": 24,
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -377,16 +377,8 @@ exports[`rendering allows custom renderer 1`] = `
377
377
  "backgroundColor": "#ffffff",
378
378
  "borderTopLeftRadius": 16,
379
379
  "borderTopRightRadius": 16,
380
- "elevation": 10,
381
380
  "maxHeight": "94%",
382
381
  "paddingBottom": 0,
383
- "shadowColor": "#001f23",
384
- "shadowOffset": {
385
- "height": 3,
386
- "width": 0,
387
- },
388
- "shadowOpacity": 0.4,
389
- "shadowRadius": 16,
390
382
  "transform": [
391
383
  {
392
384
  "scaleY": 1,
@@ -1943,17 +1935,9 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1943
1935
  {
1944
1936
  "backgroundColor": "#ffffff",
1945
1937
  "borderRadius": 32,
1946
- "elevation": 10,
1947
1938
  "maxHeight": "100%",
1948
1939
  "padding": 8,
1949
1940
  "paddingBottom": 0,
1950
- "shadowColor": "#001f23",
1951
- "shadowOffset": {
1952
- "height": 3,
1953
- "width": 0,
1954
- },
1955
- "shadowOpacity": 0.4,
1956
- "shadowRadius": 16,
1957
1941
  "transform": [
1958
1942
  {
1959
1943
  "scaleY": 1,
@@ -3994,16 +3978,8 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3994
3978
  "backgroundColor": "#ffffff",
3995
3979
  "borderTopLeftRadius": 16,
3996
3980
  "borderTopRightRadius": 16,
3997
- "elevation": 10,
3998
3981
  "maxHeight": "94%",
3999
3982
  "paddingBottom": 0,
4000
- "shadowColor": "#001f23",
4001
- "shadowOffset": {
4002
- "height": 3,
4003
- "width": 0,
4004
- },
4005
- "shadowOpacity": 0.4,
4006
- "shadowRadius": 16,
4007
3983
  "transform": [
4008
3984
  {
4009
3985
  "scaleY": 1,
@@ -6079,16 +6055,8 @@ exports[`rendering renders correctly when receives sections 1`] = `
6079
6055
  "backgroundColor": "#ffffff",
6080
6056
  "borderTopLeftRadius": 16,
6081
6057
  "borderTopRightRadius": 16,
6082
- "elevation": 10,
6083
6058
  "maxHeight": "94%",
6084
6059
  "paddingBottom": 0,
6085
- "shadowColor": "#001f23",
6086
- "shadowOffset": {
6087
- "height": 3,
6088
- "width": 0,
6089
- },
6090
- "shadowOpacity": 0.4,
6091
- "shadowRadius": 16,
6092
6060
  "transform": [
6093
6061
  {
6094
6062
  "scaleY": 1,
@@ -7424,16 +7392,8 @@ exports[`rendering renders correctly when receives sections 2`] = `
7424
7392
  "backgroundColor": "#ffffff",
7425
7393
  "borderTopLeftRadius": 16,
7426
7394
  "borderTopRightRadius": 16,
7427
- "elevation": 10,
7428
7395
  "maxHeight": "94%",
7429
7396
  "paddingBottom": 0,
7430
- "shadowColor": "#001f23",
7431
- "shadowOffset": {
7432
- "height": 3,
7433
- "width": 0,
7434
- },
7435
- "shadowOpacity": 0.4,
7436
- "shadowRadius": 16,
7437
7397
  "transform": [
7438
7398
  {
7439
7399
  "scaleY": 1,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -376,16 +376,8 @@ exports[`rendering allows custom renderer 1`] = `
376
376
  "backgroundColor": "#ffffff",
377
377
  "borderTopLeftRadius": 16,
378
378
  "borderTopRightRadius": 16,
379
- "elevation": 10,
380
379
  "maxHeight": "94%",
381
380
  "paddingBottom": 0,
382
- "shadowColor": "#001f23",
383
- "shadowOffset": {
384
- "height": 3,
385
- "width": 0,
386
- },
387
- "shadowOpacity": 0.4,
388
- "shadowRadius": 16,
389
381
  "transform": [
390
382
  {
391
383
  "scaleY": 1,
@@ -1857,17 +1849,9 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1857
1849
  {
1858
1850
  "backgroundColor": "#ffffff",
1859
1851
  "borderRadius": 32,
1860
- "elevation": 10,
1861
1852
  "maxHeight": "100%",
1862
1853
  "padding": 8,
1863
1854
  "paddingBottom": 0,
1864
- "shadowColor": "#001f23",
1865
- "shadowOffset": {
1866
- "height": 3,
1867
- "width": 0,
1868
- },
1869
- "shadowOpacity": 0.4,
1870
- "shadowRadius": 16,
1871
1855
  "transform": [
1872
1856
  {
1873
1857
  "scaleY": 1,
@@ -3795,16 +3779,8 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3795
3779
  "backgroundColor": "#ffffff",
3796
3780
  "borderTopLeftRadius": 16,
3797
3781
  "borderTopRightRadius": 16,
3798
- "elevation": 10,
3799
3782
  "maxHeight": "94%",
3800
3783
  "paddingBottom": 0,
3801
- "shadowColor": "#001f23",
3802
- "shadowOffset": {
3803
- "height": 3,
3804
- "width": 0,
3805
- },
3806
- "shadowOpacity": 0.4,
3807
- "shadowRadius": 16,
3808
3784
  "transform": [
3809
3785
  {
3810
3786
  "scaleY": 1,
@@ -5739,16 +5715,8 @@ exports[`rendering renders correctly when receives sections 1`] = `
5739
5715
  "backgroundColor": "#ffffff",
5740
5716
  "borderTopLeftRadius": 16,
5741
5717
  "borderTopRightRadius": 16,
5742
- "elevation": 10,
5743
5718
  "maxHeight": "94%",
5744
5719
  "paddingBottom": 0,
5745
- "shadowColor": "#001f23",
5746
- "shadowOffset": {
5747
- "height": 3,
5748
- "width": 0,
5749
- },
5750
- "shadowOpacity": 0.4,
5751
- "shadowRadius": 16,
5752
5720
  "transform": [
5753
5721
  {
5754
5722
  "scaleY": 1,
package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap CHANGED
@@ -12,7 +12,7 @@ exports[`StyledKnot renders correct style 1`] = `
12
12
  collapsable={false}
13
13
  style={
14
14
  {
15
- "backgroundColor": undefined,
15
+ "backgroundColor": "#ffffff",
16
16
  "borderRadius": 999,
17
17
  "height": 16,
18
18
  "width": 16,
package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -49,7 +49,7 @@ exports[`Switch renders correctly 1`] = `
49
49
  collapsable={false}
50
50
  style={
51
51
  {
52
- "backgroundColor": undefined,
52
+ "backgroundColor": "#ffffff",
53
53
  "borderRadius": 999,
54
54
  "height": 16,
55
55
  "left": 0,
@@ -130,7 +130,7 @@ exports[`Switch trigger press function correctly 1`] = `
130
130
  collapsable={false}
131
131
  style={
132
132
  {
133
- "backgroundColor": undefined,
133
+ "backgroundColor": "#ffffff",
134
134
  "borderRadius": 999,
135
135
  "height": 16,
136
136
  "left": 0,
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap CHANGED
@@ -720,15 +720,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
720
720
  "backgroundColor": "#ffffff",
721
721
  "borderTopLeftRadius": 16,
722
722
  "borderTopRightRadius": 16,
723
- "elevation": 10,
724
723
  "maxHeight": "94%",
725
- "shadowColor": "#001f23",
726
- "shadowOffset": {
727
- "height": 3,
728
- "width": 0,
729
- },
730
- "shadowOpacity": 0.4,
731
- "shadowRadius": 16,
732
724
  "transform": [
733
725
  {
734
726
  "scaleY": 1,
package/src/theme/__tests__/__snapshots__/index.spec.ts.snap CHANGED
@@ -215,15 +215,6 @@ exports[`theme returns correct theme object 1`] = `
215
215
  "floating": 32,
216
216
  "floatingHeaderIcon": 999,
217
217
  },
218
- "shadows": {
219
- "elevation": 10,
220
- "offset": {
221
- "height": 3,
222
- "width": 0,
223
- },
224
- "opacity": 0.4,
225
- "radius": 16,
226
- },
227
218
  "sizes": {
228
219
  "closeIcon": 48,
229
220
  "floatingCloseIcon": 12,
@@ -590,7 +581,7 @@ exports[`theme returns correct theme object 1`] = `
590
581
  "actionItemBackground": "#000000",
591
582
  "actionItemPressedBackground": "#000000",
592
583
  "actionItemText": "#ffffff",
593
- "backdropBackground": "#f6f6f7",
584
+ "backdropBackground": "#000000",
594
585
  "buttonActiveBackground": "#000000",
595
586
  "buttonBackground": "#000000",
596
587
  "buttonPressedBackground": "#000000",
@@ -614,14 +605,16 @@ exports[`theme returns correct theme object 1`] = `
614
605
  "actionItem": 999,
615
606
  },
616
607
  "shadows": {
617
- "color": "#121214",
618
- "elevation": 3,
619
- "offset": {
620
- "height": 2,
621
- "width": 0,
608
+ "default": {
609
+ "elevation": 6,
610
+ "shadowColor": "#001f23",
611
+ "shadowOffset": {
612
+ "height": 2,
613
+ "width": 0,
614
+ },
615
+ "shadowOpacity": 0.12,
616
+ "shadowRadius": 2,
622
617
  },
623
- "opacity": 0.12,
624
- "radius": 4,
625
618
  },
626
619
  "sizes": {
627
620
  "fabPairHeight": 48,
@@ -1166,7 +1159,7 @@ exports[`theme returns correct theme object 1`] = `
1166
1159
  "background": "#f6f6f7",
1167
1160
  "textBackground": "#ccd2d3",
1168
1161
  },
1169
- "thumb": undefined,
1162
+ "thumb": "#ffffff",
1170
1163
  },
1171
1164
  "radii": {
1172
1165
  "rounded": 999,
@@ -1620,6 +1613,7 @@ exports[`theme returns correct theme object 1`] = `
1620
1613
  "colors": {
1621
1614
  "archived": "#abacaf",
1622
1615
  "archivedSurface": "#dadbde",
1616
+ "black": "#000000",
1623
1617
  "darkGlobalSurface": "#001f23",
1624
1618
  "decorativePrimary": "#ffffff",
1625
1619
  "decorativePrimarySurface": "#ccd2d3",
@@ -1660,6 +1654,7 @@ exports[`theme returns correct theme object 1`] = `
1660
1654
  "successSurface": "#f0fef4",
1661
1655
  "warning": "#ffbe71",
1662
1656
  "warningSurface": "#fff6eb",
1657
+ "white": "#ffffff",
1663
1658
  },
1664
1659
  "fontSizes": {
1665
1660
  "6xlarge": 36,
package/src/theme/components/bottomSheet.ts CHANGED
@@ -4,7 +4,7 @@ const getBottomSheetTheme = (theme: GlobalTheme) => {
4
4
  const colors = {
5
5
  shadow: theme.colors.primaryOutline,
6
6
  background: theme.colors.defaultGlobalSurface,
7
- backdrop: theme.colors.overlayGlobalSurface,
7
+ backdrop: theme.colors.black,
8
8
  floatingHeaderIconBackground: theme.colors.archivedSurface,
9
9
  };
10
10
 
@@ -24,20 +24,13 @@ const getBottomSheetTheme = (theme: GlobalTheme) => {
24
24
  floatingHeaderIconPadding: theme.space.small,
25
25
  };
26
26
 
27
- const shadows = {
28
- offset: { width: 0, height: 3 },
29
- opacity: 0.4,
30
- radius: theme.radii.xlarge,
31
- elevation: 10,
32
- };
33
-
34
27
  const radii = {
35
28
  default: theme.radii.xlarge,
36
29
  floating: theme.radii['5xlarge'],
37
30
  floatingHeaderIcon: theme.radii.rounded,
38
31
  };
39
32
 
40
- return { colors, shadows, radii, sizes, space };
33
+ return { colors, radii, sizes, space };
41
34
  };
42
35
 
43
36
  export default getBottomSheetTheme;
package/src/theme/components/fab.ts CHANGED
@@ -5,12 +5,12 @@ const getFABTheme = (theme: GlobalTheme) => {
5
5
  buttonBackground: theme.colors.overlayGlobalSurface,
6
6
  buttonPressedBackground: theme.colors.overlayGlobalSurface,
7
7
  buttonActiveBackground: theme.colors.overlayGlobalSurface,
8
- icon: theme.colors.onPrimary,
8
+ icon: theme.colors.onDarkGlobalSurface,
9
9
  actionItemBackground: theme.colors.overlayGlobalSurface,
10
10
  actionItemPressedBackground: theme.colors.overlayGlobalSurface,
11
- backdropBackground: theme.colors.defaultSurface,
12
- titleText: theme.colors.onPrimary,
13
- actionItemText: theme.colors.onPrimary,
11
+ backdropBackground: theme.colors.black,
12
+ titleText: theme.colors.onDarkGlobalSurface,
13
+ actionItemText: theme.colors.onDarkGlobalSurface,
14
14
  };
15
15
 
16
16
  const sizes = {
@@ -39,11 +39,7 @@ const getFABTheme = (theme: GlobalTheme) => {
39
39
  };
40
40
 
41
41
  const shadows = {
42
- offset: theme.shadows.default.shadowOffset,
43
- opacity: theme.shadows.default.shadowOpacity,
44
- radius: theme.shadows.default.shadowRadius,
45
- elevation: theme.shadows.default.elevation,
46
- color: theme.shadows.default.shadowColor,
42
+ default: theme.shadows.cardDrawer,
47
43
  };
48
44
 
49
45
  const space = {
package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap CHANGED
@@ -4,6 +4,7 @@ exports[`eBens returns correct theme object 1`] = `
4
4
  {
5
5
  "archived": "#abacaf",
6
6
  "archivedSurface": "#dadbde",
7
+ "black": "#000000",
7
8
  "darkGlobalSurface": "#001f23",
8
9
  "decorativePrimary": "#c38cee",
9
10
  "decorativePrimarySurface": "#f3e8fc",
@@ -44,5 +45,6 @@ exports[`eBens returns correct theme object 1`] = `
44
45
  "successSurface": "#f0fef4",
45
46
  "warning": "#ffbe71",
46
47
  "warningSurface": "#fff6eb",
48
+ "white": "#ffffff",
47
49
  }
48
50
  `;