@fluentui-react-native/theme-types 0.42.1 → 0.44.0

package/lib/Color.types.js

@@ -12,4 +12,4 @@
  * `{semantic: "windowBackgroundColor"}`
  */
 export {};
-//# sourceMappingURL=Color.types.js.map
+//# sourceMappingURL=Color.types.js.map

package/lib/Shadow.types.d.ts

@@ -3,10 +3,10 @@ import type { ColorValue } from 'react-native';
  * Base structure of a shadow style, which has x and y offset, blur amount, and color specified
  */
 export interface ShadowValue {
-    x: number;
-    y: number;
-    blur: number;
-    color: ColorValue;
+  x: number;
+  y: number;
+  blur: number;
+  color: ColorValue;
 }
 /**
  * In FluentUI a shadow is specified as having two parts - an ambient shadow and a key shadow.
@@ -14,36 +14,36 @@ export interface ShadowValue {
  * The key shadow is the offset shadow which gives the control a sense of elevation or distance from the page
  */
 export interface ShadowToken {
-    ambient: ShadowValue;
-    key: ShadowValue;
+  ambient: ShadowValue;
+  key: ShadowValue;
 }
 /**
  * Shadows alias tokens as defined by FluentUI v2 design system
  */
 export interface BaseShadowAliasTokens {
-    shadow2: ShadowToken;
-    shadow4: ShadowToken;
-    shadow8: ShadowToken;
-    shadow16: ShadowToken;
-    shadow28: ShadowToken;
-    shadow64: ShadowToken;
-    shadow2brand: ShadowToken;
-    shadow4brand: ShadowToken;
-    shadow8brand: ShadowToken;
-    shadow16brand: ShadowToken;
-    shadow28brand: ShadowToken;
-    shadow64brand: ShadowToken;
+  shadow2: ShadowToken;
+  shadow4: ShadowToken;
+  shadow8: ShadowToken;
+  shadow16: ShadowToken;
+  shadow28: ShadowToken;
+  shadow64: ShadowToken;
+  shadow2brand: ShadowToken;
+  shadow4brand: ShadowToken;
+  shadow8brand: ShadowToken;
+  shadow16brand: ShadowToken;
+  shadow28brand: ShadowToken;
+  shadow64brand: ShadowToken;
 }
 /**
  * Shadows on the theme object. This allows for flexibility on entries but retains base alias tokens
  */
 export type ThemeShadowDefinition = BaseShadowAliasTokens & {
-    [key: string]: ShadowToken;
+  [key: string]: ShadowToken;
 };
 /**
  * A partially specified shadow definition.
  */
 export type PartialShadowDefinition = {
-    [P in keyof ThemeShadowDefinition]?: Partial<ThemeShadowDefinition[P]>;
+  [P in keyof ThemeShadowDefinition]?: Partial<ThemeShadowDefinition[P]>;
 };
-//# sourceMappingURL=Shadow.types.d.ts.map
+//# sourceMappingURL=Shadow.types.d.ts.map

package/lib/Shadow.types.js

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

package/lib/Theme.types.d.ts

@@ -4,62 +4,62 @@ import type { OfficePalette } from './palette.types';
 import type { PartialShadowDefinition, ThemeShadowDefinition } from './Shadow.types';
 import type { Typography, PartialTypography } from './Typography.types';
 type TwoLevelPartial<T> = {
-    [K in keyof T]?: Partial<T[K]>;
+  [K in keyof T]?: Partial<T[K]>;
 };
 export interface Spacing {
-    s2: `${number}px`;
-    s1: `${number}px`;
-    m?: `${number}px`;
-    l1: `${number}px`;
-    l2: `${number}px`;
+  s2: `${number}px`;
+  s1: `${number}px`;
+  m?: `${number}px`;
+  l1: `${number}px`;
+  l2: `${number}px`;
 }
 /**
  * A fully specified theme.
  */
 export interface Theme {
-    name?: string;
-    colors: ThemeColorDefinition;
-    typography: Typography;
-    components: {
-        [key: string]: Record<string, unknown>;
-    };
-    shadows: ThemeShadowDefinition;
-    readonly spacing: Spacing;
-    host: {
-        appearance: AppearanceOptions | 'dynamic';
-        palette?: OfficePalette;
-        colors?: {
-            [key: string]: ColorValue;
-        };
+  name?: string;
+  colors: ThemeColorDefinition;
+  typography: Typography;
+  components: {
+    [key: string]: Record<string, unknown>;
+  };
+  shadows: ThemeShadowDefinition;
+  readonly spacing: Spacing;
+  host: {
+    appearance: AppearanceOptions | 'dynamic';
+    palette?: OfficePalette;
+    colors?: {
+      [key: string]: ColorValue;
     };
+  };
 }
 /**
  * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of shadow and typography
  * which has additional levels of hierarchy
  */
 export type PartialTheme = Omit<TwoLevelPartial<Theme>, 'shadows' | 'typography' | 'host'> & {
-    shadows?: PartialShadowDefinition;
-    typography?: PartialTypography;
-    host?: TwoLevelPartial<Theme['host']>;
+  shadows?: PartialShadowDefinition;
+  typography?: PartialTypography;
+  host?: TwoLevelPartial<Theme['host']>;
 };
 export type AppearanceOptions = 'light' | 'dark' | 'darkElevated' | 'highContrast';
 export interface ThemeOptions {
-    /**
-     * Should the baseline colors be light, dark, or use the values from the Appearance API from react-native.
-     */
-    appearance?: AppearanceOptions | 'dynamic';
-    /**
-     * Default appearance should the library to request this from native not be available
-     */
-    defaultAppearance?: AppearanceOptions;
-    /**
-     * If in a host that supports multiple areas within the app that use different palettes, this specifies the palette name to
-     * load.
-     *
-     * In Office this corresponds to regions like taskpanes, the ribbon, left navigation, and so on, but that concept could be extended
-     * to any host that wants to support this.
-     */
-    paletteName?: string;
+  /**
+   * Should the baseline colors be light, dark, or use the values from the Appearance API from react-native.
+   */
+  appearance?: AppearanceOptions | 'dynamic';
+  /**
+   * Default appearance should the library to request this from native not be available
+   */
+  defaultAppearance?: AppearanceOptions;
+  /**
+   * If in a host that supports multiple areas within the app that use different palettes, this specifies the palette name to
+   * load.
+   *
+   * In Office this corresponds to regions like taskpanes, the ribbon, left navigation, and so on, but that concept could be extended
+   * to any host that wants to support this.
+   */
+  paletteName?: string;
 }
 export {};
-//# sourceMappingURL=Theme.types.d.ts.map
+//# sourceMappingURL=Theme.types.d.ts.map

package/lib/Theme.types.js

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

package/lib/Typography.types.d.ts

@@ -22,13 +22,13 @@ export type FontFamilyValue = string;
  * **NOTE:** `primary` and `secondary` are both meant to be assigned a 'normal' family.
  */
 export interface FontFamilies {
-    primary: FontFamilyValue;
-    secondary: FontFamilyValue;
-    cursive: FontFamilyValue;
-    monospace: FontFamilyValue;
-    numeric: FontFamilyValue;
-    sansSerif: FontFamilyValue;
-    serif: FontFamilyValue;
+  primary: FontFamilyValue;
+  secondary: FontFamilyValue;
+  cursive: FontFamilyValue;
+  monospace: FontFamilyValue;
+  numeric: FontFamilyValue;
+  sansSerif: FontFamilyValue;
+  serif: FontFamilyValue;
 }
 /**
  * A font family, used when defining a visual element in a theme.
@@ -48,13 +48,13 @@ export type FontSizeValuePoints = number;
  * These names should be used when defining a theme.
  */
 export interface FontSizes {
-    caption: FontSizeValuePoints;
-    secondary: FontSizeValuePoints;
-    body: FontSizeValuePoints;
-    subheader: FontSizeValuePoints;
-    header: FontSizeValuePoints;
-    hero: FontSizeValuePoints;
-    heroLarge: FontSizeValuePoints;
+  caption: FontSizeValuePoints;
+  secondary: FontSizeValuePoints;
+  body: FontSizeValuePoints;
+  subheader: FontSizeValuePoints;
+  header: FontSizeValuePoints;
+  hero: FontSizeValuePoints;
+  heroLarge: FontSizeValuePoints;
 }
 /**
  * A font size, used when defining a visual element in a theme.
@@ -77,8 +77,8 @@ export type FontWeightValue = TextStyle['fontWeight'];
  * These names should be used when defining a theme.
  */
 export interface FontWeights {
-    regular: FontWeightValue;
-    semiBold: FontWeightValue;
+  regular: FontWeightValue;
+  semiBold: FontWeightValue;
 }
 /**
  * A font weight, used when defining a visual element in a theme.
@@ -100,47 +100,47 @@ export type FontDynamicTypeRamp = TextProps['dynamicTypeRamp'];
  * A font variant value.
  */
 export type VariantValue = {
-    face: FontFamily;
-    size: FontSize;
-    weight: FontWeight;
-    lineHeight?: FontLineHeight;
-    letterSpacing?: FontLetterSpacing;
-    dynamicTypeRamp?: FontDynamicTypeRamp;
+  face: FontFamily;
+  size: FontSize;
+  weight: FontWeight;
+  lineHeight?: FontLineHeight;
+  letterSpacing?: FontLetterSpacing;
+  dynamicTypeRamp?: FontDynamicTypeRamp;
 };
 /**
  * A collection of named font variants.
  */
 export interface Variants {
-    captionStandard: VariantValue;
-    secondaryStandard: VariantValue;
-    secondarySemibold: VariantValue;
-    bodyStandard: VariantValue;
-    bodySemibold: VariantValue;
-    subheaderStandard: VariantValue;
-    subheaderSemibold: VariantValue;
-    headerStandard: VariantValue;
-    headerSemibold: VariantValue;
-    heroStandard: VariantValue;
-    heroSemibold: VariantValue;
-    heroLargeStandard: VariantValue;
-    heroLargeSemibold: VariantValue;
-    caption1?: VariantValue;
-    caption1Strong?: VariantValue;
-    caption2?: VariantValue;
-    body1?: VariantValue;
-    body1Strong?: VariantValue;
-    body2?: VariantValue;
-    body2Strong?: VariantValue;
-    subtitle1?: VariantValue;
-    subtitle1Strong?: VariantValue;
-    subtitle2?: VariantValue;
-    subtitle2Strong?: VariantValue;
-    title1?: VariantValue;
-    title1Strong?: VariantValue;
-    title2?: VariantValue;
-    title3?: VariantValue;
-    largeTitle?: VariantValue;
-    display?: VariantValue;
+  captionStandard: VariantValue;
+  secondaryStandard: VariantValue;
+  secondarySemibold: VariantValue;
+  bodyStandard: VariantValue;
+  bodySemibold: VariantValue;
+  subheaderStandard: VariantValue;
+  subheaderSemibold: VariantValue;
+  headerStandard: VariantValue;
+  headerSemibold: VariantValue;
+  heroStandard: VariantValue;
+  heroSemibold: VariantValue;
+  heroLargeStandard: VariantValue;
+  heroLargeSemibold: VariantValue;
+  caption1?: VariantValue;
+  caption1Strong?: VariantValue;
+  caption2?: VariantValue;
+  body1?: VariantValue;
+  body1Strong?: VariantValue;
+  body2?: VariantValue;
+  body2Strong?: VariantValue;
+  subtitle1?: VariantValue;
+  subtitle1Strong?: VariantValue;
+  subtitle2?: VariantValue;
+  subtitle2Strong?: VariantValue;
+  title1?: VariantValue;
+  title1Strong?: VariantValue;
+  title2?: VariantValue;
+  title3?: VariantValue;
+  largeTitle?: VariantValue;
+  display?: VariantValue;
 }
 /**
  * A font variant, used when defining a visual element in a theme.
@@ -153,16 +153,16 @@ export type Variant = keyof Variants | VariantValue;
  * this collection.
  */
 export interface TextStyling {
-    families: FontFamilies;
-    sizes: FontSizes;
-    weights: FontWeights;
-    variants: Variants;
+  families: FontFamilies;
+  sizes: FontSizes;
+  weights: FontWeights;
+  variants: Variants;
 }
 export type Typography = TextStyling;
 /**
  * A partially specified typography.
  */
 export type PartialTypography = {
-    [P in keyof Typography]?: Partial<Typography[P]>;
+  [P in keyof Typography]?: Partial<Typography[P]>;
 };
-//# sourceMappingURL=Typography.types.d.ts.map
+//# sourceMappingURL=Typography.types.d.ts.map

package/lib/Typography.types.js

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

package/lib/context.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 import type { Theme } from './Theme.types';
 export declare const ThemeContext: React.Context<Theme>;
 export declare const useTheme: () => Theme;
-//# sourceMappingURL=context.d.ts.map
+//# sourceMappingURL=context.d.ts.map

package/lib/context.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export const ThemeContext = React.createContext(undefined);
 export const useTheme = () => React.useContext(ThemeContext);
-//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/lib/index.d.ts

@@ -1,7 +1,33 @@
-export type { AliasColorTokens, Color, FabricWebPalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, ThemeColorDefinition, } from './Color.types';
+export type {
+  AliasColorTokens,
+  Color,
+  FabricWebPalette,
+  Palette,
+  PaletteBackgroundColors,
+  PaletteTextColors,
+  PartialPalette,
+  ThemeColorDefinition,
+} from './Color.types';
 export type { ShadowValue, ShadowToken, BaseShadowAliasTokens, ThemeShadowDefinition, PartialShadowDefinition } from './Shadow.types';
 export type { AppearanceOptions, PartialTheme, Spacing, Theme, ThemeOptions } from './Theme.types';
-export type { FontDynamicTypeRamp, FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, PartialTypography, TextStyling, Typography, Variant, VariantValue, Variants, } from './Typography.types';
+export type {
+  FontDynamicTypeRamp,
+  FontFamilies,
+  FontFamily,
+  FontFamilyValue,
+  FontSize,
+  FontSizeValuePoints,
+  FontSizes,
+  FontWeight,
+  FontWeightValue,
+  FontWeights,
+  PartialTypography,
+  TextStyling,
+  Typography,
+  Variant,
+  VariantValue,
+  Variants,
+} from './Typography.types';
 export { ThemeContext, useTheme } from './context';
 export type { OfficePalette } from './palette.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { ThemeContext, useTheme } from './context';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map