@fluentui/react-button 9.0.3 → 9.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +142 -4
- package/CHANGELOG.md +40 -5
- package/dist/index.d.ts +1 -1
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/useButton.js +4 -6
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.js +76 -67
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +3 -4
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +3 -0
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.js +18 -15
- package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +52 -34
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib/utils/useToggleState.js +2 -2
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +3 -5
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +76 -67
- package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +3 -4
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +3 -0
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +18 -15
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +54 -37
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/utils/useToggleState.js +1 -1
- package/lib-commonjs/utils/useToggleState.js.map +1 -1
- package/package.json +11 -10
- package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,145 @@
|
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Thu,
|
|
5
|
+
"date": "Thu, 15 Sep 2022 09:45:17 GMT",
|
|
6
|
+
"tag": "@fluentui/react-button_v9.1.1",
|
|
7
|
+
"version": "9.1.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "humberto_makoto@hotmail.com",
|
|
12
|
+
"package": "@fluentui/react-button",
|
|
13
|
+
"commit": "17b9063802b28bf7f4b1c4d439623819ad8940fa",
|
|
14
|
+
"comment": "fix: Adding 'aria-expanded=false' to collapsed MenuButtons."
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "makotom@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-button",
|
|
19
|
+
"commit": "6bc03a4e9ee815da750466f9dc2d25df1373f3e9",
|
|
20
|
+
"comment": "chore: Remove max-width style from Button components."
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "humberto_makoto@hotmail.com",
|
|
24
|
+
"package": "@fluentui/react-button",
|
|
25
|
+
"commit": "ef3ea2307fd97c893eded2164d96f1f56e378fd3",
|
|
26
|
+
"comment": "chore: Cleaning up tokens in Button components so they better adhere to the design spec."
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "humberto_makoto@hotmail.com",
|
|
30
|
+
"package": "@fluentui/react-button",
|
|
31
|
+
"commit": "28f55597050bcdd293e57e7d1fdc87802150c59d",
|
|
32
|
+
"comment": "fix: Wrapping long text in Button components."
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "behowell@microsoft.com",
|
|
36
|
+
"package": "@fluentui/react-button",
|
|
37
|
+
"commit": "e598325b985cad3e5057f00893e0176416edd292",
|
|
38
|
+
"comment": "refactor: Replace useMergedEventCallbacks utility with mergeCallbacks"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "olfedias@microsoft.com",
|
|
42
|
+
"package": "@fluentui/react-button",
|
|
43
|
+
"commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
|
|
44
|
+
"comment": "chore: Update Griffel to latest version"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-button",
|
|
49
|
+
"comment": "Bump @fluentui/react-aria to v9.2.0",
|
|
50
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-button",
|
|
55
|
+
"comment": "Bump @fluentui/react-tabster to v9.1.1",
|
|
56
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui/react-button",
|
|
61
|
+
"comment": "Bump @fluentui/react-theme to v9.1.0",
|
|
62
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui/react-button",
|
|
67
|
+
"comment": "Bump @fluentui/react-utilities to v9.1.0",
|
|
68
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui/react-button",
|
|
73
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13",
|
|
74
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
75
|
+
}
|
|
76
|
+
],
|
|
77
|
+
"none": [
|
|
78
|
+
{
|
|
79
|
+
"author": "martinhochel@microsoft.com",
|
|
80
|
+
"package": "@fluentui/react-button",
|
|
81
|
+
"commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
|
|
82
|
+
"comment": "chore: update package scaffold"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"author": "makotom@microsoft.com",
|
|
86
|
+
"package": "@fluentui/react-button",
|
|
87
|
+
"commit": "e176621e71d595c6d17655c108db0b73eb9ec188",
|
|
88
|
+
"comment": "chore: Removing CompoundButtonAsToggleButton story since it was using non-exported functions."
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"date": "Wed, 03 Aug 2022 16:03:39 GMT",
|
|
95
|
+
"tag": "@fluentui/react-button_v9.1.0",
|
|
96
|
+
"version": "9.1.0",
|
|
97
|
+
"comments": {
|
|
98
|
+
"minor": [
|
|
99
|
+
{
|
|
100
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
101
|
+
"package": "@fluentui/react-button",
|
|
102
|
+
"commit": "1293f53f79ea1dc7429f77e174b2dfdaffa99558",
|
|
103
|
+
"comment": "chore: Updates Button to use useARIAButton over useARIAButtonShorthand"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"author": "beachball",
|
|
107
|
+
"package": "@fluentui/react-button",
|
|
108
|
+
"comment": "Bump @fluentui/react-aria to v9.1.0",
|
|
109
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"author": "beachball",
|
|
113
|
+
"package": "@fluentui/react-button",
|
|
114
|
+
"comment": "Bump @fluentui/react-tabster to v9.1.0",
|
|
115
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"author": "beachball",
|
|
119
|
+
"package": "@fluentui/react-button",
|
|
120
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
|
|
121
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
122
|
+
}
|
|
123
|
+
],
|
|
124
|
+
"none": [
|
|
125
|
+
{
|
|
126
|
+
"author": "lingfangao@hotmail.com",
|
|
127
|
+
"package": "@fluentui/react-button",
|
|
128
|
+
"commit": "99cc385631d04a76ee10ebc143cb9fecd99640b6",
|
|
129
|
+
"comment": "chore: Add `prerelease` as disallowed changetype for 9.0.0 packages"
|
|
130
|
+
}
|
|
131
|
+
],
|
|
132
|
+
"patch": [
|
|
133
|
+
{
|
|
134
|
+
"author": "miroslav.stastny@microsoft.com",
|
|
135
|
+
"package": "@fluentui/react-button",
|
|
136
|
+
"commit": "08563664778fd80284561d3c9d254307a0a32362",
|
|
137
|
+
"comment": "chore: Bump Griffel dependencies"
|
|
138
|
+
}
|
|
139
|
+
]
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"date": "Thu, 14 Jul 2022 21:21:09 GMT",
|
|
6
144
|
"tag": "@fluentui/react-button_v9.0.3",
|
|
7
145
|
"version": "9.0.3",
|
|
8
146
|
"comments": {
|
|
@@ -17,19 +155,19 @@
|
|
|
17
155
|
"author": "beachball",
|
|
18
156
|
"package": "@fluentui/react-button",
|
|
19
157
|
"comment": "Bump @fluentui/react-aria to v9.0.2",
|
|
20
|
-
"commit": "
|
|
158
|
+
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
21
159
|
},
|
|
22
160
|
{
|
|
23
161
|
"author": "beachball",
|
|
24
162
|
"package": "@fluentui/react-button",
|
|
25
163
|
"comment": "Bump @fluentui/react-tabster to v9.0.3",
|
|
26
|
-
"commit": "
|
|
164
|
+
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
27
165
|
},
|
|
28
166
|
{
|
|
29
167
|
"author": "beachball",
|
|
30
168
|
"package": "@fluentui/react-button",
|
|
31
169
|
"comment": "Bump @fluentui/react-utilities to v9.0.2",
|
|
32
|
-
"commit": "
|
|
170
|
+
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
33
171
|
}
|
|
34
172
|
]
|
|
35
173
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,20 +1,55 @@
|
|
|
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, 15 Sep 2022 09:45:17 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.1)
|
|
8
|
+
|
|
9
|
+
Thu, 15 Sep 2022 09:45:17 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.1.0..@fluentui/react-button_v9.1.1)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: Adding 'aria-expanded=false' to collapsed MenuButtons. ([PR #24782](https://github.com/microsoft/fluentui/pull/24782) by humberto_makoto@hotmail.com)
|
|
15
|
+
- chore: Remove max-width style from Button components. ([PR #24647](https://github.com/microsoft/fluentui/pull/24647) by makotom@microsoft.com)
|
|
16
|
+
- chore: Cleaning up tokens in Button components so they better adhere to the design spec. ([PR #24732](https://github.com/microsoft/fluentui/pull/24732) by humberto_makoto@hotmail.com)
|
|
17
|
+
- fix: Wrapping long text in Button components. ([PR #24682](https://github.com/microsoft/fluentui/pull/24682) by humberto_makoto@hotmail.com)
|
|
18
|
+
- refactor: Replace useMergedEventCallbacks utility with mergeCallbacks ([PR #24152](https://github.com/microsoft/fluentui/pull/24152) by behowell@microsoft.com)
|
|
19
|
+
- chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
|
|
20
|
+
- Bump @fluentui/react-aria to v9.2.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
21
|
+
- Bump @fluentui/react-tabster to v9.1.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
22
|
+
- Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
23
|
+
- Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
25
|
+
|
|
26
|
+
## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.0)
|
|
27
|
+
|
|
28
|
+
Wed, 03 Aug 2022 16:03:39 GMT
|
|
29
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.3..@fluentui/react-button_v9.1.0)
|
|
30
|
+
|
|
31
|
+
### Minor changes
|
|
32
|
+
|
|
33
|
+
- chore: Updates Button to use useARIAButton over useARIAButtonShorthand ([PR #24032](https://github.com/microsoft/fluentui/pull/24032) by bernardo.sunderhus@gmail.com)
|
|
34
|
+
- Bump @fluentui/react-aria to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
35
|
+
- Bump @fluentui/react-tabster to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
36
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
37
|
+
|
|
38
|
+
### Patches
|
|
39
|
+
|
|
40
|
+
- chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
|
|
41
|
+
|
|
7
42
|
## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.3)
|
|
8
43
|
|
|
9
|
-
Thu, 14 Jul 2022 21:
|
|
44
|
+
Thu, 14 Jul 2022 21:21:09 GMT
|
|
10
45
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.2..@fluentui/react-button_v9.0.3)
|
|
11
46
|
|
|
12
47
|
### Patches
|
|
13
48
|
|
|
14
49
|
- fix: Fixing bad version bump of @fluentui/react-utilities. ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by Humberto.Morimoto@microsoft.com)
|
|
15
|
-
- Bump @fluentui/react-aria to v9.0.2 ([PR #
|
|
16
|
-
- Bump @fluentui/react-tabster to v9.0.3 ([PR #
|
|
17
|
-
- Bump @fluentui/react-utilities to v9.0.2 ([PR #
|
|
50
|
+
- Bump @fluentui/react-aria to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
|
|
51
|
+
- Bump @fluentui/react-tabster to v9.0.3 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
|
|
52
|
+
- Bump @fluentui/react-utilities to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
|
|
18
53
|
|
|
19
54
|
## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.2)
|
|
20
55
|
|
package/dist/index.d.ts
CHANGED
|
@@ -65,7 +65,7 @@ export declare type ButtonSlots = {
|
|
|
65
65
|
/**
|
|
66
66
|
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
|
67
67
|
*/
|
|
68
|
-
root: NonNullable<Slot<ARIAButtonSlotProps
|
|
68
|
+
root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;
|
|
69
69
|
/**
|
|
70
70
|
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
|
71
71
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.js","sourceRoot":"../src/","sources":["components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ButtonSlots = {\n /**\n * Root of the component that renders as either a `<button>` tag or an `<a>` tag.\n */\n root: NonNullable<Slot<ARIAButtonSlotProps
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"../src/","sources":["components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ButtonSlots = {\n /**\n * Root of the component that renders as either a `<button>` tag or an `<a>` tag.\n */\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n\n /**\n * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.\n */\n icon?: Slot<'span'>;\n};\n\nexport type ButtonProps = ComponentProps<ButtonSlots> & {\n /**\n * A button can have its content and borders styled for greater emphasis or to be subtle.\n * - 'secondary' (default): Gives emphasis to the button in such a way that it indicates a secondary action.\n * - 'primary': Emphasizes the button as a primary action.\n * - 'outline': Removes background styling.\n * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.\n * - 'transparent': Removes background and border styling.\n *\n * @default 'secondary'\n */\n appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent';\n\n /**\n * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it\n * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this\n * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.\n *\n * @default false\n */\n disabledFocusable?: boolean;\n\n /**\n * A button can show that it cannot be interacted with.\n *\n * @default false\n */\n disabled?: boolean;\n\n /**\n * A button can format its icon to appear before or after its content.\n *\n * @default 'before'\n */\n iconPosition?: 'before' | 'after';\n\n /**\n * A button can be rounded, circular, or square.\n *\n * @default 'rounded'\n */\n shape?: 'rounded' | 'circular' | 'square';\n\n /**\n * A button supports different sizes.\n *\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n};\n\nexport type ButtonState = ComponentState<ButtonSlots> &\n Required<Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>> & {\n /**\n * A button can contain only an icon.\n *\n * @default false\n */\n iconOnly: boolean;\n };\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useARIAButtonShorthand } from '@fluentui/react-aria';
|
|
2
2
|
import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
|
4
4
|
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
|
@@ -9,7 +9,7 @@ import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utiliti
|
|
|
9
9
|
export const useButton_unstable = (props, ref) => {
|
|
10
10
|
const {
|
|
11
11
|
appearance = 'secondary',
|
|
12
|
-
as,
|
|
12
|
+
as = 'button',
|
|
13
13
|
disabled = false,
|
|
14
14
|
disabledFocusable = false,
|
|
15
15
|
icon,
|
|
@@ -33,13 +33,11 @@ export const useButton_unstable = (props, ref) => {
|
|
|
33
33
|
root: 'button',
|
|
34
34
|
icon: 'span'
|
|
35
35
|
},
|
|
36
|
-
root: getNativeElementProps(as
|
|
36
|
+
root: getNativeElementProps(as, useARIAButtonShorthand(props, {
|
|
37
37
|
required: true,
|
|
38
38
|
defaultProps: {
|
|
39
|
-
// useARIAButton isn't working with React.Ref<HTMLButtonElement | HTMLAnchorElement>
|
|
40
39
|
ref: ref,
|
|
41
|
-
type: 'button'
|
|
42
|
-
|
|
40
|
+
type: 'button'
|
|
43
41
|
}
|
|
44
42
|
})),
|
|
45
43
|
icon: iconShorthand
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Button/useButton.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"sources":["components/Button/useButton.ts"],"names":[],"mappings":"AACA,SAA8B,sBAA9B,QAA4D,sBAA5D;AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,kBAAkB,GAAG,CAChC,KADgC,EAEhC,GAFgC,KAGjB;EACf,MAAM;IACJ,UAAU,GAAG,WADT;IAEJ,EAAE,GAAG,QAFD;IAGJ,QAAQ,GAAG,KAHP;IAIJ,iBAAiB,GAAG,KAJhB;IAKJ,IALI;IAMJ,YAAY,GAAG,QANX;IAOJ,KAAK,GAAG,SAPJ;IAQJ,IAAI,GAAG;EARH,IASF,KATJ;EAUA,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAD,CAAtC;EAEA,OAAO;IACL;IACA,UAFK;IAGL,QAHK;IAIL,iBAJK;IAKL,YALK;IAML,KANK;IAOL,IAPK;IASL;IACA,QAAQ,EAAE,OAAO,CAAC,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAE,QAAf,KAA2B,CAAC,KAAK,CAAC,QAAnC,CAVZ;IAYL;IACA,UAAU,EAAE;MACV,IAAI,EAAE,QADI;MAEV,IAAI,EAAE;IAFI,CAbP;IAkBL,IAAI,EAAE,qBAAqB,CACzB,EADyB,EAEzB,sBAAsB,CAA2B,KAA3B,EAAkC;MACtD,QAAQ,EAAE,IAD4C;MAEtD,YAAY,EAAE;QACZ,GAAG,EAAE,GADO;QAEZ,IAAI,EAAE;MAFM;IAFwC,CAAlC,CAFG,CAlBtB;IA4BL,IAAI,EAAE;EA5BD,CAAP;AA8BD,CA9CM","sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from './Button.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useButton_unstable = (\n props: ButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ButtonState => {\n const {\n appearance = 'secondary',\n as = 'button',\n disabled = false,\n disabledFocusable = false,\n icon,\n iconPosition = 'before',\n shape = 'rounded',\n size = 'medium',\n } = props;\n const iconShorthand = resolveShorthand(icon);\n\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size,\n\n // State calculated from a set of props\n iconOnly: Boolean(iconShorthand?.children && !props.children),\n\n // Slots definition\n components: {\n root: 'button',\n icon: 'span',\n },\n\n root: getNativeElementProps(\n as,\n useARIAButtonShorthand<ARIAButtonSlotProps<'a'>>(props, {\n required: true,\n defaultProps: {\n ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n type: 'button',\n },\n }),\n ),\n icon: iconShorthand,\n };\n};\n"],"sourceRoot":"../src/"}
|