@uifabricshared/foundation-compose 1.15.17 → 1.16.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # Change Log - @uifabricshared/foundation-compose
 
+## 1.16.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/default-theme@0.27.0
+  - @fluentui-react-native/framework-base@0.3.0
+  - @fluentui-react-native/theme-types@0.44.0
+  - @uifabricshared/foundation-composable@0.14.0
+  - @uifabricshared/foundation-settings@0.16.0
+  - @uifabricshared/foundation-tokens@0.16.0
+  - @uifabricshared/themed-settings@0.13.0
+  - @uifabricshared/theming-ramp@0.21.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:39 GMT and should not be manually modified. -->
 
 <!-- Start content -->
@@ -1413,131 +1456,173 @@ Thu, 16 Apr 2020 23:57:38 GMT
 - publish with correct main/module references (jasonmo@microsoft.com)
 
 ## 1.5.16
+
 Thu, 09 Apr 2020 18:39:15 GMT
 
 ### Patches
 
 - merge conflicts (ppatboyd@outlook.com)
+
 ## 1.5.14
+
 Fri, 03 Apr 2020 20:40:51 GMT
 
 ### Patches
 
 - switch the bin name from just-script to fluent-scripts to disambiguate names (jasonmo@microsoft.com)
+
 ## 1.5.13
+
 Tue, 31 Mar 2020 18:01:09 GMT
 
 ### Patches
 
 - Merge branch 'sammy/checkboxV1' of https://github.com/samuelfreiberg/fluentui-react-native into sammy/checkboxV1 (safreibe@microsoft.com)
+
 ## 1.5.12
+
 Mon, 30 Mar 2020 16:27:00 GMT
 
 ### Patches
 
 - Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
+
 ## 1.5.9
+
 Wed, 11 Mar 2020 17:57:52 GMT
 
 ### Patches
 
 - 🐛 Use weak map to avoid copying theme cache when resolving child themes (adrum@microsoft.com)
+
 ## 1.5.7
+
 Tue, 10 Mar 2020 22:28:00 GMT
 
 ### Patches
 
 - switch symbol based caching to use WeakMaps (jasonmo@microsoft.com)
+
 ## 1.5.4
+
 Fri, 28 Feb 2020 00:04:18 GMT
 
 ### Patches
 
 - split hooks into dedicated files (jasonmo@microsoft.com)
+
 ## 1.5.3
+
 Thu, 20 Feb 2020 01:36:35 GMT
 
 ### Patches
 
 - restructure directories in project (jasonmo@microsoft.com)
+
 ## 1.5.2
+
 Fri, 07 Feb 2020 00:29:25 GMT
 
 ### Patches
 
 - clean up just tasks and remove unnecessary webpack configs (jasonmo@microsoft.com)
+
 ## 1.5.1
+
 Thu, 06 Feb 2020 01:00:13 GMT
 
 ### Patches
 
 - clean up just tasks and remove unnecessary webpack configs (jasonmo@microsoft.com)
+
 ## 1.5.0
+
 Fri, 13 Dec 2019 21:50:31 GMT
 
 ### Minor changes
 
 - 🐛 Add missing tokens typing to theme definitions (adrum@microsoft.com)
+
 ## 1.4.0
+
 Wed, 20 Nov 2019 19:51:16 GMT
 
 ### Minor changes
 
 - changes styleFactories to styles (jasonmo360@gmail.com)
+
 ## 1.3.0
+
 Wed, 20 Nov 2019 19:37:06 GMT
 
 ### Minor changes
 
 - 📦 fix package entrypoints to distinguish CJS/ES6 (adrum@microsoft.com)
+
 ## 1.2.0
+
 Tue, 19 Nov 2019 22:37:36 GMT
 
 ### Minor changes
 
 - add token support to settings, change to type objects (jasonmo@microsoft.com)
+
 ## 1.1.3
+
 Fri, 01 Nov 2019 16:51:54 GMT
 
 ### Patches
 
 - fix version references for packages (jasonmo@microsoft.com)
+
 ## 1.1.2
+
 Tue, 15 Oct 2019 02:11:41 GMT
 
 ### Patches
 
 - api-extractor setup (taamireh@microsoft.com)
+
 ## 1.1.1
+
 Thu, 26 Sep 2019 19:45:56 GMT
 
 ### Patches
 
-- remove _parent from component settings and stop using augment platform theme for settings (jasonmo360@gmail.com)
+- remove \_parent from component settings and stop using augment platform theme for settings (jasonmo360@gmail.com)
+
 ## 1.1.0
+
 Wed, 25 Sep 2019 23:15:41 GMT
 
 ### Minor changes
 
 - Get new compose infrastructure working (jasonmo@microsoft.com)
+
 ## 1.0.2
+
 Thu, 19 Sep 2019 23:21:48 GMT
 
 ### Patches
 
 - force publish (taamireh@microsoft.com)
+
 ## 1.0.1
+
 Thu, 19 Sep 2019 00:21:30 GMT
 
 ### Patches
 
 - change scope names (taamireh@microsoft.com)
+
 ## 1.0.0
+
 Sat, 14 Sep 2019 01:56:36 GMT
 
 ### Major
 
 - switch implementations to use new customized settings (jasonmo@microsoft.com)
+
 ### Patches
 
 - Begin turning on some linting rules (taamireh@microsoft.com)

package/lib/compose.d.ts

@@ -8,5 +8,10 @@ import { INativeSlotType, IExtractProps, IExtractSlotProps, IExtractState } from
  * @param inputComponent - component definition for the component to be created.  See IComposeOptions for more details.
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
-export declare function compose<TType>(inputComponent: Partial<IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>>, base?: INativeSlotType): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
-//# sourceMappingURL=compose.d.ts.map
+export declare function compose<TType>(
+  inputComponent: Partial<
+    IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>
+  >,
+  base?: INativeSlotType,
+): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+//# sourceMappingURL=compose.d.ts.map

package/lib/compose.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import { composable, } from '@uifabricshared/foundation-composable';
+import { composable } from '@uifabricshared/foundation-composable';
 import { initializeStyling, getOptionsFromObj } from './useStyling';
 import { immutableMerge } from '@fluentui-react-native/framework-base';
 /**
@@ -10,11 +10,11 @@ import { immutableMerge } from '@fluentui-react-native/framework-base';
  * @param base - component to use as a baseline (if it exists)
  */
 function _getComponentOptions(inputComponent, base) {
-    if (base) {
-        const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
-        return immutableMerge(base, inputComponent, mergedSettings);
-    }
-    return inputComponent;
+  if (base) {
+    const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
+    return immutableMerge(base, inputComponent, mergedSettings);
+  }
+  return inputComponent;
 }
 /**
  * Assembles a higher order component, optionally composing a base HOC or base primitive control.  The compose pattern
@@ -25,24 +25,24 @@ function _getComponentOptions(inputComponent, base) {
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
 export function compose(inputComponent, base) {
-    // get merged options for the component
-    const options = _getComponentOptions(inputComponent, base && getOptionsFromObj(base));
-    // set up the styling injection function
-    options.useStyling = initializeStyling(options);
-    // use composable to create the function implementation
-    const Component = composable(options);
-    // attach extra information to the returned function component
-    Component.displayName = options.displayName;
-    Object.assign(Component, options.statics);
-    // set up the customize handler
-    Component.customize = (...settings) => {
-        return compose({ settings }, Component);
-    };
-    // set up the compose handler
-    Component.compose = (newOptions) => {
-        return compose(newOptions, Component);
-    };
-    // now return the newly created component
-    return Component;
+  // get merged options for the component
+  const options = _getComponentOptions(inputComponent, base && getOptionsFromObj(base));
+  // set up the styling injection function
+  options.useStyling = initializeStyling(options);
+  // use composable to create the function implementation
+  const Component = composable(options);
+  // attach extra information to the returned function component
+  Component.displayName = options.displayName;
+  Object.assign(Component, options.statics);
+  // set up the customize handler
+  Component.customize = (...settings) => {
+    return compose({ settings }, Component);
+  };
+  // set up the compose handler
+  Component.compose = (newOptions) => {
+    return compose(newOptions, Component);
+  };
+  // now return the newly created component
+  return Component;
 }
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib/compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.tsx"],"names":[],"mappings":"AAAA,oBAAoB;AAGpB,OAAO,EACL,UAAU,GAMX,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE;;;;;;GAMG;AACH,SAAS,oBAAoB,CAO3B,cAAuF,EACvF,IAAqE;IAErE,IAAI,IAAI,EAAE;QACR,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpH,OAAO,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,CAAmE,CAAC;KAC/H;IACD,OAAO,cAAgF,CAAC;AAC1F,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CACrB,cAEC,EACD,IAAsB;IAUtB,uCAAuC;IACvC,MAAM,OAAO,GAAG,oBAAoB,CAAqD,cAAc,EAAE,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1I,wCAAwC;IACxC,OAAO,CAAC,UAAU,GAAG,iBAAiB,CAAqD,OAAO,CAAC,CAAC;IAEpG,uDAAuD;IACvD,MAAM,SAAS,GAAG,UAAU,CAAiD,OAAc,CAAgB,CAAC;IAE5G,8DAA8D;IAC9D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1C,+BAA+B;IAC/B,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,QAAuD,EAAE,EAAE;QACnF,OAAO,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,OAAO,GAAG,CAAC,UAAwF,EAAE,EAAE;QAC/G,OAAO,OAAO,CAAQ,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,yCAAyC;IACzC,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.tsx"],"names":[],"mappings":"AAAA,oBAAoB;AAGpB,OAAO,EACL,UAAU,GAMX,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE;;;;;;GAMG;AACH,SAAS,oBAAoB,CAO3B,cAAuF,EACvF,IAAqE,EACL;IAChE,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpH,OAAO,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,CAAmE,CAAC;IAChI,CAAC;IACD,OAAO,cAAgF,CAAC;AAAA,CACzF;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CACrB,cAEC,EACD,IAAsB,EACmH;IASzI,uCAAuC;IACvC,MAAM,OAAO,GAAG,oBAAoB,CAAqD,cAAc,EAAE,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1I,wCAAwC;IACxC,OAAO,CAAC,UAAU,GAAG,iBAAiB,CAAqD,OAAO,CAAC,CAAC;IAEpG,uDAAuD;IACvD,MAAM,SAAS,GAAG,UAAU,CAAiD,OAAc,CAAgB,CAAC;IAE5G,8DAA8D;IAC9D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1C,+BAA+B;IAC/B,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,QAAuD,EAAE,EAAE,CAAC;QACpF,OAAO,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IAAA,CACzC,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,OAAO,GAAG,CAAC,UAAwF,EAAE,EAAE,CAAC;QAChH,OAAO,OAAO,CAAQ,UAAU,EAAE,SAAS,CAAC,CAAC;IAAA,CAC9C,CAAC;IAEF,yCAAyC;IACzC,OAAO,SAAS,CAAC;AAAA,CAClB"}

package/lib/compose.types.d.ts

@@ -1,32 +1,48 @@
-import { IRenderData, IComposableDefinition, IComposableType, IExtractSlotProps, IExtractProps, IExtractState } from '@uifabricshared/foundation-composable';
+import {
+  IRenderData,
+  IComposableDefinition,
+  IComposableType,
+  IExtractSlotProps,
+  IExtractProps,
+  IExtractState,
+} from '@uifabricshared/foundation-composable';
 import { ISlotProps, IComponentSettings, IWithTokens, IOverrideLookup } from '@uifabricshared/foundation-settings';
 import { ISettingsEntry } from '@uifabricshared/themed-settings';
 import { ITheme } from '@uifabricshared/theming-ramp';
 import { IStyleFactories, IComponentTokens } from '@uifabricshared/foundation-tokens';
 import * as React from 'react';
-export interface IComposeType<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TTokens extends object = object, TStatics extends object = object> extends IComposableType<TProps, TSlotProps, TState> {
-    /**
-     * Any statics to attach to the component
-     */
-    statics: TStatics;
-    /**
-     * Token props for this component
-     */
-    tokens: TTokens;
+export interface IComposeType<
+  TProps extends object = object,
+  TSlotProps extends ISlotProps = ISlotProps<TProps>,
+  TState extends object = object,
+  TTokens extends object = object,
+  TStatics extends object = object,
+> extends IComposableType<TProps, TSlotProps, TState> {
+  /**
+   * Any statics to attach to the component
+   */
+  statics: TStatics;
+  /**
+   * Token props for this component
+   */
+  tokens: TTokens;
 }
 type IStaticsFragment<TStatics extends object> = {
-    statics: TStatics;
+  statics: TStatics;
 };
 export type IExtractStatics<T> = T extends IStaticsFragment<infer U> ? U : object;
 type ITokensFragment<TTokens extends object> = {
-    tokens: TTokens;
+  tokens: TTokens;
 };
 export type IExtractTokens<T> = T extends ITokensFragment<infer U> ? U : object;
 /**
  * Function signature for useStyling as implemented by compose.  This adds the lookup function to enable
  * more control over how overrides are applied.
  */
-export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (props: TProps, lookup?: IOverrideLookup) => IWithTokens<TSlotProps, TTokens>;
+export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (
+  props: TProps,
+  lookup?: IOverrideLookup,
+) => IWithTokens<TSlotProps, TTokens>;
 export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Array of:
@@ -36,50 +52,67 @@ export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, I
  *
  * These settings are layered together in order to produce the merged settings for a component
  */
-export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<IComponentSettings<IWithTokens<TSlotProps, TTokens>>, ITheme>[];
+export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<
+  IComponentSettings<IWithTokens<TSlotProps, TTokens>>,
+  ITheme
+>[];
 export type IComposeSettings<T> = IDefineComposeSettings<IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Settings which dictate the behavior of useStyling, as implemented by the compose package.  These are
  * separated from IComponentOptions to allow the styling portion to be used independently if so desired.
  */
 export interface IStylingSettings<TSlotProps extends ISlotProps, TTokens extends object> {
-    /**
-     * settings used to build up the style definitions
-     */
-    settings?: IDefineComposeSettings<TSlotProps, TTokens>;
-    /**
-     * factories for producing styles from tokens
-     */
-    styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
-    /**
-     * The input tokens processed, built into functions, with the keys built into a map.
-     *
-     * This gets set automatically when the component is set up for the first time and should not be set by hand.
-     */
-    resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
+  /**
+   * settings used to build up the style definitions
+   */
+  settings?: IDefineComposeSettings<TSlotProps, TTokens>;
+  /**
+   * factories for producing styles from tokens
+   */
+  styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
+  /**
+   * The input tokens processed, built into functions, with the keys built into a map.
+   *
+   * This gets set automatically when the component is set up for the first time and should not be set by hand.
+   */
+  resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
 }
 /**
  * Options to be used with compose.  These drive the actual behavior of the component and are comprised of styling
  * options as well as options which configure composable.
  */
-export interface IComposeOptions<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TTokens extends object = object, TState extends object = object, TStatics extends object = object> extends IComposableDefinition<TProps, TSlotProps, TState>, IStylingSettings<TSlotProps, TTokens> {
-    /**
-     * Add an additional option to use styling to allow for injecting override lookup functions
-     */
-    useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-    /**
-     * Use prepare props will take the more opinionated version of useStyling
-     */
-    usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
-    /**
-     * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
-     */
-    statics?: TStatics;
+export interface IComposeOptions<
+  TProps extends object = object,
+  TSlotProps extends ISlotProps = ISlotProps<TProps>,
+  TTokens extends object = object,
+  TState extends object = object,
+  TStatics extends object = object,
+> extends IComposableDefinition<TProps, TSlotProps, TState>,
+    IStylingSettings<TSlotProps, TTokens> {
+  /**
+   * Add an additional option to use styling to allow for injecting override lookup functions
+   */
+  useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+  /**
+   * Use prepare props will take the more opinionated version of useStyling
+   */
+  usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
+  /**
+   * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
+   */
+  statics?: TStatics;
 }
 /**
  * The signature of the component returned from compose.
  */
-export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object = object, TStatics extends object = object> = React.FunctionComponent<TProps> & TStatics & {
+export type IComposeReturnType<
+  TProps extends object,
+  TSlotProps extends ISlotProps,
+  TTokens extends object,
+  TState extends object = object,
+  TStatics extends object = object,
+> = React.FunctionComponent<TProps> &
+  TStatics & {
     /**
      * composable options, used by composable for chaining objects.  For compose this also includes the extensions
      * such as settings or token information.
@@ -88,17 +121,27 @@ export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotPr
     /**
      * shorthand function for doing quick customizations of a component by appending to settings
      */
-    customize: (...settings: IDefineComposeSettings<TSlotProps, TTokens>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+    customize: (
+      ...settings: IDefineComposeSettings<TSlotProps, TTokens>
+    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
     /**
      * helper function to quickly add new partial options to the base component.  The primary advantage is that
      * this is strongly typed for the component type which avoids needing to pass all the type parameters correctly.
      */
-    compose: (newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
-};
+    compose: (
+      newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>,
+    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+  };
 /**
  * A shorthand for typecasting a component into a more specific type, used for dealing with multiple platforms in
  * react-native
  */
-export type IComposeTypecast<TType> = IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+export type IComposeTypecast<TType> = IComposeReturnType<
+  IExtractProps<TType>,
+  IExtractSlotProps<TType>,
+  IExtractTokens<TType>,
+  IExtractState<TType>,
+  IExtractStatics<TType>
+>;
 export {};
-//# sourceMappingURL=compose.types.d.ts.map
+//# sourceMappingURL=compose.types.d.ts.map

package/lib/compose.types.js

@@ -1,3 +1,3 @@
 /* eslint-disable */
 export {};
-//# sourceMappingURL=compose.types.js.map
+//# sourceMappingURL=compose.types.js.map

package/lib/index.d.ts

@@ -1,4 +1,16 @@
-export type { IComposeOptions, IComposeReturnType, IComposeSettings, IComposeType, IComposeTypecast, IDefineComposeSettings, IDefineUseComposeStyling, IExtractStatics, IExtractTokens, IStylingSettings, IUseComposeStyling, } from './compose.types';
+export type {
+  IComposeOptions,
+  IComposeReturnType,
+  IComposeSettings,
+  IComposeType,
+  IComposeTypecast,
+  IDefineComposeSettings,
+  IDefineUseComposeStyling,
+  IExtractStatics,
+  IExtractTokens,
+  IStylingSettings,
+  IUseComposeStyling,
+} from './compose.types';
 export { compose } from './compose';
 export { initializeStyling } from './useStyling';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1,3 @@
 export { compose } from './compose';
 export { initializeStyling } from './useStyling';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/useStyling.d.ts

@@ -8,5 +8,11 @@ export declare function getOptionsFromObj<TComponent>(obj: any): TComponent | un
  * @param options - style settings to configure this function.  Note that this should be scoped to a single component.
  * @param name - optional base name to use as a cache key
  */
-export declare function initializeStyling<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object, TStatics extends object>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-//# sourceMappingURL=useStyling.d.ts.map
+export declare function initializeStyling<
+  TProps extends object,
+  TSlotProps extends ISlotProps,
+  TTokens extends object,
+  TState extends object,
+  TStatics extends object,
+>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+//# sourceMappingURL=useStyling.d.ts.map

package/lib/useStyling.js

@@ -7,32 +7,32 @@ import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
 import { getMemoCache } from '@fluentui-react-native/framework-base';
 /* tslint:disable-next-line no-any */
 export function getOptionsFromObj(obj) {
-    const objType = obj && typeof obj;
-    return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
+  const objType = obj && typeof obj;
+  return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
 }
 function _getSettingsFromTheme(theme, name) {
-    return getSettings(theme, name);
+  return getSettings(theme, name);
 }
 function _getHasToken(slots) {
-    const slotTokens = {};
-    Object.keys(slots).forEach((slotName) => {
-        const slot = slots[slotName];
-        const slotType = (typeof slot !== 'object' ? slot : slot.slotType);
-        const options = getOptionsFromObj(slotType);
-        slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
-    });
-    return (target, key) => {
-        return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
-    };
+  const slotTokens = {};
+  Object.keys(slots).forEach((slotName) => {
+    const slot = slots[slotName];
+    const slotType = typeof slot !== 'object' ? slot : slot.slotType;
+    const options = getOptionsFromObj(slotType);
+    slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
+  });
+  return (target, key) => {
+    return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
+  };
 }
 function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
-    // get the theme value from the context (or the default theme if it is not set)
-    const theme = useTheme() || defaultFluentTheme;
-    // resolve the array of settings for these options
-    lookupOverride = lookupOverride || props;
-    const { settings, getMemoValue } = getThemedSettings(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme);
-    // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
-    return returnAsSlotProps(processTokens(props, theme, settings, options.resolvedTokens, getMemoValue));
+  // get the theme value from the context (or the default theme if it is not set)
+  const theme = useTheme() || defaultFluentTheme;
+  // resolve the array of settings for these options
+  lookupOverride = lookupOverride || props;
+  const { settings, getMemoValue } = getThemedSettings(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme);
+  // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
+  return returnAsSlotProps(processTokens(props, theme, settings, options.resolvedTokens, getMemoValue));
 }
 /**
  * return a useStyling implementation, in the form of IUseComposeStyling, based on the passed in styleSettings.  The
@@ -42,14 +42,14 @@ function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
  * @param name - optional base name to use as a cache key
  */
 export function initializeStyling(options) {
-    // process the tokens and get them ready to render
-    const { styles, slots } = options;
-    options.resolvedTokens = buildComponentTokens(styles, _getHasToken(slots));
-    // memo cache root for this component, keyed on options
-    const getMemoValue = getMemoCache(options);
-    // create a useStyling implementation for this component type (per type, not per instance)
-    return (props, lookupOverride) => {
-        return useStylingCore(props, options, getMemoValue, lookupOverride);
-    };
+  // process the tokens and get them ready to render
+  const { styles, slots } = options;
+  options.resolvedTokens = buildComponentTokens(styles, _getHasToken(slots));
+  // memo cache root for this component, keyed on options
+  const getMemoValue = getMemoCache(options);
+  // create a useStyling implementation for this component type (per type, not per instance)
+  return (props, lookupOverride) => {
+    return useStylingCore(props, options, getMemoValue, lookupOverride);
+  };
 }
-//# sourceMappingURL=useStyling.js.map
+//# sourceMappingURL=useStyling.js.map

package/lib/useStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA,oBAAoB;AAGpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAU,WAAW,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAoB,aAAa,EAAmB,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC3H,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,YAAY,EAAgB,MAAM,uCAAuC,CAAC;AAEnF,qCAAqC;AACrC,MAAM,UAAU,iBAAiB,CAAa,GAAQ;IACpD,MAAM,OAAO,GAAG,GAAG,IAAI,OAAO,GAAG,CAAC;IAClC,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,IAAK,GAA2C,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC;AACtI,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAa,EAAE,IAAY;IACxD,OAAO,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,CAAC;AAED,SAAS,YAAY,CACnB,KAAiE;IAEjE,MAAM,UAAU,GAA8F,EAAE,CAAC;IACjH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;QACtF,MAAM,OAAO,GAAkD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC3F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAC9G,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE;QACrC,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IACtE,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,KAAa,EACb,OAA8C,EAC9C,iBAA+B,EAC/B,cAAgC;IAEhC,+EAA+E;IAC/E,MAAM,KAAK,GAAG,QAAQ,EAAE,IAAI,kBAAkB,CAAC;IAE/C,kDAAkD;IAClD,cAAc,GAAG,cAAc,IAAI,KAAK,CAAC;IAEzC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAClD,OAAO,CAAC,QAAQ,EAChB,KAAK,EACL,iBAAiC,EACjC,cAAc,EACd,qBAA4B,CAC7B,CAAC;IAEF,uHAAuH;IACvH,OAAO,iBAAiB,CACtB,aAAa,CAA8B,KAA2B,EAAE,KAAK,EAAE,QAAe,EAAE,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAClG,CAAC;AACxC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAM/B,OAAuE;IACvE,kDAAkD;IAClD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,cAAc,GAAG,oBAAoB,CAA8B,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAExG,uDAAuD;IACvD,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAE3C,0FAA0F;IAC1F,OAAO,CAAC,KAAa,EAAE,cAAgC,EAAE,EAAE;QACzD,OAAO,cAAc,CAA8B,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;IACnG,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA,oBAAoB;AAGpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAU,WAAW,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAoB,aAAa,EAAmB,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC3H,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,YAAY,EAAgB,MAAM,uCAAuC,CAAC;AAEnF,qCAAqC;AACrC,MAAM,UAAU,iBAAiB,CAAa,GAAQ,EAA0B;IAC9E,MAAM,OAAO,GAAG,GAAG,IAAI,OAAO,GAAG,CAAC;IAClC,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,IAAK,GAA2C,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC;AAAA,CACrI;AAED,SAAS,qBAAqB,CAAC,KAAa,EAAE,IAAY,EAAsB;IAC9E,OAAO,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAAA,CACjC;AAED,SAAS,YAAY,CACnB,KAAiE,EAChD;IACjB,MAAM,UAAU,GAA8F,EAAE,CAAC;IACjH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;QACtF,MAAM,OAAO,GAAkD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC3F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAAA,CAC7G,CAAC,CAAC;IACH,OAAO,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE,CAAC;QACtC,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAAA,CACrE,CAAC;AAAA,CACH;AAED,SAAS,cAAc,CACrB,KAAa,EACb,OAA8C,EAC9C,iBAA+B,EAC/B,cAAgC,EACE;IAClC,+EAA+E;IAC/E,MAAM,KAAK,GAAG,QAAQ,EAAE,IAAI,kBAAkB,CAAC;IAE/C,kDAAkD;IAClD,cAAc,GAAG,cAAc,IAAI,KAAK,CAAC;IAEzC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAClD,OAAO,CAAC,QAAQ,EAChB,KAAK,EACL,iBAAiC,EACjC,cAAc,EACd,qBAA4B,CAC7B,CAAC;IAEF,uHAAuH;IACvH,OAAO,iBAAiB,CACtB,aAAa,CAA8B,KAA2B,EAAE,KAAK,EAAE,QAAe,EAAE,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAClG,CAAC;AAAA,CACvC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAM/B,OAAuE,EAAyD;IAChI,kDAAkD;IAClD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,cAAc,GAAG,oBAAoB,CAA8B,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAExG,uDAAuD;IACvD,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAE3C,0FAA0F;IAC1F,OAAO,CAAC,KAAa,EAAE,cAAgC,EAAE,EAAE,CAAC;QAC1D,OAAO,cAAc,CAA8B,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;IAAA,CAClG,CAAC;AAAA,CACH"}