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

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,33 +1,7 @@
-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