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

package/lib-commonjs/appleTypography.macos.js

@@ -1,73 +1,73 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.fallbackAppleTypography = fallbackAppleTypography;
 /**
  * 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.
  */
 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-commonjs/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-commonjs/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-commonjs/createAppleTheme.ios.js

@@ -1,23 +1,23 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAppleTheme = createAppleTheme;
-const react_native_1 = require('react-native');
-const experimental_appearance_additions_1 = require('@fluentui-react-native/experimental-appearance-additions');
-const theme_1 = require('@fluentui-react-native/theme');
-const appleTheme_ios_1 = require('./appleTheme.ios');
+const react_native_1 = require("react-native");
+const experimental_appearance_additions_1 = require("@fluentui-react-native/experimental-appearance-additions");
+const theme_1 = require("@fluentui-react-native/theme");
+const appleTheme_ios_1 = require("./appleTheme.ios");
 function createAppleTheme() {
-  const appleThemeReference = new theme_1.ThemeReference({}, () => {
-    const isLightMode = react_native_1.Appearance.getColorScheme() === 'light';
-    const isElevated = experimental_appearance_additions_1.NativeAppearanceAdditions.userInterfaceLevel() === 'elevated';
-    return (0, appleTheme_ios_1.getBaseAppleThemeIOS)(isLightMode, isElevated);
-  });
-  react_native_1.Appearance.addChangeListener(() => {
-    appleThemeReference.invalidate();
-  });
-  const eventEmitter = new react_native_1.NativeEventEmitter(experimental_appearance_additions_1.NativeAppearanceAdditions);
-  eventEmitter.addListener('appearanceChanged', (_newTraits) => {
-    appleThemeReference.invalidate();
-  });
-  return appleThemeReference;
+    const appleThemeReference = new theme_1.ThemeReference({}, () => {
+        const isLightMode = react_native_1.Appearance.getColorScheme() === 'light';
+        const isElevated = experimental_appearance_additions_1.NativeAppearanceAdditions.userInterfaceLevel() === 'elevated';
+        return (0, appleTheme_ios_1.getBaseAppleThemeIOS)(isLightMode, isElevated);
+    });
+    react_native_1.Appearance.addChangeListener(() => {
+        appleThemeReference.invalidate();
+    });
+    const eventEmitter = new react_native_1.NativeEventEmitter(experimental_appearance_additions_1.NativeAppearanceAdditions);
+    eventEmitter.addListener('appearanceChanged', (_newTraits) => {
+        appleThemeReference.invalidate();
+    });
+    return appleThemeReference;
 }
-//# sourceMappingURL=createAppleTheme.ios.js.map
+//# sourceMappingURL=createAppleTheme.ios.js.map

package/lib-commonjs/createAppleTheme.js

@@ -1,10 +1,10 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAppleTheme = createAppleTheme;
-const default_theme_1 = require('@fluentui-react-native/default-theme');
-const theme_1 = require('@fluentui-react-native/theme');
+const default_theme_1 = require("@fluentui-react-native/default-theme");
+const theme_1 = require("@fluentui-react-native/theme");
 function createAppleTheme() {
-  console.warn('Platform is not supported by apple theme, using default theme');
-  return new theme_1.ThemeReference((0, default_theme_1.createDefaultTheme)());
+    console.warn('Platform is not supported by apple theme, using default theme');
+    return new theme_1.ThemeReference((0, default_theme_1.createDefaultTheme)());
 }
-//# sourceMappingURL=createAppleTheme.js.map
+//# sourceMappingURL=createAppleTheme.js.map

package/lib-commonjs/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-commonjs/createAppleTheme.macos.js

@@ -1,38 +1,38 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAppleTheme = createAppleTheme;
-const react_native_1 = require('react-native');
-const theme_1 = require('@fluentui-react-native/theme');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const react_native_macos_1 = require('react-native-macos');
-const appleHighContrast_macos_1 = require('./appleHighContrast.macos');
-const appleTheme_macos_1 = require('./appleTheme.macos');
+const react_native_1 = require("react-native");
+const theme_1 = require("@fluentui-react-native/theme");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const react_native_macos_1 = require("react-native-macos");
+const appleHighContrast_macos_1 = require("./appleHighContrast.macos");
+const appleTheme_macos_1 = require("./appleTheme.macos");
 let appleThemeReference;
 function createAppleTheme() {
-  appleThemeReference = new theme_1.ThemeReference({}, () => {
-    const appearance = react_native_1.Appearance.getColorScheme();
-    const mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
-    return (0, appleTheme_macos_1.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
-  react_native_macos_1.AccessibilityInfo.addEventListener('highContrastChanged', () => {
+    appleThemeReference = new theme_1.ThemeReference({}, () => {
+        const appearance = react_native_1.Appearance.getColorScheme();
+        const mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
+        return (0, appleTheme_macos_1.getBaseAppleThemeMacOS)(mode);
+    });
+    // Fetch initial system settings for high contrast mode
     highContrastHandler();
-  });
-  react_native_1.Appearance.addChangeListener(() => {
-    appleThemeReference.invalidate();
-  });
-  return appleThemeReference;
+    // Invalidate theme and set prop when high contrast setting changes
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    react_native_macos_1.AccessibilityInfo.addEventListener('highContrastChanged', () => {
+        highContrastHandler();
+    });
+    react_native_1.Appearance.addChangeListener(() => {
+        appleThemeReference.invalidate();
+    });
+    return appleThemeReference;
 }
 function highContrastHandler() {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  react_native_macos_1.AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
-    (0, appleHighContrast_macos_1.setIsHighContrast)(isEnabled);
-    appleThemeReference.invalidate();
-  });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    react_native_macos_1.AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
+        (0, appleHighContrast_macos_1.setIsHighContrast)(isEnabled);
+        appleThemeReference.invalidate();
+    });
 }
-//# sourceMappingURL=createAppleTheme.macos.js.map
+//# sourceMappingURL=createAppleTheme.macos.js.map

package/lib-commonjs/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-commonjs/createFontAliasTokens.ios.js

@@ -1,16 +1,14 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createFontAliasTokens = void 0;
-const tokens_aliases_json_1 = __importDefault(require('@fluentui-react-native/design-tokens-ios/light/tokens-aliases.json')); // Font alias tokens should be the same for all color styles
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
+const tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-ios/light/tokens-aliases.json")); // Font alias tokens should be the same for all color styles
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
 function createFontAliasTokensWorker() {
-  return (0, theming_utils_1.mapFontPipelineToTheme)(tokens_aliases_json_1.default);
+    return (0, theming_utils_1.mapFontPipelineToTheme)(tokens_aliases_json_1.default);
 }
 exports.createFontAliasTokens = (0, framework_base_1.memoize)(createFontAliasTokensWorker);
-//# sourceMappingURL=createFontAliasTokens.ios.js.map
+//# sourceMappingURL=createFontAliasTokens.ios.js.map

package/lib-commonjs/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-commonjs/createMacOSAliasTokens.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMacOSShadowAliasTokens = exports.createMacOSColorAliasTokens = void 0;
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const getMacOSTokens_1 = require('./getMacOSTokens');
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const getMacOSTokens_1 = require("./getMacOSTokens");
 function createMacOSColorAliasTokensWorker(mode, isHighContrast) {
-  const aliasTokens = (0, getMacOSTokens_1.getMacOSAliasTokens)(mode, isHighContrast);
-  return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
+    const aliasTokens = (0, getMacOSTokens_1.getMacOSAliasTokens)(mode, isHighContrast);
+    return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
 }
 exports.createMacOSColorAliasTokens = (0, framework_base_1.memoize)(createMacOSColorAliasTokensWorker);
 function createMacOSShadowAliasTokensWorker(mode, isHighContrast) {
-  const aliasTokens = (0, getMacOSTokens_1.getMacOSShadowTokens)(mode, isHighContrast);
-  return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
+    const aliasTokens = (0, getMacOSTokens_1.getMacOSShadowTokens)(mode, isHighContrast);
+    return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
 }
 exports.createMacOSShadowAliasTokens = (0, framework_base_1.memoize)(createMacOSShadowAliasTokensWorker);
-//# sourceMappingURL=createMacOSAliasTokens.js.map
+//# sourceMappingURL=createMacOSAliasTokens.js.map

package/lib-commonjs/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-commonjs/createiOSAliasTokens.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createiOSShadowAliasTokens = exports.createiOSColorAliasTokens = void 0;
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
 function createiOSColorAliasTokensWorker(mode) {
-  const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
-  return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
+    const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
+    return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
 }
 exports.createiOSColorAliasTokens = (0, framework_base_1.memoize)(createiOSColorAliasTokensWorker);
 function createiOSShadowAliasTokensWorker(mode) {
-  const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
-  return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
+    const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
+    return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
 }
 exports.createiOSShadowAliasTokens = (0, framework_base_1.memoize)(createiOSShadowAliasTokensWorker);
-//# sourceMappingURL=createiOSAliasTokens.js.map
+//# sourceMappingURL=createiOSAliasTokens.js.map