@hero-design/rn 8.91.0 → 8.91.3

package/src/theme/global/shadows/ehWorkDark.ts

@@ -0,0 +1,37 @@
+import ehWorkDarkSystemPalette from '../colors/ehWorkDark';
+import type { ShadowPalette } from './types';
+
+const ehWorkDarkShadowPalette: ShadowPalette = {
+  default: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowColor: ehWorkDarkSystemPalette.primaryOutline,
+    shadowOpacity: 0.12,
+    shadowRadius: 4,
+    elevation: 3,
+  },
+  cardDrawer: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowColor: '#000000',
+    shadowOpacity: 0.56,
+    shadowRadius: 2,
+    elevation: 6,
+  },
+  tabBar: {
+    shadowOffset: {
+      width: 0,
+      height: -4,
+    },
+    shadowColor: '#000000',
+    shadowOpacity: 0.24,
+    shadowRadius: 6,
+    elevation: 10,
+  },
+};
+
+export default ehWorkDarkShadowPalette;

package/src/theme/global/shadows/index.ts

@@ -0,0 +1,23 @@
+import swagLightShadowPalette from './swagLight';
+import swagLightJobsShadowPalette from './swagLightJobs';
+import ehWorkDarkShadowPalette from './ehWorkDark';
+
+import { SystemPalette } from '../colors/types';
+
+const getShadows = (palette: SystemPalette) => {
+  switch (palette.name) {
+    case 'swagLight':
+      return swagLightShadowPalette;
+    case 'swagLightJobs':
+      return swagLightJobsShadowPalette;
+    case 'ehWorkDark':
+      return ehWorkDarkShadowPalette;
+    default:
+      return swagLightShadowPalette;
+  }
+};
+
+type Shadows = ReturnType<typeof getShadows>;
+
+export { getShadows };
+export type { Shadows };

package/src/theme/global/shadows/swagLight.ts

@@ -0,0 +1,37 @@
+import swagLightSystemPalette from '../colors/swagLight';
+import type { ShadowPalette } from './types';
+
+const swagLightShadowPalette: ShadowPalette = {
+  default: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowColor: swagLightSystemPalette.primaryOutline,
+    shadowOpacity: 0.12,
+    shadowRadius: 4,
+    elevation: 3,
+  },
+  cardDrawer: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowColor: '#001f23',
+    shadowOpacity: 0.12,
+    shadowRadius: 2,
+    elevation: 6,
+  },
+  tabBar: {
+    shadowOffset: {
+      width: 0,
+      height: -4,
+    },
+    shadowColor: '#001f23',
+    shadowOpacity: 0.04,
+    shadowRadius: 6,
+    elevation: 10,
+  },
+};
+
+export default swagLightShadowPalette;

package/src/theme/global/shadows/swagLightJobs.ts

@@ -0,0 +1,37 @@
+import type { ShadowPalette } from './types';
+import swagLightJobsSystemPalette from '../colors/swagLightJobs';
+
+const swagLightJobsShadowPalette: ShadowPalette = {
+  default: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowColor: swagLightJobsSystemPalette.primaryOutline,
+    shadowOpacity: 0.12,
+    shadowRadius: 4,
+    elevation: 3,
+  },
+  cardDrawer: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowColor: '#001f23',
+    shadowOpacity: 0.12,
+    shadowRadius: 2,
+    elevation: 6,
+  },
+  tabBar: {
+    shadowOffset: {
+      width: 0,
+      height: -4,
+    },
+    shadowColor: '#001f23',
+    shadowOpacity: 0.04,
+    shadowRadius: 6,
+    elevation: 10,
+  },
+};
+
+export default swagLightJobsShadowPalette;

package/src/theme/global/shadows/types.ts

@@ -0,0 +1,16 @@
+export type ShadowStyles = {
+  shadowOffset: {
+    width: number;
+    height: number;
+  };
+  shadowColor: string;
+  shadowOpacity: number;
+  shadowRadius: number;
+  elevation: number;
+};
+
+export type ShadowPalette = {
+  default: ShadowStyles;
+  cardDrawer: ShadowStyles;
+  tabBar: ShadowStyles;
+};