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

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

@@ -1,24 +1,24 @@
 import type { ColorValue } from 'react-native';
 /** Palette of colors defined in FluentUI Apple */
 interface FluentUIApplePalette {
-  communicationBlue: ColorValue;
-  communicationBlueTint10: ColorValue;
-  communicationBlueTint20: ColorValue;
-  communicationBlueTint30: ColorValue;
-  dangerPrimary: ColorValue;
-  dangerTint10: ColorValue;
-  gray20: ColorValue;
-  gray30: ColorValue;
-  gray40: ColorValue;
-  successTint10: ColorValue;
-  warningPrimary: ColorValue;
-  warningTint10: ColorValue;
+    communicationBlue: ColorValue;
+    communicationBlueTint10: ColorValue;
+    communicationBlueTint20: ColorValue;
+    communicationBlueTint30: ColorValue;
+    dangerPrimary: ColorValue;
+    dangerTint10: ColorValue;
+    gray20: ColorValue;
+    gray30: ColorValue;
+    gray40: ColorValue;
+    successTint10: ColorValue;
+    warningPrimary: ColorValue;
+    warningTint10: ColorValue;
 }
 /** FluentUI Apple Colors defined for the iOS Button */
 interface FluentAppleButtonColors {
-  buttonBackgroundFilledPressed: ColorValue;
-  buttonTitleDisabled: ColorValue;
+    buttonBackgroundFilledPressed: ColorValue;
+    buttonTitleDisabled: ColorValue;
 }
 export type ApplePalette = FluentUIApplePalette & FluentAppleButtonColors;
 export {};
-//# sourceMappingURL=appleColors.types.ios.d.ts.map
+//# sourceMappingURL=appleColors.types.ios.d.ts.map

package/lib/appleColors.types.ios.js

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

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

@@ -1,155 +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;
+    /** 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;
+    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
+//# sourceMappingURL=appleColors.types.macos.d.ts.map

package/lib/appleColors.types.macos.js

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

package/lib/appleHighContrast.macos.d.ts

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

package/lib/appleHighContrast.macos.js

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

package/lib/appleShadows.ios.d.ts

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

package/lib/appleShadows.ios.js

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

package/lib/appleShadows.macos.d.ts

@@ -1,3 +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
+//# sourceMappingURL=appleShadows.macos.d.ts.map

package/lib/appleShadows.macos.js

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

package/lib/appleTheme.ios.d.ts

@@ -2,4 +2,4 @@ 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
+//# sourceMappingURL=appleTheme.ios.d.ts.map

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