@fluentui-react-native/use-tokens 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +64 -1
- package/CHANGELOG.md +21 -2
- package/lib/applyTokenLayers.d.ts +1 -1
- package/lib/applyTokenLayers.d.ts.map +1 -1
- package/lib/buildUseTokens.d.ts +5 -5
- package/lib/buildUseTokens.d.ts.map +1 -1
- package/lib/customizable.d.ts +2 -2
- package/lib/customizable.d.ts.map +1 -1
- package/lib-commonjs/applyPropsToTokens.js +1 -1
- package/lib-commonjs/applyPropsToTokens.js.map +1 -1
- package/lib-commonjs/applyTokenLayers.d.ts +1 -1
- package/lib-commonjs/applyTokenLayers.d.ts.map +1 -1
- package/lib-commonjs/applyTokenLayers.test.js +1 -1
- package/lib-commonjs/applyTokenLayers.test.js.map +1 -1
- package/lib-commonjs/buildUseTokens.d.ts +5 -5
- package/lib-commonjs/buildUseTokens.d.ts.map +1 -1
- package/lib-commonjs/buildUseTokens.js +2 -2
- package/lib-commonjs/buildUseTokens.js.map +1 -1
- package/lib-commonjs/buildUseTokens.test.js +5 -5
- package/lib-commonjs/buildUseTokens.test.js.map +1 -1
- package/lib-commonjs/customizable.d.ts +2 -2
- package/lib-commonjs/customizable.d.ts.map +1 -1
- package/lib-commonjs/index.js +5 -5
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/patchTokens.js +1 -1
- package/lib-commonjs/patchTokens.js.map +1 -1
- package/lib-commonjs/useTokens.samples.test.js +8 -8
- package/lib-commonjs/useTokens.samples.test.js.map +1 -1
- package/package.json +27 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,70 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/use-tokens",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 01 Feb 2023 22:30:12 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/use-tokens_v0.3.2",
|
|
7
|
+
"version": "0.3.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
13
|
+
"comment": "Bump @fluentui-react-native/immutable-merge to v1.1.8",
|
|
14
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/memo-cache to v1.1.8",
|
|
20
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.5.2",
|
|
26
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Mon, 30 Jan 2023 15:17:32 GMT",
|
|
33
|
+
"tag": "@fluentui-react-native/use-tokens_v0.3.1",
|
|
34
|
+
"version": "0.3.1",
|
|
35
|
+
"comments": {
|
|
36
|
+
"none": [
|
|
37
|
+
{
|
|
38
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
39
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
40
|
+
"commit": "4de4c2b37c835ebd9af015ff767f9dd68452f786",
|
|
41
|
+
"comment": "Migrate to align-deps"
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"date": "Fri, 30 Sep 2022 00:54:37 GMT",
|
|
48
|
+
"tag": "@fluentui-react-native/use-tokens_v0.3.1",
|
|
49
|
+
"version": "0.3.1",
|
|
50
|
+
"comments": {
|
|
51
|
+
"patch": [
|
|
52
|
+
{
|
|
53
|
+
"author": "krsiler@microsoft.com",
|
|
54
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
55
|
+
"commit": "de9ddf75304295843613e144473e4fef3190f14b",
|
|
56
|
+
"comment": "Update react-native to 0.68"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.5.1",
|
|
62
|
+
"commit": "de9ddf75304295843613e144473e4fef3190f14b"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "Thu, 14 Jul 2022 18:09:50 GMT",
|
|
6
69
|
"tag": "@fluentui-react-native/use-tokens_v0.3.0",
|
|
7
70
|
"version": "0.3.0",
|
|
8
71
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/use-tokens
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 01 Feb 2023 22:30:12 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.3.2
|
|
8
|
+
|
|
9
|
+
Wed, 01 Feb 2023 22:30:12 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @fluentui-react-native/immutable-merge to v1.1.8
|
|
14
|
+
- Bump @fluentui-react-native/memo-cache to v1.1.8
|
|
15
|
+
- Bump @fluentui-react-native/merge-props to v0.5.2
|
|
16
|
+
|
|
17
|
+
## 0.3.1
|
|
18
|
+
|
|
19
|
+
Fri, 30 Sep 2022 00:54:37 GMT
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- Update react-native to 0.68 (krsiler@microsoft.com)
|
|
24
|
+
- Bump @fluentui-react-native/merge-props to v0.5.1
|
|
25
|
+
|
|
7
26
|
## 0.3.0
|
|
8
27
|
|
|
9
|
-
Thu, 14 Jul 2022 18:
|
|
28
|
+
Thu, 14 Jul 2022 18:09:50 GMT
|
|
10
29
|
|
|
11
30
|
### Minor changes
|
|
12
31
|
|
|
@@ -2,7 +2,7 @@ import { GetMemoValue } from '@fluentui-react-native/memo-cache';
|
|
|
2
2
|
/**
|
|
3
3
|
* alternatively look them up with a passed in function
|
|
4
4
|
*/
|
|
5
|
-
export
|
|
5
|
+
export type HasLayer = (name: string) => boolean;
|
|
6
6
|
/**
|
|
7
7
|
* Apply token layers, building them up applied layer by applied layer, using the cache to store intermediate
|
|
8
8
|
* values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.d.ts","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.d.ts","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAEjD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EACtC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,MAAM,EAAE,EAChB,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,EAC/B,QAAQ,EAAE,QAAQ,GACjB,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAiBlC"}
|
package/lib/buildUseTokens.d.ts
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { GetMemoValue } from '@fluentui-react-native/memo-cache';
|
|
2
2
|
/** A function to generate tokens based on a theme */
|
|
3
|
-
export
|
|
3
|
+
export type TokensFromTheme<TTokens, TTheme> = (theme: TTheme) => TTokens;
|
|
4
4
|
/**
|
|
5
5
|
* Types of tokens, can be:
|
|
6
6
|
* - string - will lookup the name in the theme
|
|
7
7
|
* - Tokens - will merge the tokens in directly
|
|
8
8
|
* - Function - will run against the theme once for each unique theme encountered
|
|
9
9
|
*/
|
|
10
|
-
export
|
|
10
|
+
export type TokenSettings<TTokens, TTheme> = string | TTokens | TokensFromTheme<TTokens, TTheme>;
|
|
11
11
|
/**
|
|
12
12
|
* The main signature of a useTokens hook is to take the theme and produce a set of resolved tokens,
|
|
13
13
|
* as well as a sub-cache, specific to this particular theme, that can be used for caching various styles
|
|
14
14
|
* or values that are theme specific
|
|
15
15
|
*/
|
|
16
|
-
export
|
|
16
|
+
export type UseTokensCore<TTokens, TTheme> = (theme: TTheme) => [TTokens, GetMemoValue<TTokens>];
|
|
17
17
|
/**
|
|
18
18
|
* The full signature also includes a customize function that returns an updated version of useTokens
|
|
19
19
|
* that captures both the previous values, and layers in the new values specified
|
|
20
20
|
*/
|
|
21
|
-
export
|
|
21
|
+
export type UseTokens<TTokens, TTheme> = UseTokensCore<TTokens, TTheme> & {
|
|
22
22
|
customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => UseTokens<TTokens, TTheme>;
|
|
23
23
|
};
|
|
24
24
|
/**
|
|
25
25
|
* Helper function that knows how to try to look up token information from the theme
|
|
26
26
|
*/
|
|
27
|
-
export
|
|
27
|
+
export type GetComponentInfo<TTokens, TTheme> = (theme: TTheme, name: string) => TTokens | TokensFromTheme<TTokens, TTheme>;
|
|
28
28
|
/**
|
|
29
29
|
* Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
|
|
30
30
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.d.ts","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAG/E,qDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"buildUseTokens.d.ts","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAG/E,qDAAqD;AACrD,MAAM,MAAM,eAAe,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,aAAa,CAAC,OAAO,EAAE,MAAM,IAAI,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAEjG;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEjG;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,IAAI,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG;IACxE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACxF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AA6B5H;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAC5C,gBAAgB,EAAE,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,SAAS,EAC/D,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,GAC1C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAkB5B"}
|
package/lib/customizable.d.ts
CHANGED
|
@@ -4,11 +4,11 @@ import { TokenSettings, UseTokens } from './buildUseTokens';
|
|
|
4
4
|
* A component implementation, with a use tokens hook passed in. Implementing it this way allows the useTokens hook to be
|
|
5
5
|
* modified by the customization handler
|
|
6
6
|
*/
|
|
7
|
-
export
|
|
7
|
+
export type InjectableComponent<TProps, TTokens, TTheme> = (props: TProps, useTokens: UseTokens<TTokens, TTheme>) => JSX.Element | null;
|
|
8
8
|
/**
|
|
9
9
|
* A component with an attached customize function, used to create alternatively styled versions of the component
|
|
10
10
|
*/
|
|
11
|
-
export
|
|
11
|
+
export type CustomizableComponent<TProps, TTokens, TTheme> = React.FunctionComponent<TProps> & {
|
|
12
12
|
customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => CustomizableComponent<TProps, TTokens, TTheme>;
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;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"}
|
|
@@ -9,7 +9,7 @@ function applyPropsToTokens(props, tokens, cache, keys) {
|
|
|
9
9
|
var setValue = sourceValue === tokens[key] ? undefined : sourceValue;
|
|
10
10
|
_a = cache(function () {
|
|
11
11
|
var _a;
|
|
12
|
-
return (setValue === undefined ? tokens :
|
|
12
|
+
return (setValue === undefined ? tokens : tslib_1.__assign(tslib_1.__assign({}, tokens), (_a = {}, _a[key] = setValue, _a)));
|
|
13
13
|
}, [setValue]), tokens = _a[0], cache = _a[1];
|
|
14
14
|
};
|
|
15
15
|
for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -2,7 +2,7 @@ import { GetMemoValue } from '@fluentui-react-native/memo-cache';
|
|
|
2
2
|
/**
|
|
3
3
|
* alternatively look them up with a passed in function
|
|
4
4
|
*/
|
|
5
|
-
export
|
|
5
|
+
export type HasLayer = (name: string) => boolean;
|
|
6
6
|
/**
|
|
7
7
|
* Apply token layers, building them up applied layer by applied layer, using the cache to store intermediate
|
|
8
8
|
* values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.d.ts","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.d.ts","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAEjD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EACtC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,MAAM,EAAE,EAChB,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,EAC/B,QAAQ,EAAE,QAAQ,GACjB,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAiBlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";;;AAAA,uDAAsD;AACtD,gEAAiE;AAWjE,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,
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";;;AAAA,uDAAsD;AACtD,gEAAiE;AAWjE,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"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { GetMemoValue } from '@fluentui-react-native/memo-cache';
|
|
2
2
|
/** A function to generate tokens based on a theme */
|
|
3
|
-
export
|
|
3
|
+
export type TokensFromTheme<TTokens, TTheme> = (theme: TTheme) => TTokens;
|
|
4
4
|
/**
|
|
5
5
|
* Types of tokens, can be:
|
|
6
6
|
* - string - will lookup the name in the theme
|
|
7
7
|
* - Tokens - will merge the tokens in directly
|
|
8
8
|
* - Function - will run against the theme once for each unique theme encountered
|
|
9
9
|
*/
|
|
10
|
-
export
|
|
10
|
+
export type TokenSettings<TTokens, TTheme> = string | TTokens | TokensFromTheme<TTokens, TTheme>;
|
|
11
11
|
/**
|
|
12
12
|
* The main signature of a useTokens hook is to take the theme and produce a set of resolved tokens,
|
|
13
13
|
* as well as a sub-cache, specific to this particular theme, that can be used for caching various styles
|
|
14
14
|
* or values that are theme specific
|
|
15
15
|
*/
|
|
16
|
-
export
|
|
16
|
+
export type UseTokensCore<TTokens, TTheme> = (theme: TTheme) => [TTokens, GetMemoValue<TTokens>];
|
|
17
17
|
/**
|
|
18
18
|
* The full signature also includes a customize function that returns an updated version of useTokens
|
|
19
19
|
* that captures both the previous values, and layers in the new values specified
|
|
20
20
|
*/
|
|
21
|
-
export
|
|
21
|
+
export type UseTokens<TTokens, TTheme> = UseTokensCore<TTokens, TTheme> & {
|
|
22
22
|
customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => UseTokens<TTokens, TTheme>;
|
|
23
23
|
};
|
|
24
24
|
/**
|
|
25
25
|
* Helper function that knows how to try to look up token information from the theme
|
|
26
26
|
*/
|
|
27
|
-
export
|
|
27
|
+
export type GetComponentInfo<TTokens, TTheme> = (theme: TTheme, name: string) => TTokens | TokensFromTheme<TTokens, TTheme>;
|
|
28
28
|
/**
|
|
29
29
|
* Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
|
|
30
30
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.d.ts","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAG/E,qDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"buildUseTokens.d.ts","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAG/E,qDAAqD;AACrD,MAAM,MAAM,eAAe,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,aAAa,CAAC,OAAO,EAAE,MAAM,IAAI,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAEjG;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEjG;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,IAAI,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG;IACxE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACxF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AA6B5H;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAC5C,gBAAgB,EAAE,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,SAAS,EAC/D,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,GAC1C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAkB5B"}
|
|
@@ -51,8 +51,8 @@ function buildUseTokens(getComponentInfo) {
|
|
|
51
51
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
52
52
|
newTokens[_i] = arguments[_i];
|
|
53
53
|
}
|
|
54
|
-
var mergedTokens =
|
|
55
|
-
return buildUseTokens.apply(void 0,
|
|
54
|
+
var mergedTokens = tslib_1.__spreadArray(tslib_1.__spreadArray([], tokens, true), newTokens, true);
|
|
55
|
+
return buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], mergedTokens, false));
|
|
56
56
|
};
|
|
57
57
|
return useTokensCore;
|
|
58
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";;;;AAAA,gEAA+E;AAC/E,0EAAwE;AAiCxE;;;;;;;;;;;;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,
|
|
1
|
+
{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";;;;AAAA,gEAA+E;AAC/E,0EAAwE;AAiCxE;;;;;;;;;;;;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"}
|
|
@@ -61,28 +61,28 @@ var variantTokens = {
|
|
|
61
61
|
};
|
|
62
62
|
describe('buildUseTokens test suite', function () {
|
|
63
63
|
test('basic built hook', function () {
|
|
64
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
64
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
|
|
65
65
|
var tokens = useTokens(defaultTheme)[0];
|
|
66
66
|
expect(tokens).toEqual(resolvedTokens);
|
|
67
67
|
});
|
|
68
68
|
test('multiple calls return same object', function () {
|
|
69
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
69
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
|
|
70
70
|
var tokens1 = useTokens(defaultTheme)[0];
|
|
71
71
|
var tokens2 = useTokens(defaultTheme)[0];
|
|
72
72
|
expect(tokens1).toBe(tokens2);
|
|
73
73
|
});
|
|
74
74
|
test('variant theme is separate', function () {
|
|
75
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
75
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
|
|
76
76
|
var tokensDefault = useTokens(defaultTheme)[0];
|
|
77
77
|
var tokensVariant = useTokens(variantTheme)[0];
|
|
78
78
|
expect(tokensVariant).not.toBe(tokensDefault);
|
|
79
79
|
expect(tokensVariant).toEqual(variantTokens);
|
|
80
80
|
});
|
|
81
81
|
test('simple customization layers on top', function () {
|
|
82
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
82
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([getComponentInfo], componentTokens, false));
|
|
83
83
|
var useTokensCustom = useTokens.customize({ a: 'custom' });
|
|
84
84
|
var tokens = useTokensCustom(defaultTheme)[0];
|
|
85
|
-
expect(tokens).toEqual(
|
|
85
|
+
expect(tokens).toEqual(tslib_1.__assign(tslib_1.__assign({}, resolvedTokens), { a: 'custom' }));
|
|
86
86
|
});
|
|
87
87
|
});
|
|
88
88
|
//# sourceMappingURL=buildUseTokens.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.test.js","sourceRoot":"","sources":["../src/buildUseTokens.test.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAUlD,IAAM,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,IAAM,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,IAAM,YAAY,GAAU;IAC1B,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAY,EAAE,IAAY,IAAK,OAAA,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC;AAEhF,IAAM,eAAe,GAAG,CAAC,UAAU,EAAE,KAAK,EAAE,UAAC,KAAY,IAAK,OAAA,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAvB,CAAuB,CAAC,CAAC;AAEvF,IAAM,cAAc,GAAW;IAC7B,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,OAAO;IACV,KAAK,EAAE;QACL,CAAC,EAAE,cAAc;KAClB;IACD,KAAK,EAAE;QACL,CAAC,EAAE,cAAc;KAClB;CACF,CAAC;AAEF,IAAM,aAAa,GAAW;IAC5B,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,QAAQ;IACX,KAAK,EAAE;QACL,CAAC,EAAE,cAAc;KAClB;IACD,KAAK,EAAE;QACL,CAAC,EAAE,cAAc;KAClB;CACF,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE;IACpC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,SAAS,GAAG,+BAAc,
|
|
1
|
+
{"version":3,"file":"buildUseTokens.test.js","sourceRoot":"","sources":["../src/buildUseTokens.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,11 @@ import { TokenSettings, UseTokens } from './buildUseTokens';
|
|
|
4
4
|
* A component implementation, with a use tokens hook passed in. Implementing it this way allows the useTokens hook to be
|
|
5
5
|
* modified by the customization handler
|
|
6
6
|
*/
|
|
7
|
-
export
|
|
7
|
+
export type InjectableComponent<TProps, TTokens, TTheme> = (props: TProps, useTokens: UseTokens<TTokens, TTheme>) => JSX.Element | null;
|
|
8
8
|
/**
|
|
9
9
|
* A component with an attached customize function, used to create alternatively styled versions of the component
|
|
10
10
|
*/
|
|
11
|
-
export
|
|
11
|
+
export type CustomizableComponent<TProps, TTokens, TTheme> = React.FunctionComponent<TProps> & {
|
|
12
12
|
customize: (...tokens: TokenSettings<TTokens, TTheme>[]) => CustomizableComponent<TProps, TTokens, TTheme>;
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"customizable.d.ts","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;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"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
tslib_1.__exportStar(require("./applyPropsToTokens"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./applyTokenLayers"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./buildUseTokens"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./customizable"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./patchTokens"), exports);
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,6DAAmC;AACnC,2DAAiC;AACjC,yDAA+B;AAC/B,wDAA8B"}
|
|
@@ -20,7 +20,7 @@ function patchTokens(tokens, cache, patchValues) {
|
|
|
20
20
|
var _a;
|
|
21
21
|
_a = cache(function () {
|
|
22
22
|
var _a;
|
|
23
|
-
return (
|
|
23
|
+
return (tslib_1.__assign(tslib_1.__assign({}, tokens), (_a = {}, _a[key] = patchValues[key], _a)));
|
|
24
24
|
}, [key, patchValues[key]]), tokens = _a[0], cache = _a[1];
|
|
25
25
|
};
|
|
26
26
|
// for each key get an updated tokens collection based on key + value. Value alone isn't sufficient as the values
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_native_1 = require("react-native");
|
|
5
|
-
var enzyme_to_json_1 =
|
|
6
|
-
var React =
|
|
5
|
+
var enzyme_to_json_1 = tslib_1.__importDefault(require("enzyme-to-json"));
|
|
6
|
+
var React = tslib_1.__importStar(require("react"));
|
|
7
7
|
var enzyme_1 = require("enzyme");
|
|
8
8
|
var buildUseTokens_1 = require("./buildUseTokens");
|
|
9
9
|
var merge_props_1 = require("@fluentui-react-native/merge-props");
|
|
@@ -55,7 +55,7 @@ describe('useTokens samples', function () {
|
|
|
55
55
|
'SampleText');
|
|
56
56
|
var SampleText1 = function (props) {
|
|
57
57
|
// standard props splitting
|
|
58
|
-
var style = props.style, children = props.children, rest =
|
|
58
|
+
var style = props.style, children = props.children, rest = tslib_1.__rest(props, ["style", "children"]);
|
|
59
59
|
// typically this would start with a call to retrieve the theme from the context via whatever method is appropriate
|
|
60
60
|
var theme = useTheme();
|
|
61
61
|
// next the tokens are resolved from the theme, a cache specific to this theme is returned as well to allow for
|
|
@@ -68,7 +68,7 @@ describe('useTokens samples', function () {
|
|
|
68
68
|
* - this executes once for every unique set of keys.
|
|
69
69
|
* - The cache is already unique for this theme
|
|
70
70
|
*/
|
|
71
|
-
function () { return (
|
|
71
|
+
function () { return (tslib_1.__assign({}, tokens)); },
|
|
72
72
|
/**
|
|
73
73
|
* now specify the keys
|
|
74
74
|
* - because the only changing variable is the theme
|
|
@@ -81,7 +81,7 @@ describe('useTokens samples', function () {
|
|
|
81
81
|
// so the merged style object won't change identity unless one of the two inputs changes identity.
|
|
82
82
|
var mergedStyle = (0, merge_props_1.mergeStyles)(styleFromTokens, style);
|
|
83
83
|
// now just render the element, forwarding the props, setting the merged style, then passing the children as appropriate
|
|
84
|
-
return (React.createElement(react_native_1.Text,
|
|
84
|
+
return (React.createElement(react_native_1.Text, tslib_1.__assign({}, rest, { style: mergedStyle }), children));
|
|
85
85
|
};
|
|
86
86
|
beforeEach(function () {
|
|
87
87
|
setActiveTheme();
|
|
@@ -106,7 +106,7 @@ describe('useTokens samples', function () {
|
|
|
106
106
|
});
|
|
107
107
|
// the Sample2Text component is built the same way as sample1, just using the new hook that has been created
|
|
108
108
|
var SampleText2 = function (props) {
|
|
109
|
-
var color = props.color, style = props.style, children = props.children, rest =
|
|
109
|
+
var color = props.color, style = props.style, children = props.children, rest = tslib_1.__rest(props, ["color", "style", "children"]);
|
|
110
110
|
var theme = useTheme();
|
|
111
111
|
// this starts the same as sample1, extract tokens from the theme and get a theme specific cache object
|
|
112
112
|
var _a = useTokensSample1(theme), tokens = _a[0], cache = _a[1];
|
|
@@ -114,11 +114,11 @@ describe('useTokens samples', function () {
|
|
|
114
114
|
// in value of colors. Because the theme is already part of the cache definition, only color needs to be a key
|
|
115
115
|
var styleFromTokens = cache(
|
|
116
116
|
/** build the style, only patch the color if it has a value, otherwise the theme value would get stomped if color was undefined */
|
|
117
|
-
function () { return (
|
|
117
|
+
function () { return (tslib_1.__assign(tslib_1.__assign({}, tokens), (color && { color: color }))); },
|
|
118
118
|
/** use color as an additional key for the style */
|
|
119
119
|
[color]);
|
|
120
120
|
// now just render, this time merging styles inline to make it a bit shorter
|
|
121
|
-
return (React.createElement(react_native_1.Text,
|
|
121
|
+
return (React.createElement(react_native_1.Text, tslib_1.__assign({}, rest, { style: (0, merge_props_1.mergeStyles)(styleFromTokens, style) }), children));
|
|
122
122
|
};
|
|
123
123
|
/** rendering the Sample2 component with the base theme */
|
|
124
124
|
it('Sample2Text rendering with defaults and a color override', function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokens.samples.test.js","sourceRoot":"","sources":["../src/useTokens.samples.test.tsx"],"names":[],"mappings":";;;AAAA,6CAAqD;AACrD
|
|
1
|
+
{"version":3,"file":"useTokens.samples.test.js","sourceRoot":"","sources":["../src/useTokens.samples.test.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/use-tokens",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"description": "Utilities and hook function for getting themed tokens for a component",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,15 +27,36 @@
|
|
|
27
27
|
"author": "",
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/immutable-merge": "^1.1.
|
|
31
|
-
"@fluentui-react-native/memo-cache": "^1.1.
|
|
30
|
+
"@fluentui-react-native/immutable-merge": "^1.1.8",
|
|
31
|
+
"@fluentui-react-native/memo-cache": "^1.1.8",
|
|
32
32
|
"tslib": "^2.3.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@fluentui-react-native/merge-props": "^0.5.
|
|
36
|
-
"@types/jest": "^26.0.0",
|
|
35
|
+
"@fluentui-react-native/merge-props": "^0.5.2",
|
|
37
36
|
"@fluentui-react-native/scripts": "^0.1.1",
|
|
37
|
+
"@types/jest": "^26.0.0",
|
|
38
|
+
"react": "17.0.2",
|
|
39
|
+
"react-native": "^0.68.0"
|
|
40
|
+
},
|
|
41
|
+
"rnx-kit": {
|
|
42
|
+
"kitType": "library",
|
|
43
|
+
"alignDeps": {
|
|
44
|
+
"presets": [
|
|
45
|
+
"microsoft/react-native"
|
|
46
|
+
],
|
|
47
|
+
"requirements": [
|
|
48
|
+
"react-native@0.68"
|
|
49
|
+
],
|
|
50
|
+
"capabilities": [
|
|
51
|
+
"core",
|
|
52
|
+
"core-android",
|
|
53
|
+
"core-ios",
|
|
54
|
+
"react"
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"peerDependencies": {
|
|
38
59
|
"react": "17.0.2",
|
|
39
|
-
"react-native": "^0.
|
|
60
|
+
"react-native": "^0.68.0"
|
|
40
61
|
}
|
|
41
62
|
}
|