@fluentui/react-button 9.0.0-beta.4 → 9.0.0-beta.5
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 +72 -9
- package/CHANGELOG.md +27 -10
- package/dist/react-button.d.ts +4 -1
- package/lib/components/Button/useButtonStyles.js +3 -3
- package/lib/components/MenuButton/MenuButton.types.d.ts +5 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +3 -3
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +5 -1
- package/package.json +9 -10
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,70 @@
|
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 25 Nov 2021 08:31:30 GMT",
|
|
6
|
+
"tag": "@fluentui/react-button_v9.0.0-beta.5",
|
|
7
|
+
"version": "9.0.0-beta.5",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-button",
|
|
13
|
+
"commit": "8825574c42f414c26f9d49238be02ca7dcb44cfe",
|
|
14
|
+
"comment": "MenuButton: Removing tight coupling with Menu by replicating type locally."
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "ololubek@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-button",
|
|
19
|
+
"commit": "ecab13cfd6ac22657020db8f86eb89f952b0f953",
|
|
20
|
+
"comment": "update react-icons dependency"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-button",
|
|
25
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-beta.4",
|
|
26
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-button",
|
|
31
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
|
32
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-button",
|
|
37
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
|
|
38
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-button",
|
|
43
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
|
44
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-button",
|
|
49
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
|
50
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-button",
|
|
55
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
|
56
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui/react-button",
|
|
61
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
|
62
|
+
"commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "Fri, 12 Nov 2021 13:25:16 GMT",
|
|
6
69
|
"tag": "@fluentui/react-button_v9.0.0-beta.4",
|
|
7
70
|
"version": "9.0.0-beta.4",
|
|
8
71
|
"comments": {
|
|
@@ -35,49 +98,49 @@
|
|
|
35
98
|
"author": "beachball",
|
|
36
99
|
"package": "@fluentui/react-button",
|
|
37
100
|
"comment": "Bump @fluentui/react-aria to v9.0.0-beta.3",
|
|
38
|
-
"commit": "
|
|
101
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
39
102
|
},
|
|
40
103
|
{
|
|
41
104
|
"author": "beachball",
|
|
42
105
|
"package": "@fluentui/react-button",
|
|
43
106
|
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
|
44
|
-
"commit": "
|
|
107
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
45
108
|
},
|
|
46
109
|
{
|
|
47
110
|
"author": "beachball",
|
|
48
111
|
"package": "@fluentui/react-button",
|
|
49
112
|
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
|
|
50
|
-
"commit": "
|
|
113
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
51
114
|
},
|
|
52
115
|
{
|
|
53
116
|
"author": "beachball",
|
|
54
117
|
"package": "@fluentui/react-button",
|
|
55
118
|
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
|
56
|
-
"commit": "
|
|
119
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
57
120
|
},
|
|
58
121
|
{
|
|
59
122
|
"author": "beachball",
|
|
60
123
|
"package": "@fluentui/react-button",
|
|
61
124
|
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
|
62
|
-
"commit": "
|
|
125
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
63
126
|
},
|
|
64
127
|
{
|
|
65
128
|
"author": "beachball",
|
|
66
129
|
"package": "@fluentui/react-button",
|
|
67
130
|
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
|
68
|
-
"commit": "
|
|
131
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
69
132
|
},
|
|
70
133
|
{
|
|
71
134
|
"author": "beachball",
|
|
72
135
|
"package": "@fluentui/react-button",
|
|
73
136
|
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
|
74
|
-
"commit": "
|
|
137
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
75
138
|
},
|
|
76
139
|
{
|
|
77
140
|
"author": "beachball",
|
|
78
141
|
"package": "@fluentui/react-button",
|
|
79
142
|
"comment": "Bump @fluentui/react-menu to v9.0.0-beta.4",
|
|
80
|
-
"commit": "
|
|
143
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
81
144
|
}
|
|
82
145
|
],
|
|
83
146
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,29 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-button
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 25 Nov 2021 08:31:30 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.5)
|
|
8
|
+
|
|
9
|
+
Thu, 25 Nov 2021 08:31:30 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.4..@fluentui/react-button_v9.0.0-beta.5)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- MenuButton: Removing tight coupling with Menu by replicating type locally. ([PR #20635](https://github.com/microsoft/fluentui/pull/20635) by Humberto.Morimoto@microsoft.com)
|
|
15
|
+
- update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-aria to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
17
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
18
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
19
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
20
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
21
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
22
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
|
|
23
|
+
|
|
7
24
|
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.4)
|
|
8
25
|
|
|
9
|
-
Fri, 12 Nov 2021
|
|
26
|
+
Fri, 12 Nov 2021 13:25:16 GMT
|
|
10
27
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.3..@fluentui/react-button_v9.0.0-beta.4)
|
|
11
28
|
|
|
12
29
|
### Changes
|
|
@@ -15,14 +32,14 @@ Fri, 12 Nov 2021 12:33:54 GMT
|
|
|
15
32
|
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
|
16
33
|
- react-button: Removing use of enzyme in the converged package. ([PR #20342](https://github.com/microsoft/fluentui/pull/20342) by Humberto.Morimoto@microsoft.com)
|
|
17
34
|
- Fixing incomplete comment. ([PR #20273](https://github.com/microsoft/fluentui/pull/20273) by Humberto.Morimoto@microsoft.com)
|
|
18
|
-
- Bump @fluentui/react-aria to v9.0.0-beta.3 ([PR #
|
|
19
|
-
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #
|
|
20
|
-
- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #
|
|
21
|
-
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #
|
|
22
|
-
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #
|
|
23
|
-
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #
|
|
24
|
-
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #
|
|
25
|
-
- Bump @fluentui/react-menu to v9.0.0-beta.4 ([PR #
|
|
35
|
+
- Bump @fluentui/react-aria to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
36
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
37
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
38
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
39
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
40
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
41
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
42
|
+
- Bump @fluentui/react-menu to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
26
43
|
|
|
27
44
|
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.3)
|
|
28
45
|
|
package/dist/react-button.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ import type { ComponentProps } from '@fluentui/react-utilities';
|
|
|
3
3
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
4
4
|
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
5
5
|
import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
6
|
-
import type { MenuTriggerChildProps } from '@fluentui/react-menu';
|
|
7
6
|
import type { ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
8
7
|
import * as React_2 from 'react';
|
|
9
8
|
|
|
@@ -118,6 +117,10 @@ export declare type MenuButtonSlots = ButtonSlots & {
|
|
|
118
117
|
|
|
119
118
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
120
119
|
|
|
120
|
+
declare type MenuTriggerChildProps = Pick<React_2.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'aria-expanded' | 'id'> & {
|
|
121
|
+
ref?: React_2.Ref<never>;
|
|
122
|
+
};
|
|
123
|
+
|
|
121
124
|
/**
|
|
122
125
|
* Renders a Button component by passing the state defined props to the appropriate slots.
|
|
123
126
|
*/
|
|
@@ -271,7 +271,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
|
|
|
271
271
|
"B32s92o": "f4mghqd",
|
|
272
272
|
"B5hngm5": "fhcq1yo",
|
|
273
273
|
"Bh48x57": "f19j8a82",
|
|
274
|
-
"D4py6b":
|
|
274
|
+
"D4py6b": "f9ycirn",
|
|
275
275
|
"Bgwpjed": "fpt6wn7"
|
|
276
276
|
},
|
|
277
277
|
"circular": {
|
|
@@ -285,7 +285,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
|
|
|
285
285
|
"Jopkrh": ["fhoxsto", "f19qf7vm"],
|
|
286
286
|
"hhrs2v": "f1tl0rof",
|
|
287
287
|
"B7jbng7": ["f19qf7vm", "fhoxsto"],
|
|
288
|
-
"D4py6b":
|
|
288
|
+
"D4py6b": "f15m8qn2"
|
|
289
289
|
},
|
|
290
290
|
"square": {
|
|
291
291
|
"B486eqv": "f2hkw1w",
|
|
@@ -305,7 +305,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
|
|
|
305
305
|
}
|
|
306
306
|
}, {
|
|
307
307
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
308
|
-
"d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f4mghqd:focus{outline-width:2px;}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[data-keyboard-nav] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .f9ycirn:focus{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .
|
|
308
|
+
"d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f4mghqd:focus{outline-width:2px;}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[data-keyboard-nav] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .f9ycirn:focus{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fpt6wn7:focus{z-index:1;}", "[data-keyboard-nav] .f6dohij:focus{border-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .fbugrqt:focus{border-top-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .fhoxsto:focus{border-right-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f19qf7vm:focus{border-left-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f1tl0rof:focus{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f15m8qn2:focus{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1x6jsgk:focus{border-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1cqgkc0:focus{border-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .fhf9ij9:focus{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fnsjjqm:focus{border-radius:var(--borderRadiusLarge);}"]
|
|
309
309
|
});
|
|
310
310
|
|
|
311
311
|
const useRootIconOnlyStyles = /*#__PURE__*/__styles({
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
|
4
|
+
declare type MenuTriggerChildProps = Pick<React.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'aria-expanded' | 'id'> & {
|
|
5
|
+
ref?: React.Ref<never>;
|
|
6
|
+
};
|
|
4
7
|
export declare type MenuButtonSlots = ButtonSlots & {
|
|
5
8
|
/**
|
|
6
9
|
* Menu icon that indicates that this button has a menu that can be expanded.
|
|
@@ -9,3 +12,4 @@ export declare type MenuButtonSlots = ButtonSlots & {
|
|
|
9
12
|
};
|
|
10
13
|
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
|
|
11
14
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
15
|
+
export {};
|
|
@@ -280,7 +280,7 @@ const useRootFocusStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
280
280
|
"B32s92o": "f4mghqd",
|
|
281
281
|
"B5hngm5": "fhcq1yo",
|
|
282
282
|
"Bh48x57": "f19j8a82",
|
|
283
|
-
"D4py6b":
|
|
283
|
+
"D4py6b": "f9ycirn",
|
|
284
284
|
"Bgwpjed": "fpt6wn7"
|
|
285
285
|
},
|
|
286
286
|
"circular": {
|
|
@@ -294,7 +294,7 @@ const useRootFocusStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
294
294
|
"Jopkrh": ["fhoxsto", "f19qf7vm"],
|
|
295
295
|
"hhrs2v": "f1tl0rof",
|
|
296
296
|
"B7jbng7": ["f19qf7vm", "fhoxsto"],
|
|
297
|
-
"D4py6b":
|
|
297
|
+
"D4py6b": "f15m8qn2"
|
|
298
298
|
},
|
|
299
299
|
"square": {
|
|
300
300
|
"B486eqv": "f2hkw1w",
|
|
@@ -314,7 +314,7 @@ const useRootFocusStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
314
314
|
}
|
|
315
315
|
}, {
|
|
316
316
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
317
|
-
"d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f4mghqd:focus{outline-width:2px;}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[data-keyboard-nav] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .f9ycirn:focus{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .
|
|
317
|
+
"d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f4mghqd:focus{outline-width:2px;}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[data-keyboard-nav] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .f9ycirn:focus{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fpt6wn7:focus{z-index:1;}", "[data-keyboard-nav] .f6dohij:focus{border-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .fbugrqt:focus{border-top-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .fhoxsto:focus{border-right-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f19qf7vm:focus{border-left-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f1tl0rof:focus{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f15m8qn2:focus{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1x6jsgk:focus{border-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1cqgkc0:focus{border-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .fhf9ij9:focus{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fnsjjqm:focus{border-radius:var(--borderRadiusLarge);}"]
|
|
318
318
|
});
|
|
319
319
|
|
|
320
320
|
const useRootIconOnlyStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
|
4
|
+
declare type MenuTriggerChildProps = Pick<React.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'aria-expanded' | 'id'> & {
|
|
5
|
+
ref?: React.Ref<never>;
|
|
6
|
+
};
|
|
4
7
|
export declare type MenuButtonSlots = ButtonSlots & {
|
|
5
8
|
/**
|
|
6
9
|
* Menu icon that indicates that this button has a menu that can be expanded.
|
|
@@ -9,3 +12,4 @@ export declare type MenuButtonSlots = ButtonSlots & {
|
|
|
9
12
|
};
|
|
10
13
|
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
|
|
11
14
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
|
15
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.5",
|
|
4
4
|
"description": "Fluent UI React Button component.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -26,12 +26,11 @@
|
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/a11y-testing": "^0.1.0",
|
|
29
|
-
"@fluentui/babel-make-styles": "9.0.0-beta.
|
|
29
|
+
"@fluentui/babel-make-styles": "9.0.0-beta.4",
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-beta.
|
|
31
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-beta.4",
|
|
32
32
|
"@fluentui/react-conformance": "*",
|
|
33
|
-
"@fluentui/react-conformance-make-styles": "9.0.0-beta.
|
|
34
|
-
"@fluentui/react-menu": "9.0.0-beta.4",
|
|
33
|
+
"@fluentui/react-conformance-make-styles": "9.0.0-beta.4",
|
|
35
34
|
"@fluentui/scripts": "^1.0.0",
|
|
36
35
|
"@types/enzyme": "3.10.3",
|
|
37
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -46,11 +45,11 @@
|
|
|
46
45
|
},
|
|
47
46
|
"dependencies": {
|
|
48
47
|
"@fluentui/keyboard-keys": "9.0.0-beta.1",
|
|
49
|
-
"@fluentui/react-aria": "9.0.0-beta.
|
|
50
|
-
"@fluentui/react-icons": "^
|
|
51
|
-
"@fluentui/react-make-styles": "9.0.0-beta.
|
|
52
|
-
"@fluentui/react-tabster": "9.0.0-beta.
|
|
53
|
-
"@fluentui/react-utilities": "9.0.0-beta.
|
|
48
|
+
"@fluentui/react-aria": "9.0.0-beta.4",
|
|
49
|
+
"@fluentui/react-icons": "^2.0.152-beta.3",
|
|
50
|
+
"@fluentui/react-make-styles": "9.0.0-beta.4",
|
|
51
|
+
"@fluentui/react-tabster": "9.0.0-beta.5",
|
|
52
|
+
"@fluentui/react-utilities": "9.0.0-beta.4",
|
|
54
53
|
"tslib": "^2.1.0"
|
|
55
54
|
},
|
|
56
55
|
"peerDependencies": {
|