@fluentui/react-button 0.0.0-nightly906d31cfa320211115.1 → 0.0.0-nightlyc9ccb6f37d20211122.1

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.json CHANGED
@@ -2,70 +2,70 @@
2
2
  "name": "@fluentui/react-button",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 15 Nov 2021 04:16:24 GMT",
6
- "tag": "@fluentui/react-button_v0.0.0-nightly906d31cfa320211115.1",
7
- "version": "0.0.0-nightly906d31cfa320211115.1",
5
+ "date": "Mon, 22 Nov 2021 04:15:06 GMT",
6
+ "tag": "@fluentui/react-button_v0.0.0-nightlyc9ccb6f37d20211122.1",
7
+ "version": "0.0.0-nightlyc9ccb6f37d20211122.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-button",
13
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246",
13
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
16
  {
17
- "author": "beachball",
17
+ "author": "Humberto.Morimoto@microsoft.com",
18
18
  "package": "@fluentui/react-button",
19
- "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly906d31cfa320211115.1",
20
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
19
+ "commit": "8825574c42f414c26f9d49238be02ca7dcb44cfe",
20
+ "comment": "MenuButton: Removing tight coupling with Menu by replicating type locally."
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-button",
25
- "comment": "Bump @fluentui/react-aria to v0.0.0-nightly906d31cfa320211115.1",
26
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
25
+ "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlyc9ccb6f37d20211122.1",
26
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-button",
31
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly906d31cfa320211115.1",
32
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
31
+ "comment": "Bump @fluentui/react-aria to v0.0.0-nightlyc9ccb6f37d20211122.1",
32
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
33
33
  },
34
34
  {
35
35
  "author": "beachball",
36
36
  "package": "@fluentui/react-button",
37
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly906d31cfa320211115.1",
38
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
37
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
38
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
39
39
  },
40
40
  {
41
41
  "author": "beachball",
42
42
  "package": "@fluentui/react-button",
43
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly906d31cfa320211115.1",
44
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
43
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyc9ccb6f37d20211122.1",
44
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
45
45
  },
46
46
  {
47
47
  "author": "beachball",
48
48
  "package": "@fluentui/react-button",
49
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly906d31cfa320211115.1",
50
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
49
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1",
50
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
51
51
  },
52
52
  {
53
53
  "author": "beachball",
54
54
  "package": "@fluentui/react-button",
55
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly906d31cfa320211115.1",
56
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
55
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
56
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
57
57
  },
58
58
  {
59
59
  "author": "beachball",
60
60
  "package": "@fluentui/react-button",
61
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly906d31cfa320211115.1",
62
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
61
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
62
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
63
63
  },
64
64
  {
65
65
  "author": "beachball",
66
66
  "package": "@fluentui/react-button",
67
- "comment": "Bump @fluentui/react-menu to v0.0.0-nightly906d31cfa320211115.1",
68
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
67
+ "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
68
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
69
69
  }
70
70
  ]
71
71
  }
package/CHANGELOG.md CHANGED
@@ -1,26 +1,26 @@
1
1
  # Change Log - @fluentui/react-button
2
2
 
3
- This log was last generated on Mon, 15 Nov 2021 04:16:24 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 22 Nov 2021 04:15:06 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly906d31cfa320211115.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly906d31cfa320211115.1)
7
+ ## [0.0.0-nightlyc9ccb6f37d20211122.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightlyc9ccb6f37d20211122.1)
8
8
 
9
- Mon, 15 Nov 2021 04:16:24 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.4..@fluentui/react-button_v0.0.0-nightly906d31cfa320211115.1)
9
+ Mon, 22 Nov 2021 04:15:06 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.4..@fluentui/react-button_v0.0.0-nightlyc9ccb6f37d20211122.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by email not defined)
15
- - Bump @fluentui/keyboard-keys to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
16
- - Bump @fluentui/react-aria to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
17
- - Bump @fluentui/react-make-styles to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
18
- - Bump @fluentui/react-tabster to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
19
- - Bump @fluentui/react-utilities to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
20
- - Bump @fluentui/babel-make-styles to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
21
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
22
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
23
- - Bump @fluentui/react-menu to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by email not defined)
15
+ - MenuButton: Removing tight coupling with Menu by replicating type locally. ([PR #20635](https://github.com/microsoft/fluentui/pull/20635) by Humberto.Morimoto@microsoft.com)
16
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
17
+ - Bump @fluentui/react-aria to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
18
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
19
+ - Bump @fluentui/react-tabster to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
20
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
21
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
22
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
23
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
24
24
 
25
25
  ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.4)
26
26
 
@@ -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": ["f9ycirn", "fj27422"],
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": ["f15m8qn2", "f5p9mqa"]
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] .fj27422:focus{box-shadow:var(--shadow-4),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] .f5p9mqa:focus{box-shadow:var(--shadow-2),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);}"]
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 type { MenuTriggerChildProps } from '@fluentui/react-menu';
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": ["f9ycirn", "fj27422"],
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": ["f15m8qn2", "f5p9mqa"]
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] .fj27422:focus{box-shadow:var(--shadow-4),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] .f5p9mqa:focus{box-shadow:var(--shadow-2),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);}"]
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 type { MenuTriggerChildProps } from '@fluentui/react-menu';
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": "0.0.0-nightly906d31cfa320211115.1",
3
+ "version": "0.0.0-nightlyc9ccb6f37d20211122.1",
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": "0.0.0-nightly906d31cfa320211115.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
30
30
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightly906d31cfa320211115.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
32
32
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "0.0.0-nightly906d31cfa320211115.1",
34
- "@fluentui/react-menu": "0.0.0-nightly906d31cfa320211115.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
35
34
  "@fluentui/scripts": "^1.0.0",
36
35
  "@types/enzyme": "3.10.3",
37
36
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -45,12 +44,12 @@
45
44
  "react-test-renderer": "^16.3.0"
46
45
  },
47
46
  "dependencies": {
48
- "@fluentui/keyboard-keys": "0.0.0-nightly906d31cfa320211115.1",
49
- "@fluentui/react-aria": "0.0.0-nightly906d31cfa320211115.1",
47
+ "@fluentui/keyboard-keys": "0.0.0-nightlyc9ccb6f37d20211122.1",
48
+ "@fluentui/react-aria": "0.0.0-nightlyc9ccb6f37d20211122.1",
50
49
  "@fluentui/react-icons": "^1.1.140",
51
- "@fluentui/react-make-styles": "0.0.0-nightly906d31cfa320211115.1",
52
- "@fluentui/react-tabster": "0.0.0-nightly906d31cfa320211115.1",
53
- "@fluentui/react-utilities": "0.0.0-nightly906d31cfa320211115.1",
50
+ "@fluentui/react-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
51
+ "@fluentui/react-tabster": "0.0.0-nightlyc9ccb6f37d20211122.1",
52
+ "@fluentui/react-utilities": "0.0.0-nightlyc9ccb6f37d20211122.1",
54
53
  "tslib": "^2.1.0"
55
54
  },
56
55
  "peerDependencies": {