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

package/lib/useTokens.samples.test.js

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import * as React from 'react';
 import { Text, View } from 'react-native';
 import { immutableMerge } from '@fluentui-react-native/immutable-merge';
@@ -8,7 +7,7 @@ import { buildUseTokens } from './buildUseTokens';
 /**
  * The default/base theme just contains base values
  */
-var baseTheme = {
+const baseTheme = {
     globals: {
         backgroundColor: 'white',
         color: 'black',
@@ -18,48 +17,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 && 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 = buildUseTokens(getComponentInfo, 
+    const useTokensSample1 = 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 = __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 (__assign({}, tokens)); }, 
+        () => ({ ...tokens }), 
         /**
          * now specify the keys
          * - because the only changing variable is the theme
@@ -70,20 +69,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 = mergeStyles(styleFromTokens, style);
+        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, __assign({}, rest, { style: mergedStyle }), children));
+        return (React.createElement(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: {
@@ -92,28 +91,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 = __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 (__assign(__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(Text, __assign({}, rest, { style: mergeStyles(styleFromTokens, style) }), children));
+        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', function () {
-        var tree = renderer
+    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")))
@@ -121,7 +120,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: {
@@ -130,7 +129,7 @@ describe('useTokens samples', function () {
                 },
             },
         });
-        var tree = renderer
+        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")))

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.js

@@ -1,20 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyPropsToTokens = void 0;
-var tslib_1 = require("tslib");
 function applyPropsToTokens(props, tokens, cache, keys) {
-    var _loop_1 = function (key) {
-        var _a;
-        var sourceValue = props[key];
-        var setValue = sourceValue === tokens[key] ? undefined : sourceValue;
-        _a = cache(function () {
-            var _a;
-            return (setValue === undefined ? tokens : tslib_1.__assign(tslib_1.__assign({}, tokens), (_a = {}, _a[key] = setValue, _a)));
-        }, [setValue]), tokens = _a[0], cache = _a[1];
-    };
-    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) {
+        const sourceValue = props[key];
+        const setValue = sourceValue === tokens[key] ? undefined : sourceValue;
+        [tokens, cache] = cache(() => (setValue === undefined ? tokens : { ...tokens, [key]: setValue }), [setValue]);
     }
     return [tokens, cache];
 }

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,KAA4B,EAC5B,IAAuB;4BAEZ,GAAG;;QACZ,IAAM,WAAW,GAAG,KAAK,CAAC,GAAa,CAAC,CAAC;QACzC,IAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;QACvE,KAAkB,KAAK,CAAC;;YAAM,OAAA,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,uCAAM,MAAM,gBAAG,GAAG,IAAG,QAAQ,MAAE,CAAC;QAAlE,CAAkE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAA5G,MAAM,QAAA,EAAE,KAAK,QAAA,CAAgG;;IAHhH,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAIb;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,SAAgB,kBAAkB,CAChC,KAAa,EACb,MAAe,EACf,KAA4B,EAC5B,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"}

package/lib-commonjs/applyPropsToTokens.test.js

@@ -1,31 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var memo_cache_1 = require("@fluentui-react-native/memo-cache");
-var applyPropsToTokens_1 = require("./applyPropsToTokens");
-var tokenProps = ['dos', 'quatro', 'cinco'];
-var themeTokens = {
+const memo_cache_1 = require("@fluentui-react-native/memo-cache");
+const applyPropsToTokens_1 = require("./applyPropsToTokens");
+const tokenProps = ['dos', 'quatro', 'cinco'];
+const themeTokens = {
     uno: 'uno',
     dos: 'dos',
     tres: 3,
     quatro: 4,
     cinco: true,
 };
-var props1 = { dos: 'two', quatro: 'four', cinco: false, foo: 'foo', bar: 'bar' };
+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', function () {
-    test('props get copied', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var tokens = (0, applyPropsToTokens_1.applyPropsToTokens)(props1, themeTokens, cache, tokenProps)[0];
+describe('applyPropsToTokens tests', () => {
+    test('props get copied', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const [tokens] = (0, applyPropsToTokens_1.applyPropsToTokens)(props1, themeTokens, cache, tokenProps);
         expect(tokens).not.toBe(themeTokens);
-        for (var _i = 0, tokenProps_1 = tokenProps; _i < tokenProps_1.length; _i++) {
-            var key = tokenProps_1[_i];
+        for (const key of tokenProps) {
             expect(tokens[key]).toEqual(props1[key]);
         }
     });
-    test('no copied props does not change tokens', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var tokens = (0, applyPropsToTokens_1.applyPropsToTokens)({}, themeTokens, cache, tokenProps)[0];
+    test('no copied props does not change tokens', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const [tokens] = (0, applyPropsToTokens_1.applyPropsToTokens)({}, themeTokens, cache, tokenProps);
         expect(tokens).toBe(themeTokens);
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":";;AAAA,gEAAiE;AAEjE,2DAA0D;AAW1D,IAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,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,IAAM,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;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QACtB,IAAA,MAAM,GAAI,IAAA,uCAAkB,EAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAA9D,CAA+D;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAkB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAAzB,IAAM,GAAG,mBAAA;YACZ,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;QAC7C,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QACtB,IAAA,MAAM,GAAI,IAAA,uCAAkB,EAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAA1D,CAA2D;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,kEAAiE;AAEjE,6DAA0D;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,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAC,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,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAC,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"}

package/lib-commonjs/applyTokenLayers.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyTokenLayers = void 0;
-var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
+const immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
 /**
  * Apply token layers, building them up applied layer by applied layer, using the cache to store intermediate
  * values
@@ -12,15 +12,15 @@ var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
  * @param hasLayer - a function which returns whether a given layer should be applied
  */
 function applyTokenLayers(tokens, states, subCache, hasLayer) {
-    var final = { tokens: tokens, subCache: 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(function (val) { return hasLayer(val); })
-            .reduce(function (previous, layerName) {
-            var layer = previous.tokens[layerName];
-            var _a = previous.subCache(function () { return (layer && typeof layer === 'object' ? (0, immutable_merge_1.immutableMerge)(previous.tokens, layer) : previous.tokens); }, [layer]), tokens = _a[0], subCache = _a[1];
-            return { tokens: tokens, subCache: subCache };
+            .filter((val) => hasLayer(val))
+            .reduce((previous, layerName) => {
+            const layer = previous.tokens[layerName];
+            const [tokens, subCache] = previous.subCache(() => (layer && typeof layer === 'object' ? (0, immutable_merge_1.immutableMerge)(previous.tokens, layer) : previous.tokens), [layer]);
+            return { tokens, subCache };
         }, final);
     }
     return [final.tokens, final.subCache];

package/lib-commonjs/applyTokenLayers.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":";;;AAAA,0EAAwE;AAQxE;;;;;;;;GAQG;AACH,SAAgB,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAA+B,EAC/B,QAAkB;IAGlB,IAAI,KAAK,GAAmB,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAG,CAAC,EAAb,CAAa,CAAC;aAC9B,MAAM,CAAC,UAAC,QAAwB,EAAE,SAAiB;YAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,KAAqB,QAAQ,CAAC,QAAQ,CAC1C,cAAM,OAAA,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAA,gCAAc,EAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA/F,CAA+F,EACrG,CAAC,KAAK,CAAC,CACR,EAHM,MAAM,QAAA,EAAE,QAAQ,QAGtB,CAAC;YACF,OAAO,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC9B,CAAC,EAAE,KAAK,CAAC,CAAC;KACb;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACxC,CAAC;AAtBD,4CAsBC"}
+{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":";;;AAAA,4EAAwE;AAQxE;;;;;;;;GAQG;AACH,SAAgB,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAA+B,EAC/B,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,IAAA,gCAAc,EAAC,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;AAtBD,4CAsBC"}

package/lib-commonjs/applyTokenLayers.test.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var memo_cache_1 = require("@fluentui-react-native/memo-cache");
-var applyTokenLayers_1 = require("./applyTokenLayers");
-var stateOrder = ['hover', 'press', 'disabled'];
-var tokens1 = {
+const memo_cache_1 = require("@fluentui-react-native/memo-cache");
+const applyTokenLayers_1 = require("./applyTokenLayers");
+const stateOrder = ['hover', 'press', 'disabled'];
+const tokens1 = {
     a: 'a',
     b: 'b',
     c: 'c',
@@ -26,29 +25,29 @@ var tokens1 = {
     },
 };
 function stripLayers(tokens) {
-    var t = tslib_1.__assign({}, tokens);
+    const t = { ...tokens };
     delete t.hover;
     delete t.press;
     delete t.disabled;
     return t;
 }
-describe('applyLayers tests', function () {
-    test('no layers returns tokens', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var tokens = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, function () { return false; })[0];
+describe('applyLayers tests', () => {
+    test('no layers returns tokens', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const tokens = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, () => false)[0];
         expect(tokens).toBe(tokens1);
     });
-    test('apply hover works', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var lookup = function (layer) { return layer === 'hover'; };
-        var result1 = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0];
+    test('apply hover works', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const lookup = (layer) => layer === 'hover';
+        const result1 = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0];
         expect((0, applyTokenLayers_1.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', function () {
-        var cache = (0, memo_cache_1.getMemoCache)();
-        var lookup = function (layer) { return layer === 'hover' || layer === 'press'; };
-        var result1 = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0];
+    test('apply hover and press layer correctly', () => {
+        const cache = (0, memo_cache_1.getMemoCache)();
+        const lookup = (layer) => layer === 'hover' || layer === 'press';
+        const result1 = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0];
         expect((0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
         expect(stripLayers(result1)).toEqual({ a: 'a-hover-press', b: 'b-press', c: 'c' });
     });

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

@@ -1 +1 @@
-{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";;;AAAA,gEAAiE;AAEjE,uDAAsD;AAWtD,IAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,IAAM,OAAO,GAAW;IACtB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,KAAK,EAAE;YACL,CAAC,EAAE,eAAe;SACnB;KACF;IACD,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb;IACD,QAAQ,EAAE;QACR,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;KACd;CACF,CAAC;AAEF,SAAS,WAAW,CAAC,MAAc;IACjC,IAAM,CAAC,wBAAQ,MAAM,CAAE,CAAC;IACxB,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,QAAQ,CAAC;IAClB,OAAO,CAAC,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE;QACxB,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,EAAjB,CAAiB,CAAC;QAC5C,IAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE;QAC5C,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,EAAtC,CAAsC,CAAC;QACjE,IAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";;AAAA,kEAAiE;AAEjE,yDAAsD;AAWtD,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,OAAO,GAAW;IACtB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,KAAK,EAAE;YACL,CAAC,EAAE,eAAe;SACnB;KACF;IACD,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb;IACD,QAAQ,EAAE;QACR,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;KACd;CACF,CAAC;AAEF,SAAS,WAAW,CAAC,MAAc;IACjC,MAAM,CAAC,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,QAAQ,CAAC;IAClB,OAAO,CAAC,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACjD,MAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,CAAC;QACjE,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib-commonjs/buildUseTokens.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildUseTokens = void 0;
-var tslib_1 = require("tslib");
-var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
-var memo_cache_1 = require("@fluentui-react-native/memo-cache");
+const immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
+const memo_cache_1 = require("@fluentui-react-native/memo-cache");
 /**
  * Tokens are defined as either:
  *   TTokens     - an object
@@ -32,27 +31,19 @@ function mapToTokens(tokenEntry, theme, getComponentInfo) {
  * @param options - options which drive behavior for the generated styling hook
  * @param themeHelper - injected theme functionality
  */
-function buildUseTokens(getComponentInfo) {
-    var tokens = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        tokens[_i - 1] = arguments[_i];
-    }
+function buildUseTokens(getComponentInfo, ...tokens) {
     // create a cache instance for use in this particular call to buildUseTokens
-    var cache = (0, memo_cache_1.getMemoCache)();
+    const cache = (0, memo_cache_1.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
-    var useTokensCore = function (theme) {
+    const useTokensCore = (theme) => {
         // get the base styles all merged together, these will only depend on internal tokens and theme
-        return cache(function () { return immutable_merge_1.immutableMerge.apply(void 0, tokens.map(function (value) { return mapToTokens(value, theme, getComponentInfo); })); }, [theme]);
+        return cache(() => (0, immutable_merge_1.immutableMerge)(...tokens.map((value) => mapToTokens(value, theme, getComponentInfo))), [theme]);
     };
     // attach a customize function to generate a new use
-    useTokensCore.customize = function () {
-        var newTokens = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            newTokens[_i] = arguments[_i];
-        }
-        var mergedTokens = tslib_1.__spreadArray(tslib_1.__spreadArray([], tokens, true), newTokens, true);
-        return buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], mergedTokens, false));
+    useTokensCore.customize = (...newTokens) => {
+        const mergedTokens = [...tokens, ...newTokens];
+        return buildUseTokens(getComponentInfo, ...mergedTokens);
     };
     return useTokensCore;
 }

package/lib-commonjs/buildUseTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";;;;AAAA,0EAAwE;AAExE,gEAAiE;AAiCjE;;;;;;;;;;;;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,UAA+B,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,gBAA+D;IAC/D,gBAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,+BAA2C;;IAE3C,4EAA4E;IAC5E,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,IAAM,aAAa,GAAG,UAAC,KAAa;QAClC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,cAAM,OAAA,gCAAc,eAAI,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAA3C,CAA2C,CAAC,GAApF,CAAqF,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrH,CAAC,CAAC;IAEF,oDAAoD;IACpD,aAAa,CAAC,SAAS,GAAG;QAAC,mBAA8C;aAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;YAA9C,8BAA8C;;QACvE,IAAM,YAAY,mDAAO,MAAM,SAAK,SAAS,OAAC,CAAC;QAC/C,OAAO,cAAc,sCAAkB,gBAAgB,GAAK,YAAY,UAAE;IAC5E,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AArBD,wCAqBC"}
+{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";;;AAAA,4EAAwE;AAExE,kEAAiE;AAiCjE;;;;;;;;;;;;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,UAA+B,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,gBAA+D,EAC/D,GAAG,MAAwC;IAE3C,4EAA4E;IAC5E,MAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACtC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,IAAA,gCAAc,EAAC,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;IACrH,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;AArBD,wCAqBC"}

package/lib-commonjs/buildUseTokens.test.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var buildUseTokens_1 = require("./buildUseTokens");
-var baseTokens = {
+const buildUseTokens_1 = require("./buildUseTokens");
+const baseTokens = {
     a: 'a-base',
     b: 'b-base',
     c: 'c-base',
@@ -13,7 +12,7 @@ var baseTokens = {
         c: 'c-base-press',
     },
 };
-var defaultTheme = {
+const defaultTheme = {
     vals: {
         foo: 'foo',
         bar: 'bar',
@@ -29,15 +28,15 @@ var defaultTheme = {
         },
     },
 };
-var variantTheme = {
+const variantTheme = {
     vals: {
         foo: 'variant',
     },
     components: {},
 };
-var getComponentInfo = function (theme, name) { return theme.components[name]; };
-var componentTokens = [baseTokens, 'uno', function (theme) { return ({ b: theme.vals.foo }); }];
-var resolvedTokens = {
+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',
@@ -48,7 +47,7 @@ var resolvedTokens = {
         c: 'c-base-press',
     },
 };
-var variantTokens = {
+const variantTokens = {
     a: 'a-base',
     b: 'variant',
     c: 'c-base',
@@ -59,30 +58,30 @@ var variantTokens = {
         c: 'c-base-press',
     },
 };
-describe('buildUseTokens test suite', function () {
-    test('basic built hook', function () {
-        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
-        var tokens = useTokens(defaultTheme)[0];
+describe('buildUseTokens test suite', () => {
+    test('basic built hook', () => {
+        const useTokens = (0, buildUseTokens_1.buildUseTokens)(getComponentInfo, ...componentTokens);
+        const [tokens] = useTokens(defaultTheme);
         expect(tokens).toEqual(resolvedTokens);
     });
-    test('multiple calls return same object', function () {
-        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
-        var tokens1 = useTokens(defaultTheme)[0];
-        var tokens2 = useTokens(defaultTheme)[0];
+    test('multiple calls return same object', () => {
+        const useTokens = (0, buildUseTokens_1.buildUseTokens)(getComponentInfo, ...componentTokens);
+        const [tokens1] = useTokens(defaultTheme);
+        const [tokens2] = useTokens(defaultTheme);
         expect(tokens1).toBe(tokens2);
     });
-    test('variant theme is separate', function () {
-        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
-        var tokensDefault = useTokens(defaultTheme)[0];
-        var tokensVariant = useTokens(variantTheme)[0];
+    test('variant theme is separate', () => {
+        const useTokens = (0, buildUseTokens_1.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', function () {
-        var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
-        var useTokensCustom = useTokens.customize({ a: 'custom' });
-        var tokens = useTokensCustom(defaultTheme)[0];
-        expect(tokens).toEqual(tslib_1.__assign(tslib_1.__assign({}, resolvedTokens), { a: 'custom' }));
+    test('simple customization layers on top', () => {
+        const useTokens = (0, buildUseTokens_1.buildUseTokens)(getComponentInfo, ...componentTokens);
+        const useTokensCustom = useTokens.customize({ a: 'custom' });
+        const [tokens] = useTokensCustom(defaultTheme);
+        expect(tokens).toEqual({ ...resolvedTokens, a: 'custom' });
     });
 });
 //# sourceMappingURL=buildUseTokens.test.js.map

package/lib-commonjs/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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"}

package/lib-commonjs/customizable.js

@@ -11,13 +11,9 @@ exports.customizable = void 0;
  *            new component (which can also be customized)
  */
 function customizable(injectable, useTokens) {
-    var component = function (props) { return injectable(props, useTokens); };
-    component.customize = function () {
-        var tokens = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            tokens[_i] = arguments[_i];
-        }
-        var useTokensNew = useTokens.customize.apply(useTokens, tokens);
+    const component = (props) => injectable(props, useTokens);
+    component.customize = (...tokens) => {
+        const useTokensNew = useTokens.customize(...tokens);
         return customizable(injectable, useTokensNew);
     };
     return component;

package/lib-commonjs/customizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":";;;AAiBA;;;;;;;;GAQG;AACH,SAAgB,YAAY,CAC1B,UAAwD,EACxD,SAAqC;IAErC,IAAM,SAAS,GAAG,UAAC,KAAa,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAClE,SAAS,CAAC,SAAS,GAAG;QAAC,gBAA2C;aAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;YAA3C,2BAA2C;;QAChE,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,OAAnB,SAAS,EAAc,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC;AAVD,oCAUC"}
+{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":";;;AAiBA;;;;;;;;GAQG;AACH,SAAgB,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;AAVD,oCAUC"}