@fluentui-react-native/use-styling 0.13.11 → 0.14.0

package/lib-commonjs/buildUseStyling.d.ts

@@ -4,27 +4,27 @@ import type { TokensThatAreAlsoProps, BuildSlotProps } from './buildProps';
  * Options used to build up a useStyling hook
  */
 export type UseStylingOptions<TProps, TSlotProps, TTokens, TTheme> = {
-    /**
-     * Baseline tokens for this component
-     */
-    tokens?: TokenSettings<TTokens, TTheme>[];
-    /**
-     * States that might be applied for the component like disabled or hovered, these should be listed
-     * in the order that they should be applied
-     */
-    states?: (keyof TTokens)[];
-    /**
-     * Functions which build up the props for each slot
-     */
-    slotProps?: BuildSlotProps<TSlotProps, TTokens, TTheme>;
-    /**
-     * Which props should be considered to be tokens.
-     * - If an array of keys this will ensure these props are promoted to tokens
-     * - If true all props will be added to tokens, if false or not specified no props will be treated as tokens
-     */
-    tokensThatAreAlsoProps?: TokensThatAreAlsoProps<TTokens>;
-    /** purely used to make type inferencing work correctly so the hook builder can pick up TProps from this type */
-    _propsType?: TProps;
+  /**
+   * Baseline tokens for this component
+   */
+  tokens?: TokenSettings<TTokens, TTheme>[];
+  /**
+   * States that might be applied for the component like disabled or hovered, these should be listed
+   * in the order that they should be applied
+   */
+  states?: (keyof TTokens)[];
+  /**
+   * Functions which build up the props for each slot
+   */
+  slotProps?: BuildSlotProps<TSlotProps, TTokens, TTheme>;
+  /**
+   * Which props should be considered to be tokens.
+   * - If an array of keys this will ensure these props are promoted to tokens
+   * - If true all props will be added to tokens, if false or not specified no props will be treated as tokens
+   */
+  tokensThatAreAlsoProps?: TokensThatAreAlsoProps<TTokens>;
+  /** purely used to make type inferencing work correctly so the hook builder can pick up TProps from this type */
+  _propsType?: TProps;
 };
 /**
  * Signature for the use styling hook
@@ -34,10 +34,10 @@ export type UseStyling<TProps, TSlotProps> = (props: TProps, lookup?: HasLayer)
  * Helper object which injects theme specific functionality
  */
 export type ThemeHelper<TTheme> = {
-    /** query the theme from the context, or from a global if your system doesn't use theming */
-    useTheme: () => TTheme;
-    /** lookup info for the component in the theme */
-    getComponentInfo: (theme: TTheme, name: string) => any;
+  /** query the theme from the context, or from a global if your system doesn't use theming */
+  useTheme: () => TTheme;
+  /** lookup info for the component in the theme */
+  getComponentInfo: (theme: TTheme, name: string) => any;
 };
 /**
  * Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
@@ -45,5 +45,8 @@ export type ThemeHelper<TTheme> = {
  * @param options - options which drive behavior for the generated styling hook
  * @param themeHelper - injected theme functionality
  */
-export declare function buildUseStyling<TProps, TSlotProps, TTokens, TTheme>(options: UseStylingOptions<TProps, TSlotProps, TTokens, TTheme>, themeHelper: ThemeHelper<TTheme>): UseStyling<TProps, TSlotProps>;
-//# sourceMappingURL=buildUseStyling.d.ts.map
+export declare function buildUseStyling<TProps, TSlotProps, TTokens, TTheme>(
+  options: UseStylingOptions<TProps, TSlotProps, TTokens, TTheme>,
+  themeHelper: ThemeHelper<TTheme>,
+): UseStyling<TProps, TSlotProps>;
+//# sourceMappingURL=buildUseStyling.d.ts.map

package/lib-commonjs/buildUseStyling.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildUseStyling = void 0;
-const use_tokens_1 = require("@fluentui-react-native/use-tokens");
-const buildProps_1 = require("./buildProps");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.buildUseStyling = buildUseStyling;
+const use_tokens_1 = require('@fluentui-react-native/use-tokens');
+const buildProps_1 = require('./buildProps');
 /**
  * Produce the final slot props for the styled hook
  *
@@ -12,12 +12,12 @@ const buildProps_1 = require("./buildProps");
  * @param cache - cache to use for the base of slot caching
  */
 function resolveToSlotProps(styles, tokens, theme, cache) {
-    const slotProps = {};
-    Object.keys(styles).forEach((key) => {
-        const style = styles[key];
-        slotProps[key] = typeof style === 'function' ? style(tokens, theme, cache(null, [key])[1]) : style;
-    });
-    return slotProps;
+  const slotProps = {};
+  Object.keys(styles).forEach((key) => {
+    const style = styles[key];
+    slotProps[key] = typeof style === 'function' ? style(tokens, theme, cache(null, [key])[1]) : style;
+  });
+  return slotProps;
 }
 /**
  * Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
@@ -26,30 +26,28 @@ function resolveToSlotProps(styles, tokens, theme, cache) {
  * @param themeHelper - injected theme functionality
  */
 function buildUseStyling(options, themeHelper) {
-    // create a cache instance for this use styling implementation
-    const { useTheme, getComponentInfo } = themeHelper;
-    const { tokens, tokensThatAreAlsoProps: tokenProps } = options;
-    const styles = (0, buildProps_1.refinePropsFunctions)(options.slotProps || {}, tokenProps);
-    const useTokens = (0, use_tokens_1.buildUseTokens)(getComponentInfo, ...tokens);
-    return (props, lookup) => {
-        // query the theme
-        const theme = useTheme();
-        // get the merged tokens from the theme
-        let [mergedTokens, cache] = useTokens(theme);
-        // resolve overrides as appropriate
-        if (options.states) {
-            [mergedTokens, cache] = (0, use_tokens_1.applyTokenLayers)(mergedTokens, options.states, cache, lookup || ((val) => props[val]));
-        }
-        // now resolve tokens
-        if (typeof tokenProps === 'object' && Array.isArray(tokenProps)) {
-            [mergedTokens, cache] = (0, use_tokens_1.applyPropsToTokens)(props, mergedTokens, cache, tokenProps);
-        }
-        else if (tokenProps === 'all') {
-            mergedTokens = { ...mergedTokens, ...props };
-        }
-        // finally produce slotProps from calling the style functions on each entry
-        return resolveToSlotProps(styles, mergedTokens, theme, cache);
-    };
+  // create a cache instance for this use styling implementation
+  const { useTheme, getComponentInfo } = themeHelper;
+  const { tokens, tokensThatAreAlsoProps: tokenProps } = options;
+  const styles = (0, buildProps_1.refinePropsFunctions)(options.slotProps || {}, tokenProps);
+  const useTokens = (0, use_tokens_1.buildUseTokens)(getComponentInfo, ...tokens);
+  return (props, lookup) => {
+    // query the theme
+    const theme = useTheme();
+    // get the merged tokens from the theme
+    let [mergedTokens, cache] = useTokens(theme);
+    // resolve overrides as appropriate
+    if (options.states) {
+      [mergedTokens, cache] = (0, use_tokens_1.applyTokenLayers)(mergedTokens, options.states, cache, lookup || ((val) => props[val]));
+    }
+    // now resolve tokens
+    if (typeof tokenProps === 'object' && Array.isArray(tokenProps)) {
+      [mergedTokens, cache] = (0, use_tokens_1.applyPropsToTokens)(props, mergedTokens, cache, tokenProps);
+    } else if (tokenProps === 'all') {
+      mergedTokens = { ...mergedTokens, ...props };
+    }
+    // finally produce slotProps from calling the style functions on each entry
+    return resolveToSlotProps(styles, mergedTokens, theme, cache);
+  };
 }
-exports.buildUseStyling = buildUseStyling;
-//# sourceMappingURL=buildUseStyling.js.map
+//# sourceMappingURL=buildUseStyling.js.map

package/lib-commonjs/buildUseStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUseStyling.js","sourceRoot":"","sources":["../src/buildUseStyling.ts"],"names":[],"mappings":";;;AAEA,kEAAyG;AAGzG,6CAAoD;AAiDpD;;;;;;;GAOG;AACH,SAAS,kBAAkB,CACzB,MAAmD,EACnD,MAAe,EACf,KAAa,EACb,KAAiC;IAEjC,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAClC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrG,CAAC,CAAC,CAAC;IACH,OAAO,SAAuB,CAAC;AACjC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAC7B,OAA+D,EAC/D,WAAgC;IAEhC,8DAA8D;IAC9D,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC/D,MAAM,MAAM,GAAG,IAAA,iCAAoB,EAAC,OAAO,CAAC,SAAS,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;IACzE,MAAM,SAAS,GAAG,IAAA,2BAAc,EAAkB,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;IAE/E,OAAO,CAAC,KAAa,EAAE,MAAiB,EAAE,EAAE;QAC1C,kBAAkB;QAClB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,uCAAuC;QACvC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAE7C,mCAAmC;QACnC,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,IAAA,6BAAgB,EAAC,YAAY,EAAE,OAAO,CAAC,MAAkB,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAC5H;QAED,qBAAqB;QACrB,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC/D,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,IAAA,+BAAkB,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;SACpF;aAAM,IAAI,UAAU,KAAK,KAAK,EAAE;YAC/B,YAAY,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;SAC9C;QAED,2EAA2E;QAC3E,OAAO,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC;AAhCD,0CAgCC"}
+{"version":3,"file":"buildUseStyling.js","sourceRoot":"","sources":["../src/buildUseStyling.ts"],"names":[],"mappings":";;;AAEA,kEAAyG;AAGzG,6CAAoD;AAiDpD;;;;;;;GAOG;AACH,SAAS,kBAAkB,CACzB,MAAmD,EACnD,MAAe,EACf,KAAa,EACb,KAAiC,EACrB;IACZ,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAAA,CACpG,CAAC,CAAC;IACH,OAAO,SAAuB,CAAC;AAAA,CAChC;AAED;;;;;GAKG;AACH,yBACE,OAA+D,EAC/D,WAAgC,EACA;IAChC,8DAA8D;IAC9D,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC/D,MAAM,MAAM,GAAG,IAAA,iCAAoB,EAAC,OAAO,CAAC,SAAS,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;IACzE,MAAM,SAAS,GAAG,IAAA,2BAAc,EAAkB,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;IAE/E,OAAO,CAAC,KAAa,EAAE,MAAiB,EAAE,EAAE,CAAC;QAC3C,kBAAkB;QAClB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,uCAAuC;QACvC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAE7C,mCAAmC;QACnC,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACnB,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,IAAA,6BAAgB,EAAC,YAAY,EAAE,OAAO,CAAC,MAAkB,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7H,CAAC;QAED,qBAAqB;QACrB,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YAChE,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,IAAA,+BAAkB,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACrF,CAAC;aAAM,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;YAChC,YAAY,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;QAC/C,CAAC;QAED,2EAA2E;QAC3E,OAAO,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAAA,CAC/D,CAAC;AAAA,CACH"}

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

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

package/lib-commonjs/buildUseStyling.test.js

@@ -1,89 +1,92 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const framework_base_1 = require("@fluentui-react-native/framework-base");
-const buildProps_1 = require("./buildProps");
-const buildUseStyling_1 = require("./buildUseStyling");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const framework_base_1 = require('@fluentui-react-native/framework-base');
+const buildProps_1 = require('./buildProps');
+const buildUseStyling_1 = require('./buildUseStyling');
 let lastInstance = 0;
 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 themeHelper = {
-    useTheme: () => defaultTheme,
-    getComponentInfo: (theme, name) => theme.components[name],
+  useTheme: () => defaultTheme,
+  getComponentInfo: (theme, name) => theme.components[name],
 };
 const slotFn1 = (tokens, theme) => {
-    return {
-        style: {
-            a: tokens.a,
-            b: tokens.b,
-            c: tokens.c,
-            ...theme.vals,
-            instance: lastInstance++,
-        },
-    };
+  return {
+    style: {
+      a: tokens.a,
+      b: tokens.b,
+      c: tokens.c,
+      ...theme.vals,
+      instance: lastInstance++,
+    },
+  };
 };
 const extraCache = (0, framework_base_1.getMemoCache)();
 const slotFn2 = (tokens) => {
-    return extraCache(() => ({
-        style: {
-            a: tokens.a,
-            b: tokens.b,
-            instance: lastInstance++,
-        },
-    }), [tokens.a, tokens.b])[0];
+  return extraCache(
+    () => ({
+      style: {
+        a: tokens.a,
+        b: tokens.b,
+        instance: lastInstance++,
+      },
+    }),
+    [tokens.a, tokens.b],
+  )[0];
 };
 const baseOptions = {
-    tokens: [
-        baseTokens,
-        'uno',
-        (theme) => ({
-            b: theme.vals.foo,
-        }),
-    ],
-    states: ['hover', 'press'],
-    slotProps: {
-        slot1: {
-            style: {
-                instance: lastInstance++,
-            },
-        },
-        slot2: (0, buildProps_1.buildProps)(slotFn1, ['a', 'b', 'c']),
-        slot3: slotFn2,
+  tokens: [
+    baseTokens,
+    'uno',
+    (theme) => ({
+      b: theme.vals.foo,
+    }),
+  ],
+  states: ['hover', 'press'],
+  slotProps: {
+    slot1: {
+      style: {
+        instance: lastInstance++,
+      },
     },
-    tokensThatAreAlsoProps: ['b'],
+    slot2: (0, buildProps_1.buildProps)(slotFn1, ['a', 'b', 'c']),
+    slot3: slotFn2,
+  },
+  tokensThatAreAlsoProps: ['b'],
 };
 describe('useStyling test suite', () => {
-    test('basic built hook', () => {
-        const useStyling = (0, buildUseStyling_1.buildUseStyling)(baseOptions, themeHelper);
-        const slotProps = useStyling({});
-        const slotProps2 = useStyling({ p1: 2, p2: 'bar' });
-        Object.keys(slotProps).forEach((key) => {
-            expect(slotProps[key]).toBe(slotProps2[key]);
-        });
+  test('basic built hook', () => {
+    const useStyling = (0, buildUseStyling_1.buildUseStyling)(baseOptions, themeHelper);
+    const slotProps = useStyling({});
+    const slotProps2 = useStyling({ p1: 2, p2: 'bar' });
+    Object.keys(slotProps).forEach((key) => {
+      expect(slotProps[key]).toBe(slotProps2[key]);
     });
+  });
 });
-//# sourceMappingURL=buildUseStyling.test.js.map
+//# sourceMappingURL=buildUseStyling.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"buildUseStyling.test.js","sourceRoot":"","sources":["../src/buildUseStyling.test.ts"],"names":[],"mappings":";;AAAA,0EAAqE;AAErE,6CAA0C;AAE1C,uDAAoD;AAEpD,IAAI,YAAY,GAAG,CAAC,CAAC;AAUrB,MAAM,UAAU,GAAW;IACzB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,KAAK,EAAE;QACL,CAAC,EAAE,cAAc;KAClB;IACD,KAAK,EAAE;QACL,CAAC,EAAE,cAAc;KAClB;CACF,CAAC;AAYF,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;KACX;IACD,UAAU,EAAE;QACV,GAAG,EAAE;YACH,CAAC,EAAE,OAAO;YACV,CAAC,EAAE,OAAO;SACX;QACD,GAAG,EAAE;YACH,CAAC,EAAE,OAAO;YACV,CAAC,EAAE,OAAO;SACX;KACF;CACF,CAAC;AAEF,MAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY;IAC5B,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;CACzE,CAAC;AAcF,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,KAAY,EAAE,EAAE;IAC/C,OAAO;QACL,KAAK,EAAE;YACL,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,GAAG,KAAK,CAAC,IAAI;YACb,QAAQ,EAAE,YAAY,EAAE;SACzB;KACO,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,6BAAY,GAAE,CAAC;AAElC,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,EAAE;IACjC,OAAO,UAAU,CACf,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE;YACL,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,QAAQ,EAAE,YAAY,EAAE;SACzB;KACF,CAAC,EACF,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,CAAC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAQF,MAAM,WAAW,GAA2D;IAC1E,MAAM,EAAE;QACN,UAAU;QACV,KAAK;QACL,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;YACjB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;KACH;IACD,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE;QACT,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY,EAAE;aACzB;SACF;QACD,KAAK,EAAE,IAAA,uBAAU,EAAC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAC3C,KAAK,EAAE,OAAO;KACf;IACD,sBAAsB,EAAE,CAAC,GAAG,CAAC;CAC9B,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,UAAU,GAAG,IAAA,iCAAe,EAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAC7D,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;QACjC,MAAM,UAAU,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACrC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"buildUseStyling.test.js","sourceRoot":"","sources":["../src/buildUseStyling.test.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/index.d.ts

@@ -4,4 +4,4 @@ export { buildProps, refinePropsFunctions } from './buildProps';
 export type { BuildPropsBase, BuildSlotProps, RefinableBuildPropsBase, RefineFunctionBase, TokensThatAreAlsoProps } from './buildProps';
 export type { HasLayer, TokenSettings, TokensFromTheme } from '@fluentui-react-native/use-tokens';
 export { applyTokenLayers } from '@fluentui-react-native/use-tokens';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,11 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.applyTokenLayers = exports.refinePropsFunctions = exports.buildProps = exports.buildUseStyling = void 0;
-var buildUseStyling_1 = require("./buildUseStyling");
-Object.defineProperty(exports, "buildUseStyling", { enumerable: true, get: function () { return buildUseStyling_1.buildUseStyling; } });
-var buildProps_1 = require("./buildProps");
-Object.defineProperty(exports, "buildProps", { enumerable: true, get: function () { return buildProps_1.buildProps; } });
-Object.defineProperty(exports, "refinePropsFunctions", { enumerable: true, get: function () { return buildProps_1.refinePropsFunctions; } });
-var use_tokens_1 = require("@fluentui-react-native/use-tokens");
-Object.defineProperty(exports, "applyTokenLayers", { enumerable: true, get: function () { return use_tokens_1.applyTokenLayers; } });
-//# sourceMappingURL=index.js.map
+const buildUseStyling_1 = require('./buildUseStyling');
+Object.defineProperty(exports, 'buildUseStyling', {
+  enumerable: true,
+  get: function () {
+    return buildUseStyling_1.buildUseStyling;
+  },
+});
+const buildProps_1 = require('./buildProps');
+Object.defineProperty(exports, 'buildProps', {
+  enumerable: true,
+  get: function () {
+    return buildProps_1.buildProps;
+  },
+});
+Object.defineProperty(exports, 'refinePropsFunctions', {
+  enumerable: true,
+  get: function () {
+    return buildProps_1.refinePropsFunctions;
+  },
+});
+const use_tokens_1 = require('@fluentui-react-native/use-tokens');
+Object.defineProperty(exports, 'applyTokenLayers', {
+  enumerable: true,
+  get: function () {
+    return use_tokens_1.applyTokenLayers;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,2CAAgE;AAAvD,wGAAA,UAAU,OAAA;AAAE,kHAAA,oBAAoB,OAAA;AAGzC,gEAAqE;AAA5D,8GAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,6CAAgE;AAAvD,wGAAA,UAAU,OAAA;AAAE,kHAAA,oBAAoB,OAAA;AAGzC,kEAAqE;AAA5D,8GAAA,gBAAgB,OAAA"}

package/lib-commonjs/useStyling.samples.test.d.ts

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