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

package/lib/appleTheme.ios.js

@@ -3,132 +3,132 @@ 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',
-  };
+    return {
+        s2: '4px',
+        s1: '8px',
+        l1: '20px',
+        l2: '32px',
+    };
 }
 const appleComponents = {
-  // The Default Button corresponds to the "secondary outline" button style on iOS
-  Button: {
-    tokens: {
-      borderRadius: 8,
-      borderWidth: 1,
+    // 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,
+            },
+        },
     },
-    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' },
-  };
+    return {
+        colors: paletteFromAppleColors(isLightMode, isElevated),
+        typography: appleTypography(),
+        shadows: iOSShadows(),
+        spacing: appleSpacing(),
+        components: appleComponents,
+        host: { appearance: isLightMode ? 'light' : 'dark' },
+    };
 }
 export const getBaseAppleThemeIOS = memoize(getBaseAppleThemeIOSWorker);
-//# sourceMappingURL=appleTheme.ios.js.map
+//# sourceMappingURL=appleTheme.ios.js.map

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