@fluentui/react-button 0.0.0-nightly-20220504-0420.1 → 0.0.0-nightly-20220509-0421.1
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 +106 -16
- package/CHANGELOG.md +38 -10
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/package.json +8 -8
- package/lib/Button.d.ts +0 -1
- package/lib/CompoundButton.d.ts +0 -1
- package/lib/MenuButton.d.ts +0 -1
- package/lib/SplitButton.d.ts +0 -1
- package/lib/ToggleButton.d.ts +0 -1
- package/lib/components/Button/Button.d.ts +0 -6
- package/lib/components/Button/Button.types.d.ts +0 -64
- package/lib/components/Button/index.d.ts +0 -5
- package/lib/components/Button/renderButton.d.ts +0 -5
- package/lib/components/Button/useButton.d.ts +0 -8
- package/lib/components/Button/useButtonStyles.d.ts +0 -8
- package/lib/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib/components/CompoundButton/index.d.ts +0 -5
- package/lib/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
- package/lib/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib/components/MenuButton/MenuButton.types.d.ts +0 -10
- package/lib/components/MenuButton/index.d.ts +0 -5
- package/lib/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
- package/lib/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib/components/SplitButton/SplitButton.types.d.ts +0 -21
- package/lib/components/SplitButton/index.d.ts +0 -5
- package/lib/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
- package/lib/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib/components/ToggleButton/ToggleButton.types.d.ts +0 -20
- package/lib/components/ToggleButton/index.d.ts +0 -5
- package/lib/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
- package/lib/index.d.ts +0 -11
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/useToggleState.d.ts +0 -3
- package/lib-commonjs/Button.d.ts +0 -1
- package/lib-commonjs/CompoundButton.d.ts +0 -1
- package/lib-commonjs/MenuButton.d.ts +0 -1
- package/lib-commonjs/SplitButton.d.ts +0 -1
- package/lib-commonjs/ToggleButton.d.ts +0 -1
- package/lib-commonjs/components/Button/Button.d.ts +0 -6
- package/lib-commonjs/components/Button/Button.types.d.ts +0 -64
- package/lib-commonjs/components/Button/index.d.ts +0 -5
- package/lib-commonjs/components/Button/renderButton.d.ts +0 -5
- package/lib-commonjs/components/Button/useButton.d.ts +0 -8
- package/lib-commonjs/components/Button/useButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib-commonjs/components/CompoundButton/index.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +0 -10
- package/lib-commonjs/components/MenuButton/index.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts +0 -21
- package/lib-commonjs/components/SplitButton/index.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.d.ts +0 -20
- package/lib-commonjs/components/ToggleButton/index.d.ts +0 -5
- package/lib-commonjs/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
- package/lib-commonjs/index.d.ts +0 -11
- package/lib-commonjs/utils/index.d.ts +0 -1
- package/lib-commonjs/utils/useToggleState.d.ts +0 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-button_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Mon, 09 May 2022 04:32:16 GMT",
|
|
6
|
+
"tag": "@fluentui/react-button_v0.0.0-nightly-20220509-0421.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220509-0421.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -16,40 +16,98 @@
|
|
|
16
16
|
{
|
|
17
17
|
"author": "beachball",
|
|
18
18
|
"package": "@fluentui/react-button",
|
|
19
|
-
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
|
20
|
-
"commit": "
|
|
19
|
+
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220509-0421.1",
|
|
20
|
+
"commit": "bfa631b1a1c5b024e734a24fb8d3f53e51f97f75"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"author": "beachball",
|
|
24
24
|
"package": "@fluentui/react-button",
|
|
25
|
-
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
25
|
+
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20220509-0421.1",
|
|
26
|
+
"commit": "bfa631b1a1c5b024e734a24fb8d3f53e51f97f75"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
"author": "beachball",
|
|
30
30
|
"package": "@fluentui/react-button",
|
|
31
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220509-0421.1",
|
|
32
|
+
"commit": "bfa631b1a1c5b024e734a24fb8d3f53e51f97f75"
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"author": "beachball",
|
|
36
36
|
"package": "@fluentui/react-button",
|
|
37
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220509-0421.1",
|
|
38
|
+
"commit": "bfa631b1a1c5b024e734a24fb8d3f53e51f97f75"
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
"author": "beachball",
|
|
42
42
|
"package": "@fluentui/react-button",
|
|
43
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220509-0421.1",
|
|
44
|
+
"commit": "bfa631b1a1c5b024e734a24fb8d3f53e51f97f75"
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
"author": "beachball",
|
|
48
48
|
"package": "@fluentui/react-button",
|
|
49
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
50
|
-
"commit": "
|
|
49
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220509-0421.1",
|
|
50
|
+
"commit": "bfa631b1a1c5b024e734a24fb8d3f53e51f97f75"
|
|
51
51
|
}
|
|
52
|
-
]
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"date": "Thu, 05 May 2022 18:26:29 GMT",
|
|
57
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.9",
|
|
58
|
+
"version": "9.0.0-rc.9",
|
|
59
|
+
"comments": {
|
|
60
|
+
"prerelease": [
|
|
61
|
+
{
|
|
62
|
+
"author": "martinhochel@microsoft.com",
|
|
63
|
+
"package": "@fluentui/react-button",
|
|
64
|
+
"commit": "e465622ca241f3dd0534da50823a51e7311fd9ef",
|
|
65
|
+
"comment": "feat: ship rolluped only dts"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui/react-button",
|
|
70
|
+
"comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.6",
|
|
71
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-button",
|
|
76
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.8",
|
|
77
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-button",
|
|
82
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.9",
|
|
83
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-button",
|
|
88
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
|
|
89
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui/react-button",
|
|
94
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
|
|
95
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "beachball",
|
|
99
|
+
"package": "@fluentui/react-button",
|
|
100
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
|
|
101
|
+
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
102
|
+
}
|
|
103
|
+
]
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"date": "Wed, 04 May 2022 13:26:38 GMT",
|
|
108
|
+
"tag": "@fluentui/react-button_v9.0.0-rc.8",
|
|
109
|
+
"version": "9.0.0-rc.8",
|
|
110
|
+
"comments": {
|
|
53
111
|
"none": [
|
|
54
112
|
{
|
|
55
113
|
"author": "tristan.watanabe@gmail.com",
|
|
@@ -57,6 +115,38 @@
|
|
|
57
115
|
"commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46",
|
|
58
116
|
"comment": "react-button: Move to new common folder."
|
|
59
117
|
}
|
|
118
|
+
],
|
|
119
|
+
"prerelease": [
|
|
120
|
+
{
|
|
121
|
+
"author": "beachball",
|
|
122
|
+
"package": "@fluentui/react-button",
|
|
123
|
+
"comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5",
|
|
124
|
+
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"author": "beachball",
|
|
128
|
+
"package": "@fluentui/react-button",
|
|
129
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.7",
|
|
130
|
+
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"author": "beachball",
|
|
134
|
+
"package": "@fluentui/react-button",
|
|
135
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8",
|
|
136
|
+
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"author": "beachball",
|
|
140
|
+
"package": "@fluentui/react-button",
|
|
141
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.6",
|
|
142
|
+
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"author": "beachball",
|
|
146
|
+
"package": "@fluentui/react-button",
|
|
147
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7",
|
|
148
|
+
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
149
|
+
}
|
|
60
150
|
]
|
|
61
151
|
}
|
|
62
152
|
},
|
package/CHANGELOG.md
CHANGED
|
@@ -1,23 +1,51 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-button
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 09 May 2022 04:32:16 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20220509-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20220509-0421.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.
|
|
9
|
+
Mon, 09 May 2022 04:32:16 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.9..@fluentui/react-button_v0.0.0-nightly-20220509-0421.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
|
|
15
|
-
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220509-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/bfa631b1a1c5b024e734a24fb8d3f53e51f97f75) by beachball)
|
|
16
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20220509-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/bfa631b1a1c5b024e734a24fb8d3f53e51f97f75) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20220509-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/bfa631b1a1c5b024e734a24fb8d3f53e51f97f75) by beachball)
|
|
18
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20220509-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/bfa631b1a1c5b024e734a24fb8d3f53e51f97f75) by beachball)
|
|
19
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20220509-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/bfa631b1a1c5b024e734a24fb8d3f53e51f97f75) by beachball)
|
|
20
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220509-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/bfa631b1a1c5b024e734a24fb8d3f53e51f97f75) by beachball)
|
|
21
|
+
|
|
22
|
+
## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.9)
|
|
23
|
+
|
|
24
|
+
Thu, 05 May 2022 18:26:29 GMT
|
|
25
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.8..@fluentui/react-button_v9.0.0-rc.9)
|
|
26
|
+
|
|
27
|
+
### Changes
|
|
28
|
+
|
|
29
|
+
- feat: ship rolluped only dts ([PR #22823](https://github.com/microsoft/fluentui/pull/22823) by martinhochel@microsoft.com)
|
|
30
|
+
- Bump @fluentui/keyboard-keys to v9.0.0-rc.6 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
|
31
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
|
32
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
|
33
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
|
34
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
|
35
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
|
|
36
|
+
|
|
37
|
+
## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.8)
|
|
38
|
+
|
|
39
|
+
Wed, 04 May 2022 13:26:38 GMT
|
|
40
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.7..@fluentui/react-button_v9.0.0-rc.8)
|
|
41
|
+
|
|
42
|
+
### Changes
|
|
43
|
+
|
|
44
|
+
- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
|
|
45
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
|
|
46
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
|
|
47
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
|
|
48
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
|
|
21
49
|
|
|
22
50
|
## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.7)
|
|
23
51
|
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20220509-0421.1",
|
|
4
4
|
"description": "Fluent UI React Button component.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
|
-
"typings": "
|
|
7
|
+
"typings": "dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -29,16 +29,16 @@
|
|
|
29
29
|
"@fluentui/a11y-testing": "^0.1.0",
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
32
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20220509-0421.1",
|
|
33
33
|
"@fluentui/scripts": "^1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui/keyboard-keys": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
|
36
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20220509-0421.1",
|
|
37
|
+
"@fluentui/react-aria": "0.0.0-nightly-20220509-0421.1",
|
|
38
38
|
"@fluentui/react-icons": "^2.0.166-rc.3",
|
|
39
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
|
40
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
41
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
39
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20220509-0421.1",
|
|
40
|
+
"@fluentui/react-theme": "0.0.0-nightly-20220509-0421.1",
|
|
41
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20220509-0421.1",
|
|
42
42
|
"@griffel/react": "1.0.3",
|
|
43
43
|
"tslib": "^2.1.0"
|
|
44
44
|
},
|
package/lib/Button.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Button/index';
|
package/lib/CompoundButton.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/CompoundButton/index';
|
package/lib/MenuButton.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/MenuButton/index';
|
package/lib/SplitButton.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/SplitButton/index';
|
package/lib/ToggleButton.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/ToggleButton/index';
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type ButtonSlots = {
|
|
4
|
-
/**
|
|
5
|
-
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
|
6
|
-
*/
|
|
7
|
-
root: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
8
|
-
/**
|
|
9
|
-
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
|
10
|
-
*/
|
|
11
|
-
icon?: Slot<'span'>;
|
|
12
|
-
};
|
|
13
|
-
export declare type ButtonCommons = {
|
|
14
|
-
/**
|
|
15
|
-
* A button can have its content and borders styled for greater emphasis or to be subtle.
|
|
16
|
-
* - 'primary': Emphasizes the button as a primary action.
|
|
17
|
-
* - 'outline': Removes background styling.
|
|
18
|
-
* - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
|
|
19
|
-
* - 'transparent': Removes background and border styling.
|
|
20
|
-
*/
|
|
21
|
-
appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
|
|
22
|
-
/**
|
|
23
|
-
* A button can fill the width of its container.
|
|
24
|
-
* @default false
|
|
25
|
-
*
|
|
26
|
-
* @deprecated - Use style overrides instead.
|
|
27
|
-
*/
|
|
28
|
-
block: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
|
|
31
|
-
* is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
|
|
32
|
-
* pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
disabledFocusable: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* A button can show that it cannot be interacted with.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
disabled: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* A button can format its icon to appear before or after its content.
|
|
43
|
-
* @default 'before'
|
|
44
|
-
*/
|
|
45
|
-
iconPosition?: 'before' | 'after';
|
|
46
|
-
/**
|
|
47
|
-
* A button can be rounded, circular, or square.
|
|
48
|
-
* @default 'rounded'
|
|
49
|
-
*/
|
|
50
|
-
shape: 'rounded' | 'circular' | 'square';
|
|
51
|
-
/**
|
|
52
|
-
* A button supports different sizes.
|
|
53
|
-
* @default 'medium'
|
|
54
|
-
*/
|
|
55
|
-
size: 'small' | 'medium' | 'large';
|
|
56
|
-
};
|
|
57
|
-
export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
|
|
58
|
-
export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
|
|
59
|
-
/**
|
|
60
|
-
* A button can contain only an icon.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
iconOnly: boolean;
|
|
64
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ButtonProps, ButtonState } from './Button.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
|
5
|
-
* @param props - User provided props to the Button component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the Button component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useButton_unstable: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonSlots, ButtonState } from './Button.types';
|
|
3
|
-
export declare const buttonClassNames: SlotClassNames<ButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `buttonClassNames.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const buttonClassName: string;
|
|
8
|
-
export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
2
|
-
import type { CompoundButtonProps } from './CompoundButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
|
5
|
-
*/
|
|
6
|
-
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
|
3
|
-
export declare type CompoundButtonSlots = ButtonSlots & {
|
|
4
|
-
/**
|
|
5
|
-
* Second line of text that describes the action this button takes.
|
|
6
|
-
*/
|
|
7
|
-
secondaryContent?: Slot<'span'>;
|
|
8
|
-
/**
|
|
9
|
-
* Container that wraps the children and the secondaryContent slot.
|
|
10
|
-
*/
|
|
11
|
-
contentContainer: NonNullable<Slot<'span'>>;
|
|
12
|
-
};
|
|
13
|
-
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
|
|
14
|
-
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './CompoundButton';
|
|
2
|
-
export * from './CompoundButton.types';
|
|
3
|
-
export * from './renderCompoundButton';
|
|
4
|
-
export * from './useCompoundButton';
|
|
5
|
-
export { compoundButtonClassName, compoundButtonClassNames, useCompoundButtonStyles_unstable, } from './useCompoundButtonStyles';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { CompoundButtonState } from './CompoundButton.types';
|
|
2
|
-
/**
|
|
3
|
-
* Renders a CompoundButton component by passing the state defined props to the appropriate slots.
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
|
|
5
|
-
* @param props - User provided props to the CompoundButton component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the CompoundButton component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useCompoundButton_unstable: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';
|
|
3
|
-
export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `compoundButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const compoundButtonClassName: string;
|
|
8
|
-
export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { MenuButtonProps } from './MenuButton.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* MenuButtons are buttons that handle opening and closing a menu when they are triggered.
|
|
5
|
-
*/
|
|
6
|
-
export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
|
3
|
-
export declare type MenuButtonSlots = ButtonSlots & {
|
|
4
|
-
/**
|
|
5
|
-
* Menu icon that indicates that this button has a menu that can be expanded.
|
|
6
|
-
*/
|
|
7
|
-
menuIcon?: Slot<'span'>;
|
|
8
|
-
};
|
|
9
|
-
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
|
|
10
|
-
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { MenuButtonProps, MenuButtonState } from './MenuButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, returns the final state for a MenuButton.
|
|
5
|
-
*/
|
|
6
|
-
export declare const useMenuButton_unstable: ({ menuIcon, ...props }: MenuButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';
|
|
3
|
-
export declare const menuButtonClassNames: SlotClassNames<MenuButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `menuButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const menuButtonClassName: string;
|
|
8
|
-
export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SplitButtonProps } from './SplitButton.types';
|
|
2
|
-
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
|
|
5
|
-
* action, while interacting with the second one opens a menu with secondary actions.
|
|
6
|
-
*/
|
|
7
|
-
export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Button } from '../Button/Button';
|
|
2
|
-
import { MenuButton } from '../MenuButton/MenuButton';
|
|
3
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
4
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
|
5
|
-
import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
|
|
6
|
-
export declare type SplitButtonSlots = {
|
|
7
|
-
/**
|
|
8
|
-
* Root of the component that wraps the primary action button and menu button.
|
|
9
|
-
*/
|
|
10
|
-
root: NonNullable<Slot<'div'>>;
|
|
11
|
-
/**
|
|
12
|
-
* Button that opens menu with secondary actions in SplitButton.
|
|
13
|
-
*/
|
|
14
|
-
menuButton?: Slot<typeof MenuButton>;
|
|
15
|
-
/**
|
|
16
|
-
* Button to perform primary action in SplitButton.
|
|
17
|
-
*/
|
|
18
|
-
primaryActionButton?: Slot<typeof Button>;
|
|
19
|
-
};
|
|
20
|
-
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
|
21
|
-
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the SplitButton and returns processed state.
|
|
5
|
-
* @param props - User provided props to the SplitButton component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the SplitButton component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';
|
|
3
|
-
export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `splitButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const splitButtonClassName: string;
|
|
8
|
-
export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ToggleButtonProps } from './ToggleButton.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* ToggleButtons are buttons that toggle between two defined states when triggered.
|
|
5
|
-
*/
|
|
6
|
-
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
|
2
|
-
declare type ToggleButtonCommons = {
|
|
3
|
-
/**
|
|
4
|
-
* Defines the controlled checked state of the `ToggleButton`.
|
|
5
|
-
* If passed, `ToggleButton` ignores the `defaultChecked` property.
|
|
6
|
-
* This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
|
|
7
|
-
* correct value based on handling `onClick` events and re-rendering.
|
|
8
|
-
* @default false
|
|
9
|
-
*/
|
|
10
|
-
checked: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
|
|
13
|
-
/**
|
|
14
|
-
* Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
defaultChecked?: boolean;
|
|
18
|
-
};
|
|
19
|
-
export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
|
|
20
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './ToggleButton';
|
|
2
|
-
export * from './ToggleButton.types';
|
|
3
|
-
export * from './renderToggleButton';
|
|
4
|
-
export * from './useToggleButton';
|
|
5
|
-
export { toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, } from './useToggleButtonStyles';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
|
5
|
-
* processed state.
|
|
6
|
-
* @param props - User provided props to the ToggleButton component.
|
|
7
|
-
* @param ref - User provided ref to be passed to the ToggleButton component.
|
|
8
|
-
*/
|
|
9
|
-
export declare const useToggleButton_unstable: (props: ToggleButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonSlots } from '../Button/Button.types';
|
|
3
|
-
import type { ToggleButtonState } from './ToggleButton.types';
|
|
4
|
-
export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated Use `toggleButtonClassName.root` instead.
|
|
7
|
-
*/
|
|
8
|
-
export declare const toggleButtonClassName: string;
|
|
9
|
-
export declare const useCheckedStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent" | "highContrast", string>;
|
|
10
|
-
export declare const useDisabledStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent", string>;
|
|
11
|
-
export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;
|
package/lib/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export { Button, buttonClassName, buttonClassNames, renderButton_unstable, useButtonStyles_unstable, useButton_unstable, } from './Button';
|
|
2
|
-
export type { ButtonProps, ButtonSlots, ButtonState } from './Button';
|
|
3
|
-
export { CompoundButton, compoundButtonClassName, compoundButtonClassNames, renderCompoundButton_unstable, useCompoundButtonStyles_unstable, useCompoundButton_unstable, } from './CompoundButton';
|
|
4
|
-
export type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';
|
|
5
|
-
export { MenuButton, menuButtonClassName, menuButtonClassNames, renderMenuButton_unstable, useMenuButtonStyles_unstable, useMenuButton_unstable, } from './MenuButton';
|
|
6
|
-
export type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';
|
|
7
|
-
export { SplitButton, renderSplitButton_unstable, splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, useSplitButton_unstable, } from './SplitButton';
|
|
8
|
-
export type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';
|
|
9
|
-
export { ToggleButton, renderToggleButton_unstable, toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, useToggleButton_unstable, } from './ToggleButton';
|
|
10
|
-
export type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';
|
|
11
|
-
export { useToggleState } from './utils/index';
|
package/lib/utils/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './useToggleState';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ButtonState } from '../Button';
|
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from '../ToggleButton';
|
|
3
|
-
export declare function useToggleState<TToggleButtonProps extends Pick<ToggleButtonProps, 'checked' | 'defaultChecked' | 'disabled' | 'disabledFocusable'>, TButtonState extends Pick<ButtonState, 'root'>, TToggleButtonState extends Pick<ToggleButtonState, 'checked' | 'root'>>(props: TToggleButtonProps, state: TButtonState): TToggleButtonState;
|
package/lib-commonjs/Button.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Button/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/CompoundButton/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/MenuButton/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/SplitButton/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/ToggleButton/index';
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type ButtonSlots = {
|
|
4
|
-
/**
|
|
5
|
-
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
|
6
|
-
*/
|
|
7
|
-
root: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
8
|
-
/**
|
|
9
|
-
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
|
10
|
-
*/
|
|
11
|
-
icon?: Slot<'span'>;
|
|
12
|
-
};
|
|
13
|
-
export declare type ButtonCommons = {
|
|
14
|
-
/**
|
|
15
|
-
* A button can have its content and borders styled for greater emphasis or to be subtle.
|
|
16
|
-
* - 'primary': Emphasizes the button as a primary action.
|
|
17
|
-
* - 'outline': Removes background styling.
|
|
18
|
-
* - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
|
|
19
|
-
* - 'transparent': Removes background and border styling.
|
|
20
|
-
*/
|
|
21
|
-
appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
|
|
22
|
-
/**
|
|
23
|
-
* A button can fill the width of its container.
|
|
24
|
-
* @default false
|
|
25
|
-
*
|
|
26
|
-
* @deprecated - Use style overrides instead.
|
|
27
|
-
*/
|
|
28
|
-
block: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
|
|
31
|
-
* is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
|
|
32
|
-
* pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
disabledFocusable: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* A button can show that it cannot be interacted with.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
disabled: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* A button can format its icon to appear before or after its content.
|
|
43
|
-
* @default 'before'
|
|
44
|
-
*/
|
|
45
|
-
iconPosition?: 'before' | 'after';
|
|
46
|
-
/**
|
|
47
|
-
* A button can be rounded, circular, or square.
|
|
48
|
-
* @default 'rounded'
|
|
49
|
-
*/
|
|
50
|
-
shape: 'rounded' | 'circular' | 'square';
|
|
51
|
-
/**
|
|
52
|
-
* A button supports different sizes.
|
|
53
|
-
* @default 'medium'
|
|
54
|
-
*/
|
|
55
|
-
size: 'small' | 'medium' | 'large';
|
|
56
|
-
};
|
|
57
|
-
export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
|
|
58
|
-
export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
|
|
59
|
-
/**
|
|
60
|
-
* A button can contain only an icon.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
iconOnly: boolean;
|
|
64
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ButtonProps, ButtonState } from './Button.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
|
5
|
-
* @param props - User provided props to the Button component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the Button component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useButton_unstable: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonSlots, ButtonState } from './Button.types';
|
|
3
|
-
export declare const buttonClassNames: SlotClassNames<ButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `buttonClassNames.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const buttonClassName: string;
|
|
8
|
-
export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
2
|
-
import type { CompoundButtonProps } from './CompoundButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
|
5
|
-
*/
|
|
6
|
-
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
|
3
|
-
export declare type CompoundButtonSlots = ButtonSlots & {
|
|
4
|
-
/**
|
|
5
|
-
* Second line of text that describes the action this button takes.
|
|
6
|
-
*/
|
|
7
|
-
secondaryContent?: Slot<'span'>;
|
|
8
|
-
/**
|
|
9
|
-
* Container that wraps the children and the secondaryContent slot.
|
|
10
|
-
*/
|
|
11
|
-
contentContainer: NonNullable<Slot<'span'>>;
|
|
12
|
-
};
|
|
13
|
-
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
|
|
14
|
-
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './CompoundButton';
|
|
2
|
-
export * from './CompoundButton.types';
|
|
3
|
-
export * from './renderCompoundButton';
|
|
4
|
-
export * from './useCompoundButton';
|
|
5
|
-
export { compoundButtonClassName, compoundButtonClassNames, useCompoundButtonStyles_unstable, } from './useCompoundButtonStyles';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { CompoundButtonState } from './CompoundButton.types';
|
|
2
|
-
/**
|
|
3
|
-
* Renders a CompoundButton component by passing the state defined props to the appropriate slots.
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
|
|
5
|
-
* @param props - User provided props to the CompoundButton component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the CompoundButton component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useCompoundButton_unstable: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';
|
|
3
|
-
export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `compoundButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const compoundButtonClassName: string;
|
|
8
|
-
export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { MenuButtonProps } from './MenuButton.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* MenuButtons are buttons that handle opening and closing a menu when they are triggered.
|
|
5
|
-
*/
|
|
6
|
-
export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
|
3
|
-
export declare type MenuButtonSlots = ButtonSlots & {
|
|
4
|
-
/**
|
|
5
|
-
* Menu icon that indicates that this button has a menu that can be expanded.
|
|
6
|
-
*/
|
|
7
|
-
menuIcon?: Slot<'span'>;
|
|
8
|
-
};
|
|
9
|
-
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
|
|
10
|
-
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { MenuButtonProps, MenuButtonState } from './MenuButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, returns the final state for a MenuButton.
|
|
5
|
-
*/
|
|
6
|
-
export declare const useMenuButton_unstable: ({ menuIcon, ...props }: MenuButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';
|
|
3
|
-
export declare const menuButtonClassNames: SlotClassNames<MenuButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `menuButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const menuButtonClassName: string;
|
|
8
|
-
export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SplitButtonProps } from './SplitButton.types';
|
|
2
|
-
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
|
|
5
|
-
* action, while interacting with the second one opens a menu with secondary actions.
|
|
6
|
-
*/
|
|
7
|
-
export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Button } from '../Button/Button';
|
|
2
|
-
import { MenuButton } from '../MenuButton/MenuButton';
|
|
3
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
4
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
|
5
|
-
import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
|
|
6
|
-
export declare type SplitButtonSlots = {
|
|
7
|
-
/**
|
|
8
|
-
* Root of the component that wraps the primary action button and menu button.
|
|
9
|
-
*/
|
|
10
|
-
root: NonNullable<Slot<'div'>>;
|
|
11
|
-
/**
|
|
12
|
-
* Button that opens menu with secondary actions in SplitButton.
|
|
13
|
-
*/
|
|
14
|
-
menuButton?: Slot<typeof MenuButton>;
|
|
15
|
-
/**
|
|
16
|
-
* Button to perform primary action in SplitButton.
|
|
17
|
-
*/
|
|
18
|
-
primaryActionButton?: Slot<typeof Button>;
|
|
19
|
-
};
|
|
20
|
-
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
|
21
|
-
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the SplitButton and returns processed state.
|
|
5
|
-
* @param props - User provided props to the SplitButton component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the SplitButton component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';
|
|
3
|
-
export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `splitButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const splitButtonClassName: string;
|
|
8
|
-
export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ToggleButtonProps } from './ToggleButton.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* ToggleButtons are buttons that toggle between two defined states when triggered.
|
|
5
|
-
*/
|
|
6
|
-
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
|
2
|
-
declare type ToggleButtonCommons = {
|
|
3
|
-
/**
|
|
4
|
-
* Defines the controlled checked state of the `ToggleButton`.
|
|
5
|
-
* If passed, `ToggleButton` ignores the `defaultChecked` property.
|
|
6
|
-
* This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
|
|
7
|
-
* correct value based on handling `onClick` events and re-rendering.
|
|
8
|
-
* @default false
|
|
9
|
-
*/
|
|
10
|
-
checked: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
|
|
13
|
-
/**
|
|
14
|
-
* Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
defaultChecked?: boolean;
|
|
18
|
-
};
|
|
19
|
-
export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
|
|
20
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './ToggleButton';
|
|
2
|
-
export * from './ToggleButton.types';
|
|
3
|
-
export * from './renderToggleButton';
|
|
4
|
-
export * from './useToggleButton';
|
|
5
|
-
export { toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, } from './useToggleButtonStyles';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
|
5
|
-
* processed state.
|
|
6
|
-
* @param props - User provided props to the ToggleButton component.
|
|
7
|
-
* @param ref - User provided ref to be passed to the ToggleButton component.
|
|
8
|
-
*/
|
|
9
|
-
export declare const useToggleButton_unstable: (props: ToggleButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonSlots } from '../Button/Button.types';
|
|
3
|
-
import type { ToggleButtonState } from './ToggleButton.types';
|
|
4
|
-
export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated Use `toggleButtonClassName.root` instead.
|
|
7
|
-
*/
|
|
8
|
-
export declare const toggleButtonClassName: string;
|
|
9
|
-
export declare const useCheckedStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent" | "highContrast", string>;
|
|
10
|
-
export declare const useDisabledStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent", string>;
|
|
11
|
-
export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;
|
package/lib-commonjs/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export { Button, buttonClassName, buttonClassNames, renderButton_unstable, useButtonStyles_unstable, useButton_unstable, } from './Button';
|
|
2
|
-
export type { ButtonProps, ButtonSlots, ButtonState } from './Button';
|
|
3
|
-
export { CompoundButton, compoundButtonClassName, compoundButtonClassNames, renderCompoundButton_unstable, useCompoundButtonStyles_unstable, useCompoundButton_unstable, } from './CompoundButton';
|
|
4
|
-
export type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';
|
|
5
|
-
export { MenuButton, menuButtonClassName, menuButtonClassNames, renderMenuButton_unstable, useMenuButtonStyles_unstable, useMenuButton_unstable, } from './MenuButton';
|
|
6
|
-
export type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';
|
|
7
|
-
export { SplitButton, renderSplitButton_unstable, splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, useSplitButton_unstable, } from './SplitButton';
|
|
8
|
-
export type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';
|
|
9
|
-
export { ToggleButton, renderToggleButton_unstable, toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, useToggleButton_unstable, } from './ToggleButton';
|
|
10
|
-
export type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';
|
|
11
|
-
export { useToggleState } from './utils/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './useToggleState';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ButtonState } from '../Button';
|
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from '../ToggleButton';
|
|
3
|
-
export declare function useToggleState<TToggleButtonProps extends Pick<ToggleButtonProps, 'checked' | 'defaultChecked' | 'disabled' | 'disabledFocusable'>, TButtonState extends Pick<ButtonState, 'root'>, TToggleButtonState extends Pick<ToggleButtonState, 'checked' | 'root'>>(props: TToggleButtonProps, state: TButtonState): TToggleButtonState;
|