@hero-design/rn 8.91.1 → 8.91.3

package/src/theme/global/shadows/__tests__/__snapshots__/swagLightJobs.spec.ts.snap

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`swagLightJobsShadowPalette returns correct theme object 1`] = `
+{
+  "cardDrawer": {
+    "elevation": 6,
+    "shadowColor": "#001f23",
+    "shadowOffset": {
+      "height": 2,
+      "width": 0,
+    },
+    "shadowOpacity": 0.12,
+    "shadowRadius": 2,
+  },
+  "default": {
+    "elevation": 3,
+    "shadowColor": "#121214",
+    "shadowOffset": {
+      "height": 2,
+      "width": 0,
+    },
+    "shadowOpacity": 0.12,
+    "shadowRadius": 4,
+  },
+  "tabBar": {
+    "elevation": 10,
+    "shadowColor": "#001f23",
+    "shadowOffset": {
+      "height": -4,
+      "width": 0,
+    },
+    "shadowOpacity": 0.04,
+    "shadowRadius": 6,
+  },
+}
+`;

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

@@ -0,0 +1,7 @@
+import ehWorkDarkShadowPalette from '../ehWorkDark';
+
+describe('ehWorkDarkShadowPalette', () => {
+  it('returns correct theme object', () => {
+    expect(ehWorkDarkShadowPalette).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,24 @@
+import swagLightSystemPalette from '../../colors/swagLight';
+import swagLightJobsSystemPalette from '../../colors/swagLightJobs';
+import ehWorkDarkSystemPalette from '../../colors/ehWorkDark';
+import swagSystemPalette from '../../colors/swag';
+import { getShadows } from '../index';
+import swagLightShadowPalette from '../swagLight';
+import swagLightJobsShadowPalette from '../swagLightJobs';
+import ehWorkDarkShadowPalette from '../ehWorkDark';
+
+describe('getShadows', () => {
+  it.each`
+    colorPalette                  | shadowPalette
+    ${swagLightSystemPalette}     | ${swagLightShadowPalette}
+    ${swagLightJobsSystemPalette} | ${swagLightJobsShadowPalette}
+    ${ehWorkDarkSystemPalette}    | ${ehWorkDarkShadowPalette}
+    ${swagSystemPalette}          | ${swagLightShadowPalette}
+  `(
+    'should return the correct shadow palette for $colorPalette',
+    ({ colorPalette, shadowPalette }) => {
+      const actual = getShadows(colorPalette);
+      expect(actual).toEqual(shadowPalette);
+    }
+  );
+});

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

@@ -0,0 +1,7 @@
+import swagLightShadowPalette from '../swagLight';
+
+describe('swagLightShadowPalette', () => {
+  it('returns correct theme object', () => {
+    expect(swagLightShadowPalette).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,7 @@
+import swagLightJobsShadowPalette from '../swagLightJobs';
+
+describe('swagLightJobsShadowPalette', () => {
+  it('returns correct theme object', () => {
+    expect(swagLightJobsShadowPalette).toMatchSnapshot();
+  });
+});

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;
+};