@fluentui-react-native/apple-theme 0.19.1 → 0.19.2

package/lib/appleColors.types.macos.d.ts

@@ -0,0 +1,155 @@
+import type { ColorValue } from 'react-native';
+/** Palette of Apple Platform Colors, defined at https://developer.apple.com/documentation/appkit/nscolor/ui_element_colors */
+export interface AppleSemanticPalette {
+    /** The primary color to use for text labels */
+    labelColor: ColorValue;
+    /** The secondary color to use for text labels */
+    secondaryLabelColor: ColorValue;
+    /** The tertiary color to use for text labels */
+    tertiaryLabelColor: ColorValue;
+    /** The quaternary color to use for text labels and separators */
+    quaternaryLabelColor: ColorValue;
+    /** The color to use for text */
+    textColor: ColorValue;
+    /** The color to use for placeholder text in controls or text views */
+    placeholderTextColor: ColorValue;
+    /** The color to use for selected text */
+    selectedTextColor: ColorValue;
+    /** The color to use for the background area behind text */
+    textBackgroundColor: ColorValue;
+    /** The color to use for the background of selected text */
+    selectedTextBackgroundColor: ColorValue;
+    /** The color to use for the keyboard focus ring around controls */
+    keyboardFocusIndicatorColor: ColorValue;
+    /** The color to use for selected text in an unemphasized context */
+    unemphasizedSelectedTextColor: ColorValue;
+    /** The color to use for the text background in an unemphasized context */
+    unemphasizedSelectedTextBackgroundColor: ColorValue;
+    /** The color to use for links */
+    linkColor: ColorValue;
+    /** The color to use for separators between different sections of content */
+    separatorColor: ColorValue;
+    /** The color to use for the background of selected and emphasized content */
+    selectedContentBackgroundColor: ColorValue;
+    /** The color to use for selected and unemphasized content */
+    unemphasizedSelectedContentBackgroundColor: ColorValue;
+    /** The color to use for the text in menu items */
+    selectedMenuItemTextColor: ColorValue;
+    /** The color to use for the optional gridlines, such as those in a table view */
+    gridColor: ColorValue;
+    /** The color to use for text in header cells in table views and outline views */
+    headerTextColor: ColorValue;
+    /** The colors to use for alternating (odd Rows) content, typically found in table views and collection views */
+    alternatingOddContentBackgroundColor: ColorValue;
+    /** The colors to use for alternating (even Rows)content, typically found in table views and collection views */
+    alternatingEvenContentBackgroundColor: ColorValue;
+    /** The user's current accent color preference */
+    controlAccentColor: ColorValue;
+    /** The color to use for the flat surfaces of a control */
+    controlColor: ColorValue;
+    /** The color to use for the background of large controls, such as scroll views or table views */
+    controlBackgroundColor: ColorValue;
+    /** The color to use for text on enabled controls */
+    controlTextColor: ColorValue;
+    /** The color to use for text on disabled controls */
+    disabledControlTextColor: ColorValue;
+    /** The color to use for the face of a selected control—that is, a control that has been clicked or is being dragged */
+    selectedControlColor: ColorValue;
+    /** The color to use for text in a selected control—that is, a control being clicked or dragged */
+    selectedControlTextColor: ColorValue;
+    /** The color to use for text in a selected control */
+    alternateSelectedControlTextColor: ColorValue;
+    /** The patterned color to use for the background of a scrubber control */
+    scrubberTexturedBackground: ColorValue;
+    /** The color to use for the window background */
+    windowBackgroundColor: ColorValue;
+    /** The color to use for text in a window's frame */
+    windowFrameTextColor: ColorValue;
+    /** The color to use in the area beneath your window's views */
+    underPageBackgroundColor: ColorValue;
+    /** The highlight color to use for the bubble that shows inline search result values */
+    findHighlightColor: ColorValue;
+    /** The color to use as a virtual light source on the screen */
+    highlightColor: ColorValue;
+    /** The color to use for virtual shadows cast by raised objects on the screen */
+    shadowColor: ColorValue;
+}
+/** Palette of colors defined in FluentUI Apple */
+interface FluentUIAppleBasePalette {
+    blue10: ColorValue;
+    blueMagenta20: ColorValue;
+    blueMagenta30: ColorValue;
+    communicationBlue: ColorValue;
+    communicationBlueShade10: ColorValue;
+    communicationBlueShade20: ColorValue;
+    communicationBlueShade30: ColorValue;
+    communicationBlueTint10: ColorValue;
+    communicationBlueTint20: ColorValue;
+    communicationBlueTint30: ColorValue;
+    communicationBlueTint40: ColorValue;
+    cyan20: ColorValue;
+    cyan30: ColorValue;
+    cyanBlue10: ColorValue;
+    cyanBlue20: ColorValue;
+    dangerPrimary: ColorValue;
+    dangerShade10: ColorValue;
+    dangerShade20: ColorValue;
+    dangerShade30: ColorValue;
+    dangerTint10: ColorValue;
+    dangerTint20: ColorValue;
+    dangerTint30: ColorValue;
+    dangerTint40: ColorValue;
+    gray20: ColorValue;
+    gray25: ColorValue;
+    gray30: ColorValue;
+    gray40: ColorValue;
+    gray50: ColorValue;
+    gray100: ColorValue;
+    gray200: ColorValue;
+    gray300: ColorValue;
+    gray400: ColorValue;
+    gray500: ColorValue;
+    gray600: ColorValue;
+    gray700: ColorValue;
+    gray800: ColorValue;
+    gray900: ColorValue;
+    gray950: ColorValue;
+    green10: ColorValue;
+    green20: ColorValue;
+    magenta10: ColorValue;
+    magenta20: ColorValue;
+    magentaPink10: ColorValue;
+    orange20: ColorValue;
+    orange30: ColorValue;
+    orangeYellow20: ColorValue;
+    pinkRed10: ColorValue;
+    presenceAvailable: ColorValue;
+    presenceAway: ColorValue;
+    presenceBlocked: ColorValue;
+    presenceBusy: ColorValue;
+    presenceDnd: ColorValue;
+    presenceOffline: ColorValue;
+    presenceOof: ColorValue;
+    presenceUnknown: ColorValue;
+    red10: ColorValue;
+    red20: ColorValue;
+    successPrimary: ColorValue;
+    successShade10: ColorValue;
+    successShade20: ColorValue;
+    successShade30: ColorValue;
+    successTint10: ColorValue;
+    successTint20: ColorValue;
+    successTint30: ColorValue;
+    successTint40: ColorValue;
+    warningPrimary: ColorValue;
+    warningShade10: ColorValue;
+    warningShade20: ColorValue;
+    warningShade30: ColorValue;
+    warningTint10: ColorValue;
+    warningTint20: ColorValue;
+    warningTint30: ColorValue;
+    warningTint40: ColorValue;
+}
+export type FluentUIApplePalette = FluentUIAppleBasePalette;
+export {};
+//# sourceMappingURL=appleColors.types.macos.d.ts.map

package/lib/appleColors.types.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleColors.types.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.types.macos.ts"],"names":[],"mappings":"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"}

package/lib/appleColors.types.macos.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=appleColors.types.macos.js.map

package/lib/appleColors.types.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleColors.types.macos.js","sourceRoot":"","sources":["../src/appleColors.types.macos.ts"],"names":[],"mappings":""}

package/lib/appleHighContrast.macos.d.ts

@@ -0,0 +1,3 @@
+export declare function setIsHighContrast(newIsHighContrast: boolean): void;
+export declare function getIsHighContrast(): boolean;
+//# sourceMappingURL=appleHighContrast.macos.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appleHighContrast.macos.d.ts","sourceRoot":"","sources":["../src/appleHighContrast.macos.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,QAE3D;AAED,wBAAgB,iBAAiB,YAEhC"}

package/lib/appleHighContrast.macos.js

@@ -0,0 +1,8 @@
+import { isHighContrast, setIsHighContrast as setIsHighContrastCore } from '@fluentui-react-native/theming-utils';
+export function setIsHighContrast(newIsHighContrast) {
+    setIsHighContrastCore(newIsHighContrast);
+}
+export function getIsHighContrast() {
+    return isHighContrast();
+}
+//# sourceMappingURL=appleHighContrast.macos.js.map

package/lib/appleHighContrast.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleHighContrast.macos.js","sourceRoot":"","sources":["../src/appleHighContrast.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAElH,MAAM,UAAU,iBAAiB,CAAC,iBAA0B;IAC1D,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,cAAc,EAAE,CAAC;AAC1B,CAAC"}

package/lib/appleShadows.ios.d.ts

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

package/lib/appleShadows.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleShadows.ios.d.ts","sourceRoot":"","sources":["../src/appleShadows.ios.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAKhF,wBAAgB,UAAU,IAAI,qBAAqB,CAIlD"}

package/lib/appleShadows.ios.js

@@ -0,0 +1,9 @@
+import { Appearance } from 'react-native';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { createiOSShadowAliasTokens } from './createiOSAliasTokens';
+export function iOSShadows() {
+    var appearance = Appearance.getColorScheme();
+    var mode = getCurrentAppearance(appearance, 'light');
+    return createiOSShadowAliasTokens(mode);
+}
+//# sourceMappingURL=appleShadows.ios.js.map

package/lib/appleShadows.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleShadows.ios.js","sourceRoot":"","sources":["../src/appleShadows.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,UAAU,UAAU;IACxB,IAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;IAC/C,IAAM,IAAI,GAAG,oBAAoB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,0BAA0B,CAAC,IAAI,CAAC,CAAC;AAC1C,CAAC"}

package/lib/appleShadows.macos.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeShadowDefinition, AppearanceOptions } from '@fluentui-react-native/theme-types';
+export declare function fallbackAppleShadows(mode: AppearanceOptions): ThemeShadowDefinition;
+//# sourceMappingURL=appleShadows.macos.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appleShadows.macos.d.ts","sourceRoot":"","sources":["../src/appleShadows.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAKnG,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,qBAAqB,CAEnF"}

package/lib/appleShadows.macos.js

@@ -0,0 +1,6 @@
+import { getIsHighContrast } from './appleHighContrast.macos';
+import { createMacOSShadowAliasTokens } from './createMacOSAliasTokens';
+export function fallbackAppleShadows(mode) {
+    return createMacOSShadowAliasTokens(mode, getIsHighContrast());
+}
+//# sourceMappingURL=appleShadows.macos.js.map

package/lib/appleShadows.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleShadows.macos.js","sourceRoot":"","sources":["../src/appleShadows.macos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAExE,MAAM,UAAU,oBAAoB,CAAC,IAAuB;IAC1D,OAAO,4BAA4B,CAAC,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACjE,CAAC"}

package/lib/appleTheme.ios.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/theme-types';
+declare function getBaseAppleThemeIOSWorker(isLightMode: boolean, isElevated: boolean): Theme;
+export declare const getBaseAppleThemeIOS: typeof getBaseAppleThemeIOSWorker;
+export {};
+//# sourceMappingURL=appleTheme.ios.d.ts.map

package/lib/appleTheme.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleTheme.ios.d.ts","sourceRoot":"","sources":["../src/appleTheme.ios.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAW,MAAM,oCAAoC,CAAC;AAkIzE,iBAAS,0BAA0B,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,KAAK,CASpF;AAED,eAAO,MAAM,oBAAoB,mCAAsC,CAAC"}

package/lib/appleTheme.ios.js

@@ -0,0 +1,134 @@
+import { memoize } from '@fluentui-react-native/memo-cache';
+import { paletteFromAppleColors } from './appleColors.ios';
+import { iOSShadows } from './appleShadows.ios';
+import { appleTypography } from './appleTypography.ios';
+function appleSpacing() {
+    return {
+        s2: '4px',
+        s1: '8px',
+        l1: '20px',
+        l2: '32px',
+    };
+}
+var appleComponents = {
+    // The Default Button corresponds to the "secondary outline" button style on iOS
+    Button: {
+        tokens: {
+            borderRadius: 8,
+            borderWidth: 1,
+        },
+        root: {
+            style: {
+                margin: 8, // Padding around the outside of the button
+            },
+        },
+        stack: {
+            style: {
+                paddingVertical: 10,
+                paddingHorizontal: 14,
+            },
+        },
+        icon: {
+            style: {
+                marginEnd: 8,
+            },
+        },
+        content: {
+            fontSize: 12,
+            height: 18,
+        },
+    },
+    PrimaryButton: {
+        tokens: {
+            borderRadius: 8,
+            borderWidth: 1,
+        },
+        root: {
+            style: {
+                margin: 8, // Padding around the outside of the button
+            },
+        },
+        stack: {
+            style: {
+                paddingVertical: 16,
+                paddingHorizontal: 20,
+            },
+        },
+        icon: {
+            style: {
+                marginEnd: 10,
+            },
+        },
+        content: {
+            fontSize: 15,
+            height: 20,
+        },
+    },
+    StealthButton: {
+        tokens: {
+            borderRadius: 8,
+            borderWidth: 1,
+        },
+        root: {
+            style: {
+                margin: 8, // Padding around the outside of the button
+            },
+        },
+        stack: {
+            style: {
+                paddingVertical: 7,
+                paddingHorizontal: 12,
+            },
+        },
+        icon: {
+            style: {
+                display: 'none',
+            },
+        },
+        content: {
+            fontSize: 15,
+            height: 20,
+        },
+    },
+    RNFText: {
+        tokens: {
+            variant: 'bodyStandard',
+        },
+    },
+    Checkbox: {
+        root: {
+            style: {
+                minHeight: 20,
+                marginVertical: 2,
+            },
+        },
+        checkbox: {
+            style: {
+                borderRadius: 100,
+                minHeight: 24,
+                minWidth: 24,
+            },
+        },
+        checkmarkIcon: {
+            width: 8.5,
+            height: 7,
+            style: {
+                marginVertical: 8.5,
+                marginLeft: 8,
+                marginRight: 7,
+            },
+        },
+    },
+};
+function getBaseAppleThemeIOSWorker(isLightMode, isElevated) {
+    return {
+        colors: paletteFromAppleColors(isLightMode, isElevated),
+        typography: appleTypography(),
+        shadows: iOSShadows(),
+        spacing: appleSpacing(),
+        components: appleComponents,
+        host: { appearance: isLightMode ? 'light' : 'dark' },
+    };
+}
+export var getBaseAppleThemeIOS = memoize(getBaseAppleThemeIOSWorker);
+//# sourceMappingURL=appleTheme.ios.js.map

package/lib/appleTheme.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleTheme.ios.js","sourceRoot":"","sources":["../src/appleTheme.ios.ts"],"names":[],"mappings":"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"}

package/lib/appleTheme.macos.d.ts

@@ -0,0 +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;
+        };
+        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

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

@@ -0,0 +1 @@
+{"version":3,"file":"appleTheme.macos.d.ts","sourceRoot":"","sources":["../src/appleTheme.macos.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAM5F,wBAAgB,YAAY,IAAI,OAAO,CAQtC;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD3B,CAAC;AAEF,iBAAS,4BAA4B,CAAC,IAAI,EAAE,iBAAiB,GAAG,KAAK,CASpE;AAED,eAAO,MAAM,sBAAsB,qCAAwC,CAAC"}

package/lib/appleTheme.macos.js

@@ -0,0 +1,82 @@
+import { memoize } from '@fluentui-react-native/memo-cache';
+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',
+    };
+}
+export var 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,
+        },
+        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,
+        },
+    },
+    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' },
+    };
+}
+export var getBaseAppleThemeMacOS = memoize(getBaseAppleThemeMacOSWorker);
+//# sourceMappingURL=appleTheme.macos.js.map

package/lib/appleTheme.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleTheme.macos.js","sourceRoot":"","sources":["../src/appleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAG5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,UAAU,YAAY;IAC1B,OAAO;QACL,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,0FAA0F;IAC1F,MAAM,EAAE;QACN,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC,EAAE,2CAA2C;aACvD;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,eAAe,EAAE,GAAG;gBACpB,SAAS,EAAE,EAAE;aACd;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,EAAE;aACd;SACF;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,MAAM,EAAE;YACN,OAAO,EAAE,cAAc;SACxB;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,EAAE;gBACb,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,CAAC;aACb;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE;gBACL,cAAc,EAAE,CAAC;gBACjB,gBAAgB,EAAE,CAAC;aACpB;SACF;QACD,wEAAwE;QACxE,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;KACjD;CACF,CAAC;AAEF,SAAS,4BAA4B,CAAC,IAAuB;IAC3D,OAAO;QACL,MAAM,EAAE,oBAAoB,CAAC,IAAI,CAAC;QAClC,UAAU,EAAE,uBAAuB,EAAE;QACrC,OAAO,EAAE,oBAAoB,CAAC,IAAI,CAAC;QACnC,OAAO,EAAE,YAAY,EAAE;QACvB,UAAU,EAAE,eAAe;QAC3B,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;KAChC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC"}

package/lib/appleTypography.ios.d.ts

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

package/lib/appleTypography.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwC,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAKrH,wBAAgB,eAAe,IAAI,UAAU,CAmD5C"}

package/lib/appleTypography.ios.js

@@ -0,0 +1,49 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { createFontAliasTokens } from './createFontAliasTokens.ios';
+// The sizes are taken for the Dynamic Type Size "Large", which is the system default
+export function appleTypography() {
+    var appleDict = {
+        sizes: {
+            caption: 12,
+            secondary: 16,
+            body: 17,
+            subheader: 15,
+            header: 17,
+            hero: 26,
+            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: __assign({ 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' } }, createFontAliasTokens()),
+    };
+    return appleDict;
+}
+//# sourceMappingURL=appleTypography.ios.js.map

package/lib/appleTypography.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appleTypography.ios.js","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,qFAAqF;AACrF,MAAM,UAAU,eAAe;IAC7B,IAAM,SAAS,GAAG;QAChB,KAAK,EAAE;YACL,OAAO,EAAE,EAAc;YACvB,SAAS,EAAE,EAAc;YACzB,IAAI,EAAE,EAAc;YACpB,SAAS,EAAE,EAAc;YACzB,MAAM,EAAE,EAAc;YACtB,IAAI,EAAE,EAAc;YACpB,SAAS,EAAE,EAAc,EAAE,eAAe;SAC9B;QACd,OAAO,EAAE;YACP,UAAU,EAAE,KAAwB;YACpC,IAAI,EAAE,KAAwB;YAC9B,KAAK,EAAE,KAAwB;YAC/B,OAAO,EAAE,KAAwB;YACjC,MAAM,EAAE,KAAwB;YAChC,QAAQ,EAAE,KAAwB;YAClC,IAAI,EAAE,KAAwB;YAC9B,KAAK,EAAE,KAAwB;YAC/B,KAAK,EAAE,KAAwB;SAChC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,QAAQ;SAChB;QACD,QAAQ,EAAE,WACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EACpE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAClE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,IAErE,qBAAqB,EAAE,CACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/appleTypography.macos.d.ts

@@ -0,0 +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/
+ * 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"appleTypography.macos.d.ts","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwC,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAErH;;;;;GAKG;AAEH,wBAAgB,uBAAuB,IAAI,UAAU,CA+DpD"}