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

package/lib/customizable.d.ts

@@ -1,24 +1,28 @@
 import type React from 'react';
 import type { TokenSettings, UseTokens } from './buildUseTokens';
+import type { FurnJSX } from '@fluentui-react-native/framework-base';
 /**
  * A component implementation, with a use tokens hook passed in. Implementing it this way allows the useTokens hook to be
  * modified by the customization handler
  */
-export type InjectableComponent<TProps, TTokens, TTheme> = (props: TProps, useTokens: UseTokens<TTokens, TTheme>) => JSX.Element | null;
+export type InjectableComponent<TProps, TTokens, TTheme> = (props: TProps, useTokens: UseTokens<TTokens, TTheme>) => FurnJSX.Element | null;
 /**
  * A component with an attached customize function, used to create alternatively styled versions of the component
  */
 export type CustomizableComponent<TProps, TTokens, TTheme> = React.FunctionComponent<TProps> & {
-    customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => CustomizableComponent<TProps, TTokens, TTheme>;
+  customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => CustomizableComponent<TProps, TTokens, TTheme>;
 };
 /**
  * Function helper for easily creating a customizable component based on the useTokens hook
  *
- * @param injectable - a function component implementation, written in (props, useTokens) => JSX.Element form
+ * @param injectable - a function component implementation, written in (props, useTokens) => FurnJSX.Element form
  * @param useTokens - a hook function, generally built via buildUseTokens, used to retrieve design tokens for the component
  *
  * @returns - a function component that has a static function called customize attached. Customize will return a
  *            new component (which can also be customized)
  */
-export declare function customizable<TProps, TTokens, TTheme>(injectable: InjectableComponent<TProps, TTokens, TTheme>, useTokens: UseTokens<TTokens, TTheme>): CustomizableComponent<TProps, TTokens, TTheme>;
-//# sourceMappingURL=customizable.d.ts.map
+export declare function customizable<TProps, TTokens, TTheme>(
+  injectable: InjectableComponent<TProps, TTokens, TTheme>,
+  useTokens: UseTokens<TTokens, TTheme>,
+): CustomizableComponent<TProps, TTokens, TTheme>;
+//# sourceMappingURL=customizable.d.ts.map

package/lib/customizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAExI;;GAEG;AACH,MAAM,MAAM,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAC7F,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;CAC5G,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EACxD,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,GACpC,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAOhD"}
+{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AAE5I;;GAEG;AACH,MAAM,MAAM,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAC7F,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;CAC5G,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EACxD,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,GACpC,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAOhD"}

package/lib/customizable.js

@@ -1,18 +1,18 @@
 /**
  * Function helper for easily creating a customizable component based on the useTokens hook
  *
- * @param injectable - a function component implementation, written in (props, useTokens) => JSX.Element form
+ * @param injectable - a function component implementation, written in (props, useTokens) => FurnJSX.Element form
  * @param useTokens - a hook function, generally built via buildUseTokens, used to retrieve design tokens for the component
  *
  * @returns - a function component that has a static function called customize attached. Customize will return a
  *            new component (which can also be customized)
  */
 export function customizable(injectable, useTokens) {
-    const component = (props) => injectable(props, useTokens);
-    component.customize = (...tokens) => {
-        const useTokensNew = useTokens.customize(...tokens);
-        return customizable(injectable, useTokensNew);
-    };
-    return component;
+  const component = (props) => injectable(props, useTokens);
+  component.customize = (...tokens) => {
+    const useTokensNew = useTokens.customize(...tokens);
+    return customizable(injectable, useTokensNew);
+  };
+  return component;
 }
-//# sourceMappingURL=customizable.js.map
+//# sourceMappingURL=customizable.js.map

package/lib/customizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAiBA;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAC1B,UAAwD,EACxD,SAAqC;IAErC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAClE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAwC,EAAE,EAAE;QACpE,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAkBA;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAC1B,UAAwD,EACxD,SAAqC,EACW;IAChD,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAClE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAwC,EAAE,EAAE,CAAC;QACrE,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAAA,CAC/C,CAAC;IACF,OAAO,SAAS,CAAC;AAAA,CAClB"}

package/lib/index.d.ts

@@ -6,4 +6,4 @@ export type { GetComponentInfo, TokenSettings, TokensFromTheme, UseTokens, UseTo
 export { customizable } from './customizable';
 export type { CustomizableComponent, InjectableComponent } from './customizable';
 export { patchTokens } from './patchTokens';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -3,4 +3,4 @@ export { applyTokenLayers } from './applyTokenLayers';
 export { buildUseTokens } from './buildUseTokens';
 export { customizable } from './customizable';
 export { patchTokens } from './patchTokens';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/patchTokens.d.ts

@@ -8,5 +8,9 @@ import type { GetTypedMemoValue } from '@fluentui-react-native/framework-base';
  * @param patchValues - new values to apply, values will be obtained via keys in the object
  * @returns - a tuple consisting of a new tokens object and a new memo-cache
  */
-export declare function patchTokens<TTokens>(tokens: TTokens, cache: GetTypedMemoValue<TTokens>, patchValues: TTokens): [TTokens, GetTypedMemoValue<TTokens>];
-//# sourceMappingURL=patchTokens.d.ts.map
+export declare function patchTokens<TTokens>(
+  tokens: TTokens,
+  cache: GetTypedMemoValue<TTokens>,
+  patchValues: TTokens,
+): [TTokens, GetTypedMemoValue<TTokens>];
+//# sourceMappingURL=patchTokens.d.ts.map

package/lib/patchTokens.js

@@ -8,16 +8,16 @@
  * @returns - a tuple consisting of a new tokens object and a new memo-cache
  */
 export function patchTokens(tokens, cache, patchValues) {
-    // reduce the patch values to the set of keys that are defined, and sort them to ensure consistent ordering
-    const keys = Object.keys(patchValues)
-        .filter((v) => patchValues[v] !== undefined)
-        .sort();
-    // for each key get an updated tokens collection based on key + value. Value alone isn't sufficient as the values
-    // are not necessarily unique. i.e. { a: 'blue' } and { b: 'blue' } would cache to the same without the key
-    for (const key of keys) {
-        [tokens, cache] = cache(() => ({ ...tokens, [key]: patchValues[key] }), [key, patchValues[key]]);
-    }
-    // return the updated tokens and cache (if there were any keys applied)
-    return [tokens, cache];
+  // reduce the patch values to the set of keys that are defined, and sort them to ensure consistent ordering
+  const keys = Object.keys(patchValues)
+    .filter((v) => patchValues[v] !== undefined)
+    .sort();
+  // for each key get an updated tokens collection based on key + value. Value alone isn't sufficient as the values
+  // are not necessarily unique. i.e. { a: 'blue' } and { b: 'blue' } would cache to the same without the key
+  for (const key of keys) {
+    [tokens, cache] = cache(() => ({ ...tokens, [key]: patchValues[key] }), [key, patchValues[key]]);
+  }
+  // return the updated tokens and cache (if there were any keys applied)
+  return [tokens, cache];
 }
-//# sourceMappingURL=patchTokens.js.map
+//# sourceMappingURL=patchTokens.js.map

package/lib/patchTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CACzB,MAAe,EACf,KAAiC,EACjC,WAAoB;IAEpB,2GAA2G;IAC3G,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAClC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;SAC3C,IAAI,EAAE,CAAC;IAEV,iHAAiH;IACjH,2GAA2G;IAC3G,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAClG;IAED,uEAAuE;IACvE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC"}
+{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CACzB,MAAe,EACf,KAAiC,EACjC,WAAoB,EACmB;IACvC,2GAA2G;IAC3G,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAClC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;SAC3C,IAAI,EAAE,CAAC;IAEV,iHAAiH;IACjH,2GAA2G;IAC3G,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACnG,CAAC;IAED,uEAAuE;IACvE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,CACxB"}

package/lib/patchTokens.test.d.ts

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

package/lib/patchTokens.test.js

@@ -1,38 +1,38 @@
 import { getMemoCache } from '@fluentui-react-native/framework-base';
 import { patchTokens } from './patchTokens';
 const themeTokens = {
-    uno: 'uno',
-    dos: 'dos',
-    tres: 3,
-    quatro: 4,
-    cinco: true,
+  uno: 'uno',
+  dos: 'dos',
+  tres: 3,
+  quatro: 4,
+  cinco: true,
 };
 describe('patchTokens tests', () => {
-    test('props get copied', () => {
-        const cache = getMemoCache();
-        const patchValues = { uno: 'one', quatro: 'quatro' };
-        const [tokens] = patchTokens(themeTokens, cache, patchValues);
-        expect(tokens).not.toBe(themeTokens);
-        for (const key in patchValues) {
-            expect(tokens[key]).toEqual(patchValues[key]);
-        }
-    });
-    test('no copied props does not change tokens', () => {
-        const cache = getMemoCache();
-        const patchValues1 = {};
-        const [tokens] = patchTokens(themeTokens, cache, patchValues1);
-        expect(tokens).toBe(themeTokens);
-        const patchValues2 = { tres: undefined };
-        const [tokens2] = patchTokens(themeTokens, cache, patchValues2);
-        expect(tokens2).toBe(themeTokens);
-    });
-    test('patching tokens cache independent of order', () => {
-        const cache = getMemoCache();
-        const patch1 = { uno: 'one', cinco: false };
-        const patch2 = { cinco: false, uno: 'one' };
-        const [tokens1] = patchTokens(themeTokens, cache, patch1);
-        const [tokens2] = patchTokens(themeTokens, cache, patch2);
-        expect(tokens1).toBe(tokens2);
-    });
+  test('props get copied', () => {
+    const cache = getMemoCache();
+    const patchValues = { uno: 'one', quatro: 'quatro' };
+    const [tokens] = patchTokens(themeTokens, cache, patchValues);
+    expect(tokens).not.toBe(themeTokens);
+    for (const key in patchValues) {
+      expect(tokens[key]).toEqual(patchValues[key]);
+    }
+  });
+  test('no copied props does not change tokens', () => {
+    const cache = getMemoCache();
+    const patchValues1 = {};
+    const [tokens] = patchTokens(themeTokens, cache, patchValues1);
+    expect(tokens).toBe(themeTokens);
+    const patchValues2 = { tres: undefined };
+    const [tokens2] = patchTokens(themeTokens, cache, patchValues2);
+    expect(tokens2).toBe(themeTokens);
+  });
+  test('patching tokens cache independent of order', () => {
+    const cache = getMemoCache();
+    const patch1 = { uno: 'one', cinco: false };
+    const patch2 = { cinco: false, uno: 'one' };
+    const [tokens1] = patchTokens(themeTokens, cache, patch1);
+    const [tokens2] = patchTokens(themeTokens, cache, patch2);
+    expect(tokens1).toBe(tokens2);
+  });
 });
-//# sourceMappingURL=patchTokens.test.js.map
+//# sourceMappingURL=patchTokens.test.js.map

package/lib/patchTokens.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,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,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;YAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QACzC,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;QAChE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACtD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,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,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC;IAClC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;QAChD,CAAC;IAAA,CACF,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QACzC,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;QAChE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAAA,CACnC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,GAAG,EAAE,CAAC;QACvD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAAA,CAC/B,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib/useTokens.samples.test.d.ts

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

package/lib/useTokens.samples.test.js

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { act } from 'react';
 import { Text, View } from 'react-native';
 import { immutableMerge } from '@fluentui-react-native/framework-base';
 import { mergeStyles } from '@fluentui-react-native/framework-base';
@@ -8,19 +9,19 @@ import { buildUseTokens } from './buildUseTokens';
  * The default/base theme just contains base values
  */
 const baseTheme = {
-    globals: {
-        backgroundColor: 'white',
-        color: 'black',
-        borderColor: 'blue',
-        fontFamily: 'Arial',
-        fontSize: 12,
-    },
-    components: {},
+  globals: {
+    backgroundColor: 'white',
+    color: 'black',
+    borderColor: 'blue',
+    fontFamily: 'Arial',
+    fontSize: 12,
+  },
+  components: {},
 };
 const current = { theme: baseTheme };
 const useTheme = () => current.theme;
 const setActiveTheme = (theme) => {
-    current.theme = (theme && immutableMerge(baseTheme, theme)) || baseTheme;
+  current.theme = (theme && immutableMerge(baseTheme, theme)) || baseTheme;
 };
 /**
  * Helper function used to look up a component in the theme. Having this injected allows this module to not be dependent on the shape of
@@ -28,113 +29,135 @@ const setActiveTheme = (theme) => {
  */
 const getComponentInfo = (theme, name) => theme.components[name];
 describe('useTokens samples', () => {
-    /**
-     * Sample #1 - Themeable text element
-     *
-     * This adds some default opinions for how a text element should be styled but only allows for customization
-     * via theming
-     */
-    const useTokensSample1 = buildUseTokens(getComponentInfo, 
+  /**
+   * Sample #1 - Themeable text element
+   *
+   * This adds some default opinions for how a text element should be styled but only allows for customization
+   * via theming
+   */
+  const useTokensSample1 = buildUseTokens(
+    getComponentInfo,
     /** first the default values should come from the global theme section */
     (t) => ({
-        color: t.globals.color,
-        fontFamily: t.globals.fontFamily,
-        fontSize: t.globals.fontSize,
-    }), 
+      color: t.globals.color,
+      fontFamily: t.globals.fontFamily,
+      fontSize: t.globals.fontSize,
+    }),
     /** next we should look for a component reference to overlay */
-    'SampleText');
-    const SampleText1 = (props) => {
-        // standard props splitting
-        const { style, children, ...rest } = props;
-        // typically this would start with a call to retrieve the theme from the context via whatever method is appropriate
-        const theme = useTheme();
-        // next the tokens are resolved from the theme, a cache specific to this theme is returned as well to allow for
-        // style objects to not be rebuilt unnecessarily
-        const [tokens, cache] = useTokensSample1(theme);
-        // build up the text style, or the full props as appropriate
-        const styleFromTokens = cache(
-        /**
-         * first build the style object
-         * - this executes once for every unique set of keys.
-         * - The cache is already unique for this theme
-         */
-        () => ({ ...tokens }), 
-        /**
-         * now specify the keys
-         * - because the only changing variable is the theme
-         * - ...and all the style properties are either constant or come from the tokens
-         * - ...no keys need to be specified
-         * - this means that only one style object will be created per component + theme pair
-         */
-        []);
-        // merge the props from the tokens with anything passed in via style. This is internally cached via object identity
-        // so the merged style object won't change identity unless one of the two inputs changes identity.
-        const mergedStyle = mergeStyles(styleFromTokens, style);
-        // now just render the element, forwarding the props, setting the merged style, then passing the children as appropriate
-        return (React.createElement(Text, { ...rest, style: mergedStyle }, children));
-    };
-    beforeEach(() => {
-        setActiveTheme();
+    'SampleText',
+  );
+  const SampleText1 = (props) => {
+    // standard props splitting
+    const { style, children, ...rest } = props;
+    // typically this would start with a call to retrieve the theme from the context via whatever method is appropriate
+    const theme = useTheme();
+    // next the tokens are resolved from the theme, a cache specific to this theme is returned as well to allow for
+    // style objects to not be rebuilt unnecessarily
+    const [tokens, cache] = useTokensSample1(theme);
+    // build up the text style, or the full props as appropriate
+    const [styleFromTokens] = cache(
+      /**
+       * first build the style object
+       * - this executes once for every unique set of keys.
+       * - The cache is already unique for this theme
+       */
+      () => ({ ...tokens }),
+      /**
+       * now specify the keys
+       * - because the only changing variable is the theme
+       * - ...and all the style properties are either constant or come from the tokens
+       * - ...no keys need to be specified
+       * - this means that only one style object will be created per component + theme pair
+       */
+      [],
+    );
+    // merge the props from the tokens with anything passed in via style. This is internally cached via object identity
+    // so the merged style object won't change identity unless one of the two inputs changes identity.
+    const mergedStyle = mergeStyles(styleFromTokens, style);
+    // now just render the element, forwarding the props, setting the merged style, then passing the children as appropriate
+    return _jsx(Text, { ...rest, style: mergedStyle, children: children });
+  };
+  beforeEach(() => {
+    setActiveTheme();
+  });
+  /** first render the component with no updates */
+  it('Sample1Text rendering with no overrides', () => {
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(SampleText1, { children: 'Sample1a' }));
     });
-    /** first render the component with no updates */
-    it('Sample1Text rendering with no overrides', () => {
-        const tree = renderer.create(React.createElement(SampleText1, null, "Sample1a")).toJSON();
-        expect(tree).toMatchSnapshot();
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  /** now re-theme the component via the components in the theme */
+  it('Sample1Text rendering with some custom settings in the theme', () => {
+    setActiveTheme({
+      components: {
+        SampleText: {
+          color: 'pink',
+          fontSize: 24,
+        },
+      },
     });
-    /** now re-theme the component via the components in the theme */
-    it('Sample1Text rendering with some custom settings in the theme', () => {
-        setActiveTheme({
-            components: {
-                SampleText: {
-                    color: 'pink',
-                    fontSize: 24,
-                },
-            },
-        });
-        const tree = renderer.create(React.createElement(SampleText1, null, "Sample1b")).toJSON();
-        expect(tree).toMatchSnapshot();
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(SampleText1, { children: 'Sample1b' }));
     });
-    // the Sample2Text component is built the same way as sample1, just using the new hook that has been created
-    const SampleText2 = (props) => {
-        const { color, style, children, ...rest } = props;
-        const theme = useTheme();
-        // this starts the same as sample1, extract tokens from the theme and get a theme specific cache object
-        const [tokens, cache] = useTokensSample1(theme);
-        // now when building up the style this time, the resulting style object is based upon both the theme and the passed
-        // in value of colors. Because the theme is already part of the cache definition, only color needs to be a key
-        const styleFromTokens = cache(
-        /** build the style, only patch the color if it has a value, otherwise the theme value would get stomped if color was undefined */
-        () => ({ ...tokens, ...(color && { color }) }), 
-        /** use color as an additional key for the style */
-        [color]);
-        // now just render, this time merging styles inline to make it a bit shorter
-        return (React.createElement(Text, { ...rest, style: mergeStyles(styleFromTokens, style) }, children));
-    };
-    /** rendering the Sample2 component with the base theme */
-    it('Sample2Text rendering with defaults and a color override', () => {
-        const tree = renderer
-            .create(React.createElement(View, null,
-            React.createElement(SampleText2, null, "Sample2 with defaults"),
-            React.createElement(SampleText2, { color: "green" }, "Sample2 with color override via prop")))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  // the Sample2Text component is built the same way as sample1, just using the new hook that has been created
+  const SampleText2 = (props) => {
+    const { color, style, children, ...rest } = props;
+    const theme = useTheme();
+    // this starts the same as sample1, extract tokens from the theme and get a theme specific cache object
+    const [tokens, cache] = useTokensSample1(theme);
+    // now when building up the style this time, the resulting style object is based upon both the theme and the passed
+    // in value of colors. Because the theme is already part of the cache definition, only color needs to be a key
+    const styleFromTokens = cache(
+      /** build the style, only patch the color if it has a value, otherwise the theme value would get stomped if color was undefined */
+      () => ({ ...tokens, ...(color && { color }) }),
+      /** use color as an additional key for the style */
+      [color],
+    );
+    // now just render, this time merging styles inline to make it a bit shorter
+    return _jsx(Text, { ...rest, style: mergeStyles(styleFromTokens, style), children: children });
+  };
+  /** rendering the Sample2 component with the base theme */
+  it('Sample2Text rendering with defaults and a color override', () => {
+    let component;
+    act(() => {
+      component = renderer.create(
+        _jsxs(View, {
+          children: [
+            _jsx(SampleText2, { children: 'Sample2 with defaults' }),
+            _jsx(SampleText2, { color: 'green', children: 'Sample2 with color override via prop' }),
+          ],
+        }),
+      );
     });
-    /** now re-theme the component via the components in the theme */
-    it('Sample2Text rendering with some custom settings in the theme', () => {
-        setActiveTheme({
-            components: {
-                SampleText: {
-                    fontSize: 18,
-                    fontFamily: 'Helvetica',
-                },
-            },
-        });
-        const tree = renderer
-            .create(React.createElement(View, null,
-            React.createElement(SampleText2, null, "Sample2 with theme overrides set"),
-            React.createElement(SampleText2, { color: "purple" }, "Sample2 with theme and color prop override")))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  /** now re-theme the component via the components in the theme */
+  it('Sample2Text rendering with some custom settings in the theme', () => {
+    setActiveTheme({
+      components: {
+        SampleText: {
+          fontSize: 18,
+          fontFamily: 'Helvetica',
+        },
+      },
     });
+    let component;
+    act(() => {
+      component = renderer.create(
+        _jsxs(View, {
+          children: [
+            _jsx(SampleText2, { children: 'Sample2 with theme overrides set' }),
+            _jsx(SampleText2, { color: 'purple', children: 'Sample2 with theme and color prop override' }),
+          ],
+        }),
+      );
+    });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=useTokens.samples.test.js.map
+//# sourceMappingURL=useTokens.samples.test.js.map

package/lib/useTokens.samples.test.js.map

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

package/lib-commonjs/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-commonjs/applyPropsToTokens.js

@@ -1,13 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyPropsToTokens = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.applyPropsToTokens = applyPropsToTokens;
 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];
 }
-exports.applyPropsToTokens = applyPropsToTokens;
-//# sourceMappingURL=applyPropsToTokens.js.map
+//# sourceMappingURL=applyPropsToTokens.js.map

package/lib-commonjs/applyPropsToTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":";;;AAEA,SAAgB,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;AAZD,gDAYC"}
+{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":";;;AAEA,4BACE,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-commonjs/applyPropsToTokens.test.d.ts

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