@fluentui/react-button 9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0
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.md +116 -12
- package/dist/index.d.cts +331 -0
- package/dist/index.d.ts +50 -52
- package/lib/Button.js +1 -1
- package/lib/Button.js.map +1 -1
- package/lib/CompoundButton.js +1 -1
- package/lib/CompoundButton.js.map +1 -1
- package/lib/MenuButton.js +1 -1
- package/lib/MenuButton.js.map +1 -1
- package/lib/SplitButton.js +1 -1
- package/lib/SplitButton.js.map +1 -1
- package/lib/ToggleButton.js +1 -1
- package/lib/ToggleButton.js.map +1 -1
- package/lib/components/Button/Button.js +5 -5
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/index.js +4 -5
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/renderButton.js +1 -1
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +35 -6
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.styles.js +6 -6
- package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib/components/Button/useButtonStyles.styles.raw.js +6 -5
- package/lib/components/Button/useButtonStyles.styles.raw.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.js +5 -5
- package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib/components/CompoundButton/index.js +4 -5
- package/lib/components/CompoundButton/index.js.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js +23 -11
- package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js +7 -5
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.js +7 -4
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.js +5 -5
- package/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.js +3 -1
- package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib/components/MenuButton/index.js +4 -5
- package/lib/components/MenuButton/index.js.map +1 -1
- package/lib/components/MenuButton/renderMenuButton.js +1 -1
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +52 -14
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js +7 -6
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.js +7 -5
- package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.js +5 -5
- package/lib/components/SplitButton/SplitButton.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib/components/SplitButton/index.js +4 -5
- package/lib/components/SplitButton/index.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js +1 -1
- package/lib/components/SplitButton/useSplitButton.js +53 -17
- package/lib/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js +6 -5
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.js +6 -4
- package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.js +5 -5
- package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib/components/ToggleButton/index.js +4 -5
- package/lib/components/ToggleButton/index.js.map +1 -1
- package/lib/components/ToggleButton/renderToggleButton.js +1 -1
- package/lib/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js +16 -14
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js +65 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.js +58 -10
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.js.map +1 -1
- package/lib/contexts/ButtonContext.js +5 -3
- package/lib/contexts/ButtonContext.js.map +1 -1
- package/lib/contexts/index.js +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/index.js +7 -13
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/useToggleState.js +4 -3
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/{Button.js → Button.cjs} +1 -1
- package/lib-commonjs/{Button.js.map → Button.cjs.map} +1 -1
- package/lib-commonjs/{CompoundButton.js → CompoundButton.cjs} +1 -4
- package/lib-commonjs/CompoundButton.cjs.map +1 -0
- package/lib-commonjs/{MenuButton.js → MenuButton.cjs} +1 -1
- package/lib-commonjs/{MenuButton.js.map → MenuButton.cjs.map} +1 -1
- package/lib-commonjs/{SplitButton.js → SplitButton.cjs} +1 -4
- package/lib-commonjs/SplitButton.cjs.map +1 -0
- package/lib-commonjs/{ToggleButton.js → ToggleButton.cjs} +1 -1
- package/lib-commonjs/{ToggleButton.js.map → ToggleButton.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{Button.js → Button.cjs} +3 -3
- package/lib-commonjs/components/Button/{Button.js.map → Button.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{Button.types.js.map → Button.types.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{index.js → index.cjs} +5 -6
- package/lib-commonjs/components/Button/index.cjs.map +1 -0
- package/lib-commonjs/components/Button/renderButton.cjs.map +1 -0
- package/lib-commonjs/components/Button/useButton.cjs +58 -0
- package/lib-commonjs/components/Button/useButton.cjs.map +1 -0
- package/lib-commonjs/components/Button/{useButtonStyles.styles.js → useButtonStyles.styles.cjs} +2 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Button/{useButtonStyles.styles.raw.js → useButtonStyles.styles.raw.cjs} +2 -1
- package/lib-commonjs/components/Button/{useButtonStyles.styles.raw.js.map → useButtonStyles.styles.raw.cjs.map} +1 -1
- package/lib-commonjs/components/CompoundButton/{CompoundButton.js → CompoundButton.cjs} +3 -3
- package/lib-commonjs/components/CompoundButton/{CompoundButton.js.map → CompoundButton.cjs.map} +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.cjs.map +1 -0
- package/lib-commonjs/components/CompoundButton/{index.js → index.cjs} +4 -8
- package/lib-commonjs/components/CompoundButton/index.cjs.map +1 -0
- package/lib-commonjs/components/CompoundButton/{useCompoundButtonBase.js → useCompoundButton.cjs} +6 -7
- package/lib-commonjs/components/CompoundButton/useCompoundButton.cjs.map +1 -0
- package/lib-commonjs/components/CompoundButton/{useCompoundButtonStyles.styles.js → useCompoundButtonStyles.styles.cjs} +5 -2
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/CompoundButton/{useCompoundButtonStyles.styles.raw.js → useCompoundButtonStyles.styles.raw.cjs} +5 -2
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/MenuButton/{MenuButton.js → MenuButton.cjs} +3 -3
- package/lib-commonjs/components/MenuButton/{MenuButton.js.map → MenuButton.cjs.map} +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.types.cjs +6 -0
- package/lib-commonjs/components/MenuButton/MenuButton.types.cjs.map +1 -0
- package/lib-commonjs/components/MenuButton/{index.js → index.cjs} +5 -6
- package/lib-commonjs/components/MenuButton/index.cjs.map +1 -0
- package/lib-commonjs/components/MenuButton/renderMenuButton.cjs.map +1 -0
- package/lib-commonjs/components/MenuButton/useMenuButton.cjs +65 -0
- package/lib-commonjs/components/MenuButton/useMenuButton.cjs.map +1 -0
- package/lib-commonjs/components/MenuButton/{useMenuButtonStyles.styles.js → useMenuButtonStyles.styles.cjs} +4 -2
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/MenuButton/{useMenuButtonStyles.styles.raw.js → useMenuButtonStyles.styles.raw.cjs} +4 -2
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/SplitButton/{SplitButton.js → SplitButton.cjs} +3 -3
- package/lib-commonjs/components/SplitButton/SplitButton.cjs.map +1 -0
- package/lib-commonjs/components/SplitButton/SplitButton.types.cjs.map +1 -0
- package/lib-commonjs/components/SplitButton/{index.js → index.cjs} +4 -8
- package/lib-commonjs/components/SplitButton/index.cjs.map +1 -0
- package/lib-commonjs/components/SplitButton/{useSplitButtonBase.js → useSplitButton.cjs} +21 -14
- package/lib-commonjs/components/SplitButton/useSplitButton.cjs.map +1 -0
- package/lib-commonjs/components/SplitButton/{useSplitButtonStyles.styles.js → useSplitButtonStyles.styles.cjs} +3 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/SplitButton/{useSplitButtonStyles.styles.raw.js → useSplitButtonStyles.styles.raw.cjs} +3 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/ToggleButton/{ToggleButton.js → ToggleButton.cjs} +3 -3
- package/lib-commonjs/components/ToggleButton/{ToggleButton.js.map → ToggleButton.cjs.map} +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.cjs.map +1 -0
- package/lib-commonjs/components/ToggleButton/{index.js → index.cjs} +5 -6
- package/lib-commonjs/components/ToggleButton/index.cjs.map +1 -0
- package/lib-commonjs/components/ToggleButton/{renderToggleButton.js → renderToggleButton.cjs} +1 -1
- package/lib-commonjs/components/ToggleButton/{renderToggleButton.js.map → renderToggleButton.cjs.map} +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.cjs +31 -0
- package/lib-commonjs/components/ToggleButton/useToggleButton.cjs.map +1 -0
- package/lib-commonjs/components/ToggleButton/{useToggleButtonStyles.styles.js → useToggleButtonStyles.styles.cjs} +119 -5
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/ToggleButton/{useToggleButtonStyles.styles.raw.js → useToggleButtonStyles.styles.raw.cjs} +51 -6
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/contexts/ButtonContext.cjs.map +1 -0
- package/lib-commonjs/contexts/{index.js → index.cjs} +1 -1
- package/lib-commonjs/contexts/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/{index.js → index.cjs} +7 -13
- package/lib-commonjs/index.cjs.map +1 -0
- package/lib-commonjs/utils/{index.js → index.cjs} +1 -1
- package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/utils/{useToggleState.js → useToggleState.cjs} +2 -1
- package/lib-commonjs/utils/useToggleState.cjs.map +1 -0
- package/package.json +20 -14
- package/lib/components/Button/useButtonBase.js +0 -34
- package/lib/components/Button/useButtonBase.js.map +0 -1
- package/lib/components/CompoundButton/useCompoundButtonBase.js +0 -31
- package/lib/components/CompoundButton/useCompoundButtonBase.js.map +0 -1
- package/lib/components/MenuButton/useMenuButtonBase.js +0 -27
- package/lib/components/MenuButton/useMenuButtonBase.js.map +0 -1
- package/lib/components/SplitButton/useSplitButtonBase.js +0 -57
- package/lib/components/SplitButton/useSplitButtonBase.js.map +0 -1
- package/lib/components/ToggleButton/useToggleButtonBase.js +0 -13
- package/lib/components/ToggleButton/useToggleButtonBase.js.map +0 -1
- package/lib-commonjs/CompoundButton.js.map +0 -1
- package/lib-commonjs/SplitButton.js.map +0 -1
- package/lib-commonjs/components/Button/index.js.map +0 -1
- package/lib-commonjs/components/Button/renderButton.js.map +0 -1
- package/lib-commonjs/components/Button/useButton.js +0 -27
- package/lib-commonjs/components/Button/useButton.js.map +0 -1
- package/lib-commonjs/components/Button/useButtonBase.js +0 -41
- package/lib-commonjs/components/Button/useButtonBase.js.map +0 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/index.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js +0 -26
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonBase.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/MenuButton/MenuButton.types.js.map +0 -1
- package/lib-commonjs/components/MenuButton/index.js.map +0 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +0 -32
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonBase.js +0 -36
- package/lib-commonjs/components/MenuButton/useMenuButtonBase.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +0 -1
- package/lib-commonjs/components/SplitButton/SplitButton.types.js.map +0 -1
- package/lib-commonjs/components/SplitButton/index.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +0 -36
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonBase.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.js +0 -4
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/index.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js +0 -27
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonBase.js +0 -19
- package/lib-commonjs/components/ToggleButton/useToggleButtonBase.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/contexts/ButtonContext.js.map +0 -1
- package/lib-commonjs/index.js.map +0 -1
- package/lib-commonjs/utils/useToggleState.js.map +0 -1
- /package/lib-commonjs/components/Button/{Button.types.js → Button.types.cjs} +0 -0
- /package/lib-commonjs/components/Button/{renderButton.js → renderButton.cjs} +0 -0
- /package/lib-commonjs/components/CompoundButton/{CompoundButton.types.js → CompoundButton.types.cjs} +0 -0
- /package/lib-commonjs/components/CompoundButton/{renderCompoundButton.js → renderCompoundButton.cjs} +0 -0
- /package/lib-commonjs/components/CompoundButton/{renderCompoundButton.js.map → renderCompoundButton.cjs.map} +0 -0
- /package/lib-commonjs/components/MenuButton/{renderMenuButton.js → renderMenuButton.cjs} +0 -0
- /package/lib-commonjs/components/{MenuButton/MenuButton.types.js → SplitButton/SplitButton.types.cjs} +0 -0
- /package/lib-commonjs/components/SplitButton/{renderSplitButton.js → renderSplitButton.cjs} +0 -0
- /package/lib-commonjs/components/SplitButton/{renderSplitButton.js.map → renderSplitButton.cjs.map} +0 -0
- /package/lib-commonjs/components/{SplitButton/SplitButton.types.js → ToggleButton/ToggleButton.types.cjs} +0 -0
- /package/lib-commonjs/contexts/{ButtonContext.js → ButtonContext.cjs} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,128 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-button
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu,
|
|
3
|
+
This log was last generated on Thu, 09 Jul 2026 17:34:01 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [9.
|
|
7
|
+
## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
|
|
8
8
|
|
|
9
|
-
Thu,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.
|
|
9
|
+
Thu, 09 Jul 2026 17:34:01 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.10.1..@fluentui/react-button_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release 9.
|
|
15
|
-
- Bump @fluentui/keyboard-keys to v9.
|
|
16
|
-
- Bump @fluentui/react-aria to v9.
|
|
17
|
-
- Bump @fluentui/react-jsx-runtime to v9.
|
|
18
|
-
- Bump @fluentui/react-shared-contexts to v9.
|
|
19
|
-
- Bump @fluentui/react-tabster to v9.
|
|
20
|
-
- Bump @fluentui/react-theme to v9.
|
|
21
|
-
- Bump @fluentui/react-utilities to v9.
|
|
14
|
+
- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
+
- Bump @fluentui/keyboard-keys to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
16
|
+
- Bump @fluentui/react-aria to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
17
|
+
- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
20
|
+
- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
21
|
+
- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
22
|
+
|
|
23
|
+
## [9.10.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.10.1)
|
|
24
|
+
|
|
25
|
+
Mon, 29 Jun 2026 15:15:06 GMT
|
|
26
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.10.0..@fluentui/react-button_v9.10.1)
|
|
27
|
+
|
|
28
|
+
### Patches
|
|
29
|
+
|
|
30
|
+
- fix: do not expose default icon in base hook ([PR #36345](https://github.com/microsoft/fluentui/pull/36345) by vgenaev@gmail.com)
|
|
31
|
+
|
|
32
|
+
## [9.10.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.10.0)
|
|
33
|
+
|
|
34
|
+
Wed, 24 Jun 2026 11:10:07 GMT
|
|
35
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.9.2..@fluentui/react-button_v9.10.0)
|
|
36
|
+
|
|
37
|
+
### Minor changes
|
|
38
|
+
|
|
39
|
+
- feat: add useMenuButtonBase hook ([PR #36319](https://github.com/microsoft/fluentui/pull/36319) by vgenaev@gmail.com)
|
|
40
|
+
- Bump @fluentui/react-aria to v9.17.13 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
41
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
42
|
+
- Bump @fluentui/react-tabster to v9.26.16 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
43
|
+
- Bump @fluentui/react-utilities to v9.26.5 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
44
|
+
|
|
45
|
+
### Patches
|
|
46
|
+
|
|
47
|
+
- fix: remove redundant use no memo directives, and add justification to valid ones ([PR #36224](https://github.com/microsoft/fluentui/pull/36224) by martinhochel@microsoft.com)
|
|
48
|
+
|
|
49
|
+
## [9.9.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.9.2)
|
|
50
|
+
|
|
51
|
+
Tue, 26 May 2026 09:39:45 GMT
|
|
52
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.9.1..@fluentui/react-button_v9.9.2)
|
|
53
|
+
|
|
54
|
+
### Patches
|
|
55
|
+
|
|
56
|
+
- Bump @fluentui/react-aria to v9.17.12 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
57
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
58
|
+
- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
59
|
+
- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
60
|
+
|
|
61
|
+
## [9.9.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.9.1)
|
|
62
|
+
|
|
63
|
+
Thu, 23 Apr 2026 14:21:18 GMT
|
|
64
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.9.0..@fluentui/react-button_v9.9.1)
|
|
65
|
+
|
|
66
|
+
### Patches
|
|
67
|
+
|
|
68
|
+
- fix: update types for render function ([PR #35972](https://github.com/microsoft/fluentui/pull/35972) by dmytrokirpa@microsoft.com)
|
|
69
|
+
- Bump @fluentui/react-aria to v9.17.11 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
70
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
71
|
+
- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
72
|
+
- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
73
|
+
|
|
74
|
+
## [9.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.9.0)
|
|
75
|
+
|
|
76
|
+
Thu, 26 Mar 2026 08:12:48 GMT
|
|
77
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.8.2..@fluentui/react-button_v9.9.0)
|
|
78
|
+
|
|
79
|
+
### Minor changes
|
|
80
|
+
|
|
81
|
+
- fix: ToggleButton provides an opt-in isAccessible variant for accessible checked colors ([PR #35837](https://github.com/microsoft/fluentui/pull/35837) by sarah.higley@microsoft.com)
|
|
82
|
+
- feat: expose button base hooks and types ([PR #35890](https://github.com/microsoft/fluentui/pull/35890) by dmytrokirpa@microsoft.com)
|
|
83
|
+
|
|
84
|
+
## [9.8.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.8.2)
|
|
85
|
+
|
|
86
|
+
Wed, 25 Feb 2026 13:32:28 GMT
|
|
87
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.8.1..@fluentui/react-button_v9.8.2)
|
|
88
|
+
|
|
89
|
+
### Patches
|
|
90
|
+
|
|
91
|
+
- Bump @fluentui/react-aria to v9.17.10 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
92
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.1 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
93
|
+
- Bump @fluentui/react-shared-contexts to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
94
|
+
- Bump @fluentui/react-tabster to v9.26.13 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
95
|
+
- Bump @fluentui/react-utilities to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
96
|
+
|
|
97
|
+
## [9.8.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.8.1)
|
|
98
|
+
|
|
99
|
+
Thu, 12 Feb 2026 10:46:12 GMT
|
|
100
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.8.0..@fluentui/react-button_v9.8.1)
|
|
101
|
+
|
|
102
|
+
### Patches
|
|
103
|
+
|
|
104
|
+
- fix: prevent custom props from leaking to the DOM ([PR #35689](https://github.com/microsoft/fluentui/pull/35689) by dmytrokirpa@microsoft.com)
|
|
105
|
+
- Bump @fluentui/react-aria to v9.17.9 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
106
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.0 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
107
|
+
|
|
108
|
+
## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.8.0)
|
|
109
|
+
|
|
110
|
+
Thu, 22 Jan 2026 17:07:03 GMT
|
|
111
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.7.1..@fluentui/react-button_v9.8.0)
|
|
112
|
+
|
|
113
|
+
### Minor changes
|
|
114
|
+
|
|
115
|
+
- feat: add base hooks for button components ([PR #35631](https://github.com/microsoft/fluentui/pull/35631) by dmytrokirpa@microsoft.com)
|
|
116
|
+
- Bump @fluentui/react-aria to v9.17.8 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
117
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.5 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
118
|
+
- Bump @fluentui/react-shared-contexts to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
119
|
+
- Bump @fluentui/react-tabster to v9.26.12 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
120
|
+
- Bump @fluentui/react-theme to v9.2.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
121
|
+
- Bump @fluentui/react-utilities to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
122
|
+
|
|
123
|
+
### Patches
|
|
124
|
+
|
|
125
|
+
- chore: remove experimental style hooks ([PR #35620](https://github.com/microsoft/fluentui/pull/35620) by dmytrokirpa@microsoft.com)
|
|
22
126
|
|
|
23
127
|
## [9.7.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.7.1)
|
|
24
128
|
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,331 @@
|
|
|
1
|
+
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
2
|
+
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
3
|
+
import type { ComponentState } from '@fluentui/react-utilities';
|
|
4
|
+
import type { DistributiveOmit } from '@fluentui/react-utilities';
|
|
5
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
6
|
+
import type { JSXElement } from '@fluentui/react-utilities';
|
|
7
|
+
import * as React_2 from 'react';
|
|
8
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
9
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Buttons give people a way to trigger an action.
|
|
13
|
+
*/
|
|
14
|
+
export declare const Button: ForwardRefComponent<ButtonProps>;
|
|
15
|
+
|
|
16
|
+
export declare type ButtonBaseProps = DistributiveOmit<ButtonProps, 'appearance' | 'size' | 'shape'>;
|
|
17
|
+
|
|
18
|
+
export declare type ButtonBaseState = DistributiveOmit<ButtonState, 'appearance' | 'size' | 'shape'>;
|
|
19
|
+
|
|
20
|
+
export declare const buttonClassNames: SlotClassNames<ButtonSlots>;
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Internal context provider used to update default values between internal components
|
|
24
|
+
*
|
|
25
|
+
* @internal
|
|
26
|
+
*/
|
|
27
|
+
export declare const ButtonContextProvider: React_2.Provider<ButtonContextValue | undefined>;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Internal context value used to update default values between internal components
|
|
31
|
+
*
|
|
32
|
+
* @internal
|
|
33
|
+
*/
|
|
34
|
+
export declare interface ButtonContextValue {
|
|
35
|
+
size?: ButtonSize;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export declare type ButtonProps = ComponentProps<ButtonSlots> & {
|
|
39
|
+
/**
|
|
40
|
+
* A button can have its content and borders styled for greater emphasis or to be subtle.
|
|
41
|
+
* - 'secondary' (default): Gives emphasis to the button in such a way that it indicates a secondary action.
|
|
42
|
+
* - 'primary': Emphasizes the button as a primary action.
|
|
43
|
+
* - 'outline': Removes background styling.
|
|
44
|
+
* - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
|
|
45
|
+
* - 'transparent': Removes background and border styling.
|
|
46
|
+
*
|
|
47
|
+
* @default 'secondary'
|
|
48
|
+
*/
|
|
49
|
+
appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent';
|
|
50
|
+
/**
|
|
51
|
+
* When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
|
|
52
|
+
* is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
|
|
53
|
+
* pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
|
|
54
|
+
*
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
disabledFocusable?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* A button can show that it cannot be interacted with.
|
|
60
|
+
*
|
|
61
|
+
* @default false
|
|
62
|
+
*/
|
|
63
|
+
disabled?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* A button can format its icon to appear before or after its content.
|
|
66
|
+
*
|
|
67
|
+
* @default 'before'
|
|
68
|
+
*/
|
|
69
|
+
iconPosition?: 'before' | 'after';
|
|
70
|
+
/**
|
|
71
|
+
* A button can be rounded, circular, or square.
|
|
72
|
+
*
|
|
73
|
+
* @default 'rounded'
|
|
74
|
+
*/
|
|
75
|
+
shape?: 'rounded' | 'circular' | 'square';
|
|
76
|
+
/**
|
|
77
|
+
* A button supports different sizes.
|
|
78
|
+
*
|
|
79
|
+
* @default 'medium'
|
|
80
|
+
*/
|
|
81
|
+
size?: ButtonSize;
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* A button supports different sizes.
|
|
86
|
+
*/
|
|
87
|
+
declare type ButtonSize = 'small' | 'medium' | 'large';
|
|
88
|
+
|
|
89
|
+
export declare type ButtonSlots = {
|
|
90
|
+
/**
|
|
91
|
+
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
|
92
|
+
*/
|
|
93
|
+
root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;
|
|
94
|
+
/**
|
|
95
|
+
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
|
96
|
+
*/
|
|
97
|
+
icon?: Slot<'span'>;
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
export declare type ButtonState = ComponentState<ButtonSlots> & Required<Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>> & {
|
|
101
|
+
/**
|
|
102
|
+
* A button can contain only an icon.
|
|
103
|
+
*
|
|
104
|
+
* @default false
|
|
105
|
+
*/
|
|
106
|
+
iconOnly: boolean;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
|
111
|
+
*/
|
|
112
|
+
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
|
113
|
+
|
|
114
|
+
export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
|
|
115
|
+
|
|
116
|
+
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>;
|
|
117
|
+
|
|
118
|
+
export declare type CompoundButtonSlots = ButtonSlots & {
|
|
119
|
+
/**
|
|
120
|
+
* Second line of text that describes the action this button takes.
|
|
121
|
+
*/
|
|
122
|
+
secondaryContent?: Slot<'span'>;
|
|
123
|
+
/**
|
|
124
|
+
* Container that wraps the children and the secondaryContent slot.
|
|
125
|
+
*/
|
|
126
|
+
contentContainer: NonNullable<Slot<'span'>>;
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close
|
|
133
|
+
* menus.
|
|
134
|
+
*/
|
|
135
|
+
export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* MenuButton Props without the `appearance`/`size`/`shape` styling props, for headless usage.
|
|
139
|
+
*/
|
|
140
|
+
export declare type MenuButtonBaseProps = ComponentProps<MenuButtonSlots> & Pick<ButtonBaseProps, 'disabled' | 'disabledFocusable'>;
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* MenuButton State without the `appearance`/`size`/`shape` styling props, for headless usage.
|
|
144
|
+
*/
|
|
145
|
+
export declare type MenuButtonBaseState = ComponentState<MenuButtonSlots> & Omit<ButtonBaseState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
146
|
+
|
|
147
|
+
export declare const menuButtonClassNames: SlotClassNames<MenuButtonSlots>;
|
|
148
|
+
|
|
149
|
+
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'shape' | 'size'>;
|
|
150
|
+
|
|
151
|
+
export declare type MenuButtonSlots = ButtonSlots & {
|
|
152
|
+
/**
|
|
153
|
+
* Menu icon that indicates that this button has a menu that can be expanded.
|
|
154
|
+
*/
|
|
155
|
+
menuIcon?: Slot<'span'>;
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
159
|
+
|
|
160
|
+
/**
|
|
161
|
+
* Renders a Button component by passing the state defined props to the appropriate slots.
|
|
162
|
+
*/
|
|
163
|
+
declare const renderButton_unstable: (state: ButtonBaseState) => JSXElement;
|
|
164
|
+
export { renderButton_unstable }
|
|
165
|
+
export { renderButton_unstable as renderToggleButton_unstable }
|
|
166
|
+
|
|
167
|
+
/**
|
|
168
|
+
* Renders a CompoundButton component by passing the state defined props to the appropriate slots.
|
|
169
|
+
*/
|
|
170
|
+
export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSXElement;
|
|
171
|
+
|
|
172
|
+
/**
|
|
173
|
+
* Renders a MenuButton component by passing the state defined props to the appropriate slots.
|
|
174
|
+
*/
|
|
175
|
+
export declare const renderMenuButton_unstable: (state: MenuButtonBaseState) => JSXElement;
|
|
176
|
+
|
|
177
|
+
/**
|
|
178
|
+
* Renders a SplitButton component by passing the state defined props to the appropriate slots.
|
|
179
|
+
*/
|
|
180
|
+
export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSXElement;
|
|
181
|
+
|
|
182
|
+
/**
|
|
183
|
+
* SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary
|
|
184
|
+
* action, while interacting with the second one opens a menu with secondary actions.
|
|
185
|
+
*/
|
|
186
|
+
export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
|
|
187
|
+
|
|
188
|
+
export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
|
|
189
|
+
|
|
190
|
+
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root' | 'as'> & Omit<MenuButtonProps, 'root' | 'as'>;
|
|
191
|
+
|
|
192
|
+
export declare type SplitButtonSlots = {
|
|
193
|
+
/**
|
|
194
|
+
* Root of the component that wraps the primary action button and menu button.
|
|
195
|
+
*/
|
|
196
|
+
root: NonNullable<Slot<'div'>>;
|
|
197
|
+
/**
|
|
198
|
+
* Button that opens menu with secondary actions in SplitButton.
|
|
199
|
+
*/
|
|
200
|
+
menuButton?: Slot<typeof MenuButton>;
|
|
201
|
+
/**
|
|
202
|
+
* Button to perform primary action in SplitButton.
|
|
203
|
+
*/
|
|
204
|
+
primaryActionButton?: Slot<typeof Button>;
|
|
205
|
+
};
|
|
206
|
+
|
|
207
|
+
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* ToggleButtons are buttons that toggle between two defined states when triggered.
|
|
211
|
+
*/
|
|
212
|
+
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
|
|
213
|
+
|
|
214
|
+
export declare type ToggleButtonBaseProps = ButtonBaseProps & Pick<ToggleButtonProps, 'defaultChecked' | 'checked' | 'isAccessible'>;
|
|
215
|
+
|
|
216
|
+
export declare type ToggleButtonBaseState = ButtonBaseState & Required<Pick<ToggleButtonProps, 'checked' | 'isAccessible'>>;
|
|
217
|
+
|
|
218
|
+
export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
|
|
219
|
+
|
|
220
|
+
export declare type ToggleButtonProps = ButtonProps & {
|
|
221
|
+
/**
|
|
222
|
+
* Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
|
|
223
|
+
*
|
|
224
|
+
* @default false
|
|
225
|
+
*/
|
|
226
|
+
defaultChecked?: boolean;
|
|
227
|
+
/**
|
|
228
|
+
* Defines the controlled checked state of the `ToggleButton`.
|
|
229
|
+
* If passed, `ToggleButton` ignores the `defaultChecked` property.
|
|
230
|
+
* 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
|
|
231
|
+
* correct value based on handling `onClick` events and re-rendering.
|
|
232
|
+
*
|
|
233
|
+
* @default false
|
|
234
|
+
*/
|
|
235
|
+
checked?: boolean;
|
|
236
|
+
/**
|
|
237
|
+
* Defines whether the `ToggleButton` should use the alternate selected styles that have adequate contrast with the rest style
|
|
238
|
+
*
|
|
239
|
+
* @default false
|
|
240
|
+
*/
|
|
241
|
+
isAccessible?: boolean;
|
|
242
|
+
};
|
|
243
|
+
|
|
244
|
+
export declare type ToggleButtonState = ButtonState & Required<Pick<ToggleButtonProps, 'checked' | 'isAccessible'>>;
|
|
245
|
+
|
|
246
|
+
/**
|
|
247
|
+
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
|
248
|
+
* @param props - User provided props to the Button component.
|
|
249
|
+
* @param ref - User provided ref to be passed to the Button component.
|
|
250
|
+
*/
|
|
251
|
+
export declare const useButton_unstable: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
|
|
252
|
+
|
|
253
|
+
/**
|
|
254
|
+
* Base hook for Button component, which manages state related to slots structure and ARIA attributes.
|
|
255
|
+
*
|
|
256
|
+
* @param props - User provided props to the Button component.
|
|
257
|
+
* @param ref - User provided ref to be passed to the Button component.
|
|
258
|
+
*/
|
|
259
|
+
export declare const useButtonBase_unstable: (props: ButtonBaseProps, ref?: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonBaseState;
|
|
260
|
+
|
|
261
|
+
/**
|
|
262
|
+
* Internal context hook used to update default values between internal components
|
|
263
|
+
*
|
|
264
|
+
* @internal
|
|
265
|
+
*/
|
|
266
|
+
export declare const useButtonContext: () => ButtonContextValue;
|
|
267
|
+
|
|
268
|
+
export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;
|
|
269
|
+
|
|
270
|
+
/**
|
|
271
|
+
* Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
|
|
272
|
+
* @param props - User provided props to the CompoundButton component.
|
|
273
|
+
* @param ref - User provided ref to be passed to the CompoundButton component.
|
|
274
|
+
*/
|
|
275
|
+
export declare const useCompoundButton_unstable: (props: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
|
|
276
|
+
|
|
277
|
+
export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
|
|
278
|
+
|
|
279
|
+
/**
|
|
280
|
+
* Given user props, returns the final state for a MenuButton by adding the
|
|
281
|
+
* `appearance`/`size`/`shape` styling props on top of the base state.
|
|
282
|
+
*
|
|
283
|
+
* @param props - User provided props to the MenuButton component.
|
|
284
|
+
* @param ref - User provided ref to be passed to the MenuButton component.
|
|
285
|
+
*/
|
|
286
|
+
export declare const useMenuButton_unstable: (props: MenuButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
|
|
287
|
+
|
|
288
|
+
/**
|
|
289
|
+
* Base hook for MenuButton.
|
|
290
|
+
*
|
|
291
|
+
* The `menuIcon` slot ships no icon of its own and only renders when a consumer
|
|
292
|
+
* provides one, so headless consumers can supply their own visuals. The styled
|
|
293
|
+
* `useMenuButton_unstable` adds the default chevron on top of this.
|
|
294
|
+
*
|
|
295
|
+
* @param props - User provided props to the MenuButton component.
|
|
296
|
+
* @param ref - User provided ref to be passed to the MenuButton component.
|
|
297
|
+
*/
|
|
298
|
+
export declare const useMenuButtonBase_unstable: (props: MenuButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonBaseState;
|
|
299
|
+
|
|
300
|
+
export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;
|
|
301
|
+
|
|
302
|
+
/**
|
|
303
|
+
* Given user props, defines default props for the SplitButton and returns processed state.
|
|
304
|
+
* @param props - User provided props to the SplitButton component.
|
|
305
|
+
* @param ref - User provided ref to be passed to the SplitButton component.
|
|
306
|
+
*/
|
|
307
|
+
export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
|
|
308
|
+
|
|
309
|
+
export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
|
|
310
|
+
|
|
311
|
+
/**
|
|
312
|
+
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
|
313
|
+
* processed state.
|
|
314
|
+
* @param props - User provided props to the ToggleButton component.
|
|
315
|
+
* @param ref - User provided ref to be passed to the ToggleButton component.
|
|
316
|
+
*/
|
|
317
|
+
export declare const useToggleButton_unstable: (props: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
|
|
318
|
+
|
|
319
|
+
/**
|
|
320
|
+
* Base hook for ToggleButton component, which manages state related to slots structure and ARIA attributes.
|
|
321
|
+
*
|
|
322
|
+
* @param props - User provided props to the ToggleButton component.
|
|
323
|
+
* @param ref - User provided ref to be passed to the ToggleButton component.
|
|
324
|
+
*/
|
|
325
|
+
export declare const useToggleButtonBase_unstable: (props: ToggleButtonProps, ref?: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonBaseState;
|
|
326
|
+
|
|
327
|
+
export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;
|
|
328
|
+
|
|
329
|
+
export declare function useToggleState<TToggleButtonProps extends Pick<ToggleButtonProps, 'checked' | 'defaultChecked' | 'disabled' | 'disabledFocusable' | 'isAccessible'>, TButtonState extends Pick<ButtonState, 'root'>, TToggleButtonState extends Pick<ToggleButtonState, 'checked' | 'root' | 'isAccessible'>>(props: TToggleButtonProps, state: TButtonState): TToggleButtonState;
|
|
330
|
+
|
|
331
|
+
export { }
|