@fluentui-react-native/use-tokens 0.6.12 → 0.7.0

package/CHANGELOG.json

@@ -2,7 +2,7 @@
   "name": "@fluentui-react-native/use-tokens",
   "entries": [
     {
-      "date": "Tue, 05 Aug 2025 18:46:03 GMT",
+      "date": "Tue, 05 Aug 2025 18:50:39 GMT",
       "version": "0.6.12",
       "tag": "@fluentui-react-native/use-tokens_v0.6.12",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,48 @@
 # Change Log - @fluentui-react-native/use-tokens
 
-<!-- This log was last generated on Tue, 05 Aug 2025 18:46:03 GMT and should not be manually modified. -->
+## 0.7.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/framework-base@0.3.0
+
+<!-- This log was last generated on Tue, 05 Aug 2025 18:50:39 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
 ## 0.6.12
 
-Tue, 05 Aug 2025 18:46:03 GMT
+Tue, 05 Aug 2025 18:50:39 GMT
 
 ### Patches
 

package/README.md

@@ -56,7 +56,7 @@ const StyledText: React.FunctionComponent<TextProps> = (props) => {
   const [tokenStyle] = cache(() => ({ ...tokens }), []);
 
   // now merge any styles coming from the props in on top as they should override
-  const mergedStyles = mergeStyles(tokenStyle, style);
+  const mergedStyles = mergeStyles<TextStyle>(tokenStyle, style);
 
   // now just render the text element
   return (

package/lib/applyPropsToTokens.d.ts

@@ -1,3 +1,8 @@
 import type { GetTypedMemoValue } from '@fluentui-react-native/framework-base';
-export declare function applyPropsToTokens<TProps, TTokens>(props: TProps, tokens: TTokens, cache: GetTypedMemoValue<TTokens>, keys: (keyof TTokens)[]): [TTokens, GetTypedMemoValue<TTokens>];
-//# sourceMappingURL=applyPropsToTokens.d.ts.map
+export declare function applyPropsToTokens<TProps, TTokens>(
+  props: TProps,
+  tokens: TTokens,
+  cache: GetTypedMemoValue<TTokens>,
+  keys: (keyof TTokens)[],
+): [TTokens, GetTypedMemoValue<TTokens>];
+//# sourceMappingURL=applyPropsToTokens.d.ts.map

package/lib/applyPropsToTokens.js

@@ -1,9 +1,9 @@
 export function applyPropsToTokens(props, tokens, cache, keys) {
-    for (const key of keys) {
-        const sourceValue = props[key];
-        const setValue = sourceValue === tokens[key] ? undefined : sourceValue;
-        [tokens, cache] = cache(() => (setValue === undefined ? tokens : { ...tokens, [key]: setValue }), [setValue]);
-    }
-    return [tokens, cache];
+  for (const key of keys) {
+    const sourceValue = props[key];
+    const setValue = sourceValue === tokens[key] ? undefined : sourceValue;
+    [tokens, cache] = cache(() => (setValue === undefined ? tokens : { ...tokens, [key]: setValue }), [setValue]);
+  }
+  return [tokens, cache];
 }
-//# sourceMappingURL=applyPropsToTokens.js.map
+//# sourceMappingURL=applyPropsToTokens.js.map

package/lib/applyPropsToTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAChC,KAAa,EACb,MAAe,EACf,KAAiC,EACjC,IAAuB;IAEvB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,MAAM,WAAW,GAAG,KAAK,CAAC,GAAa,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;QACvE,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;KAC/G;IACD,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC"}
+{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAChC,KAAa,EACb,MAAe,EACf,KAAiC,EACjC,IAAuB,EACgB;IACvC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,WAAW,GAAG,KAAK,CAAC,GAAa,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;QACvE,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChH,CAAC;IACD,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,CACxB"}

package/lib/applyPropsToTokens.test.d.ts

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

package/lib/applyPropsToTokens.test.js

@@ -2,28 +2,28 @@ import { getTypedMemoCache } from '@fluentui-react-native/framework-base';
 import { applyPropsToTokens } from './applyPropsToTokens';
 const tokenProps = ['dos', 'quatro', 'cinco'];
 const themeTokens = {
-    uno: 'uno',
-    dos: 'dos',
-    tres: 3,
-    quatro: 4,
-    cinco: true,
+  uno: 'uno',
+  dos: 'dos',
+  tres: 3,
+  quatro: 4,
+  cinco: true,
 };
 const props1 = { dos: 'two', quatro: 'four', cinco: false, foo: 'foo', bar: 'bar' };
 // const props2: Props = { dos: 'two' };
 // const props3: Props = { foo: 'foo', bar: 'bar' };
 describe('applyPropsToTokens tests', () => {
-    test('props get copied', () => {
-        const cache = getTypedMemoCache();
-        const [tokens] = applyPropsToTokens(props1, themeTokens, cache, tokenProps);
-        expect(tokens).not.toBe(themeTokens);
-        for (const key of tokenProps) {
-            expect(tokens[key]).toEqual(props1[key]);
-        }
-    });
-    test('no copied props does not change tokens', () => {
-        const cache = getTypedMemoCache();
-        const [tokens] = applyPropsToTokens({}, themeTokens, cache, tokenProps);
-        expect(tokens).toBe(themeTokens);
-    });
+  test('props get copied', () => {
+    const cache = getTypedMemoCache();
+    const [tokens] = applyPropsToTokens(props1, themeTokens, cache, tokenProps);
+    expect(tokens).not.toBe(themeTokens);
+    for (const key of tokenProps) {
+      expect(tokens[key]).toEqual(props1[key]);
+    }
+  });
+  test('no copied props does not change tokens', () => {
+    const cache = getTypedMemoCache();
+    const [tokens] = applyPropsToTokens({}, themeTokens, cache, tokenProps);
+    expect(tokens).toBe(themeTokens);
+  });
 });
-//# sourceMappingURL=applyPropsToTokens.test.js.map
+//# sourceMappingURL=applyPropsToTokens.test.js.map

package/lib/applyPropsToTokens.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW1D,MAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,MAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,iBAAiB,EAAU,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;YAC5B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,MAAM,KAAK,GAAG,iBAAiB,EAAU,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACxE,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW1D,MAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,MAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC;IACzC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,iBAAiB,EAAU,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3C,CAAC;IAAA,CACF,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,iBAAiB,EAAU,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACxE,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAAA,CAClC,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib/applyTokenLayers.d.ts

@@ -12,5 +12,10 @@ export type HasLayer = (name: string) => boolean;
  * @param subCache - cache scoped to the root object with no layers applied
  * @param hasLayer - a function which returns whether a given layer should be applied
  */
-export declare function applyTokenLayers<TTokens>(tokens: TTokens, states: string[], subCache: GetTypedMemoValue<TTokens>, hasLayer: HasLayer): [TTokens, GetTypedMemoValue<TTokens>];
-//# sourceMappingURL=applyTokenLayers.d.ts.map
+export declare function applyTokenLayers<TTokens>(
+  tokens: TTokens,
+  states: string[],
+  subCache: GetTypedMemoValue<TTokens>,
+  hasLayer: HasLayer,
+): [TTokens, GetTypedMemoValue<TTokens>];
+//# sourceMappingURL=applyTokenLayers.d.ts.map

package/lib/applyTokenLayers.js

@@ -9,17 +9,20 @@ import { immutableMerge } from '@fluentui-react-native/framework-base';
  * @param hasLayer - a function which returns whether a given layer should be applied
  */
 export function applyTokenLayers(tokens, states, subCache, hasLayer) {
-    let final = { tokens, subCache };
-    if (states && states.length > 0) {
-        // now walk the overrides that are set, merging in props, caching results, and getting a new sub cache
-        final = states
-            .filter((val) => hasLayer(val))
-            .reduce((previous, layerName) => {
-            const layer = previous.tokens[layerName];
-            const [tokens, subCache] = previous.subCache(() => (layer && typeof layer === 'object' ? immutableMerge(previous.tokens, layer) : previous.tokens), [layer]);
-            return { tokens, subCache };
-        }, final);
-    }
-    return [final.tokens, final.subCache];
+  let final = { tokens, subCache };
+  if (states && states.length > 0) {
+    // now walk the overrides that are set, merging in props, caching results, and getting a new sub cache
+    final = states
+      .filter((val) => hasLayer(val))
+      .reduce((previous, layerName) => {
+        const layer = previous.tokens[layerName];
+        const [tokens, subCache] = previous.subCache(
+          () => (layer && typeof layer === 'object' ? immutableMerge(previous.tokens, layer) : previous.tokens),
+          [layer],
+        );
+        return { tokens, subCache };
+      }, final);
+  }
+  return [final.tokens, final.subCache];
 }
-//# sourceMappingURL=applyTokenLayers.js.map
+//# sourceMappingURL=applyTokenLayers.js.map

package/lib/applyTokenLayers.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAQvE;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAAoC,EACpC,QAAkB;IAGlB,IAAI,KAAK,GAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aAC9B,MAAM,CAAC,CAAC,QAAwB,EAAE,SAAiB,EAAE,EAAE;YACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACzC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAC1C,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EACrG,CAAC,KAAK,CAAC,CACR,CAAC;YACF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC9B,CAAC,EAAE,KAAK,CAAC,CAAC;KACb;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAQvE;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAAoC,EACpC,QAAkB,EACqB;IAEvC,IAAI,KAAK,GAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aAC9B,MAAM,CAAC,CAAC,QAAwB,EAAE,SAAiB,EAAE,EAAE,CAAC;YACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACzC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAC1C,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EACrG,CAAC,KAAK,CAAC,CACR,CAAC;YACF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAAA,CAC7B,EAAE,KAAK,CAAC,CAAC;IACd,CAAC;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AAAA,CACvC"}

package/lib/applyTokenLayers.test.d.ts

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

package/lib/applyTokenLayers.test.js

@@ -2,52 +2,52 @@ import { getMemoCache } from '@fluentui-react-native/framework-base';
 import { applyTokenLayers } from './applyTokenLayers';
 const stateOrder = ['hover', 'press', 'disabled'];
 const tokens1 = {
-    a: 'a',
-    b: 'b',
-    c: 'c',
-    hover: {
-        a: 'a-hover',
-        b: 'b-hover',
-        press: {
-            a: 'a-hover-press',
-        },
-    },
+  a: 'a',
+  b: 'b',
+  c: 'c',
+  hover: {
+    a: 'a-hover',
+    b: 'b-hover',
     press: {
-        a: 'a-press',
-        b: 'b-press',
-    },
-    disabled: {
-        a: 'disabled',
-        b: 'disabled',
-        c: 'disabled',
+      a: 'a-hover-press',
     },
+  },
+  press: {
+    a: 'a-press',
+    b: 'b-press',
+  },
+  disabled: {
+    a: 'disabled',
+    b: 'disabled',
+    c: 'disabled',
+  },
 };
 function stripLayers(tokens) {
-    const t = { ...tokens };
-    delete t.hover;
-    delete t.press;
-    delete t.disabled;
-    return t;
+  const t = { ...tokens };
+  delete t.hover;
+  delete t.press;
+  delete t.disabled;
+  return t;
 }
 describe('applyLayers tests', () => {
-    test('no layers returns tokens', () => {
-        const cache = getMemoCache();
-        const tokens = applyTokenLayers(tokens1, stateOrder, cache, () => false)[0];
-        expect(tokens).toBe(tokens1);
-    });
-    test('apply hover works', () => {
-        const cache = getMemoCache();
-        const lookup = (layer) => layer === 'hover';
-        const result1 = applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
-        expect(applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
-        expect(stripLayers(result1)).toEqual({ a: 'a-hover', b: 'b-hover', c: 'c' });
-    });
-    test('apply hover and press layer correctly', () => {
-        const cache = getMemoCache();
-        const lookup = (layer) => layer === 'hover' || layer === 'press';
-        const result1 = applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
-        expect(applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
-        expect(stripLayers(result1)).toEqual({ a: 'a-hover-press', b: 'b-press', c: 'c' });
-    });
+  test('no layers returns tokens', () => {
+    const cache = getMemoCache();
+    const tokens = applyTokenLayers(tokens1, stateOrder, cache, () => false)[0];
+    expect(tokens).toBe(tokens1);
+  });
+  test('apply hover works', () => {
+    const cache = getMemoCache();
+    const lookup = (layer) => layer === 'hover';
+    const result1 = applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
+    expect(applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
+    expect(stripLayers(result1)).toEqual({ a: 'a-hover', b: 'b-hover', c: 'c' });
+  });
+  test('apply hover and press layer correctly', () => {
+    const cache = getMemoCache();
+    const lookup = (layer) => layer === 'hover' || layer === 'press';
+    const result1 = applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
+    expect(applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
+    expect(stripLayers(result1)).toEqual({ a: 'a-hover-press', b: 'b-press', c: 'c' });
+  });
 });
-//# sourceMappingURL=applyTokenLayers.test.js.map
+//# sourceMappingURL=applyTokenLayers.test.js.map

package/lib/applyTokenLayers.test.js.map

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

package/lib/buildUseTokens.d.ts

@@ -19,7 +19,7 @@ export type UseTokensCore<TTokens, TTheme> = (theme: TTheme) => [TTokens, GetTyp
  * that captures both the previous values, and layers in the new values specified
  */
 export type UseTokens<TTokens, TTheme> = UseTokensCore<TTokens, TTheme> & {
-    customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => UseTokens<TTokens, TTheme>;
+  customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => UseTokens<TTokens, TTheme>;
 };
 /**
  * Helper function that knows how to try to look up token information from the theme
@@ -31,5 +31,8 @@ export type GetComponentInfo<TTokens, TTheme> = (theme: TTheme, name: string) =>
  * @param options - options which drive behavior for the generated styling hook
  * @param themeHelper - injected theme functionality
  */
-export declare function buildUseTokens<TTokens, TTheme>(getComponentInfo: GetComponentInfo<TTokens, TTheme> | undefined, ...tokens: TokenSettings<TTokens, TTheme>[]): UseTokens<TTokens, TTheme>;
-//# sourceMappingURL=buildUseTokens.d.ts.map
+export declare function buildUseTokens<TTokens, TTheme>(
+  getComponentInfo: GetComponentInfo<TTokens, TTheme> | undefined,
+  ...tokens: TokenSettings<TTokens, TTheme>[]
+): UseTokens<TTokens, TTheme>;
+//# sourceMappingURL=buildUseTokens.d.ts.map

package/lib/buildUseTokens.js

@@ -14,13 +14,13 @@ import { getMemoCache } from '@fluentui-react-native/framework-base';
  * @param getComponentInfo - helper to use to lookup the component in the theme
  */
 function mapToTokens(tokenEntry, theme, getComponentInfo) {
-    if (typeof tokenEntry === 'string') {
-        tokenEntry = (getComponentInfo && getComponentInfo(theme, tokenEntry)) || {};
-    }
-    if (typeof tokenEntry === 'function') {
-        tokenEntry = tokenEntry(theme);
-    }
-    return tokenEntry;
+  if (typeof tokenEntry === 'string') {
+    tokenEntry = (getComponentInfo && getComponentInfo(theme, tokenEntry)) || {};
+  }
+  if (typeof tokenEntry === 'function') {
+    tokenEntry = tokenEntry(theme);
+  }
+  return tokenEntry;
 }
 /**
  * Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
@@ -29,19 +29,19 @@ function mapToTokens(tokenEntry, theme, getComponentInfo) {
  * @param themeHelper - injected theme functionality
  */
 export function buildUseTokens(getComponentInfo, ...tokens) {
-    // create a cache instance for use in this particular call to buildUseTokens
-    const cache = getMemoCache();
-    // the core function simply merges layers together, looking up component definitions in the theme as well as executing any
-    // theme functions. This turns the tokens into an array of token objects that then get merged together
-    const useTokensCore = (theme) => {
-        // get the base styles all merged together, these will only depend on internal tokens and theme
-        return cache(() => immutableMerge(...tokens.map((value) => mapToTokens(value, theme, getComponentInfo))), [theme]);
-    };
-    // attach a customize function to generate a new use
-    useTokensCore.customize = (...newTokens) => {
-        const mergedTokens = [...tokens, ...newTokens];
-        return buildUseTokens(getComponentInfo, ...mergedTokens);
-    };
-    return useTokensCore;
+  // create a cache instance for use in this particular call to buildUseTokens
+  const cache = getMemoCache();
+  // the core function simply merges layers together, looking up component definitions in the theme as well as executing any
+  // theme functions. This turns the tokens into an array of token objects that then get merged together
+  const useTokensCore = (theme) => {
+    // get the base styles all merged together, these will only depend on internal tokens and theme
+    return cache(() => immutableMerge(...tokens.map((value) => mapToTokens(value, theme, getComponentInfo))), [theme]);
+  };
+  // attach a customize function to generate a new use
+  useTokensCore.customize = (...newTokens) => {
+    const mergedTokens = [...tokens, ...newTokens];
+    return buildUseTokens(getComponentInfo, ...mergedTokens);
+  };
+  return useTokensCore;
 }
-//# sourceMappingURL=buildUseTokens.js.map
+//# sourceMappingURL=buildUseTokens.js.map

package/lib/buildUseTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAiCrE;;;;;;;;;;;;GAYG;AACH,SAAS,WAAW,CAClB,UAA+D,EAC/D,KAAa,EACb,gBAA+D;IAE/D,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,UAAU,GAAG,CAAC,gBAAgB,IAAK,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAa,CAAC,IAAK,EAAc,CAAC;KACxG;IACD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;QACpC,UAAU,GAAI,UAA+C,CAAC,KAAK,CAAC,CAAC;KACtE;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAA+D,EAC/D,GAAG,MAAwC;IAE3C,4EAA4E;IAC5E,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACtC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,cAAc,CAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9H,CAAC,CAAC;IAEF,oDAAoD;IACpD,aAAa,CAAC,SAAS,GAAG,CAAC,GAAG,SAA2C,EAAE,EAAE;QAC3E,MAAM,YAAY,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;QAC/C,OAAO,cAAc,CAAkB,gBAAgB,EAAE,GAAG,YAAY,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC"}
+{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAiCrE;;;;;;;;;;;;GAYG;AACH,SAAS,WAAW,CAClB,UAA+D,EAC/D,KAAa,EACb,gBAA+D,EACtD;IACT,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;QACnC,UAAU,GAAG,CAAC,gBAAgB,IAAK,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAa,CAAC,IAAK,EAAc,CAAC;IACzG,CAAC;IACD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;QACrC,UAAU,GAAI,UAA+C,CAAC,KAAK,CAAC,CAAC;IACvE,CAAC;IACD,OAAO,UAAU,CAAC;AAAA,CACnB;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAA+D,EAC/D,GAAG,MAAwC,EACf;IAC5B,4EAA4E;IAC5E,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC;QACvC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,cAAc,CAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAAA,CAC7H,CAAC;IAEF,oDAAoD;IACpD,aAAa,CAAC,SAAS,GAAG,CAAC,GAAG,SAA2C,EAAE,EAAE,CAAC;QAC5E,MAAM,YAAY,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;QAC/C,OAAO,cAAc,CAAkB,gBAAgB,EAAE,GAAG,YAAY,CAAC,CAAC;IAAA,CAC3E,CAAC;IAEF,OAAO,aAAa,CAAC;AAAA,CACtB"}

package/lib/buildUseTokens.test.d.ts

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

package/lib/buildUseTokens.test.js

@@ -1,85 +1,85 @@
 import { buildUseTokens } from './buildUseTokens';
 const baseTokens = {
-    a: 'a-base',
-    b: 'b-base',
-    c: 'c-base',
-    hover: {
-        c: 'c-base-hover',
-    },
-    press: {
-        c: 'c-base-press',
-    },
+  a: 'a-base',
+  b: 'b-base',
+  c: 'c-base',
+  hover: {
+    c: 'c-base-hover',
+  },
+  press: {
+    c: 'c-base-press',
+  },
 };
 const defaultTheme = {
-    vals: {
-        foo: 'foo',
-        bar: 'bar',
+  vals: {
+    foo: 'foo',
+    bar: 'bar',
+  },
+  components: {
+    uno: {
+      a: 'uno-a',
+      c: 'uno-c',
     },
-    components: {
-        uno: {
-            a: 'uno-a',
-            c: 'uno-c',
-        },
-        dos: {
-            b: 'dos-b',
-            c: 'dos-c',
-        },
+    dos: {
+      b: 'dos-b',
+      c: 'dos-c',
     },
+  },
 };
 const variantTheme = {
-    vals: {
-        foo: 'variant',
-    },
-    components: {},
+  vals: {
+    foo: 'variant',
+  },
+  components: {},
 };
 const getComponentInfo = (theme, name) => theme.components[name];
 const componentTokens = [baseTokens, 'uno', (theme) => ({ b: theme.vals.foo })];
 const resolvedTokens = {
-    a: 'uno-a',
-    b: 'foo',
-    c: 'uno-c',
-    hover: {
-        c: 'c-base-hover',
-    },
-    press: {
-        c: 'c-base-press',
-    },
+  a: 'uno-a',
+  b: 'foo',
+  c: 'uno-c',
+  hover: {
+    c: 'c-base-hover',
+  },
+  press: {
+    c: 'c-base-press',
+  },
 };
 const variantTokens = {
-    a: 'a-base',
-    b: 'variant',
-    c: 'c-base',
-    hover: {
-        c: 'c-base-hover',
-    },
-    press: {
-        c: 'c-base-press',
-    },
+  a: 'a-base',
+  b: 'variant',
+  c: 'c-base',
+  hover: {
+    c: 'c-base-hover',
+  },
+  press: {
+    c: 'c-base-press',
+  },
 };
 describe('buildUseTokens test suite', () => {
-    test('basic built hook', () => {
-        const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
-        const [tokens] = useTokens(defaultTheme);
-        expect(tokens).toEqual(resolvedTokens);
-    });
-    test('multiple calls return same object', () => {
-        const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
-        const [tokens1] = useTokens(defaultTheme);
-        const [tokens2] = useTokens(defaultTheme);
-        expect(tokens1).toBe(tokens2);
-    });
-    test('variant theme is separate', () => {
-        const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
-        const [tokensDefault] = useTokens(defaultTheme);
-        const [tokensVariant] = useTokens(variantTheme);
-        expect(tokensVariant).not.toBe(tokensDefault);
-        expect(tokensVariant).toEqual(variantTokens);
-    });
-    test('simple customization layers on top', () => {
-        const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
-        const useTokensCustom = useTokens.customize({ a: 'custom' });
-        const [tokens] = useTokensCustom(defaultTheme);
-        expect(tokens).toEqual({ ...resolvedTokens, a: 'custom' });
-    });
+  test('basic built hook', () => {
+    const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
+    const [tokens] = useTokens(defaultTheme);
+    expect(tokens).toEqual(resolvedTokens);
+  });
+  test('multiple calls return same object', () => {
+    const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
+    const [tokens1] = useTokens(defaultTheme);
+    const [tokens2] = useTokens(defaultTheme);
+    expect(tokens1).toBe(tokens2);
+  });
+  test('variant theme is separate', () => {
+    const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
+    const [tokensDefault] = useTokens(defaultTheme);
+    const [tokensVariant] = useTokens(variantTheme);
+    expect(tokensVariant).not.toBe(tokensDefault);
+    expect(tokensVariant).toEqual(variantTokens);
+  });
+  test('simple customization layers on top', () => {
+    const useTokens = buildUseTokens(getComponentInfo, ...componentTokens);
+    const useTokensCustom = useTokens.customize({ a: 'custom' });
+    const [tokens] = useTokensCustom(defaultTheme);
+    expect(tokens).toEqual({ ...resolvedTokens, a: 'custom' });
+  });
 });
-//# sourceMappingURL=buildUseTokens.test.js.map
+//# sourceMappingURL=buildUseTokens.test.js.map

package/lib/buildUseTokens.test.js.map

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