@hero-design/rn 8.91.6 → 8.91.8

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 (32) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +17 -0
  3. package/es/index.js +63 -54
  4. package/lib/index.js +63 -54
  5. package/package.json +1 -1
  6. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +12 -2
  7. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +33 -15
  8. package/src/components/FAB/ActionGroup/index.tsx +14 -3
  9. package/src/components/MapPin/__tests__/__snapshots__/Focussed.spec.tsx.snap +3 -3
  10. package/src/components/MapPin/__tests__/__snapshots__/index.spec.tsx.snap +20 -20
  11. package/src/components/Slider/__tests__/__snapshots__/RangeSlider.spec.tsx.snap +6 -6
  12. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +17 -17
  13. package/src/theme/components/alert.ts +1 -1
  14. package/src/theme/components/bottomNavigation.ts +1 -1
  15. package/src/theme/components/chip.ts +1 -1
  16. package/src/theme/components/fab.ts +1 -1
  17. package/src/theme/components/floatingIsland.ts +1 -1
  18. package/src/theme/components/list.ts +1 -1
  19. package/src/theme/components/mapPin.ts +5 -5
  20. package/src/theme/components/search.ts +1 -1
  21. package/src/theme/components/toast.ts +1 -1
  22. package/src/theme/global/shadows/__tests__/__snapshots__/ehWorkDark.spec.ts.snap +10 -10
  23. package/src/theme/global/shadows/__tests__/__snapshots__/swagLight.spec.ts.snap +9 -9
  24. package/src/theme/global/shadows/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +6 -6
  25. package/src/theme/global/shadows/ehWorkDark.ts +11 -12
  26. package/src/theme/global/shadows/swagLight.ts +11 -12
  27. package/src/theme/global/shadows/swagLightJobs.ts +9 -9
  28. package/src/theme/global/shadows/types.ts +2 -2
  29. package/stats/8.91.7/rn-stats.html +4842 -0
  30. package/stats/8.91.8/rn-stats.html +4842 -0
  31. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +6 -2
  32. package/types/theme/global/shadows/types.d.ts +2 -2
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -408,15 +408,17 @@ exports[`ActionGroup has active true 1`] = `
408
408
  onResponderTerminationRequest={[Function]}
409
409
  onStartShouldSetResponder={[Function]}
410
410
  style={
411
- {
412
- "backgroundColor": "#000000",
413
- "bottom": 0,
414
- "left": 0,
415
- "opacity": 0.4,
416
- "position": "absolute",
417
- "right": 0,
418
- "top": 0,
419
- }
411
+ [
412
+ {
413
+ "backgroundColor": "transparent",
414
+ "bottom": 0,
415
+ "left": 0,
416
+ "position": "absolute",
417
+ "right": 0,
418
+ "top": 0,
419
+ },
420
+ undefined,
421
+ ]
420
422
  }
421
423
  testID="back-drop"
422
424
  />
@@ -437,12 +439,9 @@ exports[`ActionGroup has active true 1`] = `
437
439
  style={
438
440
  [
439
441
  {},
440
- [
441
- undefined,
442
- {
443
- "paddingBottom": 0,
444
- },
445
- ],
442
+ {
443
+ "paddingBottom": 0,
444
+ },
446
445
  ]
447
446
  }
448
447
  >
@@ -1171,6 +1170,25 @@ exports[`ActionGroup has active true 1`] = `
1171
1170
  </View>
1172
1171
  </Modal>
1173
1172
  </View>
1173
+ <View
1174
+ style={
1175
+ [
1176
+ {},
1177
+ [
1178
+ {
1179
+ "backgroundColor": "#000000",
1180
+ "bottom": 0,
1181
+ "left": 0,
1182
+ "opacity": 0.4,
1183
+ "position": "absolute",
1184
+ "right": 0,
1185
+ "top": 0,
1186
+ },
1187
+ undefined,
1188
+ ],
1189
+ ]
1190
+ }
1191
+ />
1174
1192
  <View
1175
1193
  pointerEvents="box-none"
1176
1194
  position="bottom"
package/src/components/FAB/ActionGroup/index.tsx CHANGED
@@ -7,11 +7,12 @@ import ActionItem from './ActionItem';
7
7
  import {
8
8
  StyledActionGroupContainer,
9
9
  StyledBackdrop,
10
+ StyledBackdropPressable,
10
11
  StyledContainer,
11
12
  StyledContainerInModal,
12
13
  StyledFAB,
13
14
  } from './StyledActionGroup';
14
-
15
+ import Portal from '../../Portal';
15
16
  import Box from '../../Box';
16
17
  import { FABHandles } from '../FAB';
17
18
  import { useDeprecation } from '../../../utils/hooks';
@@ -151,7 +152,17 @@ const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
151
152
  supportedOrientations={supportedOrientations}
152
153
  >
153
154
  <StyledContainerInModal testID={testID} style={[style]}>
154
- <StyledBackdrop testID="back-drop" onPress={onBackdropPress} />
155
+ <StyledBackdropPressable
156
+ testID="back-drop"
157
+ onPress={onBackdropPress}
158
+ >
159
+ {active && (
160
+ <Portal>
161
+ <StyledBackdrop />
162
+ </Portal>
163
+ )}
164
+ </StyledBackdropPressable>
165
+
155
166
  <StyledActionGroupContainer
156
167
  testID="action-group"
157
168
  pointerEvents="box-none"
@@ -159,7 +170,7 @@ const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
159
170
  opacity: actionGroupOpacity,
160
171
  }}
161
172
  >
162
- <Box style={[style, { paddingBottom: 0 }]}>
173
+ <Box style={{ paddingBottom: 0 }}>
163
174
  {items?.map((itemProp, index) => (
164
175
  <ActionItem
165
176
  key={itemProp.key || `${itemProp.icon}_${itemProp.title}`}
package/src/components/MapPin/__tests__/__snapshots__/Focussed.spec.tsx.snap CHANGED
@@ -33,12 +33,12 @@ exports[`MapPin.Focussed renders icon correctly 1`] = `
33
33
  [
34
34
  {
35
35
  "fontSize": 42,
36
- "textShadowColor": "rgba(0,0,0,0.12)",
36
+ "textShadowColor": "rgba(0,0,0,0.28)",
37
37
  "textShadowOffset": {
38
- "height": 2,
38
+ "height": 4,
39
39
  "width": 0,
40
40
  },
41
- "textShadowRadius": 4,
41
+ "textShadowRadius": 8,
42
42
  },
43
43
  undefined,
44
44
  ],
package/src/components/MapPin/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -33,16 +33,16 @@ exports[`MapPin renders applied state correctly 1`] = `
33
33
  "borderRadius": 12,
34
34
  "borderWidth": 4,
35
35
  "display": "flex",
36
- "elevation": 3,
36
+ "elevation": 10,
37
37
  "height": 42,
38
38
  "justifyContent": "center",
39
- "shadowColor": "#121214",
39
+ "shadowColor": "#001f23",
40
40
  "shadowOffset": {
41
- "height": 2,
41
+ "height": 4,
42
42
  "width": 0,
43
43
  },
44
- "shadowOpacity": 0.12,
45
- "shadowRadius": 4,
44
+ "shadowOpacity": 0.28,
45
+ "shadowRadius": 8,
46
46
  "width": 42,
47
47
  },
48
48
  undefined,
@@ -168,16 +168,16 @@ exports[`MapPin renders icon correctly 1`] = `
168
168
  "borderRadius": 12,
169
169
  "borderWidth": 4,
170
170
  "display": "flex",
171
- "elevation": 3,
171
+ "elevation": 10,
172
172
  "height": 42,
173
173
  "justifyContent": "center",
174
- "shadowColor": "#121214",
174
+ "shadowColor": "#001f23",
175
175
  "shadowOffset": {
176
- "height": 2,
176
+ "height": 4,
177
177
  "width": 0,
178
178
  },
179
- "shadowOpacity": 0.12,
180
- "shadowRadius": 4,
179
+ "shadowOpacity": 0.28,
180
+ "shadowRadius": 8,
181
181
  "width": 42,
182
182
  },
183
183
  undefined,
@@ -263,16 +263,16 @@ exports[`MapPin renders image correctly 1`] = `
263
263
  "borderRadius": 12,
264
264
  "borderWidth": 4,
265
265
  "display": "flex",
266
- "elevation": 3,
266
+ "elevation": 10,
267
267
  "height": 42,
268
268
  "justifyContent": "center",
269
- "shadowColor": "#121214",
269
+ "shadowColor": "#001f23",
270
270
  "shadowOffset": {
271
- "height": 2,
271
+ "height": 4,
272
272
  "width": 0,
273
273
  },
274
- "shadowOpacity": 0.12,
275
- "shadowRadius": 4,
274
+ "shadowOpacity": 0.28,
275
+ "shadowRadius": 8,
276
276
  "width": 42,
277
277
  },
278
278
  undefined,
@@ -356,16 +356,16 @@ exports[`MapPin renders selected state correctly 1`] = `
356
356
  "borderRadius": 12,
357
357
  "borderWidth": 4,
358
358
  "display": "flex",
359
- "elevation": 3,
359
+ "elevation": 10,
360
360
  "height": 42,
361
361
  "justifyContent": "center",
362
- "shadowColor": "#121214",
362
+ "shadowColor": "#001f23",
363
363
  "shadowOffset": {
364
- "height": 2,
364
+ "height": 4,
365
365
  "width": 0,
366
366
  },
367
- "shadowOpacity": 0.12,
368
- "shadowRadius": 4,
367
+ "shadowOpacity": 0.28,
368
+ "shadowRadius": 8,
369
369
  "width": 42,
370
370
  },
371
371
  undefined,
package/src/components/Slider/__tests__/__snapshots__/RangeSlider.spec.tsx.snap CHANGED
@@ -157,15 +157,15 @@ exports[`StyledMarker renders correctly when disabled is false 1`] = `
157
157
  {
158
158
  "backgroundColor": "#401960",
159
159
  "borderRadius": 999,
160
- "elevation": 3,
160
+ "elevation": 6,
161
161
  "height": 24,
162
- "shadowColor": "#121214",
162
+ "shadowColor": "#001f23",
163
163
  "shadowOffset": {
164
164
  "height": 2,
165
165
  "width": 0,
166
166
  },
167
167
  "shadowOpacity": 0.12,
168
- "shadowRadius": 4,
168
+ "shadowRadius": 2,
169
169
  "width": 24,
170
170
  },
171
171
  undefined,
@@ -211,15 +211,15 @@ exports[`StyledMarker renders correctly when disabled is true 1`] = `
211
211
  {
212
212
  "backgroundColor": "#bfc1c5",
213
213
  "borderRadius": 999,
214
- "elevation": 3,
214
+ "elevation": 6,
215
215
  "height": 24,
216
- "shadowColor": "#121214",
216
+ "shadowColor": "#001f23",
217
217
  "shadowOffset": {
218
218
  "height": 2,
219
219
  "width": 0,
220
220
  },
221
221
  "shadowOpacity": 0.12,
222
- "shadowRadius": 4,
222
+ "shadowRadius": 2,
223
223
  "width": 24,
224
224
  },
225
225
  undefined,
package/src/theme/__tests__/__snapshots__/index.spec.ts.snap CHANGED
@@ -780,14 +780,14 @@ exports[`theme returns correct theme object 1`] = `
780
780
  "default": 12,
781
781
  },
782
782
  "shadows": {
783
- "color": "#121214",
784
- "elevation": 3,
783
+ "color": "#001f23",
784
+ "elevation": 10,
785
785
  "offset": {
786
- "height": 2,
786
+ "height": 4,
787
787
  "width": 0,
788
788
  },
789
- "opacity": 0.12,
790
- "radius": 4,
789
+ "opacity": 0.28,
790
+ "radius": 8,
791
791
  },
792
792
  "sizes": {
793
793
  "badge": 24,
@@ -1086,14 +1086,14 @@ exports[`theme returns correct theme object 1`] = `
1086
1086
  },
1087
1087
  "shadows": {
1088
1088
  "marker": {
1089
- "elevation": 3,
1090
- "shadowColor": "#121214",
1089
+ "elevation": 6,
1090
+ "shadowColor": "#001f23",
1091
1091
  "shadowOffset": {
1092
1092
  "height": 2,
1093
1093
  "width": 0,
1094
1094
  },
1095
1095
  "shadowOpacity": 0.12,
1096
- "shadowRadius": 4,
1096
+ "shadowRadius": 2,
1097
1097
  },
1098
1098
  },
1099
1099
  "sizes": {
@@ -1732,27 +1732,27 @@ exports[`theme returns correct theme object 1`] = `
1732
1732
  "xxxlarge": 24,
1733
1733
  },
1734
1734
  "shadows": {
1735
- "cardDrawer": {
1736
- "elevation": 6,
1735
+ "deep": {
1736
+ "elevation": 10,
1737
1737
  "shadowColor": "#001f23",
1738
1738
  "shadowOffset": {
1739
- "height": 2,
1739
+ "height": 4,
1740
1740
  "width": 0,
1741
1741
  },
1742
- "shadowOpacity": 0.12,
1743
- "shadowRadius": 2,
1742
+ "shadowOpacity": 0.28,
1743
+ "shadowRadius": 8,
1744
1744
  },
1745
1745
  "default": {
1746
- "elevation": 3,
1747
- "shadowColor": "#121214",
1746
+ "elevation": 6,
1747
+ "shadowColor": "#001f23",
1748
1748
  "shadowOffset": {
1749
1749
  "height": 2,
1750
1750
  "width": 0,
1751
1751
  },
1752
1752
  "shadowOpacity": 0.12,
1753
- "shadowRadius": 4,
1753
+ "shadowRadius": 2,
1754
1754
  },
1755
- "tabBar": {
1755
+ "medium": {
1756
1756
  "elevation": 10,
1757
1757
  "shadowColor": "#001f23",
1758
1758
  "shadowOffset": {
package/src/theme/components/alert.ts CHANGED
@@ -39,7 +39,7 @@ const getAlertTheme = (theme: GlobalTheme) => {
39
39
  };
40
40
 
41
41
  const shadows = {
42
- wrapper: theme.shadows.cardDrawer,
42
+ wrapper: theme.shadows.default,
43
43
  };
44
44
 
45
45
  return { colors, radii, sizes, space, borderWidths, shadows };
package/src/theme/components/bottomNavigation.ts CHANGED
@@ -16,7 +16,7 @@ const getBottomNavigationTheme = (theme: GlobalTheme) => {
16
16
  };
17
17
 
18
18
  const shadows = {
19
- wrapper: theme.shadows.tabBar,
19
+ wrapper: theme.shadows.medium,
20
20
  };
21
21
 
22
22
  const space = {
package/src/theme/components/chip.ts CHANGED
@@ -30,7 +30,7 @@ const getChipTheme = (theme: GlobalTheme) => {
30
30
  };
31
31
 
32
32
  const shadows = {
33
- filledWrapper: theme.shadows.cardDrawer,
33
+ filledWrapper: theme.shadows.default,
34
34
  };
35
35
 
36
36
  const fontSizes = {
package/src/theme/components/fab.ts CHANGED
@@ -39,7 +39,7 @@ const getFABTheme = (theme: GlobalTheme) => {
39
39
  };
40
40
 
41
41
  const shadows = {
42
- default: theme.shadows.cardDrawer,
42
+ default: theme.shadows.default,
43
43
  };
44
44
 
45
45
  const space = {
package/src/theme/components/floatingIsland.ts CHANGED
@@ -10,7 +10,7 @@ const getFloatingIslandTheme = (theme: GlobalTheme) => {
10
10
  };
11
11
 
12
12
  const shadows = {
13
- wrapper: theme.shadows.cardDrawer,
13
+ wrapper: theme.shadows.default,
14
14
  };
15
15
 
16
16
  const space = {
package/src/theme/components/list.ts CHANGED
@@ -28,7 +28,7 @@ const getListTheme = (theme: GlobalTheme) => {
28
28
  };
29
29
 
30
30
  const shadows = {
31
- card: theme.shadows.cardDrawer,
31
+ card: theme.shadows.default,
32
32
  };
33
33
 
34
34
  const widths = {
package/src/theme/components/mapPin.ts CHANGED
@@ -37,11 +37,11 @@ const getMapPinTheme = (theme: GlobalTheme) => {
37
37
  };
38
38
 
39
39
  const shadows = {
40
- offset: theme.shadows.default.shadowOffset,
41
- opacity: theme.shadows.default.shadowOpacity,
42
- radius: theme.shadows.default.shadowRadius,
43
- elevation: theme.shadows.default.elevation,
44
- color: theme.shadows.default.shadowColor,
40
+ offset: theme.shadows.deep.shadowOffset,
41
+ opacity: theme.shadows.deep.shadowOpacity,
42
+ radius: theme.shadows.deep.shadowRadius,
43
+ elevation: theme.shadows.deep.elevation,
44
+ color: theme.shadows.deep.shadowColor,
45
45
  };
46
46
 
47
47
  return { sizes, colors, borderWidths, radii, shadows, space, fontSizes };
package/src/theme/components/search.ts CHANGED
@@ -18,7 +18,7 @@ const getSearchTheme = (theme: GlobalTheme) => {
18
18
  };
19
19
 
20
20
  const shadows = {
21
- container: theme.shadows.cardDrawer,
21
+ container: theme.shadows.default,
22
22
  };
23
23
 
24
24
  const space = {
package/src/theme/components/toast.ts CHANGED
@@ -43,7 +43,7 @@ const getToastTheme = (theme: GlobalTheme) => {
43
43
  };
44
44
 
45
45
  const shadows = {
46
- wrapper: theme.shadows.cardDrawer,
46
+ wrapper: theme.shadows.default,
47
47
  };
48
48
 
49
49
  return { colors, radii, sizes, space, borderWidths, shadows };
package/src/theme/global/shadows/__tests__/__snapshots__/ehWorkDark.spec.ts.snap CHANGED
@@ -2,27 +2,27 @@
2
2
 
3
3
  exports[`ehWorkDarkShadowPalette returns correct theme object 1`] = `
4
4
  {
5
- "cardDrawer": {
6
- "elevation": 6,
5
+ "deep": {
6
+ "elevation": 10,
7
7
  "shadowColor": "#000000",
8
8
  "shadowOffset": {
9
- "height": 2,
9
+ "height": 4,
10
10
  "width": 0,
11
11
  },
12
- "shadowOpacity": 0.56,
13
- "shadowRadius": 2,
12
+ "shadowOpacity": 0.64,
13
+ "shadowRadius": 8,
14
14
  },
15
15
  "default": {
16
- "elevation": 3,
17
- "shadowColor": "#a9a9b2",
16
+ "elevation": 6,
17
+ "shadowColor": "#000000",
18
18
  "shadowOffset": {
19
19
  "height": 2,
20
20
  "width": 0,
21
21
  },
22
- "shadowOpacity": 0.12,
23
- "shadowRadius": 4,
22
+ "shadowOpacity": 0.56,
23
+ "shadowRadius": 2,
24
24
  },
25
- "tabBar": {
25
+ "medium": {
26
26
  "elevation": 10,
27
27
  "shadowColor": "#000000",
28
28
  "shadowOffset": {
package/src/theme/global/shadows/__tests__/__snapshots__/swagLight.spec.ts.snap CHANGED
@@ -2,27 +2,27 @@
2
2
 
3
3
  exports[`swagLightShadowPalette returns correct theme object 1`] = `
4
4
  {
5
- "cardDrawer": {
6
- "elevation": 6,
5
+ "deep": {
6
+ "elevation": 10,
7
7
  "shadowColor": "#001f23",
8
8
  "shadowOffset": {
9
- "height": 2,
9
+ "height": 4,
10
10
  "width": 0,
11
11
  },
12
- "shadowOpacity": 0.12,
13
- "shadowRadius": 2,
12
+ "shadowOpacity": 0.28,
13
+ "shadowRadius": 8,
14
14
  },
15
15
  "default": {
16
- "elevation": 3,
17
- "shadowColor": "#121214",
16
+ "elevation": 6,
17
+ "shadowColor": "#001f23",
18
18
  "shadowOffset": {
19
19
  "height": 2,
20
20
  "width": 0,
21
21
  },
22
22
  "shadowOpacity": 0.12,
23
- "shadowRadius": 4,
23
+ "shadowRadius": 2,
24
24
  },
25
- "tabBar": {
25
+ "medium": {
26
26
  "elevation": 10,
27
27
  "shadowColor": "#001f23",
28
28
  "shadowOffset": {
package/src/theme/global/shadows/__tests__/__snapshots__/swagLightJobs.spec.ts.snap CHANGED
@@ -2,15 +2,15 @@
2
2
 
3
3
  exports[`swagLightJobsShadowPalette returns correct theme object 1`] = `
4
4
  {
5
- "cardDrawer": {
6
- "elevation": 6,
5
+ "deep": {
6
+ "elevation": 10,
7
7
  "shadowColor": "#001f23",
8
8
  "shadowOffset": {
9
- "height": 2,
9
+ "height": 4,
10
10
  "width": 0,
11
11
  },
12
- "shadowOpacity": 0.12,
13
- "shadowRadius": 2,
12
+ "shadowOpacity": 0.28,
13
+ "shadowRadius": 8,
14
14
  },
15
15
  "default": {
16
16
  "elevation": 3,
@@ -22,7 +22,7 @@ exports[`swagLightJobsShadowPalette returns correct theme object 1`] = `
22
22
  "shadowOpacity": 0.12,
23
23
  "shadowRadius": 4,
24
24
  },
25
- "tabBar": {
25
+ "medium": {
26
26
  "elevation": 10,
27
27
  "shadowColor": "#001f23",
28
28
  "shadowOffset": {
package/src/theme/global/shadows/ehWorkDark.ts CHANGED
@@ -1,18 +1,7 @@
1
- import ehWorkDarkSystemPalette from '../colors/ehWorkDark';
2
1
  import type { ShadowPalette } from './types';
3
2
 
4
3
  const ehWorkDarkShadowPalette: ShadowPalette = {
5
4
  default: {
6
- shadowOffset: {
7
- width: 0,
8
- height: 2,
9
- },
10
- shadowColor: ehWorkDarkSystemPalette.primaryOutline,
11
- shadowOpacity: 0.12,
12
- shadowRadius: 4,
13
- elevation: 3,
14
- },
15
- cardDrawer: {
16
5
  shadowOffset: {
17
6
  width: 0,
18
7
  height: 2,
@@ -22,7 +11,7 @@ const ehWorkDarkShadowPalette: ShadowPalette = {
22
11
  shadowRadius: 2,
23
12
  elevation: 6,
24
13
  },
25
- tabBar: {
14
+ medium: {
26
15
  shadowOffset: {
27
16
  width: 0,
28
17
  height: -4,
@@ -32,6 +21,16 @@ const ehWorkDarkShadowPalette: ShadowPalette = {
32
21
  shadowRadius: 6,
33
22
  elevation: 10,
34
23
  },
24
+ deep: {
25
+ shadowOffset: {
26
+ width: 0,
27
+ height: 4,
28
+ },
29
+ shadowColor: '#000000',
30
+ shadowOpacity: 0.64,
31
+ shadowRadius: 8,
32
+ elevation: 10,
33
+ },
35
34
  };
36
35
 
37
36
  export default ehWorkDarkShadowPalette;
package/src/theme/global/shadows/swagLight.ts CHANGED
@@ -1,18 +1,7 @@
1
- import swagLightSystemPalette from '../colors/swagLight';
2
1
  import type { ShadowPalette } from './types';
3
2
 
4
3
  const swagLightShadowPalette: ShadowPalette = {
5
4
  default: {
6
- shadowOffset: {
7
- width: 0,
8
- height: 2,
9
- },
10
- shadowColor: swagLightSystemPalette.primaryOutline,
11
- shadowOpacity: 0.12,
12
- shadowRadius: 4,
13
- elevation: 3,
14
- },
15
- cardDrawer: {
16
5
  shadowOffset: {
17
6
  width: 0,
18
7
  height: 2,
@@ -22,7 +11,7 @@ const swagLightShadowPalette: ShadowPalette = {
22
11
  shadowRadius: 2,
23
12
  elevation: 6,
24
13
  },
25
- tabBar: {
14
+ medium: {
26
15
  shadowOffset: {
27
16
  width: 0,
28
17
  height: -4,
@@ -32,6 +21,16 @@ const swagLightShadowPalette: ShadowPalette = {
32
21
  shadowRadius: 6,
33
22
  elevation: 10,
34
23
  },
24
+ deep: {
25
+ shadowOffset: {
26
+ width: 0,
27
+ height: 4,
28
+ },
29
+ shadowColor: '#001f23',
30
+ shadowOpacity: 0.28,
31
+ shadowRadius: 8,
32
+ elevation: 10,
33
+ },
35
34
  };
36
35
 
37
36
  export default swagLightShadowPalette;
package/src/theme/global/shadows/swagLightJobs.ts CHANGED
@@ -12,24 +12,24 @@ const swagLightJobsShadowPalette: ShadowPalette = {
12
12
  shadowRadius: 4,
13
13
  elevation: 3,
14
14
  },
15
- cardDrawer: {
15
+ medium: {
16
16
  shadowOffset: {
17
17
  width: 0,
18
- height: 2,
18
+ height: -4,
19
19
  },
20
20
  shadowColor: '#001f23',
21
- shadowOpacity: 0.12,
22
- shadowRadius: 2,
23
- elevation: 6,
21
+ shadowOpacity: 0.04,
22
+ shadowRadius: 6,
23
+ elevation: 10,
24
24
  },
25
- tabBar: {
25
+ deep: {
26
26
  shadowOffset: {
27
27
  width: 0,
28
- height: -4,
28
+ height: 4,
29
29
  },
30
30
  shadowColor: '#001f23',
31
- shadowOpacity: 0.04,
32
- shadowRadius: 6,
31
+ shadowOpacity: 0.28,
32
+ shadowRadius: 8,
33
33
  elevation: 10,
34
34
  },
35
35
  };
package/src/theme/global/shadows/types.ts CHANGED
@@ -11,6 +11,6 @@ export type ShadowStyles = {
11
11
 
12
12
  export type ShadowPalette = {
13
13
  default: ShadowStyles;
14
- cardDrawer: ShadowStyles;
15
- tabBar: ShadowStyles;
14
+ medium: ShadowStyles;
15
+ deep: ShadowStyles;
16
16
  };