@fluentui-react-native/use-tokens 0.6.3 → 0.6.4

package/lib-commonjs/patchTokens.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.patchTokens = void 0;
-var tslib_1 = require("tslib");
 /**
  * Take a set of tokens (and a memo-cache) and apply changes to those tokens from an additional set of tokens. Only keys which are
  * not undefined will be applied and if no changes are detected the token object will be unchanged.
@@ -13,21 +12,13 @@ var tslib_1 = require("tslib");
  */
 function patchTokens(tokens, cache, patchValues) {
     // reduce the patch values to the set of keys that are defined, and sort them to ensure consistent ordering
-    var keys = Object.keys(patchValues)
-        .filter(function (v) { return patchValues[v] !== undefined; })
+    const keys = Object.keys(patchValues)
+        .filter((v) => patchValues[v] !== undefined)
         .sort();
-    var _loop_1 = function (key) {
-        var _a;
-        _a = cache(function () {
-            var _a;
-            return (tslib_1.__assign(tslib_1.__assign({}, tokens), (_a = {}, _a[key] = patchValues[key], _a)));
-        }, [key, patchValues[key]]), tokens = _a[0], cache = _a[1];
-    };
     // 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 (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
-        var key = keys_1[_i];
-        _loop_1(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];

package/lib-commonjs/patchTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":";;;;AAEA;;;;;;;;GAQG;AACH,SAAgB,WAAW,CACzB,MAAe,EACf,KAA4B,EAC5B,WAAoB;IAEpB,2GAA2G;IAC3G,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAClC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,EAA5B,CAA4B,CAAC;SAC3C,IAAI,EAAE,CAAC;4BAIC,GAAG;;QACZ,KAAkB,KAAK,CAAC;;YAAM,OAAA,uCAAM,MAAM,gBAAG,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,OAAG;QAAxC,CAAwC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAA/F,MAAM,QAAA,EAAE,KAAK,QAAA,CAAmF;;IAHnG,iHAAiH;IACjH,2GAA2G;IAC3G,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAEb;IAED,uEAAuE;IACvE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC;AAlBD,kCAkBC"}
+{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":";;;AAEA;;;;;;;;GAQG;AACH,SAAgB,WAAW,CACzB,MAAe,EACf,KAA4B,EAC5B,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;AAlBD,kCAkBC"}

package/lib-commonjs/patchTokens.test.js

@@ -1,39 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var memo_cache_1 = require("@fluentui-react-native/memo-cache");
-var patchTokens_1 = require("./patchTokens");
-var themeTokens = {
+const memo_cache_1 = require("@fluentui-react-native/memo-cache");
+const patchTokens_1 = require("./patchTokens");
+const themeTokens = {
     uno: 'uno',
     dos: 'dos',
     tres: 3,
     quatro: 4,
     cinco: true,
 };
-describe('patchTokens tests', function () {
-    test('props get copied', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var patchValues = { uno: 'one', quatro: 'quatro' };
-        var tokens = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues)[0];
+describe('patchTokens tests', () => {
+    test('props get copied', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const patchValues = { uno: 'one', quatro: 'quatro' };
+        const [tokens] = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues);
         expect(tokens).not.toBe(themeTokens);
-        for (var key in patchValues) {
+        for (const key in patchValues) {
             expect(tokens[key]).toEqual(patchValues[key]);
         }
     });
-    test('no copied props does not change tokens', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var patchValues1 = {};
-        var tokens = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues1)[0];
+    test('no copied props does not change tokens', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const patchValues1 = {};
+        const [tokens] = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues1);
         expect(tokens).toBe(themeTokens);
-        var patchValues2 = { tres: undefined };
-        var tokens2 = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues2)[0];
+        const patchValues2 = { tres: undefined };
+        const [tokens2] = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues2);
         expect(tokens2).toBe(themeTokens);
     });
-    test('patching tokens cache independent of order', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var patch1 = { uno: 'one', cinco: false };
-        var patch2 = { cinco: false, uno: 'one' };
-        var tokens1 = (0, patchTokens_1.patchTokens)(themeTokens, cache, patch1)[0];
-        var tokens2 = (0, patchTokens_1.patchTokens)(themeTokens, cache, patch2)[0];
+    test('patching tokens cache independent of order', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const patch1 = { uno: 'one', cinco: false };
+        const patch2 = { cinco: false, uno: 'one' };
+        const [tokens1] = (0, patchTokens_1.patchTokens)(themeTokens, cache, patch1);
+        const [tokens2] = (0, patchTokens_1.patchTokens)(themeTokens, cache, patch2);
         expect(tokens1).toBe(tokens2);
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":";;AAAA,gEAAiE;AAEjE,6CAA4C;AAU5C,IAAM,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;IAC5B,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC9C,IAAA,MAAM,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,GAAhD,CAAiD;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,IAAM,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;QAC7C,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,YAAY,GAAG,EAAE,CAAC;QACjB,IAAA,MAAM,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,GAAjD,CAAkD;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEjC,IAAM,YAAY,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAClC,IAAA,OAAO,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,GAAjD,CAAkD;QAChE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE;QACjD,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC5C,IAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACrC,IAAA,OAAO,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GAA3C,CAA4C;QACnD,IAAA,OAAO,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GAA3C,CAA4C;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,kEAAiE;AAEjE,+CAA4C;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,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,yBAAW,EAAC,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,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,yBAAW,EAAC,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,IAAA,yBAAW,EAAC,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,IAAA,yBAAY,GAAE,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,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,yBAAW,EAAC,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"}

package/lib-commonjs/useTokens.samples.test.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_native_1 = require("react-native");
-var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
-var merge_props_1 = require("@fluentui-react-native/merge-props");
-var renderer = tslib_1.__importStar(require("react-test-renderer"));
-var buildUseTokens_1 = require("./buildUseTokens");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
+const merge_props_1 = require("@fluentui-react-native/merge-props");
+const renderer = tslib_1.__importStar(require("react-test-renderer"));
+const buildUseTokens_1 = require("./buildUseTokens");
 /**
  * The default/base theme just contains base values
  */
-var baseTheme = {
+const baseTheme = {
     globals: {
         backgroundColor: 'white',
         color: 'black',
@@ -20,48 +20,48 @@ var baseTheme = {
     },
     components: {},
 };
-var current = { theme: baseTheme };
-var useTheme = function () { return current.theme; };
-var setActiveTheme = function (theme) {
+const current = { theme: baseTheme };
+const useTheme = () => current.theme;
+const setActiveTheme = (theme) => {
     current.theme = (theme && (0, immutable_merge_1.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
  * the theme used.
  */
-var getComponentInfo = function (theme, name) { return theme.components[name]; };
-describe('useTokens samples', function () {
+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
      */
-    var useTokensSample1 = (0, buildUseTokens_1.buildUseTokens)(getComponentInfo, 
+    const useTokensSample1 = (0, buildUseTokens_1.buildUseTokens)(getComponentInfo, 
     /** first the default values should come from the global theme section */
-    function (t) { return ({
+    (t) => ({
         color: t.globals.color,
         fontFamily: t.globals.fontFamily,
         fontSize: t.globals.fontSize,
-    }); }, 
+    }), 
     /** next we should look for a component reference to overlay */
     'SampleText');
-    var SampleText1 = function (props) {
+    const SampleText1 = (props) => {
         // standard props splitting
-        var style = props.style, children = props.children, rest = tslib_1.__rest(props, ["style", "children"]);
+        const { style, children, ...rest } = props;
         // typically this would start with a call to retrieve the theme from the context via whatever method is appropriate
-        var theme = useTheme();
+        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
-        var _a = useTokensSample1(theme), tokens = _a[0], cache = _a[1];
+        const [tokens, cache] = useTokensSample1(theme);
         // build up the text style, or the full props as appropriate
-        var styleFromTokens = cache(
+        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
          */
-        function () { return (tslib_1.__assign({}, tokens)); }, 
+        () => ({ ...tokens }), 
         /**
          * now specify the keys
          * - because the only changing variable is the theme
@@ -72,20 +72,20 @@ describe('useTokens samples', function () {
         []);
         // 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.
-        var mergedStyle = (0, merge_props_1.mergeStyles)(styleFromTokens, style);
+        const mergedStyle = (0, merge_props_1.mergeStyles)(styleFromTokens, style);
         // now just render the element, forwarding the props, setting the merged style, then passing the children as appropriate
-        return (React.createElement(react_native_1.Text, tslib_1.__assign({}, rest, { style: mergedStyle }), children));
+        return (React.createElement(react_native_1.Text, { ...rest, style: mergedStyle }, children));
     };
-    beforeEach(function () {
+    beforeEach(() => {
         setActiveTheme();
     });
     /** first render the component with no updates */
-    it('Sample1Text rendering with no overrides', function () {
-        var tree = renderer.create(React.createElement(SampleText1, null, "Sample1a")).toJSON();
+    it('Sample1Text rendering with no overrides', () => {
+        const tree = renderer.create(React.createElement(SampleText1, null, "Sample1a")).toJSON();
         expect(tree).toMatchSnapshot();
     });
     /** now re-theme the component via the components in the theme */
-    it('Sample1Text rendering with some custom settings in the theme', function () {
+    it('Sample1Text rendering with some custom settings in the theme', () => {
         setActiveTheme({
             components: {
                 SampleText: {
@@ -94,28 +94,28 @@ describe('useTokens samples', function () {
                 },
             },
         });
-        var tree = renderer.create(React.createElement(SampleText1, null, "Sample1b")).toJSON();
+        const tree = renderer.create(React.createElement(SampleText1, null, "Sample1b")).toJSON();
         expect(tree).toMatchSnapshot();
     });
     // the Sample2Text component is built the same way as sample1, just using the new hook that has been created
-    var SampleText2 = function (props) {
-        var color = props.color, style = props.style, children = props.children, rest = tslib_1.__rest(props, ["color", "style", "children"]);
-        var theme = useTheme();
+    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
-        var _a = useTokensSample1(theme), tokens = _a[0], cache = _a[1];
+        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
-        var styleFromTokens = cache(
+        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 */
-        function () { return (tslib_1.__assign(tslib_1.__assign({}, tokens), (color && { color: color }))); }, 
+        () => ({ ...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(react_native_1.Text, tslib_1.__assign({}, rest, { style: (0, merge_props_1.mergeStyles)(styleFromTokens, style) }), children));
+        return (React.createElement(react_native_1.Text, { ...rest, style: (0, merge_props_1.mergeStyles)(styleFromTokens, style) }, children));
     };
     /** rendering the Sample2 component with the base theme */
-    it('Sample2Text rendering with defaults and a color override', function () {
-        var tree = renderer
+    it('Sample2Text rendering with defaults and a color override', () => {
+        const tree = renderer
             .create(React.createElement(react_native_1.View, null,
             React.createElement(SampleText2, null, "Sample2 with defaults"),
             React.createElement(SampleText2, { color: "green" }, "Sample2 with color override via prop")))
@@ -123,7 +123,7 @@ describe('useTokens samples', function () {
         expect(tree).toMatchSnapshot();
     });
     /** now re-theme the component via the components in the theme */
-    it('Sample2Text rendering with some custom settings in the theme', function () {
+    it('Sample2Text rendering with some custom settings in the theme', () => {
         setActiveTheme({
             components: {
                 SampleText: {
@@ -132,7 +132,7 @@ describe('useTokens samples', function () {
                 },
             },
         });
-        var tree = renderer
+        const tree = renderer
             .create(React.createElement(react_native_1.View, null,
             React.createElement(SampleText2, null, "Sample2 with theme overrides set"),
             React.createElement(SampleText2, { color: "purple" }, "Sample2 with theme and color prop override")))

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

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/use-tokens",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "Utilities and hook function for getting themed tokens for a component",
   "repository": {
     "type": "git",
@@ -9,6 +9,13 @@
   },
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
   "typings": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
@@ -27,13 +34,13 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@fluentui-react-native/immutable-merge": "1.2.2",
-    "@fluentui-react-native/memo-cache": "1.3.3",
+    "@fluentui-react-native/immutable-merge": "1.2.3",
+    "@fluentui-react-native/memo-cache": "1.3.4",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@fluentui-react-native/merge-props": "0.9.2",
+    "@fluentui-react-native/merge-props": "0.9.3",
     "@fluentui-react-native/scripts": "0.1.1",
     "@react-native/babel-preset": "^0.74.0",
     "@react-native/metro-config": "^0.74.0",
@@ -56,6 +63,7 @@
         ]
       },
       "capabilities": [
+        "babel-preset-react-native",
         "core",
         "core-android",
         "core-ios",

package/.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ['@fluentui-react-native/eslint-config-rules'],
-};