@fluentui/react-button 0.0.0-nightly-20220526-0422.1 → 0.0.0-nightly-20220530-0421.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.json +36 -3
  2. package/CHANGELOG.md +16 -4
  3. package/lib/components/Button/useButtonStyles.js +8 -8
  4. package/lib/components/SplitButton/useSplitButtonStyles.js +3 -3
  5. package/lib/components/ToggleButton/useToggleButtonStyles.js +3 -3
  6. package/lib-commonjs/components/Button/useButtonStyles.js +8 -8
  7. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +3 -3
  8. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +3 -3
  9. package/package.json +8 -8
package/CHANGELOG.json CHANGED
@@ -2,9 +2,36 @@
2
2
  "name": "@fluentui/react-button",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 26 May 2022 04:32:11 GMT",
6
- "tag": "@fluentui/react-button_v0.0.0-nightly-20220526-0422.1",
7
- "version": "0.0.0-nightly-20220526-0422.1",
5
+ "date": "Mon, 30 May 2022 04:31:27 GMT",
6
+ "tag": "@fluentui/react-button_v0.0.0-nightly-20220530-0421.1",
7
+ "version": "0.0.0-nightly-20220530-0421.1",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "olfedias@microsoft.com",
12
+ "package": "@fluentui/react-button",
13
+ "commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
14
+ "comment": "chore: Update Griffel to latest version"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-button",
19
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220530-0421.1",
20
+ "commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-button",
25
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220530-0421.1",
26
+ "commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Thu, 26 May 2022 21:01:23 GMT",
33
+ "tag": "@fluentui/react-button_v9.0.0-rc.12",
34
+ "version": "9.0.0-rc.12",
8
35
  "comments": {
9
36
  "prerelease": [
10
37
  {
@@ -18,6 +45,12 @@
18
45
  "package": "@fluentui/react-button",
19
46
  "commit": "2c84c4f1ad43819325ee0aafa57d42a1f8239113",
20
47
  "comment": "ToggleButton: Apply thicker border width to checked outline toggle buttons."
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui/react-button",
52
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
53
+ "commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
21
54
  }
22
55
  ]
23
56
  }
package/CHANGELOG.md CHANGED
@@ -1,18 +1,30 @@
1
1
  # Change Log - @fluentui/react-button
2
2
 
3
- This log was last generated on Thu, 26 May 2022 04:32:11 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 30 May 2022 04:31:27 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20220526-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20220526-0422.1)
7
+ ## [0.0.0-nightly-20220530-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20220530-0421.1)
8
8
 
9
- Thu, 26 May 2022 04:32:11 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.11..@fluentui/react-button_v0.0.0-nightly-20220526-0422.1)
9
+ Mon, 30 May 2022 04:31:27 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.12..@fluentui/react-button_v0.0.0-nightly-20220530-0421.1)
11
+
12
+ ### Changes
13
+
14
+ - chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
15
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
16
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
17
+
18
+ ## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.12)
19
+
20
+ Thu, 26 May 2022 21:01:23 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.11..@fluentui/react-button_v9.0.0-rc.12)
11
22
 
12
23
  ### Changes
13
24
 
14
25
  - ToggleButton: Differentiating hover and checked styles. ([PR #23209](https://github.com/microsoft/fluentui/pull/23209) by Humberto.Morimoto@microsoft.com)
15
26
  - ToggleButton: Apply thicker border width to checked outline toggle buttons. ([PR #23207](https://github.com/microsoft/fluentui/pull/23207) by Humberto.Morimoto@microsoft.com)
27
+ - Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
16
28
 
17
29
  ## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.11)
18
30
 
package/lib/components/Button/useButtonStyles.js CHANGED
@@ -311,7 +311,7 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
311
311
 
312
312
  const useRootFocusStyles = /*#__PURE__*/__styles({
313
313
  "base": {
314
- "B486eqv": "f2hkw1w",
314
+ "Brovlpu": "ftqa4ok",
315
315
  "Bnmjwt4": "flfsvnh",
316
316
  "Jopkrh": ["f1781m5e", "flvaaa9"],
317
317
  "hhrs2v": "f50u1b5",
@@ -323,7 +323,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
323
323
  "Bgwpjed": "fpt6wn7"
324
324
  },
325
325
  "circular": {
326
- "B486eqv": "f2hkw1w",
326
+ "Brovlpu": "ftqa4ok",
327
327
  "B8j0l6": ["f11yy61d", "f5edc3x"],
328
328
  "Ekyhi": ["f5edc3x", "f11yy61d"],
329
329
  "Bmrpcm6": ["f1aea4n", "f4jo73o"],
@@ -331,14 +331,14 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
331
331
  },
332
332
  "rounded": {},
333
333
  "square": {
334
- "B486eqv": "f2hkw1w",
334
+ "Brovlpu": "ftqa4ok",
335
335
  "B8j0l6": ["f5oco9f", "fiz44lb"],
336
336
  "Ekyhi": ["fiz44lb", "f5oco9f"],
337
337
  "Bmrpcm6": ["f1d1ywej", "flv4e1y"],
338
338
  "Beswxhl": ["flv4e1y", "f1d1ywej"]
339
339
  },
340
340
  "primary": {
341
- "B486eqv": "f2hkw1w",
341
+ "Brovlpu": "ftqa4ok",
342
342
  "Bnmjwt4": "fbugrqt",
343
343
  "Jopkrh": ["fhoxsto", "f19qf7vm"],
344
344
  "hhrs2v": "f1tl0rof",
@@ -346,28 +346,28 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
346
346
  "D4py6b": "f15m8qn2"
347
347
  },
348
348
  "small": {
349
- "B486eqv": "f2hkw1w",
349
+ "Brovlpu": "ftqa4ok",
350
350
  "B8j0l6": ["f1dzjeht", "f1fw97sp"],
351
351
  "Ekyhi": ["f1fw97sp", "f1dzjeht"],
352
352
  "Bmrpcm6": ["f1hr3vfr", "f1fepg9x"],
353
353
  "Beswxhl": ["f1fepg9x", "f1hr3vfr"]
354
354
  },
355
355
  "medium": {
356
- "B486eqv": "f2hkw1w",
356
+ "Brovlpu": "ftqa4ok",
357
357
  "B8j0l6": ["f1ezw2km", "f18buiid"],
358
358
  "Ekyhi": ["f18buiid", "f1ezw2km"],
359
359
  "Bmrpcm6": ["f1hat8c3", "f10ee3ek"],
360
360
  "Beswxhl": ["f10ee3ek", "f1hat8c3"]
361
361
  },
362
362
  "large": {
363
- "B486eqv": "f2hkw1w",
363
+ "Brovlpu": "ftqa4ok",
364
364
  "B8j0l6": ["f8iz5lg", "fzmqelg"],
365
365
  "Ekyhi": ["fzmqelg", "f8iz5lg"],
366
366
  "Bmrpcm6": ["f1ywuu4l", "f721nif"],
367
367
  "Beswxhl": ["f721nif", "f1ywuu4l"]
368
368
  }
369
369
  }, {
370
- "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
370
+ "f": [".ftqa4ok:focus{outline-style:none;}"],
371
371
  "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] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .fgeg2qa:focus{outline-width:var(--strokeWidthThick);}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[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] .f11yy61d:focus{border-bottom-right-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f5edc3x:focus{border-bottom-left-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f1aea4n:focus{border-top-right-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f4jo73o:focus{border-top-left-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f5oco9f:focus{border-bottom-right-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .fiz44lb:focus{border-bottom-left-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1d1ywej:focus{border-top-right-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .flv4e1y:focus{border-top-left-radius:var(--borderRadiusNone);}", "[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] .f1dzjeht:focus{border-bottom-right-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1fw97sp:focus{border-bottom-left-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1hr3vfr:focus{border-top-right-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1fepg9x:focus{border-top-left-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1ezw2km:focus{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f18buiid:focus{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1hat8c3:focus{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f10ee3ek:focus{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f8iz5lg:focus{border-bottom-right-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .fzmqelg:focus{border-bottom-left-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .f1ywuu4l:focus{border-top-right-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .f721nif:focus{border-top-left-radius:var(--borderRadiusLarge);}"]
372
372
  });
373
373
 
package/lib/components/SplitButton/useSplitButtonStyles.js CHANGED
@@ -9,18 +9,18 @@ export const splitButtonClassNames = {
9
9
 
10
10
  const useFocusStyles = /*#__PURE__*/__styles({
11
11
  "primaryActionButton": {
12
- "B486eqv": "f2hkw1w",
12
+ "Brovlpu": "ftqa4ok",
13
13
  "Bmrpcm6": ["fub8a6s", "f1g41uvt"],
14
14
  "B8j0l6": ["f58hr3h", "f1u1mnrj"]
15
15
  },
16
16
  "menuButton": {
17
- "B486eqv": "f2hkw1w",
17
+ "Brovlpu": "ftqa4ok",
18
18
  "Bviepcv": ["fy9hclh", "f549e1y"],
19
19
  "Beswxhl": ["f1g41uvt", "fub8a6s"],
20
20
  "Ekyhi": ["f1u1mnrj", "f58hr3h"]
21
21
  }
22
22
  }, {
23
- "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
23
+ "f": [".ftqa4ok:focus{outline-style:none;}"],
24
24
  "d": ["[data-keyboard-nav] .fub8a6s:focus{border-top-right-radius:0;}", "[data-keyboard-nav] .f1g41uvt:focus{border-top-left-radius:0;}", "[data-keyboard-nav] .f58hr3h:focus{border-bottom-right-radius:0;}", "[data-keyboard-nav] .f1u1mnrj:focus{border-bottom-left-radius:0;}", "[data-keyboard-nav] .fy9hclh:focus{border-left-width:0;}", "[data-keyboard-nav] .f549e1y:focus{border-right-width:0;}"]
25
25
  });
26
26
 
package/lib/components/ToggleButton/useToggleButtonStyles.js CHANGED
@@ -60,7 +60,7 @@ export const useCheckedStyles = /*#__PURE__*/__styles({
60
60
  "o3nasb": ["fq8rgo9", "f10aq6ld"]
61
61
  },
62
62
  "highContrastFocusStyles": {
63
- "B486eqv": "f2hkw1w",
63
+ "Brovlpu": "ftqa4ok",
64
64
  "rkqiyj": "f12vviyd",
65
65
  "Bs3nqqt": ["f8ccjn4", "f1kizmkg"],
66
66
  "B4mky7d": "f14ges4w",
@@ -83,7 +83,7 @@ export const useCheckedStyles = /*#__PURE__*/__styles({
83
83
  "ibv6hh": ["f1efpmoh", "f130t4y6"],
84
84
  "Jwef8y": "fjxutwb",
85
85
  "iro3zm": "fwiml72",
86
- "B486eqv": "f2hkw1w",
86
+ "Brovlpu": "ftqa4ok",
87
87
  "Bnmjwt4": "f1d6g2h1",
88
88
  "Jopkrh": ["fs8i4z6", "fgzizio"],
89
89
  "hhrs2v": "fajrl09",
@@ -154,7 +154,7 @@ export const useCheckedStyles = /*#__PURE__*/__styles({
154
154
  "d": [".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", "[data-keyboard-nav] .f12vviyd:focus{border-top-width:1px;}", "[data-keyboard-nav] .f8ccjn4:focus{border-right-width:1px;}", "[data-keyboard-nav] .f1kizmkg:focus{border-left-width:1px;}", "[data-keyboard-nav] .f14ges4w:focus{border-bottom-width:1px;}", "[data-keyboard-nav] .flnfwa4:focus{border-top-style:solid;}", "[data-keyboard-nav] .fuav46a:focus{border-right-style:solid;}", "[data-keyboard-nav] .fcnogh1:focus{border-left-style:solid;}", "[data-keyboard-nav] .f19zilzp:focus{border-bottom-style:solid;}", "[data-keyboard-nav] .f4h99gy:focus{border-top-color:HighlightText;}", "[data-keyboard-nav] .f4u9xa3:focus{border-right-color:HighlightText;}", "[data-keyboard-nav] .f1uetw7i:focus{border-left-color:HighlightText;}", "[data-keyboard-nav] .fnkqhj8:focus{border-bottom-color:HighlightText;}", "[data-keyboard-nav] .f1kn9aoz:focus{outline-color:Highlight;}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", "[data-keyboard-nav] .f1d6g2h1:focus{border-top-color:var(--colorNeutralStroke1);}", "[data-keyboard-nav] .fs8i4z6:focus{border-right-color:var(--colorNeutralStroke1);}", "[data-keyboard-nav] .fgzizio:focus{border-left-color:var(--colorNeutralStroke1);}", "[data-keyboard-nav] .fajrl09:focus{border-bottom-color:var(--colorNeutralStroke1);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
155
155
  "h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}", ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}", ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}", ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
156
156
  "t": ["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", "@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}", "@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}", "@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.fzbc999{border-left-color:Highlight;}.f1ene5x0{border-right-color:Highlight;}}", "@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", "@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", "@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", "@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}", "@media (forced-colors: active){.fiob0tu:hover{border-right-color:Highlight;}.f1x4h75k:hover{border-left-color:Highlight;}}", "@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}", "@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}", "@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}", "@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}", "@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}", "@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.fmxjhhp:hover:active{border-left-color:Highlight;}.f1o6qegi:hover:active{border-right-color:Highlight;}}", "@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}", "@media (forced-colors: active){.fr7nen4:focus{border-top-color:Highlight;}}", "@media (forced-colors: active){.f10aq6ld:focus{border-right-color:Highlight;}.fq8rgo9:focus{border-left-color:Highlight;}}", "@media (forced-colors: active){.f1md2qq2:focus{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.fq8rgo9:focus{border-left-color:Highlight;}.f10aq6ld:focus{border-right-color:Highlight;}}"],
157
- "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
157
+ "f": [".ftqa4ok:focus{outline-style:none;}"]
158
158
  });
159
159
  export const useDisabledStyles = /*#__PURE__*/__styles({
160
160
  "base": {
package/lib-commonjs/components/Button/useButtonStyles.js CHANGED
@@ -322,7 +322,7 @@ const useRootDisabledStyles = /*#__PURE__*/react_1.__styles({
322
322
 
323
323
  const useRootFocusStyles = /*#__PURE__*/react_1.__styles({
324
324
  "base": {
325
- "B486eqv": "f2hkw1w",
325
+ "Brovlpu": "ftqa4ok",
326
326
  "Bnmjwt4": "flfsvnh",
327
327
  "Jopkrh": ["f1781m5e", "flvaaa9"],
328
328
  "hhrs2v": "f50u1b5",
@@ -334,7 +334,7 @@ const useRootFocusStyles = /*#__PURE__*/react_1.__styles({
334
334
  "Bgwpjed": "fpt6wn7"
335
335
  },
336
336
  "circular": {
337
- "B486eqv": "f2hkw1w",
337
+ "Brovlpu": "ftqa4ok",
338
338
  "B8j0l6": ["f11yy61d", "f5edc3x"],
339
339
  "Ekyhi": ["f5edc3x", "f11yy61d"],
340
340
  "Bmrpcm6": ["f1aea4n", "f4jo73o"],
@@ -342,14 +342,14 @@ const useRootFocusStyles = /*#__PURE__*/react_1.__styles({
342
342
  },
343
343
  "rounded": {},
344
344
  "square": {
345
- "B486eqv": "f2hkw1w",
345
+ "Brovlpu": "ftqa4ok",
346
346
  "B8j0l6": ["f5oco9f", "fiz44lb"],
347
347
  "Ekyhi": ["fiz44lb", "f5oco9f"],
348
348
  "Bmrpcm6": ["f1d1ywej", "flv4e1y"],
349
349
  "Beswxhl": ["flv4e1y", "f1d1ywej"]
350
350
  },
351
351
  "primary": {
352
- "B486eqv": "f2hkw1w",
352
+ "Brovlpu": "ftqa4ok",
353
353
  "Bnmjwt4": "fbugrqt",
354
354
  "Jopkrh": ["fhoxsto", "f19qf7vm"],
355
355
  "hhrs2v": "f1tl0rof",
@@ -357,28 +357,28 @@ const useRootFocusStyles = /*#__PURE__*/react_1.__styles({
357
357
  "D4py6b": "f15m8qn2"
358
358
  },
359
359
  "small": {
360
- "B486eqv": "f2hkw1w",
360
+ "Brovlpu": "ftqa4ok",
361
361
  "B8j0l6": ["f1dzjeht", "f1fw97sp"],
362
362
  "Ekyhi": ["f1fw97sp", "f1dzjeht"],
363
363
  "Bmrpcm6": ["f1hr3vfr", "f1fepg9x"],
364
364
  "Beswxhl": ["f1fepg9x", "f1hr3vfr"]
365
365
  },
366
366
  "medium": {
367
- "B486eqv": "f2hkw1w",
367
+ "Brovlpu": "ftqa4ok",
368
368
  "B8j0l6": ["f1ezw2km", "f18buiid"],
369
369
  "Ekyhi": ["f18buiid", "f1ezw2km"],
370
370
  "Bmrpcm6": ["f1hat8c3", "f10ee3ek"],
371
371
  "Beswxhl": ["f10ee3ek", "f1hat8c3"]
372
372
  },
373
373
  "large": {
374
- "B486eqv": "f2hkw1w",
374
+ "Brovlpu": "ftqa4ok",
375
375
  "B8j0l6": ["f8iz5lg", "fzmqelg"],
376
376
  "Ekyhi": ["fzmqelg", "f8iz5lg"],
377
377
  "Bmrpcm6": ["f1ywuu4l", "f721nif"],
378
378
  "Beswxhl": ["f721nif", "f1ywuu4l"]
379
379
  }
380
380
  }, {
381
- "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
381
+ "f": [".ftqa4ok:focus{outline-style:none;}"],
382
382
  "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] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .fgeg2qa:focus{outline-width:var(--strokeWidthThick);}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[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] .f11yy61d:focus{border-bottom-right-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f5edc3x:focus{border-bottom-left-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f1aea4n:focus{border-top-right-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f4jo73o:focus{border-top-left-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f5oco9f:focus{border-bottom-right-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .fiz44lb:focus{border-bottom-left-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1d1ywej:focus{border-top-right-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .flv4e1y:focus{border-top-left-radius:var(--borderRadiusNone);}", "[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] .f1dzjeht:focus{border-bottom-right-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1fw97sp:focus{border-bottom-left-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1hr3vfr:focus{border-top-right-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1fepg9x:focus{border-top-left-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1ezw2km:focus{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f18buiid:focus{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1hat8c3:focus{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f10ee3ek:focus{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f8iz5lg:focus{border-bottom-right-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .fzmqelg:focus{border-bottom-left-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .f1ywuu4l:focus{border-top-right-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .f721nif:focus{border-top-left-radius:var(--borderRadiusLarge);}"]
383
383
  });
384
384
 
package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js CHANGED
@@ -19,18 +19,18 @@ exports.splitButtonClassNames = {
19
19
 
20
20
  const useFocusStyles = /*#__PURE__*/react_1.__styles({
21
21
  "primaryActionButton": {
22
- "B486eqv": "f2hkw1w",
22
+ "Brovlpu": "ftqa4ok",
23
23
  "Bmrpcm6": ["fub8a6s", "f1g41uvt"],
24
24
  "B8j0l6": ["f58hr3h", "f1u1mnrj"]
25
25
  },
26
26
  "menuButton": {
27
- "B486eqv": "f2hkw1w",
27
+ "Brovlpu": "ftqa4ok",
28
28
  "Bviepcv": ["fy9hclh", "f549e1y"],
29
29
  "Beswxhl": ["f1g41uvt", "fub8a6s"],
30
30
  "Ekyhi": ["f1u1mnrj", "f58hr3h"]
31
31
  }
32
32
  }, {
33
- "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
33
+ "f": [".ftqa4ok:focus{outline-style:none;}"],
34
34
  "d": ["[data-keyboard-nav] .fub8a6s:focus{border-top-right-radius:0;}", "[data-keyboard-nav] .f1g41uvt:focus{border-top-left-radius:0;}", "[data-keyboard-nav] .f58hr3h:focus{border-bottom-right-radius:0;}", "[data-keyboard-nav] .f1u1mnrj:focus{border-bottom-left-radius:0;}", "[data-keyboard-nav] .fy9hclh:focus{border-left-width:0;}", "[data-keyboard-nav] .f549e1y:focus{border-right-width:0;}"]
35
35
  });
36
36
 
package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js CHANGED
@@ -72,7 +72,7 @@ exports.useCheckedStyles = /*#__PURE__*/react_1.__styles({
72
72
  "o3nasb": ["fq8rgo9", "f10aq6ld"]
73
73
  },
74
74
  "highContrastFocusStyles": {
75
- "B486eqv": "f2hkw1w",
75
+ "Brovlpu": "ftqa4ok",
76
76
  "rkqiyj": "f12vviyd",
77
77
  "Bs3nqqt": ["f8ccjn4", "f1kizmkg"],
78
78
  "B4mky7d": "f14ges4w",
@@ -95,7 +95,7 @@ exports.useCheckedStyles = /*#__PURE__*/react_1.__styles({
95
95
  "ibv6hh": ["f1efpmoh", "f130t4y6"],
96
96
  "Jwef8y": "fjxutwb",
97
97
  "iro3zm": "fwiml72",
98
- "B486eqv": "f2hkw1w",
98
+ "Brovlpu": "ftqa4ok",
99
99
  "Bnmjwt4": "f1d6g2h1",
100
100
  "Jopkrh": ["fs8i4z6", "fgzizio"],
101
101
  "hhrs2v": "fajrl09",
@@ -166,7 +166,7 @@ exports.useCheckedStyles = /*#__PURE__*/react_1.__styles({
166
166
  "d": [".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", "[data-keyboard-nav] .f12vviyd:focus{border-top-width:1px;}", "[data-keyboard-nav] .f8ccjn4:focus{border-right-width:1px;}", "[data-keyboard-nav] .f1kizmkg:focus{border-left-width:1px;}", "[data-keyboard-nav] .f14ges4w:focus{border-bottom-width:1px;}", "[data-keyboard-nav] .flnfwa4:focus{border-top-style:solid;}", "[data-keyboard-nav] .fuav46a:focus{border-right-style:solid;}", "[data-keyboard-nav] .fcnogh1:focus{border-left-style:solid;}", "[data-keyboard-nav] .f19zilzp:focus{border-bottom-style:solid;}", "[data-keyboard-nav] .f4h99gy:focus{border-top-color:HighlightText;}", "[data-keyboard-nav] .f4u9xa3:focus{border-right-color:HighlightText;}", "[data-keyboard-nav] .f1uetw7i:focus{border-left-color:HighlightText;}", "[data-keyboard-nav] .fnkqhj8:focus{border-bottom-color:HighlightText;}", "[data-keyboard-nav] .f1kn9aoz:focus{outline-color:Highlight;}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", "[data-keyboard-nav] .f1d6g2h1:focus{border-top-color:var(--colorNeutralStroke1);}", "[data-keyboard-nav] .fs8i4z6:focus{border-right-color:var(--colorNeutralStroke1);}", "[data-keyboard-nav] .fgzizio:focus{border-left-color:var(--colorNeutralStroke1);}", "[data-keyboard-nav] .fajrl09:focus{border-bottom-color:var(--colorNeutralStroke1);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
167
167
  "h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}", ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}", ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}", ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
168
168
  "t": ["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", "@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}", "@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}", "@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.fzbc999{border-left-color:Highlight;}.f1ene5x0{border-right-color:Highlight;}}", "@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", "@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", "@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", "@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}", "@media (forced-colors: active){.fiob0tu:hover{border-right-color:Highlight;}.f1x4h75k:hover{border-left-color:Highlight;}}", "@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}", "@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}", "@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}", "@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}", "@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}", "@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.fmxjhhp:hover:active{border-left-color:Highlight;}.f1o6qegi:hover:active{border-right-color:Highlight;}}", "@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}", "@media (forced-colors: active){.fr7nen4:focus{border-top-color:Highlight;}}", "@media (forced-colors: active){.f10aq6ld:focus{border-right-color:Highlight;}.fq8rgo9:focus{border-left-color:Highlight;}}", "@media (forced-colors: active){.f1md2qq2:focus{border-bottom-color:Highlight;}}", "@media (forced-colors: active){.fq8rgo9:focus{border-left-color:Highlight;}.f10aq6ld:focus{border-right-color:Highlight;}}"],
169
- "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
169
+ "f": [".ftqa4ok:focus{outline-style:none;}"]
170
170
  });
171
171
  exports.useDisabledStyles = /*#__PURE__*/react_1.__styles({
172
172
  "base": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-button",
3
- "version": "0.0.0-nightly-20220526-0422.1",
3
+ "version": "0.0.0-nightly-20220530-0421.1",
4
4
  "description": "Fluent UI React Button component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -29,17 +29,17 @@
29
29
  "@fluentui/a11y-testing": "^0.1.0",
30
30
  "@fluentui/eslint-plugin": "*",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220526-0422.0",
32
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220530-0421.1",
33
33
  "@fluentui/scripts": "^1.0.0"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/keyboard-keys": "0.0.0-nightly-20220526-0422.0",
37
- "@fluentui/react-aria": "0.0.0-nightly-20220526-0422.0",
36
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20220530-0421.0",
37
+ "@fluentui/react-aria": "0.0.0-nightly-20220530-0421.0",
38
38
  "@fluentui/react-icons": "^2.0.166-rc.3",
39
- "@fluentui/react-tabster": "0.0.0-nightly-20220526-0422.0",
40
- "@fluentui/react-theme": "0.0.0-nightly-20220526-0422.0",
41
- "@fluentui/react-utilities": "0.0.0-nightly-20220526-0422.0",
42
- "@griffel/react": "1.0.5",
39
+ "@fluentui/react-tabster": "0.0.0-nightly-20220530-0421.1",
40
+ "@fluentui/react-theme": "0.0.0-nightly-20220530-0421.0",
41
+ "@fluentui/react-utilities": "0.0.0-nightly-20220530-0421.0",
42
+ "@griffel/react": "1.1.0",
43
43
  "tslib": "^2.1.0"
44
44
  },
45
45
  "peerDependencies": {