@hero-design/rn 8.90.1 → 8.91.0

package/src/theme/global/colors/__tests__/__snapshots__/swagLight.spec.ts.snap

@@ -7,6 +7,8 @@ exports[`swagDark returns correct theme object 1`] = `
   "darkGlobalSurface": "#001f23",
   "decorativePrimary": "#fdfbff",
   "decorativePrimarySurface": "#dacce4",
+  "decorativeSecondary": "#fdfbff",
+  "decorativeSecondarySurface": "#f0e6ff",
   "defaultGlobalSurface": "#ffffff",
   "defaultSurface": "#fdfbff",
   "disabledOnDefaultGlobalSurface": "#bfc1c5",

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

@@ -0,0 +1,63 @@
+import { SystemPalette } from './types';
+
+const ehWorkDarkSystemPalette: SystemPalette = {
+  black: '#000000',
+  white: '#ffffff',
+  // Surface
+  defaultGlobalSurface: '#27272A',
+  neutralGlobalSurface: '#121214',
+  darkGlobalSurface: '#fcfbff',
+  overlayGlobalSurface: '#ffffff',
+  // On Surface
+  onDefaultGlobalSurface: '#ffffff',
+  mutedOnDefaultGlobalSurface: '#a9a9b2',
+  inactiveOnDefaultGlobalSurface: '#71717a',
+  disabledOnDefaultGlobalSurface: '#52525b',
+  onDarkGlobalSurface: '#121214',
+  // Outline:
+  primaryOutline: '#a9a9b2',
+  secondaryOutline: '#3f3f46',
+  inactiveOutline: '#71717a',
+  disabledOutline: '#52525b',
+  // Archived:
+  archivedSurface: '#52525b',
+  mutedArchived: '#3f3f46',
+  archived: '#71717a',
+  onArchivedSurface: '#d4d4d8',
+  // Error:
+  errorSurface: '#7a1d06',
+  mutedError: '#9b2508',
+  error: '#bd2d09',
+  onErrorSurface: '#fcaea5',
+  // Warning:
+  warningSurface: '#963e03',
+  mutedWarning: '#c35004',
+  warning: '#dc6204',
+  onWarningSurface: '#ffe7bf',
+  // Success:
+  successSurface: '#00483e',
+  mutedSuccess: '#016256',
+  success: '#017d6d',
+  onSuccessSurface: '#6ee7d7',
+  // Info:
+  infoSurface: '#004a61',
+  mutedInfo: '#006585',
+  info: '#007da3',
+  onInfoSurface: '#70ddff',
+  // Brand:
+  primary: '#cdacfe',
+  onPrimary: '#280541',
+  secondary: '#7622d7',
+  onSecondary: '#ffffff',
+  defaultSurface: '#280541',
+  highlightedSurface: '#460078',
+  pressedSurface: '#9a58fc',
+  decorativePrimary: '#280541',
+  decorativePrimarySurface: '#74409a',
+  decorativeSecondary: '#280541',
+  decorativeSecondarySurface: '#4c1d95',
+  // Theme Mode
+  themeMode: 'dark',
+};
+
+export default ehWorkDarkSystemPalette;

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

@@ -12,6 +12,8 @@ const swagBrandSystemPallete: BrandSystemPalette = {
   pressedSurface: '#380060',
   decorativePrimary: '#fdfbff',
   decorativePrimarySurface: '#dacce4',
+  decorativeSecondary: '#fdfbff',
+  decorativeSecondarySurface: '#f0e6ff',
 };
 
 const swagSystemPalette: SystemPalette = {

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

@@ -39,6 +39,9 @@ export type GlobalSystemPalette = {
   archivedSurface: string;
   onArchivedSurface: string;
   // End of Updated 14 / Nov / 22
+
+  black?: string;
+  white?: string;
 };
 
 export type BrandSystemPalette = {

package/src/theme/global/index.ts

@@ -7,6 +7,7 @@ import workSystemPalette from './colors/work';
 import jobsSystemPalette from './colors/jobs';
 import walletSystemPalette from './colors/wallet';
 import eBensSystemPalette from './colors/eBens';
+import ehWorkDarkSystemPalette from './colors/ehWorkDark';
 
 import { getFonts, getFontSizes, getLineHeights } from './typography';
 import { getSpace } from './space';
@@ -56,4 +57,5 @@ export {
   jobsSystemPalette,
   walletSystemPalette,
   eBensSystemPalette,
+  ehWorkDarkSystemPalette,
 };

package/src/theme/index.ts

@@ -10,6 +10,7 @@ import {
   jobsSystemPalette,
   walletSystemPalette,
   eBensSystemPalette,
+  ehWorkDarkSystemPalette,
 } from './global';
 
 import type { Theme } from './getTheme';
@@ -32,6 +33,7 @@ export {
   jobsSystemPalette,
   walletSystemPalette,
   eBensSystemPalette,
+  ehWorkDarkSystemPalette,
 };
 
 export default defaultTheme;