@fluentui-react-native/composition 0.7.6 → 0.7.7
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 +13 -2
- package/README.md +3 -3
- package/package.json +5 -5
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,70 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/composition",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 31 Mar 2022 07:25:45 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/composition_v0.7.7",
|
|
7
|
+
"version": "0.7.7",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui-react-native/composition",
|
|
13
|
+
"comment": "Bump @fluentui-react-native/immutable-merge to v1.1.7",
|
|
14
|
+
"commit": "c39b4436f2ca160a31ca1d7ca9fa8bf7d59512ed"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/composition",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/use-slot to v0.2.6",
|
|
20
|
+
"commit": "c39b4436f2ca160a31ca1d7ca9fa8bf7d59512ed"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/composition",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/use-slots to v0.6.6",
|
|
26
|
+
"commit": "c39b4436f2ca160a31ca1d7ca9fa8bf7d59512ed"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/composition",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/use-styling to v0.8.3",
|
|
32
|
+
"commit": "c39b4436f2ca160a31ca1d7ca9fa8bf7d59512ed"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"date": "Wed, 23 Mar 2022 19:49:45 GMT",
|
|
39
|
+
"tag": "@fluentui-react-native/composition_v0.7.6",
|
|
40
|
+
"version": "0.7.6",
|
|
41
|
+
"comments": {
|
|
42
|
+
"none": [
|
|
43
|
+
{
|
|
44
|
+
"author": "ruaraki@microsoft.com",
|
|
45
|
+
"package": "@fluentui-react-native/composition",
|
|
46
|
+
"commit": "not available",
|
|
47
|
+
"comment": "Change links to point not using urls"
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"date": "Wed, 23 Mar 2022 18:37:07 GMT",
|
|
54
|
+
"tag": "@fluentui-react-native/composition_v0.7.6",
|
|
55
|
+
"version": "0.7.6",
|
|
56
|
+
"comments": {
|
|
57
|
+
"none": [
|
|
58
|
+
{
|
|
59
|
+
"author": "ruaraki@microsoft.com",
|
|
60
|
+
"package": "@fluentui-react-native/composition",
|
|
61
|
+
"commit": "0bbf3a115ed286da7ea14c458af701c8a2a5a075",
|
|
62
|
+
"comment": "Change links to point not using urls"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "Fri, 04 Mar 2022 23:43:09 GMT",
|
|
6
69
|
"tag": "@fluentui-react-native/composition_v0.7.6",
|
|
7
70
|
"version": "0.7.6",
|
|
8
71
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/composition
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 31 Mar 2022 07:25:45 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.7.7
|
|
8
|
+
|
|
9
|
+
Thu, 31 Mar 2022 07:25:45 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @fluentui-react-native/immutable-merge to v1.1.7
|
|
14
|
+
- Bump @fluentui-react-native/use-slot to v0.2.6
|
|
15
|
+
- Bump @fluentui-react-native/use-slots to v0.6.6
|
|
16
|
+
- Bump @fluentui-react-native/use-styling to v0.8.3
|
|
17
|
+
|
|
7
18
|
## 0.7.6
|
|
8
19
|
|
|
9
|
-
Fri, 04 Mar 2022 23:
|
|
20
|
+
Fri, 04 Mar 2022 23:43:09 GMT
|
|
10
21
|
|
|
11
22
|
### Patches
|
|
12
23
|
|
package/README.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
This package contains the component factory for all components created using the `compose` function under `@fluentui-react-native/framework`. We generally refer to this as the `compose` framework. This framework has built-in functionality for integrating a theme with a component to style it, and allows for extensibility of the created component using two additional functions, `customize` and `compose`, which you can call on the component to create a new component.
|
|
4
4
|
|
|
5
|
-
The component factory takes in a set of options. The options object allows the component's author to define a component's [slots](
|
|
5
|
+
The component factory takes in a set of options. The options object allows the component's author to define a component's [slots](../../../CONTRIBUTING.md#slots), how the props for those slots are calculated, additional states of the component (such as hovered, pressed, or selected), the component's [tokens](../use-tokens/README.md) and their default values, and the component's render function.
|
|
6
6
|
|
|
7
7
|
## Customize
|
|
8
8
|
|
|
9
|
-
The `customize` API is used to modify the tokens that are part of the component. [Tokens](
|
|
9
|
+
The `customize` API is used to modify the tokens that are part of the component. [Tokens](../use-tokens/README.md) control aspects of style of the component. Each control has some default value for its tokens, and these values may change based on states the control has. `Customize` allows you to change what the value of the tokens are by default or for specific states of the component. Each state of a component has an entry in a component's token set with the type `TTokens` which can be modified to set the tokens for that state. `Customize` can be used to create multiple different overrides of the same component, which allows for greater flexibility over [using the `components` property on the `Theme` object](../../../docs/pages/Theming/CustomTheme.md#components) to customize your components. The `customize` API will take in args of type `TokenSettings<TTokens, TTheme>`.
|
|
10
10
|
|
|
11
11
|
NOTE: Do not use this function to create a component inside a render function, otherwise the customized components will be recreated on each render.
|
|
12
12
|
|
|
@@ -35,7 +35,7 @@ const CustomThemeButton = Button.customize((t: Theme) => ({ tokens: { background
|
|
|
35
35
|
|
|
36
36
|
## Compose
|
|
37
37
|
|
|
38
|
-
The `compose` API on the component is used to modify the options fed into the `compose` API which builds the component. Notably this can be used to change the [slots](
|
|
38
|
+
The `compose` API on the component is used to modify the options fed into the `compose` API which builds the component. Notably this can be used to change the [slots](../../../CONTRIBUTING.md#slots) of a component or the functions which build the prop objects of the slots of the component, allowing for customizability of individual portions of the component. It can also allow for changes to the `render` function of the component, or which `states` get applied to the component. The compose function takes in an object of type `Partial<ComposeFactoryOptions<TProps, TSlotProps, TTokens, TTheme, TStatics>>`.
|
|
39
39
|
|
|
40
40
|
NOTE: Do not use this function to create a component inside a render function, otherwise the composed components will be recreated on each render.
|
|
41
41
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/composition",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.7",
|
|
4
4
|
"description": "Composition factories for building HOCs",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"author": "",
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/immutable-merge": "^1.1.
|
|
31
|
-
"@fluentui-react-native/use-slot": ">=0.2.
|
|
32
|
-
"@fluentui-react-native/use-slots": ">=0.6.
|
|
33
|
-
"@fluentui-react-native/use-styling": ">=0.8.
|
|
30
|
+
"@fluentui-react-native/immutable-merge": "^1.1.7",
|
|
31
|
+
"@fluentui-react-native/use-slot": ">=0.2.6 <1.0.0",
|
|
32
|
+
"@fluentui-react-native/use-slots": ">=0.6.6 <1.0.0",
|
|
33
|
+
"@fluentui-react-native/use-styling": ">=0.8.3 <1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/react-native": "^0.64.0",
|