@fluentui-react-native/apple-theme 0.20.1 → 0.21.0

package/src/__tests__/apple-theme.test.ts

@@ -4,10 +4,25 @@ import { getIsHighContrast, setIsHighContrast } from '../appleHighContrast.macos
 import { createAppleTheme } from '../createAppleTheme';
 import { createMacOSColorAliasTokens, createMacOSShadowAliasTokens } from '../createMacOSAliasTokens';
 
-// For some reason the automatically mocked AccessibilityInfo object is the react-native version, not the
-// react-native-macos version, which doesn't contain the isHighContrastEnabled function that is accessed in
-// createAppleTheme. Use the actual module instead
-jest.dontMock('react-native-macos/Libraries/Components/AccessibilityInfo/AccessibilityInfo');
+jest.mock('react-native-macos/Libraries/Components/AccessibilityInfo/AccessibilityInfo', () => ({
+  __esModule: true,
+  default: {
+    addEventListener: jest.fn(),
+    announceForAccessibility: jest.fn(),
+    isAccessibilityServiceEnabled: jest.fn(),
+    isBoldTextEnabled: jest.fn(),
+    isGrayscaleEnabled: jest.fn(),
+    isInvertColorsEnabled: jest.fn(),
+    isReduceMotionEnabled: jest.fn(),
+    prefersCrossFadeTransitions: jest.fn(),
+    isReduceTransparencyEnabled: jest.fn(),
+    isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
+    setAccessibilityFocus: jest.fn(),
+    sendAccessibilityEvent: jest.fn(),
+    getRecommendedTimeoutMillis: jest.fn(),
+    isHighContrastEnabled: () => Promise.resolve(false),
+  },
+}));
 
 const macOSAliasTokensTable: [AppearanceOptions, boolean][] = [
   ['light', true],

package/src/appleColors.macos.ts

@@ -1,4 +1,6 @@
 import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-native/theme-types';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 import { PlatformColor, DynamicColorMacOS, ColorWithSystemEffectMacOS } from 'react-native-macos';
 
 import type { AppleSemanticPalette, FluentUIApplePalette } from './appleColors.types.macos';
@@ -593,15 +595,5 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
 
     strokeFocus1: macOSAliasColorTokens.strokeFocus1,
     strokeFocus2: macOSAliasColorTokens.strokeFocus2,
-
-    redBackground1: macOSAliasColorTokens.redBackground1,
-    redBackground2: macOSAliasColorTokens.redBackground2,
-    redBackground3: macOSAliasColorTokens.redBackground3,
-    redForeground1: macOSAliasColorTokens.redForeground1,
-    redForeground2: macOSAliasColorTokens.redForeground2,
-    redForeground3: macOSAliasColorTokens.redForeground3,
-    redBorderActive: macOSAliasColorTokens.redBorderActive,
-    redBorder1: macOSAliasColorTokens.redBorder1,
-    redBorder2: macOSAliasColorTokens.redBorder2,
   };
 }

package/src/createAppleTheme.macos.ts

@@ -19,6 +19,8 @@ export function createAppleTheme(): ThemeReference {
   // Fetch initial system settings for high contrast mode
   highContrastHandler();
   // Invalidate theme and set prop when high contrast setting changes
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
   AccessibilityInfo.addEventListener('highContrastChanged', () => {
     highContrastHandler();
   });
@@ -30,6 +32,8 @@ export function createAppleTheme(): ThemeReference {
 }
 
 function highContrastHandler() {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
   AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
     setIsHighContrast(isEnabled);
     appleThemeReference.invalidate();