@hero-design/rn 8.11.3 → 8.11.4-rc.1

package/src/theme/global/colors/__tests__/jobs.spec.ts

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

package/src/theme/global/colors/__tests__/swag.spec.ts

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

package/src/theme/global/colors/__tests__/swagDark.spec.ts

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

package/src/theme/global/colors/__tests__/wallet.spec.ts

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

package/src/theme/global/colors/__tests__/work.spec.ts

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

package/src/theme/global/colors/globalDark.ts

@@ -0,0 +1,51 @@
+import { defaultDarkMobilePalette as palette } from '@hero-design/colors';
+import type { GlobalSystemPalette } from './types';
+
+const globalPalette: GlobalSystemPalette = {
+  // Updated 21 / Nov / 22
+  // Surfaces
+  defaultGlobalSurface: palette.maasstrichtBlue,
+  onDefaultGlobalSurface: palette.white,
+  neutralGlobalSurface: palette.maasstrichtBlueLight15,
+  mutedOnDefaultGlobalSurface: palette.maasstrichtBlueLight70,
+  inactiveOnDefaultGlobalSurface: palette.maasstrichtBlueLight60,
+  disabledOnDefaultGlobalSurface: palette.greyDark20,
+  darkGlobalSurface: palette.white,
+  onDarkGlobalSurface: palette.maasstrichtBlue,
+  overlayGlobalSurface: palette.greyDark30,
+
+  // Outlines
+  primaryOutline: palette.white,
+  secondaryOutline: palette.maasstrichtBlueLight10,
+  inactiveOutline: palette.maasstrichtBlueLight60,
+  disabledOutline: palette.greyDark20,
+
+  // Accents
+  error: palette.pastelRed,
+  mutedError: palette.pastelRedLight20,
+  errorSurface: palette.linen,
+  onErrorSurface: palette.vermilion,
+
+  warning: palette.mellowApricot,
+  mutedWarning: palette.mellowApricotLight20,
+  warningSurface: palette.seashell,
+  onWarningSurface: palette.deepSaffron,
+
+  success: palette.emerald,
+  mutedSuccess: palette.emeraldLight20,
+  successSurface: palette.honeydew,
+  onSuccessSurface: palette.pineGreen,
+
+  info: palette.vodka,
+  mutedInfo: palette.vodkaLight20,
+  infoSurface: palette.aliceBlue,
+  onInfoSurface: palette.ultramarineBlue,
+
+  archived: palette.silverChalice,
+  mutedArchived: palette.silverChaliceLight20,
+  archivedSurface: palette.antiFlashWhite,
+  onArchivedSurface: palette.sonicSilver,
+  // End of Updated 21 / Nov / 22
+};
+
+export default globalPalette;

package/src/theme/global/colors/swagDark.ts

@@ -0,0 +1,25 @@
+import { swagDarkPalette as palette } from '@hero-design/colors';
+import type { SystemPalette, BrandSystemPalette } from './types';
+import globalDarkPalette from './globalDark';
+
+const swagDarkBrandSystemPallete: BrandSystemPalette = {
+  primary: palette.mauve,
+  onPrimary: palette.maasstrichtBlue,
+  secondary: palette.mauveLight30,
+  onSecondary: palette.maasstrichtBlue,
+  defaultSurface: palette.maasstrichtBlue,
+  highlightedSurface: palette.scarletGumDark65,
+  pressedSurface: palette.scarletGumLight20,
+
+  decorativePrimary: palette.maasstrichtBlue,
+  decorativePrimarySurface: palette.maasstrichtBlueLight10,
+};
+
+const swagDarkSystemPalette: SystemPalette = {
+  // Global
+  ...globalDarkPalette,
+  // Brand
+  ...swagDarkBrandSystemPallete,
+};
+
+export default swagDarkSystemPalette;

package/src/theme/global/index.ts

@@ -1,5 +1,6 @@
 import { scale as defaultScale } from './scale';
 import swagSystemPalette from './colors/swag';
+import swagDarkSystemPalette from './colors/swagDark';
 import workSystemPalette from './colors/work';
 import jobsSystemPalette from './colors/jobs';
 import walletSystemPalette from './colors/wallet';
@@ -43,6 +44,7 @@ export {
   getGlobalTheme,
   defaultScale,
   swagSystemPalette,
+  swagDarkSystemPalette,
   workSystemPalette,
   jobsSystemPalette,
   walletSystemPalette,

package/src/theme/index.ts

@@ -3,6 +3,7 @@ import ThemeProvider, { useTheme } from './ThemeProvider';
 import ThemeSwitcher from './ThemeSwitcher';
 import {
   swagSystemPalette,
+  swagDarkSystemPalette,
   workSystemPalette,
   jobsSystemPalette,
   walletSystemPalette,
@@ -21,6 +22,7 @@ export {
   ThemeSwitcher,
   useTheme,
   swagSystemPalette,
+  swagDarkSystemPalette,
   workSystemPalette,
   jobsSystemPalette,
   walletSystemPalette,