@fluentui-react-native/apple-theme 0.29.0 → 0.29.3

package/lib/appleTypography.macos.js

@@ -1,70 +1,70 @@
 /**
  * The Typography is designed to match the styles defined in the Apple HIG:
- * https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/typography/
+ * https://developer.apple.com/design/human-interface-guidelines/typography
  * These mappings and variants are subject to change as we moved to a unified cross platform Fluent typography ramp
  * Github #598 also tracks pulling these values from a Native Module rather than hardcoding the numbers in JS.
  */
 export function fallbackAppleTypography() {
-  const appleDict = {
-    sizes: {
-      caption: 10, // Caption 1
-      secondary: 11, // Callout
-      body: 13, // Body
-      subheader: 16, // Subheadline
-      header: 20, // Headline
-      hero: 22, /// Title 1
-      heroLarge: 26, // Large Title,
-    },
-    weights: {
-      ultralight: '100',
-      thin: '200',
-      light: '300',
-      regular: '400',
-      medium: '500',
-      semiBold: '600',
-      bold: '700',
-      heavy: '800',
-      black: '900',
-    },
-    families: {
-      primary: 'System',
-      secondary: 'System',
-      cursive: 'System',
-      monospace: 'System',
-      numeric: 'System',
-      sansSerif: 'System',
-      serif: 'System',
-    },
-    variants: {
-      captionStandard: { face: 'primary', size: 'caption', weight: '500' },
-      secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
-      secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
-      bodyStandard: { face: 'primary', size: 'body', weight: '400' },
-      bodySemibold: { face: 'primary', size: 'body', weight: '600' },
-      subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
-      subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
-      headerStandard: { face: 'primary', size: 'header', weight: '700' },
-      headerSemibold: { face: 'primary', size: 'header', weight: '800' },
-      heroStandard: { face: 'primary', size: 'hero', weight: '400' },
-      heroSemibold: { face: 'primary', size: 'hero', weight: '700' },
-      heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
-      heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '700' },
-      // mocked out
-      caption1: { face: 'primary', size: 'caption', weight: '500' },
-      body1: { face: 'primary', size: 'secondary', weight: '400' },
-      body1Strong: { face: 'primary', size: 'secondary', weight: '600' },
-      body2: { face: 'primary', size: 'body', weight: '400' },
-      body2Strong: { face: 'primary', size: 'body', weight: '600' },
-      subtitle1: { face: 'primary', size: 'header', weight: '700' },
-      subtitle1Strong: { face: 'primary', size: 'header', weight: '800' },
-      subtitle2: { face: 'primary', size: 'subheader', weight: '400' },
-      subtitle2Strong: { face: 'primary', size: 'subheader', weight: '600' },
-      title1: { face: 'primary', size: 'hero', weight: '400' },
-      title1Strong: { face: 'primary', size: 'hero', weight: '700' },
-      largeTitle: { face: 'primary', size: 'heroLarge', weight: '400' },
-      display: { face: 'primary', size: 'heroLarge', weight: '700' },
-    },
-  };
-  return appleDict;
+    const appleDict = {
+        sizes: {
+            caption: 10, // Caption 1
+            secondary: 11, // Callout
+            body: 13, // Body
+            subheader: 16, // Subheadline
+            header: 20, // Headline
+            hero: 22, /// Title 1
+            heroLarge: 26, // Large Title,
+        },
+        weights: {
+            ultralight: '100',
+            thin: '200',
+            light: '300',
+            regular: '400',
+            medium: '500',
+            semiBold: '600',
+            bold: '700',
+            heavy: '800',
+            black: '900',
+        },
+        families: {
+            primary: 'System',
+            secondary: 'System',
+            cursive: 'System',
+            monospace: 'System',
+            numeric: 'System',
+            sansSerif: 'System',
+            serif: 'System',
+        },
+        variants: {
+            captionStandard: { face: 'primary', size: 'caption', weight: '500' },
+            secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
+            secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
+            bodyStandard: { face: 'primary', size: 'body', weight: '400' },
+            bodySemibold: { face: 'primary', size: 'body', weight: '600' },
+            subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
+            subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
+            headerStandard: { face: 'primary', size: 'header', weight: '700' },
+            headerSemibold: { face: 'primary', size: 'header', weight: '800' },
+            heroStandard: { face: 'primary', size: 'hero', weight: '400' },
+            heroSemibold: { face: 'primary', size: 'hero', weight: '700' },
+            heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
+            heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '700' },
+            // mocked out
+            caption1: { face: 'primary', size: 'caption', weight: '500' },
+            body1: { face: 'primary', size: 'secondary', weight: '400' },
+            body1Strong: { face: 'primary', size: 'secondary', weight: '600' },
+            body2: { face: 'primary', size: 'body', weight: '400' },
+            body2Strong: { face: 'primary', size: 'body', weight: '600' },
+            subtitle1: { face: 'primary', size: 'header', weight: '700' },
+            subtitle1Strong: { face: 'primary', size: 'header', weight: '800' },
+            subtitle2: { face: 'primary', size: 'subheader', weight: '400' },
+            subtitle2Strong: { face: 'primary', size: 'subheader', weight: '600' },
+            title1: { face: 'primary', size: 'hero', weight: '400' },
+            title1Strong: { face: 'primary', size: 'hero', weight: '700' },
+            largeTitle: { face: 'primary', size: 'heroLarge', weight: '400' },
+            display: { face: 'primary', size: 'heroLarge', weight: '700' },
+        },
+    };
+    return appleDict;
 }
-//# sourceMappingURL=appleTypography.macos.js.map
+//# sourceMappingURL=appleTypography.macos.js.map

package/lib/createAppleTheme.d.ts

@@ -1,3 +1,3 @@
 import { ThemeReference } from '@fluentui-react-native/theme';
 export declare function createAppleTheme(): ThemeReference;
-//# sourceMappingURL=createAppleTheme.d.ts.map
+//# sourceMappingURL=createAppleTheme.d.ts.map

package/lib/createAppleTheme.ios.d.ts

@@ -1,3 +1,3 @@
 import { ThemeReference } from '@fluentui-react-native/theme';
 export declare function createAppleTheme(): ThemeReference;
-//# sourceMappingURL=createAppleTheme.ios.d.ts.map
+//# sourceMappingURL=createAppleTheme.ios.d.ts.map

package/lib/createAppleTheme.ios.js

@@ -3,18 +3,18 @@ import { NativeAppearanceAdditions } from '@fluentui-react-native/experimental-a
 import { ThemeReference } from '@fluentui-react-native/theme';
 import { getBaseAppleThemeIOS } from './appleTheme.ios';
 export function createAppleTheme() {
-  const appleThemeReference = new ThemeReference({}, () => {
-    const isLightMode = Appearance.getColorScheme() === 'light';
-    const isElevated = NativeAppearanceAdditions.userInterfaceLevel() === 'elevated';
-    return getBaseAppleThemeIOS(isLightMode, isElevated);
-  });
-  Appearance.addChangeListener(() => {
-    appleThemeReference.invalidate();
-  });
-  const eventEmitter = new NativeEventEmitter(NativeAppearanceAdditions);
-  eventEmitter.addListener('appearanceChanged', (_newTraits) => {
-    appleThemeReference.invalidate();
-  });
-  return appleThemeReference;
+    const appleThemeReference = new ThemeReference({}, () => {
+        const isLightMode = Appearance.getColorScheme() === 'light';
+        const isElevated = NativeAppearanceAdditions.userInterfaceLevel() === 'elevated';
+        return getBaseAppleThemeIOS(isLightMode, isElevated);
+    });
+    Appearance.addChangeListener(() => {
+        appleThemeReference.invalidate();
+    });
+    const eventEmitter = new NativeEventEmitter(NativeAppearanceAdditions);
+    eventEmitter.addListener('appearanceChanged', (_newTraits) => {
+        appleThemeReference.invalidate();
+    });
+    return appleThemeReference;
 }
-//# sourceMappingURL=createAppleTheme.ios.js.map
+//# sourceMappingURL=createAppleTheme.ios.js.map

package/lib/createAppleTheme.js

@@ -1,7 +1,7 @@
 import { createDefaultTheme } from '@fluentui-react-native/default-theme';
 import { ThemeReference } from '@fluentui-react-native/theme';
 export function createAppleTheme() {
-  console.warn('Platform is not supported by apple theme, using default theme');
-  return new ThemeReference(createDefaultTheme());
+    console.warn('Platform is not supported by apple theme, using default theme');
+    return new ThemeReference(createDefaultTheme());
 }
-//# sourceMappingURL=createAppleTheme.js.map
+//# sourceMappingURL=createAppleTheme.js.map

package/lib/createAppleTheme.macos.d.ts

@@ -1,3 +1,3 @@
 import { ThemeReference } from '@fluentui-react-native/theme';
 export declare function createAppleTheme(): ThemeReference;
-//# sourceMappingURL=createAppleTheme.macos.d.ts.map
+//# sourceMappingURL=createAppleTheme.macos.d.ts.map

package/lib/createAppleTheme.macos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAppleTheme.macos.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAU9D,wBAAgB,gBAAgB,IAAI,cAAc,CAmBjD"}
+{"version":3,"file":"createAppleTheme.macos.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAU9D,wBAAgB,gBAAgB,IAAI,cAAc,CAiBjD"}

package/lib/createAppleTheme.macos.js

@@ -6,30 +6,26 @@ import { setIsHighContrast } from './appleHighContrast.macos';
 import { getBaseAppleThemeMacOS } from './appleTheme.macos';
 let appleThemeReference;
 export function createAppleTheme() {
-  appleThemeReference = new ThemeReference({}, () => {
-    const appearance = Appearance.getColorScheme();
-    const mode = getCurrentAppearance(appearance, 'light');
-    return getBaseAppleThemeMacOS(mode);
-  });
-  // 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', () => {
+    appleThemeReference = new ThemeReference({}, () => {
+        const appearance = Appearance.getColorScheme();
+        const mode = getCurrentAppearance(appearance, 'light');
+        return getBaseAppleThemeMacOS(mode);
+    });
+    // Fetch initial system settings for high contrast mode
     highContrastHandler();
-  });
-  Appearance.addChangeListener(() => {
-    appleThemeReference.invalidate();
-  });
-  return appleThemeReference;
+    // Invalidate theme and set prop when high contrast setting changes
+    AccessibilityInfo.addEventListener('highContrastChanged', () => {
+        highContrastHandler();
+    });
+    Appearance.addChangeListener(() => {
+        appleThemeReference.invalidate();
+    });
+    return appleThemeReference;
 }
 function highContrastHandler() {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
-    setIsHighContrast(isEnabled);
-    appleThemeReference.invalidate();
-  });
+    AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
+        setIsHighContrast(isEnabled);
+        appleThemeReference.invalidate();
+    });
 }
-//# sourceMappingURL=createAppleTheme.macos.js.map
+//# sourceMappingURL=createAppleTheme.macos.js.map

package/lib/createAppleTheme.macos.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,IAAI,mBAAmC,CAAC;AAExC,MAAM,UAAU,gBAAgB,GAAmB;IACjD,mBAAmB,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QAC1D,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,oBAAoB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAAA,CACrC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,6DAA6D;IAC7D,aAAa;IACb,iBAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC;QAC9D,mBAAmB,EAAE,CAAC;IAAA,CACvB,CAAC,CAAC;IAEH,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;QACjC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;IACH,OAAO,mBAAmB,CAAC;AAAA,CAC5B;AAED,SAAS,mBAAmB,GAAG;IAC7B,6DAA6D;IAC7D,aAAa;IACb,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;QAC5D,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;AAAA,CACJ"}
+{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,IAAI,mBAAmC,CAAC;AAExC,MAAM,UAAU,gBAAgB,GAAmB;IACjD,mBAAmB,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QAC1D,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,oBAAoB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAAA,CACrC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,iBAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC;QAC9D,mBAAmB,EAAE,CAAC;IAAA,CACvB,CAAC,CAAC;IAEH,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;QACjC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;IACH,OAAO,mBAAmB,CAAC;AAAA,CAC5B;AAED,SAAS,mBAAmB,GAAG;IAC7B,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;QAC5D,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;AAAA,CACJ"}

package/lib/createFontAliasTokens.ios.d.ts

@@ -2,4 +2,4 @@ import type { Variants } from '@fluentui-react-native/theme-types';
 declare function createFontAliasTokensWorker(): Partial<Variants>;
 export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
 export {};
-//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map
+//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map

package/lib/createFontAliasTokens.ios.js

@@ -2,7 +2,7 @@ import aliasTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-a
 import { memoize } from '@fluentui-react-native/framework-base';
 import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
 function createFontAliasTokensWorker() {
-  return mapFontPipelineToTheme(aliasTokens);
+    return mapFontPipelineToTheme(aliasTokens);
 }
 export const createFontAliasTokens = memoize(createFontAliasTokensWorker);
-//# sourceMappingURL=createFontAliasTokens.ios.js.map
+//# sourceMappingURL=createFontAliasTokens.ios.js.map

package/lib/createMacOSAliasTokens.d.ts

@@ -5,4 +5,4 @@ export declare const createMacOSColorAliasTokens: typeof createMacOSColorAliasTo
 declare function createMacOSShadowAliasTokensWorker(mode: AppearanceOptions, isHighContrast: boolean): ThemeShadowDefinition;
 export declare const createMacOSShadowAliasTokens: typeof createMacOSShadowAliasTokensWorker;
 export {};
-//# sourceMappingURL=createMacOSAliasTokens.d.ts.map
+//# sourceMappingURL=createMacOSAliasTokens.d.ts.map

package/lib/createMacOSAliasTokens.js

@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/framework-base';
 import { mapPipelineToTheme, mapPipelineToShadow } from '@fluentui-react-native/theming-utils';
 import { getMacOSAliasTokens, getMacOSShadowTokens } from './getMacOSTokens';
 function createMacOSColorAliasTokensWorker(mode, isHighContrast) {
-  const aliasTokens = getMacOSAliasTokens(mode, isHighContrast);
-  return mapPipelineToTheme(aliasTokens);
+    const aliasTokens = getMacOSAliasTokens(mode, isHighContrast);
+    return mapPipelineToTheme(aliasTokens);
 }
 export const createMacOSColorAliasTokens = memoize(createMacOSColorAliasTokensWorker);
 function createMacOSShadowAliasTokensWorker(mode, isHighContrast) {
-  const aliasTokens = getMacOSShadowTokens(mode, isHighContrast);
-  return mapPipelineToShadow(aliasTokens);
+    const aliasTokens = getMacOSShadowTokens(mode, isHighContrast);
+    return mapPipelineToShadow(aliasTokens);
 }
 export const createMacOSShadowAliasTokens = memoize(createMacOSShadowAliasTokensWorker);
-//# sourceMappingURL=createMacOSAliasTokens.js.map
+//# sourceMappingURL=createMacOSAliasTokens.js.map

package/lib/createiOSAliasTokens.d.ts

@@ -5,4 +5,4 @@ export declare const createiOSColorAliasTokens: typeof createiOSColorAliasTokens
 declare function createiOSShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition;
 export declare const createiOSShadowAliasTokens: typeof createiOSShadowAliasTokensWorker;
 export {};
-//# sourceMappingURL=createiOSAliasTokens.d.ts.map
+//# sourceMappingURL=createiOSAliasTokens.d.ts.map

package/lib/createiOSAliasTokens.js

@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/framework-base';
 import { getAliasTokens, getShadowTokens } from '@fluentui-react-native/theme-tokens';
 import { mapPipelineToTheme, mapPipelineToShadow } from '@fluentui-react-native/theming-utils';
 function createiOSColorAliasTokensWorker(mode) {
-  const aliasTokens = getAliasTokens(mode);
-  return mapPipelineToTheme(aliasTokens);
+    const aliasTokens = getAliasTokens(mode);
+    return mapPipelineToTheme(aliasTokens);
 }
 export const createiOSColorAliasTokens = memoize(createiOSColorAliasTokensWorker);
 function createiOSShadowAliasTokensWorker(mode) {
-  const aliasTokens = getShadowTokens(mode);
-  return mapPipelineToShadow(aliasTokens);
+    const aliasTokens = getShadowTokens(mode);
+    return mapPipelineToShadow(aliasTokens);
 }
 export const createiOSShadowAliasTokens = memoize(createiOSShadowAliasTokensWorker);
-//# sourceMappingURL=createiOSAliasTokens.js.map
+//# sourceMappingURL=createiOSAliasTokens.js.map