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

package/lib/appleTheme.macos.d.ts

@@ -1,61 +1,61 @@
 import type { Spacing, Theme, AppearanceOptions } from '@fluentui-react-native/theme-types';
 export declare function appleSpacing(): Spacing;
 export declare const appleComponents: {
-  Button: {
-    tokens: {
-      borderRadius: number;
-      borderWidth: number;
-      minHeight: number;
-      minWidth: number;
+    Button: {
+        tokens: {
+            borderRadius: number;
+            borderWidth: number;
+            minHeight: number;
+            minWidth: number;
+        };
+        root: {
+            style: {
+                margin: number;
+            };
+        };
+        stack: {
+            style: {
+                paddingVertical: number;
+                minHeight: number;
+            };
+        };
+        icon: {
+            style: {
+                marginEnd: number;
+            };
+        };
+        content: {
+            fontSize: number;
+        };
+    };
+    RNFText: {
+        tokens: {
+            variant: string;
+        };
+    };
+    Checkbox: {
+        checkbox: {
+            style: {
+                borderStyle: string;
+                borderWidth: number;
+                borderRadius: number;
+                minHeight: number;
+                minWidth: number;
+                marginEnd: number;
+            };
+        };
+        checkmarkIcon: {
+            width: number;
+            height: number;
+            style: {
+                marginVertical: number;
+                marginHorizontal: number;
+            };
+        };
+        _precedence: string[];
     };
-    root: {
-      style: {
-        margin: number;
-      };
-    };
-    stack: {
-      style: {
-        paddingVertical: number;
-        minHeight: number;
-      };
-    };
-    icon: {
-      style: {
-        marginEnd: number;
-      };
-    };
-    content: {
-      fontSize: number;
-    };
-  };
-  RNFText: {
-    tokens: {
-      variant: string;
-    };
-  };
-  Checkbox: {
-    checkbox: {
-      style: {
-        borderStyle: string;
-        borderWidth: number;
-        borderRadius: number;
-        minHeight: number;
-        minWidth: number;
-        marginEnd: number;
-      };
-    };
-    checkmarkIcon: {
-      width: number;
-      height: number;
-      style: {
-        marginVertical: number;
-        marginHorizontal: number;
-      };
-    };
-    _precedence: string[];
-  };
 };
 declare function getBaseAppleThemeMacOSWorker(mode: AppearanceOptions): Theme;
 export declare const getBaseAppleThemeMacOS: typeof getBaseAppleThemeMacOSWorker;
 export {};
-//# sourceMappingURL=appleTheme.macos.d.ts.map
+//# sourceMappingURL=appleTheme.macos.d.ts.map

package/lib/appleTheme.macos.js

@@ -3,80 +3,80 @@ import { fallbackApplePalette } from './appleColors.macos';
 import { fallbackAppleShadows } from './appleShadows.macos';
 import { fallbackAppleTypography } from './appleTypography.macos';
 export function appleSpacing() {
-  return {
-    s2: '8px',
-    s1: '12px',
-    m: '16px',
-    l1: '20px',
-    l2: '24px',
-  };
+    return {
+        s2: '8px',
+        s1: '12px',
+        m: '16px',
+        l1: '20px',
+        l2: '24px',
+    };
 }
 export const appleComponents = {
-  // These values correspond to the "Large"  Button Size values of the FluentUI Apple Button
-  Button: {
-    tokens: {
-      borderRadius: 6,
-      borderWidth: 1,
-      minHeight: 28,
-      minWidth: 72,
+    // These values correspond to the "Large"  Button Size values of the FluentUI Apple Button
+    Button: {
+        tokens: {
+            borderRadius: 6,
+            borderWidth: 1,
+            minHeight: 28,
+            minWidth: 72,
+        },
+        root: {
+            style: {
+                margin: 8, // Padding around the outside of the button
+            },
+        },
+        stack: {
+            style: {
+                paddingVertical: 4.5,
+                minHeight: 28,
+            },
+        },
+        icon: {
+            style: {
+                marginEnd: 10,
+            },
+        },
+        content: {
+            fontSize: 15,
+        },
     },
-    root: {
-      style: {
-        margin: 8, // Padding around the outside of the button
-      },
+    RNFText: {
+        tokens: {
+            variant: 'bodyStandard',
+        },
     },
-    stack: {
-      style: {
-        paddingVertical: 4.5,
-        minHeight: 28,
-      },
+    Checkbox: {
+        checkbox: {
+            style: {
+                borderStyle: 'solid',
+                borderWidth: 0.5,
+                borderRadius: 3,
+                minHeight: 14,
+                minWidth: 14,
+                marginEnd: 5,
+            },
+        },
+        checkmarkIcon: {
+            width: 10,
+            height: 10,
+            style: {
+                marginVertical: 2,
+                marginHorizontal: 2,
+            },
+        },
+        // This disables other available states like: hovered, focused, pressed.
+        _precedence: ['disabled', 'boxAtEnd', 'checked'],
     },
-    icon: {
-      style: {
-        marginEnd: 10,
-      },
-    },
-    content: {
-      fontSize: 15,
-    },
-  },
-  RNFText: {
-    tokens: {
-      variant: 'bodyStandard',
-    },
-  },
-  Checkbox: {
-    checkbox: {
-      style: {
-        borderStyle: 'solid',
-        borderWidth: 0.5,
-        borderRadius: 3,
-        minHeight: 14,
-        minWidth: 14,
-        marginEnd: 5,
-      },
-    },
-    checkmarkIcon: {
-      width: 10,
-      height: 10,
-      style: {
-        marginVertical: 2,
-        marginHorizontal: 2,
-      },
-    },
-    // This disables other available states like: hovered, focused, pressed.
-    _precedence: ['disabled', 'boxAtEnd', 'checked'],
-  },
 };
 function getBaseAppleThemeMacOSWorker(mode) {
-  return {
-    colors: fallbackApplePalette(mode),
-    typography: fallbackAppleTypography(),
-    shadows: fallbackAppleShadows(mode),
-    spacing: appleSpacing(),
-    components: appleComponents,
-    host: { appearance: 'dynamic' },
-  };
+    return {
+        colors: fallbackApplePalette(mode),
+        typography: fallbackAppleTypography(),
+        shadows: fallbackAppleShadows(mode),
+        spacing: appleSpacing(),
+        components: appleComponents,
+        host: { appearance: 'dynamic' },
+    };
 }
 export const getBaseAppleThemeMacOS = memoize(getBaseAppleThemeMacOSWorker);
-//# sourceMappingURL=appleTheme.macos.js.map
+//# sourceMappingURL=appleTheme.macos.js.map

package/lib/appleTypography.ios.d.ts

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

package/lib/appleTypography.ios.js

@@ -1,54 +1,54 @@
 import { createFontAliasTokens } from './createFontAliasTokens.ios';
 // The sizes are taken for the Dynamic Type Size "Large", which is the system default
 export function appleTypography() {
-  const appleDict = {
-    sizes: {
-      caption: 12, // Caption 2
-      secondary: 16, // Caption 1
-      body: 17, // Body
-      subheader: 15, // Subhead
-      header: 17, // Headline
-      hero: 26, /// Title 1
-      heroLarge: 30, // 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: '400' },
-      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: '600' },
-      headerSemibold: { face: 'primary', size: 'header', weight: '800' },
-      heroStandard: { face: 'primary', size: 'hero', weight: '400' },
-      heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
-      heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
-      heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
-      // iOS styles
-      ...createFontAliasTokens(),
-    },
-  };
-  return appleDict;
+    const appleDict = {
+        sizes: {
+            caption: 12, // Caption 2
+            secondary: 16, // Caption 1
+            body: 17, // Body
+            subheader: 15, // Subhead
+            header: 17, // Headline
+            hero: 26, /// Title 1
+            heroLarge: 30, // 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: '400' },
+            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: '600' },
+            headerSemibold: { face: 'primary', size: 'header', weight: '800' },
+            heroStandard: { face: 'primary', size: 'hero', weight: '400' },
+            heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
+            heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
+            heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
+            // iOS styles
+            ...createFontAliasTokens(),
+        },
+    };
+    return appleDict;
 }
-//# sourceMappingURL=appleTypography.ios.js.map
+//# sourceMappingURL=appleTypography.ios.js.map

package/lib/appleTypography.macos.d.ts

@@ -1,9 +1,9 @@
 import type { Typography } from '@fluentui-react-native/theme-types';
 /**
  * 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 declare function fallbackAppleTypography(): Typography;
-//# sourceMappingURL=appleTypography.macos.d.ts.map
+//# sourceMappingURL=appleTypography.macos.d.ts.map

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.js

@@ -6,30 +6,30 @@ 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
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    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();
-  });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
+        setIsHighContrast(isEnabled);
+        appleThemeReference.invalidate();
+    });
 }
-//# sourceMappingURL=createAppleTheme.macos.js.map
+//# sourceMappingURL=createAppleTheme.macos.js.map

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