@hero-design/rn 8.89.0 → 8.90.1

package/src/theme/components/icon.ts

@@ -15,6 +15,7 @@ const getIconTheme = (theme: GlobalTheme) => {
   };
 
   const sizes = {
+    xxxsmall: theme.fontSizes.small,
     xsmall: theme.fontSizes.large,
     small: theme.fontSizes.xxlarge,
     medium: theme.fontSizes.xxxlarge,

package/src/theme/getTheme.ts

@@ -52,8 +52,11 @@ import getSearchTheme from './components/search';
 import getMapPinTheme from './components/mapPin';
 import getFloatingIslandTheme from './components/floatingIsland';
 import getAppCueTheme from './components/appCue';
+import { ThemeMode } from './global/colors/types';
 
 type Theme = GlobalTheme & {
+  themeMode?: ThemeMode;
+} & {
   __hd__: {
     accordion: ReturnType<typeof getAccordionTheme>;
     alert: ReturnType<typeof getAlertTheme>;
@@ -114,6 +117,7 @@ const getTheme = (
 ): Theme => {
   const globalTheme = getGlobalTheme(scale, systemPallete);
   return {
+    themeMode: systemPallete.themeMode,
     ...globalTheme,
     __hd__: {
       accordion: getAccordionTheme(globalTheme),

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

@@ -42,6 +42,7 @@ exports[`swagDark returns correct theme object 1`] = `
   "secondaryOutline": "#193539",
   "success": "#017162",
   "successSurface": "#004e48",
+  "themeMode": "dark",
   "warning": "#a56822",
   "warningSurface": "#4d4628",
 }

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

@@ -20,6 +20,8 @@ const swagDarkSystemPalette: SystemPalette = {
   ...globalDarkPalette,
   // Brand
   ...swagDarkBrandSystemPalette,
+  // Theme Mode
+  themeMode: 'dark',
 };
 
 export default swagDarkSystemPalette;

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

@@ -61,4 +61,8 @@ export type BrandSystemPalette = {
   decorativeSecondarySurface?: string;
 };
 
-export type SystemPalette = GlobalSystemPalette & BrandSystemPalette;
+export type ThemeMode = 'light' | 'dark';
+export type SystemPalette = GlobalSystemPalette &
+  BrandSystemPalette & {
+    themeMode?: ThemeMode;
+  };