@fluentui-react-native/framework 0.14.16 → 0.15.0

package/lib-commonjs/compose.d.ts

@@ -6,32 +6,47 @@ import type { ObjectBase } from '@fluentui-react-native/framework-base';
  * the type via the IComposableType interface, this is simply the format used to extract the type info.
  */
 export interface ComposeType<TProps, TSlotProps, TTokens, TStatics = ObjectBase> {
-    props: TProps;
-    slotProps: TSlotProps;
-    tokens: TTokens;
-    statics: TStatics;
+  props: TProps;
+  slotProps: TSlotProps;
+  tokens: TTokens;
+  statics: TStatics;
 }
 /** fragments used in type extraction */
 type PropsFragment<TProps> = {
-    props: TProps;
+  props: TProps;
 };
 type SlotPropsFragment<TSlotProps> = {
-    slotProps: TSlotProps;
+  slotProps: TSlotProps;
 };
 type TokensFragment<TTokens> = {
-    tokens: TTokens;
+  tokens: TTokens;
 };
 type StaticsFragment<TStatics extends ObjectBase> = {
-    statics: TStatics;
+  statics: TStatics;
 };
 /** Extraction types that get the various interface types from IComposableType */
 export type ExtractProps<T> = T extends PropsFragment<infer U> ? U : never;
 export type ExtractSlotProps<T> = T extends SlotPropsFragment<infer U> ? U : never;
 export type ExtractTokens<T> = T extends TokensFragment<infer U> ? U : ObjectBase;
 export type ExtractStatics<T> = T extends StaticsFragment<infer U> ? U : ObjectBase;
-export type ComposeOptions<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryOptions<TProps, TSlotProps, TTokens, Theme, TStatics>;
-export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryComponent<TProps, TSlotProps, TTokens, Theme, TStatics>;
+export type ComposeOptions<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryOptions<
+  TProps,
+  TSlotProps,
+  TTokens,
+  Theme,
+  TStatics
+>;
+export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends ObjectBase> = ComposeFactoryComponent<
+  TProps,
+  TSlotProps,
+  TTokens,
+  Theme,
+  TStatics
+>;
 export type UseSlots<T> = UseStyledSlots<ExtractProps<T>, ExtractSlotProps<T>>;
-export declare function compose<T>(options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>, base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
+export declare function compose<T>(
+  options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>,
+  base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>,
+): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
 export {};
-//# sourceMappingURL=compose.d.ts.map
+//# sourceMappingURL=compose.d.ts.map

package/lib-commonjs/compose.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compose = void 0;
-const composition_1 = require("@fluentui-react-native/composition");
-const themeHelper_1 = require("./themeHelper");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.compose = compose;
+const composition_1 = require('@fluentui-react-native/composition');
+const themeHelper_1 = require('./themeHelper');
 function compose(options, base) {
-    return (0, composition_1.composeFactory)(options, themeHelper_1.themeHelper, base);
+  return (0, composition_1.composeFactory)(options, themeHelper_1.themeHelper, base);
 }
-exports.compose = compose;
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib-commonjs/compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":";;;AACA,oEAAoE;AAIpE,+CAA4C;AA8C5C,SAAgB,OAAO,CACrB,OAAkG,EAClG,IAAqG;IAErG,OAAO,IAAA,4BAAc,EAAC,OAAO,EAAE,yBAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC;AALD,0BAKC"}
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":";;;AACA,oEAAoE;AAIpE,+CAA4C;AA8C5C,iBACE,OAAkG,EAClG,IAAqG,EACL;IAChG,OAAO,IAAA,4BAAc,EAAC,OAAO,EAAE,yBAAW,EAAE,IAAI,CAAC,CAAC;AAAA,CACnD"}

package/lib-commonjs/compressible.d.ts

@@ -9,5 +9,8 @@ import type { UseTokens } from './useTokens';
  * @param useTokens a hook function to build a set of tokens from a passed in theme as well as a cache object
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
-export declare function compressible<TProps, TTokens>(fn: StagedRender<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
-//# sourceMappingURL=compressible.d.ts.map
+export declare function compressible<TProps, TTokens>(
+  fn: StagedRender<TProps>,
+  useTokens: UseTokens<TTokens>,
+): CustomizableComponent<TProps, TTokens, Theme>;
+//# sourceMappingURL=compressible.d.ts.map

package/lib-commonjs/compressible.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compressible = void 0;
-const framework_base_1 = require("@fluentui-react-native/framework-base");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.compressible = compressible;
+const framework_base_1 = require('@fluentui-react-native/framework-base');
 /**
  * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
  * and also have customize functionality.
@@ -10,13 +10,12 @@ const framework_base_1 = require("@fluentui-react-native/framework-base");
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
 function compressible(fn, useTokens) {
-    const injectedWrapper = (props) => fn(props, useTokens);
-    const component = (0, framework_base_1.stagedComponent)(injectedWrapper);
-    component.customize = (...tokens) => {
-        const useTokensNew = useTokens.customize(...tokens);
-        return compressible(fn, useTokensNew);
-    };
-    return component;
+  const injectedWrapper = (props) => fn(props, useTokens);
+  const component = (0, framework_base_1.stagedComponent)(injectedWrapper);
+  component.customize = (...tokens) => {
+    const useTokensNew = useTokens.customize(...tokens);
+    return compressible(fn, useTokensNew);
+  };
+  return component;
 }
-exports.compressible = compressible;
-//# sourceMappingURL=compressible.js.map
+//# sourceMappingURL=compressible.js.map

package/lib-commonjs/compressible.js.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":";;;AAEA,0EAAwE;AAMxE;;;;;;GAMG;AACH,SAAgB,YAAY,CAC1B,EAAwB,EACxB,SAA6B;IAI7B,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,IAAA,gCAAe,EAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAgC,EAAE,EAAE;QAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAfD,oCAeC"}
+{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":";;;AAEA,0EAAwE;AAMxE;;;;;;GAMG;AACH,sBACE,EAAwB,EACxB,SAA6B,EACkB;IAG/C,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,IAAA,gCAAe,EAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAgC,EAAE,EAAE,CAAC;QAC7D,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAAA,CACvC,CAAC;IAEF,OAAO,SAAS,CAAC;AAAA,CAClB"}

package/lib-commonjs/compressible.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=compressible.test.d.ts.map
+//# sourceMappingURL=compressible.test.d.ts.map

package/lib-commonjs/compressible.test.js

@@ -1,104 +1,147 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("react-native");
-const framework_base_1 = require("@fluentui-react-native/framework-base");
-const use_slot_1 = require("@fluentui-react-native/use-slot");
-const framework_base_2 = require("@fluentui-react-native/framework-base");
-const use_tokens_1 = require("@fluentui-react-native/use-tokens");
-const renderer = __importStar(require("react-test-renderer"));
-const compressible_1 = require("./compressible");
-const useTokens_1 = require("./useTokens");
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const react_1 = require('react');
+const react_native_1 = require('react-native');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
+const use_slot_1 = require('@fluentui-react-native/use-slot');
+const use_tokens_1 = require('@fluentui-react-native/use-tokens');
+const renderer = __importStar(require('react-test-renderer'));
+const compressible_1 = require('./compressible');
+const useTokens_1 = require('./useTokens');
 const useVariantTokens = (0, useTokens_1.buildUseTokens)({
-    color: 'black',
-    fontSize: 12,
-    fontWeight: '500',
-    defaultType: 'normal',
-    header: {
-        color: 'blue',
-        fontSize: 16,
-        fontWeight: '700',
-    },
-    caption: {
-        color: 'gray',
-        fontWeight: '300',
-    },
+  color: 'black',
+  fontSize: 12,
+  fontWeight: '500',
+  defaultType: 'normal',
+  header: {
+    color: 'blue',
+    fontSize: 16,
+    fontWeight: '700',
+  },
+  caption: {
+    color: 'gray',
+    fontWeight: '300',
+  },
 });
 const VariantText = (0, compressible_1.compressible)((props, useTokens) => {
-    // fake theme here
-    const theme = {};
-    // get the tokens
-    let [tokens, cache] = useTokens(theme);
-    // split the props, defaulting the variant type to the default type from the tokens
-    const { variant = tokens.defaultType, style, ...rest } = props;
-    // now apply the alternate layer tokens as appropriate
-    [tokens, cache] = (0, use_tokens_1.applyTokenLayers)(tokens, ['normal', 'header', 'caption'], cache, (layer) => layer === variant);
-    // merge styles together with what is passed in
-    const mergedStyle = (0, framework_base_1.mergeStyles)({ color: tokens.color, fontSize: tokens.fontSize, fontWeight: tokens.fontWeight }, style);
-    // now get the slot
-    const InnerText = (0, use_slot_1.useSlot)(react_native_1.Text, { ...rest, style: mergedStyle });
-    return (extra, children) => {
-        return (0, framework_base_2.withSlots)(InnerText, { ...extra }, children);
-    };
+  // fake theme here
+  const theme = {};
+  // get the tokens
+  let [tokens, cache] = useTokens(theme);
+  // split the props, defaulting the variant type to the default type from the tokens
+  const { variant = tokens.defaultType, style, ...rest } = props;
+  // now apply the alternate layer tokens as appropriate
+  [tokens, cache] = (0, use_tokens_1.applyTokenLayers)(tokens, ['normal', 'header', 'caption'], cache, (layer) => layer === variant);
+  // merge styles together with what is passed in
+  const mergedStyle = (0, framework_base_1.mergeStyles)(
+    { color: tokens.color, fontSize: tokens.fontSize, fontWeight: tokens.fontWeight },
+    style,
+  );
+  // now get the slot
+  const InnerText = (0, use_slot_1.useSlot)(react_native_1.Text, { ...rest, style: mergedStyle });
+  return (extra, children) => {
+    return jsx_runtime_1.jsx(InnerText, { ...extra, children: children });
+  };
 }, useVariantTokens);
 const SuperHeader = VariantText.customize({ header: { fontSize: 24, color: 'purple' } });
 const useLabelTokens = (0, useTokens_1.buildUseTokens)({
-    headerVariant: 'header',
-    captionVariant: 'caption',
+  headerVariant: 'header',
+  captionVariant: 'caption',
 });
 const Label = (0, compressible_1.compressible)((props, useTokens) => {
-    const theme = {};
-    const [tokens] = useTokens(theme);
-    const { headerText, captionText, headerSlot, captionSlot } = props;
-    const Header = (0, use_slot_1.useSlot)(headerSlot || VariantText, { variant: tokens.headerVariant });
-    const Caption = (0, use_slot_1.useSlot)(captionSlot || VariantText, { variant: tokens.captionVariant });
-    return () => {
-        if (captionText) {
-            return ((0, framework_base_2.withSlots)(react_native_1.View, null,
-                (0, framework_base_2.withSlots)(Header, null, headerText),
-                (0, framework_base_2.withSlots)(Caption, null, captionText)));
-        }
-        return (0, framework_base_2.withSlots)(Header, null, headerText);
-    };
+  const theme = {};
+  const [tokens] = useTokens(theme);
+  const { headerText, captionText, headerSlot, captionSlot } = props;
+  const Header = (0, use_slot_1.useSlot)(headerSlot || VariantText, { variant: tokens.headerVariant });
+  const Caption = (0, use_slot_1.useSlot)(captionSlot || VariantText, { variant: tokens.captionVariant });
+  return () => {
+    if (captionText) {
+      return jsx_runtime_1.jsxs(react_native_1.View, {
+        children: [jsx_runtime_1.jsx(Header, { children: headerText }), jsx_runtime_1.jsx(Caption, { children: captionText })],
+      });
+    }
+    return jsx_runtime_1.jsx(Header, { children: headerText });
+  };
 }, useLabelTokens);
 describe('compressible tests', () => {
-    it('Two labels, one with caption and one without', () => {
-        const tree = renderer
-            .create((0, framework_base_2.withSlots)(react_native_1.View, null,
-            (0, framework_base_2.withSlots)(Label, { headerText: "Header1" }),
-            (0, framework_base_2.withSlots)(Label, { headerText: "Header2", captionText: "Caption2" })))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+  it('Two labels, one with caption and one without', () => {
+    let component;
+    (0, react_1.act)(() => {
+      component = renderer.create(
+        jsx_runtime_1.jsxs(react_native_1.View, {
+          children: [
+            jsx_runtime_1.jsx(Label, { headerText: 'Header1' }),
+            jsx_runtime_1.jsx(Label, { headerText: 'Header2', captionText: 'Caption2' }),
+          ],
+        }),
+      );
     });
-    it('Two labels, one plugging in SuperHeader instead', () => {
-        const tree = renderer
-            .create((0, framework_base_2.withSlots)(react_native_1.View, null,
-            (0, framework_base_2.withSlots)(Label, { headerText: "Super Header", headerSlot: SuperHeader, captionText: "Normal caption" }),
-            (0, framework_base_2.withSlots)(Label, { headerText: "Normal Header", captionText: "Another normal caption" })))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  it('Two labels, one plugging in SuperHeader instead', () => {
+    let component;
+    (0, react_1.act)(() => {
+      component = renderer.create(
+        jsx_runtime_1.jsxs(react_native_1.View, {
+          children: [
+            jsx_runtime_1.jsx(Label, { headerText: 'Super Header', headerSlot: SuperHeader, captionText: 'Normal caption' }),
+            jsx_runtime_1.jsx(Label, { headerText: 'Normal Header', captionText: 'Another normal caption' }),
+          ],
+        }),
+      );
     });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=compressible.test.js.map
+//# sourceMappingURL=compressible.test.js.map

package/lib-commonjs/compressible.test.js.map

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

package/lib-commonjs/index.d.ts

@@ -2,19 +2,89 @@ export type { GetMemoValue, GetTypedMemoValue } from '@fluentui-react-native/fra
 export { getMemoCache, getTypedMemoCache, memoize } from '@fluentui-react-native/framework-base';
 export type { StyleProp } from '@fluentui-react-native/framework-base';
 export { mergeProps, mergeStyles } from '@fluentui-react-native/framework-base';
-export { backgroundColorTokens, borderStyles, borderTokens, colorTokens, fontStyles, foregroundColorTokens, getPaletteFromTheme, layoutStyles, layoutTokens, shadowStyles, shadowTokens, textTokens, tokenBuilder, } from '@fluentui-react-native/tokens';
-export type { FontStyleTokens, FontTokens, FontVariantTokens, IBackgroundColorTokens, IBorderTokens, IColorTokens, IForegroundColorTokens, IShadowTokens, LayoutTokens, TokenBuilder, } from '@fluentui-react-native/tokens';
+export {
+  backgroundColorTokens,
+  borderStyles,
+  borderTokens,
+  colorTokens,
+  fontStyles,
+  foregroundColorTokens,
+  getPaletteFromTheme,
+  layoutStyles,
+  layoutTokens,
+  shadowStyles,
+  shadowTokens,
+  textTokens,
+  tokenBuilder,
+} from '@fluentui-react-native/tokens';
+export type {
+  FontStyleTokens,
+  FontTokens,
+  FontVariantTokens,
+  IBackgroundColorTokens,
+  IBorderTokens,
+  IColorTokens,
+  IForegroundColorTokens,
+  IShadowTokens,
+  LayoutTokens,
+  TokenBuilder,
+} from '@fluentui-react-native/tokens';
 export { useSlot } from '@fluentui-react-native/use-slot';
 export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
 export type { ComposableFunction, FinalRender, NativeReactType, SlotFn, StagedRender } from '@fluentui-react-native/framework-base';
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
 export type { GetSlotProps, Slots, UseSlotOptions, UseSlotsBase } from '@fluentui-react-native/use-slots';
 export { immutableMerge, immutableMergeCore, processImmutable } from '@fluentui-react-native/framework-base';
-export type { BuiltinRecursionHandlers, CustomRecursionHandler, MergeOptions, ObjectBase, RecursionHandler, RecursionOption, } from '@fluentui-react-native/framework-base';
+export type {
+  BuiltinRecursionHandlers,
+  CustomRecursionHandler,
+  MergeOptions,
+  ObjectBase,
+  RecursionHandler,
+  RecursionOption,
+} from '@fluentui-react-native/framework-base';
 export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
-export type { AliasColorTokens, AppearanceOptions, Color, FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, OfficePalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, PartialTheme, PartialTypography, Spacing, TextStyling, Theme, ThemeColorDefinition, ThemeOptions, Typography, Variant, VariantValue, Variants, } from '@fluentui-react-native/theme-types';
+export type {
+  AliasColorTokens,
+  AppearanceOptions,
+  Color,
+  FontFamilies,
+  FontFamily,
+  FontFamilyValue,
+  FontSize,
+  FontSizeValuePoints,
+  FontSizes,
+  FontWeight,
+  FontWeightValue,
+  FontWeights,
+  OfficePalette,
+  Palette,
+  PaletteBackgroundColors,
+  PaletteTextColors,
+  PartialPalette,
+  PartialTheme,
+  PartialTypography,
+  Spacing,
+  TextStyling,
+  Theme,
+  ThemeColorDefinition,
+  ThemeOptions,
+  Typography,
+  Variant,
+  VariantValue,
+  Variants,
+} from '@fluentui-react-native/theme-types';
 export { compose } from './compose';
-export type { ComposableComponent, ComposeOptions, ComposeType, ExtractProps, ExtractSlotProps, ExtractStatics, ExtractTokens, UseSlots, } from './compose';
+export type {
+  ComposableComponent,
+  ComposeOptions,
+  ComposeType,
+  ExtractProps,
+  ExtractSlotProps,
+  ExtractStatics,
+  ExtractTokens,
+  UseSlots,
+} from './compose';
 export { compressible } from './compressible';
 export { useFluentTheme } from './useFluentTheme';
 export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling';
@@ -22,4 +92,4 @@ export { buildProps, buildUseStyling } from './useStyling';
 export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling';
 export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
 export type { UseTokens, CustomizableComponent } from './useTokens';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map