@fluentui-react-native/framework 0.8.37 → 0.8.38
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 +97 -1
- package/CHANGELOG.md +21 -2
- package/lib/compose.d.ts +13 -13
- package/lib/compose.js.map +1 -1
- package/lib/compressible.d.ts +4 -4
- package/lib/compressible.js.map +1 -1
- package/lib/compressible.test.js +0 -1
- package/lib/compressible.test.js.map +1 -1
- package/lib/themeHelper.d.ts +2 -2
- package/lib/useFluentTheme.d.ts +1 -1
- package/lib/useFluentTheme.js.map +1 -1
- package/lib/useStyling.d.ts +6 -6
- package/lib/useStyling.js +1 -1
- package/lib/useStyling.js.map +1 -1
- package/lib/useTokens.d.ts +4 -4
- package/lib/useTokens.js.map +1 -1
- package/lib-commonjs/compose.d.ts +13 -13
- package/lib-commonjs/compose.js.map +1 -1
- package/lib-commonjs/compressible.d.ts +4 -4
- package/lib-commonjs/compressible.js.map +1 -1
- package/lib-commonjs/compressible.test.js +3 -4
- package/lib-commonjs/compressible.test.js.map +1 -1
- package/lib-commonjs/themeHelper.d.ts +2 -2
- package/lib-commonjs/useFluentTheme.d.ts +1 -1
- package/lib-commonjs/useFluentTheme.js.map +1 -1
- package/lib-commonjs/useStyling.d.ts +6 -6
- package/lib-commonjs/useStyling.js.map +1 -1
- package/lib-commonjs/useTokens.d.ts +4 -4
- package/lib-commonjs/useTokens.js +1 -1
- package/lib-commonjs/useTokens.js.map +1 -1
- package/package.json +26 -23
- package/src/compose.ts +3 -2
- package/src/compressible.test.tsx +5 -3
- package/src/compressible.ts +6 -5
- package/src/themeHelper.ts +2 -2
- package/src/useFluentTheme.ts +2 -1
- package/src/useStyling.ts +3 -4
- package/src/useTokens.ts +4 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,103 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/framework",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 01 Feb 2023 22:30:10 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/framework_v0.8.38",
|
|
7
|
+
"version": "0.8.38",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "30809111+acoates-ms@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/framework",
|
|
13
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910",
|
|
14
|
+
"comment": "Enable @typescript-eslint/consistent-type-imports"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/framework",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/composition to v0.8.2",
|
|
20
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/framework",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.16.28",
|
|
26
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/framework",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/immutable-merge to v1.1.8",
|
|
32
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/framework",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.5.2",
|
|
38
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/framework",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.30.2",
|
|
44
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/framework",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/use-styling to v0.9.2",
|
|
50
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/framework",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/use-slot to v0.3.2",
|
|
56
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/framework",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/use-slots to v0.7.2",
|
|
62
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui-react-native/framework",
|
|
67
|
+
"comment": "Bump @fluentui-react-native/use-tokens to v0.3.2",
|
|
68
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui-react-native/framework",
|
|
73
|
+
"comment": "Bump @fluentui-react-native/memo-cache to v1.1.8",
|
|
74
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "beachball",
|
|
78
|
+
"package": "@fluentui-react-native/framework",
|
|
79
|
+
"comment": "Bump @fluentui-react-native/tokens to v0.20.7",
|
|
80
|
+
"commit": "2d0138c80d7512b905fcf32583760bec2b911910"
|
|
81
|
+
}
|
|
82
|
+
]
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"date": "Mon, 30 Jan 2023 15:17:31 GMT",
|
|
87
|
+
"tag": "@fluentui-react-native/framework_v0.8.37",
|
|
88
|
+
"version": "0.8.37",
|
|
89
|
+
"comments": {
|
|
90
|
+
"none": [
|
|
91
|
+
{
|
|
92
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
93
|
+
"package": "@fluentui-react-native/framework",
|
|
94
|
+
"commit": "4de4c2b37c835ebd9af015ff767f9dd68452f786",
|
|
95
|
+
"comment": "Migrate to align-deps"
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"date": "Mon, 30 Jan 2023 07:12:38 GMT",
|
|
6
102
|
"tag": "@fluentui-react-native/framework_v0.8.37",
|
|
7
103
|
"version": "0.8.37",
|
|
8
104
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/framework
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 01 Feb 2023 22:30:10 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.8.38
|
|
8
|
+
|
|
9
|
+
Wed, 01 Feb 2023 22:30:10 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Enable @typescript-eslint/consistent-type-imports (30809111+acoates-ms@users.noreply.github.com)
|
|
14
|
+
- Bump @fluentui-react-native/composition to v0.8.2
|
|
15
|
+
- Bump @fluentui-react-native/default-theme to v0.16.28
|
|
16
|
+
- Bump @fluentui-react-native/immutable-merge to v1.1.8
|
|
17
|
+
- Bump @fluentui-react-native/merge-props to v0.5.2
|
|
18
|
+
- Bump @fluentui-react-native/theme-types to v0.30.2
|
|
19
|
+
- Bump @fluentui-react-native/use-styling to v0.9.2
|
|
20
|
+
- Bump @fluentui-react-native/use-slot to v0.3.2
|
|
21
|
+
- Bump @fluentui-react-native/use-slots to v0.7.2
|
|
22
|
+
- Bump @fluentui-react-native/use-tokens to v0.3.2
|
|
23
|
+
- Bump @fluentui-react-native/memo-cache to v1.1.8
|
|
24
|
+
- Bump @fluentui-react-native/tokens to v0.20.7
|
|
25
|
+
|
|
7
26
|
## 0.8.37
|
|
8
27
|
|
|
9
|
-
Mon, 30 Jan 2023 07:
|
|
28
|
+
Mon, 30 Jan 2023 07:12:38 GMT
|
|
10
29
|
|
|
11
30
|
### Patches
|
|
12
31
|
|
package/lib/compose.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
|
|
3
3
|
/**
|
|
4
4
|
* This is an object used purely for configuring the typings on composable. It is not necessary to define
|
|
5
5
|
* the type via the IComposableType interface, this is simply the format used to extract the type info.
|
|
@@ -11,25 +11,25 @@ export interface ComposeType<TProps, TSlotProps, TTokens, TStatics = object> {
|
|
|
11
11
|
statics: TStatics;
|
|
12
12
|
}
|
|
13
13
|
/** fragments used in type extraction */
|
|
14
|
-
|
|
14
|
+
type PropsFragment<TProps> = {
|
|
15
15
|
props: TProps;
|
|
16
16
|
};
|
|
17
|
-
|
|
17
|
+
type SlotPropsFragment<TSlotProps> = {
|
|
18
18
|
slotProps: TSlotProps;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
type TokensFragment<TTokens> = {
|
|
21
21
|
tokens: TTokens;
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
type StaticsFragment<TStatics extends object> = {
|
|
24
24
|
statics: TStatics;
|
|
25
25
|
};
|
|
26
26
|
/** Extraction types that get the various interface types from IComposableType */
|
|
27
|
-
export
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
31
|
-
export
|
|
32
|
-
export
|
|
33
|
-
export
|
|
27
|
+
export type ExtractProps<T> = T extends PropsFragment<infer U> ? U : never;
|
|
28
|
+
export type ExtractSlotProps<T> = T extends SlotPropsFragment<infer U> ? U : never;
|
|
29
|
+
export type ExtractTokens<T> = T extends TokensFragment<infer U> ? U : object;
|
|
30
|
+
export type ExtractStatics<T> = T extends StaticsFragment<infer U> ? U : object;
|
|
31
|
+
export type ComposeOptions<TProps, TSlotProps, TTokens, TStatics extends object> = ComposeFactoryOptions<TProps, TSlotProps, TTokens, Theme, TStatics>;
|
|
32
|
+
export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends object> = ComposeFactoryComponent<TProps, TSlotProps, TTokens, Theme, TStatics>;
|
|
33
|
+
export type UseSlots<T> = UseStyledSlots<ExtractProps<T>, ExtractSlotProps<T>>;
|
|
34
34
|
export declare function compose<T>(options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>, base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
|
|
35
35
|
export {};
|
package/lib/compose.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAoD5C,MAAM,UAAU,OAAO,CACrB,OAAkG,EAClG,IAAqG;IAErG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC"}
|
package/lib/compressible.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import { StagedRender } from '@fluentui-react-native/use-slot';
|
|
3
|
-
import { CustomizableComponent } from '@fluentui-react-native/use-tokens';
|
|
4
|
-
import { UseTokens } from './useTokens';
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { StagedRender } from '@fluentui-react-native/use-slot';
|
|
3
|
+
import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
|
|
4
|
+
import type { UseTokens } from './useTokens';
|
|
5
5
|
/**
|
|
6
6
|
* Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
|
|
7
7
|
* and also have customize functionality.
|
package/lib/compressible.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAwB,EACxB,SAA6B;IAI7B,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,OAAA,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAApB,CAAoB,CAAC;IAChE,IAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG;QAAC,gBAAmC;aAAnC,UAAmC,EAAnC,qBAAmC,EAAnC,IAAmC;YAAnC,2BAAmC;;QACxD,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,OAAnB,SAAS,EAAc,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
package/lib/compressible.test.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}
|
package/lib/themeHelper.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
2
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import type { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
2
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
3
3
|
export declare const themeHelper: ThemeHelper<Theme>;
|
package/lib/useFluentTheme.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
2
|
/**
|
|
3
3
|
* Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
|
|
4
4
|
* object is provided for looking up color (and other) theme values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,QAAQ,EAAE,IAAI,kBAAkB,EAAE,CAAC;AAC5C,CAAC"}
|
package/lib/useStyling.d.ts
CHANGED
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
* as to be dependent on the core theme type
|
|
4
4
|
*/
|
|
5
5
|
export { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
|
|
6
|
-
import { TokensFromTheme as TokensFromThemeBase, TokenSettings as TokenSettingsBase, UseStylingOptions as UseStylingOptionsBase, UseStyling, BuildPropsBase } from '@fluentui-react-native/use-styling';
|
|
7
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
8
|
-
export
|
|
6
|
+
import type { TokensFromTheme as TokensFromThemeBase, TokenSettings as TokenSettingsBase, UseStylingOptions as UseStylingOptionsBase, UseStyling, BuildPropsBase } from '@fluentui-react-native/use-styling';
|
|
7
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
8
|
+
export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
|
|
9
9
|
export declare function buildProps<TProps, TTokens>(fn: (tokens: TTokens, theme: Theme) => TProps, keys?: (keyof TTokens)[]): BuildProps<TProps, TTokens>;
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
10
|
+
export type TokensFromTheme<TTokens> = TokensFromThemeBase<TTokens, Theme>;
|
|
11
|
+
export type TokenSettings<TTokens> = TokenSettingsBase<TTokens, Theme>;
|
|
12
|
+
export type UseStylingOptions<TProps, TSlotProps, TTokens> = UseStylingOptionsBase<TProps, TSlotProps, TTokens, Theme>;
|
|
13
13
|
/**
|
|
14
14
|
* Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
|
|
15
15
|
*
|
package/lib/useStyling.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase
|
|
1
|
+
import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
|
|
2
2
|
import { themeHelper } from './themeHelper';
|
|
3
3
|
export function buildProps(fn, keys) {
|
|
4
4
|
return buildPropsBase(fn, keys);
|
package/lib/useStyling.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE1H,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,UAAU,UAAU,CACxB,EAA6C,EAC7C,IAAwB;IAExB,OAAO,cAAc,CAAyB,EAAE,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAuD;IAEvD,8DAA8D;IAC9D,OAAO,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AACnD,CAAC"}
|
package/lib/useTokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
|
|
2
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
3
|
-
import { TokenSettings } from './useStyling';
|
|
1
|
+
import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
|
|
2
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
3
|
+
import type { TokenSettings } from './useStyling';
|
|
4
4
|
export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
|
|
5
|
-
export
|
|
5
|
+
export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
|
|
6
6
|
export declare function buildUseTokens<TTokens>(...tokens: TokenSettings<TTokens>[]): UseTokens<TTokens>;
|
package/lib/useTokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKpH,MAAM,UAAU,cAAc;IAAU,gBAAmC;SAAnC,UAAmC,EAAnC,qBAAmC,EAAnC,IAAmC;QAAnC,2BAAmC;;IACzE,OAAO,kBAAkB,8BAAC,WAAW,CAAC,gBAAgB,GAAK,MAAM,UAAE;AACrE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
|
|
3
3
|
/**
|
|
4
4
|
* This is an object used purely for configuring the typings on composable. It is not necessary to define
|
|
5
5
|
* the type via the IComposableType interface, this is simply the format used to extract the type info.
|
|
@@ -11,25 +11,25 @@ export interface ComposeType<TProps, TSlotProps, TTokens, TStatics = object> {
|
|
|
11
11
|
statics: TStatics;
|
|
12
12
|
}
|
|
13
13
|
/** fragments used in type extraction */
|
|
14
|
-
|
|
14
|
+
type PropsFragment<TProps> = {
|
|
15
15
|
props: TProps;
|
|
16
16
|
};
|
|
17
|
-
|
|
17
|
+
type SlotPropsFragment<TSlotProps> = {
|
|
18
18
|
slotProps: TSlotProps;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
type TokensFragment<TTokens> = {
|
|
21
21
|
tokens: TTokens;
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
type StaticsFragment<TStatics extends object> = {
|
|
24
24
|
statics: TStatics;
|
|
25
25
|
};
|
|
26
26
|
/** Extraction types that get the various interface types from IComposableType */
|
|
27
|
-
export
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
31
|
-
export
|
|
32
|
-
export
|
|
33
|
-
export
|
|
27
|
+
export type ExtractProps<T> = T extends PropsFragment<infer U> ? U : never;
|
|
28
|
+
export type ExtractSlotProps<T> = T extends SlotPropsFragment<infer U> ? U : never;
|
|
29
|
+
export type ExtractTokens<T> = T extends TokensFragment<infer U> ? U : object;
|
|
30
|
+
export type ExtractStatics<T> = T extends StaticsFragment<infer U> ? U : object;
|
|
31
|
+
export type ComposeOptions<TProps, TSlotProps, TTokens, TStatics extends object> = ComposeFactoryOptions<TProps, TSlotProps, TTokens, Theme, TStatics>;
|
|
32
|
+
export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends object> = ComposeFactoryComponent<TProps, TSlotProps, TTokens, Theme, TStatics>;
|
|
33
|
+
export type UseSlots<T> = UseStyledSlots<ExtractProps<T>, ExtractSlotProps<T>>;
|
|
34
34
|
export declare function compose<T>(options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>, base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
|
|
35
35
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":";;;AAEA,kEAAoE;AACpE,6CAA4C;AAoD5C,SAAgB,OAAO,CACrB,OAAkG,EAClG,IAAqG;IAErG,OAAO,IAAA,4BAAc,EAAC,OAAO,EAAE,yBAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC;AALD,0BAKC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import { StagedRender } from '@fluentui-react-native/use-slot';
|
|
3
|
-
import { CustomizableComponent } from '@fluentui-react-native/use-tokens';
|
|
4
|
-
import { UseTokens } from './useTokens';
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { StagedRender } from '@fluentui-react-native/use-slot';
|
|
3
|
+
import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
|
|
4
|
+
import type { UseTokens } from './useTokens';
|
|
5
5
|
/**
|
|
6
6
|
* Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
|
|
7
7
|
* and also have customize functionality.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":";;;AAEA,4DAAkE;AAKlE;;;;;;GAMG;AACH,SAAgB,YAAY,CAC1B,EAAwB,EACxB,SAA6B;IAI7B,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,OAAA,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAApB,CAAoB,CAAC;IAChE,IAAM,SAAS,GAAG,IAAA,0BAAe,EAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG;QAAC,gBAAmC;aAAnC,UAAmC,EAAnC,qBAAmC,EAAnC,IAAmC;YAAnC,2BAAmC;;QACxD,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,OAAnB,SAAS,EAAc,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAfD,oCAeC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
/** @jsx withSlots */
|
|
5
4
|
var useTokens_1 = require("./useTokens");
|
|
6
5
|
var use_tokens_1 = require("@fluentui-react-native/use-tokens");
|
|
7
6
|
var react_native_1 = require("react-native");
|
|
@@ -32,15 +31,15 @@ var VariantText = (0, compressible_1.compressible)(function (props, useTokens) {
|
|
|
32
31
|
// get the tokens
|
|
33
32
|
var _b = useTokens(theme), tokens = _b[0], cache = _b[1];
|
|
34
33
|
// split the props, defaulting the variant type to the default type from the tokens
|
|
35
|
-
var _c = props.variant, variant = _c === void 0 ? tokens.defaultType : _c, style = props.style, rest =
|
|
34
|
+
var _c = props.variant, variant = _c === void 0 ? tokens.defaultType : _c, style = props.style, rest = tslib_1.__rest(props, ["variant", "style"]);
|
|
36
35
|
// now apply the alternate layer tokens as appropriate
|
|
37
36
|
_a = (0, use_tokens_1.applyTokenLayers)(tokens, ['normal', 'header', 'caption'], cache, function (layer) { return layer === variant; }), tokens = _a[0], cache = _a[1];
|
|
38
37
|
// merge styles together with what is passed in
|
|
39
38
|
var mergedStyle = (0, merge_props_1.mergeStyles)({ color: tokens.color, fontSize: tokens.fontSize, fontWeight: tokens.fontWeight }, style);
|
|
40
39
|
// now get the slot
|
|
41
|
-
var InnerText = (0, use_slot_1.useSlot)(react_native_1.Text,
|
|
40
|
+
var InnerText = (0, use_slot_1.useSlot)(react_native_1.Text, tslib_1.__assign(tslib_1.__assign({}, rest), { style: mergedStyle }));
|
|
42
41
|
return function (extra, children) {
|
|
43
|
-
return (0, use_slot_1.withSlots)(InnerText,
|
|
42
|
+
return (0, use_slot_1.withSlots)(InnerText, tslib_1.__assign({}, extra), children);
|
|
44
43
|
};
|
|
45
44
|
}, useVariantTokens);
|
|
46
45
|
var SuperHeader = VariantText.customize({ header: { fontSize: 24, color: 'purple' } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
2
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import type { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
2
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
3
3
|
export declare const themeHelper: ThemeHelper<Theme>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
2
|
/**
|
|
3
3
|
* Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
|
|
4
4
|
* object is provided for looking up color (and other) theme values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":";;;AAAA,sEAA0E;
|
|
1
|
+
{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":";;;AAAA,sEAA0E;AAE1E,kEAA8D;AAE9D;;;;GAIG;AACH,SAAgB,cAAc;IAC5B,OAAO,IAAA,sBAAQ,GAAE,IAAI,IAAA,kCAAkB,GAAE,CAAC;AAC5C,CAAC;AAFD,wCAEC"}
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
* as to be dependent on the core theme type
|
|
4
4
|
*/
|
|
5
5
|
export { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
|
|
6
|
-
import { TokensFromTheme as TokensFromThemeBase, TokenSettings as TokenSettingsBase, UseStylingOptions as UseStylingOptionsBase, UseStyling, BuildPropsBase } from '@fluentui-react-native/use-styling';
|
|
7
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
8
|
-
export
|
|
6
|
+
import type { TokensFromTheme as TokensFromThemeBase, TokenSettings as TokenSettingsBase, UseStylingOptions as UseStylingOptionsBase, UseStyling, BuildPropsBase } from '@fluentui-react-native/use-styling';
|
|
7
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
8
|
+
export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
|
|
9
9
|
export declare function buildProps<TProps, TTokens>(fn: (tokens: TTokens, theme: Theme) => TProps, keys?: (keyof TTokens)[]): BuildProps<TProps, TTokens>;
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
10
|
+
export type TokensFromTheme<TTokens> = TokensFromThemeBase<TTokens, Theme>;
|
|
11
|
+
export type TokenSettings<TTokens> = TokenSettingsBase<TTokens, Theme>;
|
|
12
|
+
export type UseStylingOptions<TProps, TSlotProps, TTokens> = UseStylingOptionsBase<TProps, TSlotProps, TTokens, Theme>;
|
|
13
13
|
/**
|
|
14
14
|
* Construct a useStyling hook which returns styled slot props based on props and tokens defined in options and in the theme
|
|
15
15
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":";;;AAYA,kEAA0H;AAE1H,6CAA4C;AAI5C,SAAgB,UAAU,CACxB,EAA6C,EAC7C,IAAwB;IAExB,OAAO,IAAA,wBAAc,EAAyB,EAAE,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC;AALD,gCAKC;AAMD;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,OAAuD;IAEvD,8DAA8D;IAC9D,OAAO,IAAA,6BAAmB,EAAC,OAAO,EAAE,yBAAW,CAAC,CAAC;AACnD,CAAC;AALD,0CAKC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
|
|
2
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
3
|
-
import { TokenSettings } from './useStyling';
|
|
1
|
+
import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
|
|
2
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
3
|
+
import type { TokenSettings } from './useStyling';
|
|
4
4
|
export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
|
|
5
|
-
export
|
|
5
|
+
export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
|
|
6
6
|
export declare function buildUseTokens<TTokens>(...tokens: TokenSettings<TTokens>[]): UseTokens<TTokens>;
|
|
@@ -14,7 +14,7 @@ function buildUseTokens() {
|
|
|
14
14
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
15
15
|
tokens[_i] = arguments[_i];
|
|
16
16
|
}
|
|
17
|
-
return use_tokens_1.buildUseTokens.apply(void 0,
|
|
17
|
+
return use_tokens_1.buildUseTokens.apply(void 0, tslib_1.__spreadArray([themeHelper_1.themeHelper.getComponentInfo], tokens, false));
|
|
18
18
|
}
|
|
19
19
|
exports.buildUseTokens = buildUseTokens;
|
|
20
20
|
//# sourceMappingURL=useTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":";;;;AACA,gEAAyF;AACzF,6CAA4C;AAI5C,gEAAoH;AAA3G,8GAAA,gBAAgB,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AAAE,0GAAA,YAAY,OAAA;AAAE,yGAAA,WAAW,OAAA;AAKxE,SAAgB,cAAc;IAAU,gBAAmC;SAAnC,UAAmC,EAAnC,qBAAmC,EAAnC,IAAmC;QAAnC,2BAAmC;;IACzE,OAAO,2BAAkB,sCAAC,yBAAW,CAAC,gBAAgB,GAAK,MAAM,UAAE;AACrE,CAAC;AAFD,wCAEC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/framework",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.38",
|
|
4
4
|
"description": "Component framework used by fluentui react native controls",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -24,17 +24,17 @@
|
|
|
24
24
|
"directory": "packages/framework/framework"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@fluentui-react-native/composition": ">=0.8.
|
|
28
|
-
"@fluentui-react-native/default-theme": ">=0.16.
|
|
29
|
-
"@fluentui-react-native/immutable-merge": "^1.1.
|
|
30
|
-
"@fluentui-react-native/merge-props": ">=0.5.
|
|
31
|
-
"@fluentui-react-native/theme-types": ">=0.30.
|
|
32
|
-
"@fluentui-react-native/use-styling": ">=0.9.
|
|
33
|
-
"@fluentui-react-native/use-slot": ">=0.3.
|
|
34
|
-
"@fluentui-react-native/use-slots": ">=0.7.
|
|
35
|
-
"@fluentui-react-native/use-tokens": ">=0.3.
|
|
36
|
-
"@fluentui-react-native/memo-cache": "^1.1.
|
|
37
|
-
"@fluentui-react-native/tokens": ">=0.20.
|
|
27
|
+
"@fluentui-react-native/composition": ">=0.8.2 <1.0.0",
|
|
28
|
+
"@fluentui-react-native/default-theme": ">=0.16.28 <1.0.0",
|
|
29
|
+
"@fluentui-react-native/immutable-merge": "^1.1.8",
|
|
30
|
+
"@fluentui-react-native/merge-props": ">=0.5.2 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/theme-types": ">=0.30.2 <1.0.0",
|
|
32
|
+
"@fluentui-react-native/use-styling": ">=0.9.2 <1.0.0",
|
|
33
|
+
"@fluentui-react-native/use-slot": ">=0.3.2 <1.0.0",
|
|
34
|
+
"@fluentui-react-native/use-slots": ">=0.7.2 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/use-tokens": ">=0.3.2 <1.0.0",
|
|
36
|
+
"@fluentui-react-native/memo-cache": "^1.1.8",
|
|
37
|
+
"@fluentui-react-native/tokens": ">=0.20.7 <1.0.0",
|
|
38
38
|
"tslib": "^2.3.1"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
@@ -43,26 +43,29 @@
|
|
|
43
43
|
"@types/react": "^17.0.2",
|
|
44
44
|
"@types/react-native": "^0.68.0",
|
|
45
45
|
"react": "17.0.2",
|
|
46
|
-
"react-dom": "17.0.2",
|
|
47
46
|
"react-native": "^0.68.0"
|
|
48
47
|
},
|
|
49
48
|
"peerDependencies": {
|
|
50
49
|
"react": "17.0.2",
|
|
51
|
-
"react-dom": "17.0.2",
|
|
52
50
|
"react-native": "^0.68.0"
|
|
53
51
|
},
|
|
54
52
|
"author": "",
|
|
55
53
|
"license": "MIT",
|
|
56
54
|
"rnx-kit": {
|
|
57
|
-
"reactNativeVersion": "^0.68",
|
|
58
|
-
"reactNativeDevVersion": "^0.68",
|
|
59
55
|
"kitType": "library",
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
"
|
|
65
|
-
|
|
66
|
-
|
|
56
|
+
"alignDeps": {
|
|
57
|
+
"presets": [
|
|
58
|
+
"microsoft/react-native"
|
|
59
|
+
],
|
|
60
|
+
"requirements": [
|
|
61
|
+
"react-native@0.68"
|
|
62
|
+
],
|
|
63
|
+
"capabilities": [
|
|
64
|
+
"core",
|
|
65
|
+
"core-android",
|
|
66
|
+
"core-ios",
|
|
67
|
+
"react"
|
|
68
|
+
]
|
|
69
|
+
}
|
|
67
70
|
}
|
|
68
71
|
}
|
package/src/compose.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import {
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
|
|
3
|
+
import { composeFactory } from '@fluentui-react-native/composition';
|
|
3
4
|
import { themeHelper } from './themeHelper';
|
|
4
5
|
|
|
5
6
|
/**
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
/** @jsx withSlots */
|
|
2
|
-
import {
|
|
2
|
+
import type { UseTokens } from './useTokens';
|
|
3
|
+
import { buildUseTokens } from './useTokens';
|
|
3
4
|
import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
|
|
4
|
-
import { TextProps, TextStyle
|
|
5
|
+
import type { TextProps, TextStyle } from 'react-native';
|
|
6
|
+
import { Text, View } from 'react-native';
|
|
5
7
|
import { compressible } from './compressible';
|
|
6
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
8
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
7
9
|
import { mergeStyles } from '@fluentui-react-native/merge-props';
|
|
8
10
|
import { useSlot, withSlots } from '@fluentui-react-native/use-slot';
|
|
9
11
|
import * as React from 'react';
|
package/src/compressible.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { StagedRender } from '@fluentui-react-native/use-slot';
|
|
3
|
+
import { stagedComponent } from '@fluentui-react-native/use-slot';
|
|
4
|
+
import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
|
|
5
|
+
import type { TokenSettings } from './useStyling';
|
|
6
|
+
import type { UseTokens } from './useTokens';
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
|
package/src/themeHelper.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
2
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import type { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
2
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
3
3
|
import { useFluentTheme } from './useFluentTheme';
|
|
4
4
|
|
|
5
5
|
export const themeHelper: ThemeHelper<Theme> = {
|
package/src/useFluentTheme.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
|
|
2
|
-
import { Theme
|
|
2
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
3
|
+
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
3
4
|
|
|
4
5
|
/**
|
|
5
6
|
* Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
|
package/src/useStyling.ts
CHANGED
|
@@ -3,16 +3,15 @@
|
|
|
3
3
|
* as to be dependent on the core theme type
|
|
4
4
|
*/
|
|
5
5
|
export { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
|
|
6
|
-
import {
|
|
6
|
+
import type {
|
|
7
7
|
TokensFromTheme as TokensFromThemeBase,
|
|
8
8
|
TokenSettings as TokenSettingsBase,
|
|
9
9
|
UseStylingOptions as UseStylingOptionsBase,
|
|
10
|
-
buildUseStyling as buildUseStylingBase,
|
|
11
10
|
UseStyling,
|
|
12
|
-
buildProps as buildPropsBase,
|
|
13
11
|
BuildPropsBase,
|
|
14
12
|
} from '@fluentui-react-native/use-styling';
|
|
15
|
-
import {
|
|
13
|
+
import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
|
|
14
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
16
15
|
import { themeHelper } from './themeHelper';
|
|
17
16
|
|
|
18
17
|
export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
|
package/src/useTokens.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
|
|
2
|
+
import { buildUseTokens as buildUseTokensCore } from '@fluentui-react-native/use-tokens';
|
|
2
3
|
import { themeHelper } from './themeHelper';
|
|
3
|
-
import { Theme } from '@fluentui-react-native/theme-types';
|
|
4
|
-
import { TokenSettings } from './useStyling';
|
|
4
|
+
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
5
|
+
import type { TokenSettings } from './useStyling';
|
|
5
6
|
|
|
6
7
|
export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
|
|
7
8
|
|