@fluentui/react-button 0.0.0-nightly-20240522-0406.1 → 0.0.0-nightly-20240524-0405.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 (14) hide show
  1. package/CHANGELOG.md +24 -13
  2. package/lib/components/Button/useButtonStyles.styles.js +94 -55
  3. package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
  4. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js +45 -27
  5. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  6. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js +19 -29
  7. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  8. package/lib-commonjs/components/Button/useButtonStyles.styles.js +143 -226
  9. package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
  10. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +66 -84
  11. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  12. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +19 -79
  13. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  14. package/package.json +10 -10
package/lib-commonjs/components/Button/useButtonStyles.styles.js CHANGED
@@ -225,70 +225,32 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
225
225
  pc6evw: "f9ddjv3"
226
226
  },
227
227
  circular: {
228
- Bbmb7ep: [
229
- "f8fbkgy",
230
- "f1nfllo7"
231
- ],
232
- Beyfa6y: [
233
- "f1nfllo7",
234
- "f8fbkgy"
235
- ],
236
- B7oj6ja: [
237
- "f1djnp8u",
238
- "f1s8kh49"
239
- ],
240
- Btl43ni: [
241
- "f1s8kh49",
242
- "f1djnp8u"
243
- ]
228
+ Beyfa6y: 0,
229
+ Bbmb7ep: 0,
230
+ Btl43ni: 0,
231
+ B7oj6ja: 0,
232
+ Dimara: "f44lkw9"
244
233
  },
245
234
  rounded: {},
246
235
  square: {
247
- Bbmb7ep: [
248
- "fzi6hpg",
249
- "fyowgf4"
250
- ],
251
- Beyfa6y: [
252
- "fyowgf4",
253
- "fzi6hpg"
254
- ],
255
- B7oj6ja: [
256
- "f3fg2lr",
257
- "f13av6d4"
258
- ],
259
- Btl43ni: [
260
- "f13av6d4",
261
- "f3fg2lr"
262
- ]
236
+ Beyfa6y: 0,
237
+ Bbmb7ep: 0,
238
+ Btl43ni: 0,
239
+ B7oj6ja: 0,
240
+ Dimara: "f1fabniw"
263
241
  },
264
242
  small: {
265
243
  Bf4jedk: "fh7ncta",
266
- z8tnut: "f1khb0e9",
267
- z189sj: [
268
- "f1vdfbxk",
269
- "f1f5gg8d"
270
- ],
271
- Byoj8tv: "f1jnq6q7",
272
- uwmqm3: [
273
- "f1f5gg8d",
274
- "f1vdfbxk"
275
- ],
276
- Bbmb7ep: [
277
- "f1aa9q02",
278
- "f16jpd5f"
279
- ],
280
- Beyfa6y: [
281
- "f16jpd5f",
282
- "f1aa9q02"
283
- ],
284
- B7oj6ja: [
285
- "f1jar5jt",
286
- "fyu767a"
287
- ],
288
- Btl43ni: [
289
- "fyu767a",
290
- "f1jar5jt"
291
- ],
244
+ Byoj8tv: 0,
245
+ uwmqm3: 0,
246
+ z189sj: 0,
247
+ z8tnut: 0,
248
+ B0ocmuz: "fneth5b",
249
+ Beyfa6y: 0,
250
+ Bbmb7ep: 0,
251
+ Btl43ni: 0,
252
+ B7oj6ja: 0,
253
+ Dimara: "ft85np5",
292
254
  Be2twd7: "fy9rknc",
293
255
  Bhrd7zp: "figsok6",
294
256
  Bg96gwp: "fwrc4pm"
@@ -300,32 +262,16 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
300
262
  medium: {},
301
263
  large: {
302
264
  Bf4jedk: "f14es27b",
303
- z8tnut: "fp9bwmr",
304
- z189sj: [
305
- "fjodcmx",
306
- "fhx4nu"
307
- ],
308
- Byoj8tv: "f150uoa4",
309
- uwmqm3: [
310
- "fhx4nu",
311
- "fjodcmx"
312
- ],
313
- Bbmb7ep: [
314
- "f1aa9q02",
315
- "f16jpd5f"
316
- ],
317
- Beyfa6y: [
318
- "f16jpd5f",
319
- "f1aa9q02"
320
- ],
321
- B7oj6ja: [
322
- "f1jar5jt",
323
- "fyu767a"
324
- ],
325
- Btl43ni: [
326
- "fyu767a",
327
- "f1jar5jt"
328
- ],
265
+ Byoj8tv: 0,
266
+ uwmqm3: 0,
267
+ z189sj: 0,
268
+ z8tnut: 0,
269
+ B0ocmuz: "f4db1ww",
270
+ Beyfa6y: 0,
271
+ Bbmb7ep: 0,
272
+ Btl43ni: 0,
273
+ B7oj6ja: 0,
274
+ Dimara: "ft85np5",
329
275
  Be2twd7: "fod5ikn",
330
276
  Bhrd7zp: "fl43uef",
331
277
  Bg96gwp: "faaz57k"
@@ -345,33 +291,49 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
345
291
  ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
346
292
  ".fhovq9v{background-color:var(--colorSubtleBackground);}",
347
293
  ".fkfq4zb{color:var(--colorNeutralForeground2);}",
348
- ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}",
349
- ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}",
350
- ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}",
351
- ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}",
352
- ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
353
- ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
354
- ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
355
- ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
294
+ [
295
+ ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
296
+ {
297
+ p: -1
298
+ }
299
+ ],
300
+ [
301
+ ".f1fabniw{border-radius:var(--borderRadiusNone);}",
302
+ {
303
+ p: -1
304
+ }
305
+ ],
356
306
  ".fh7ncta{min-width:64px;}",
357
- ".f1khb0e9{padding-top:3px;}",
358
- ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
359
- ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
360
- ".f1jnq6q7{padding-bottom:3px;}",
361
- ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
362
- ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
363
- ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
364
- ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
307
+ [
308
+ ".fneth5b{padding:3px var(--spacingHorizontalS);}",
309
+ {
310
+ p: -1
311
+ }
312
+ ],
313
+ [
314
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
315
+ {
316
+ p: -1
317
+ }
318
+ ],
365
319
  ".fy9rknc{font-size:var(--fontSizeBase200);}",
366
320
  ".figsok6{font-weight:var(--fontWeightRegular);}",
367
321
  ".fwrc4pm{line-height:var(--lineHeightBase200);}",
368
322
  ".f1brlhvm{padding-bottom:1px;}",
369
323
  ".f1sl3k7w{padding-top:1px;}",
370
324
  ".f14es27b{min-width:96px;}",
371
- ".fp9bwmr{padding-top:8px;}",
372
- ".fjodcmx{padding-right:var(--spacingHorizontalL);}",
373
- ".fhx4nu{padding-left:var(--spacingHorizontalL);}",
374
- ".f150uoa4{padding-bottom:8px;}",
325
+ [
326
+ ".f4db1ww{padding:8px var(--spacingHorizontalL);}",
327
+ {
328
+ p: -1
329
+ }
330
+ ],
331
+ [
332
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
333
+ {
334
+ p: -1
335
+ }
336
+ ],
375
337
  ".fod5ikn{font-size:var(--fontSizeBase400);}",
376
338
  ".fl43uef{font-weight:var(--fontWeightSemibold);}",
377
339
  ".faaz57k{line-height:var(--lineHeightBase400);}",
@@ -895,41 +857,19 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
895
857
  });
896
858
  const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
897
859
  circular: {
898
- kdpuga: [
899
- "fanj13w",
900
- "f1gou5sz"
901
- ],
902
- Bw81rd7: [
903
- "f1gou5sz",
904
- "fanj13w"
905
- ],
906
- B6xbmo0: [
907
- "fulf6x3",
908
- "foeb2x"
909
- ],
910
- dm238s: [
911
- "foeb2x",
912
- "fulf6x3"
913
- ]
860
+ Bw81rd7: 0,
861
+ kdpuga: 0,
862
+ dm238s: 0,
863
+ B6xbmo0: 0,
864
+ B3whbx2: "f1062rbf"
914
865
  },
915
866
  rounded: {},
916
867
  square: {
917
- kdpuga: [
918
- "f1ndz5i7",
919
- "f1co4qro"
920
- ],
921
- Bw81rd7: [
922
- "f1co4qro",
923
- "f1ndz5i7"
924
- ],
925
- B6xbmo0: [
926
- "f146y5a9",
927
- "f1k2ftg"
928
- ],
929
- dm238s: [
930
- "f1k2ftg",
931
- "f146y5a9"
932
- ]
868
+ Bw81rd7: 0,
869
+ kdpuga: 0,
870
+ dm238s: 0,
871
+ B6xbmo0: 0,
872
+ B3whbx2: "fj0ryk1"
933
873
  },
934
874
  primary: {
935
875
  B8q5s1w: "f17t0x8g",
@@ -964,52 +904,34 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
964
904
  tm8e47: "fr96u23"
965
905
  },
966
906
  small: {
967
- kdpuga: [
968
- "fg3gtdo",
969
- "fwii5mg"
970
- ],
971
- Bw81rd7: [
972
- "fwii5mg",
973
- "fg3gtdo"
974
- ],
975
- B6xbmo0: [
976
- "f1palphq",
977
- "f12nxie7"
978
- ],
979
- dm238s: [
980
- "f12nxie7",
981
- "f1palphq"
982
- ]
907
+ Bw81rd7: 0,
908
+ kdpuga: 0,
909
+ dm238s: 0,
910
+ B6xbmo0: 0,
911
+ B3whbx2: "fazmxh"
983
912
  },
984
913
  medium: {},
985
914
  large: {
986
- kdpuga: [
987
- "ft3lys4",
988
- "f1la4x2g"
989
- ],
990
- Bw81rd7: [
991
- "f1la4x2g",
992
- "ft3lys4"
993
- ],
994
- B6xbmo0: [
995
- "f156y0zm",
996
- "fakimq4"
997
- ],
998
- dm238s: [
999
- "fakimq4",
1000
- "f156y0zm"
1001
- ]
915
+ Bw81rd7: 0,
916
+ kdpuga: 0,
917
+ dm238s: 0,
918
+ B6xbmo0: 0,
919
+ B3whbx2: "f1b6alqh"
1002
920
  }
1003
921
  }, {
1004
922
  d: [
1005
- ".fanj13w[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusCircular);}",
1006
- ".f1gou5sz[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusCircular);}",
1007
- ".fulf6x3[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusCircular);}",
1008
- ".foeb2x[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusCircular);}",
1009
- ".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}",
1010
- ".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}",
1011
- ".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}",
1012
- ".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}",
923
+ [
924
+ ".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}",
925
+ {
926
+ p: -1
927
+ }
928
+ ],
929
+ [
930
+ ".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}",
931
+ {
932
+ p: -1
933
+ }
934
+ ],
1013
935
  ".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}",
1014
936
  ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}",
1015
937
  ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}",
@@ -1021,14 +943,18 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
1021
943
  ".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}",
1022
944
  ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}",
1023
945
  ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}",
1024
- ".fg3gtdo[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusSmall);}",
1025
- ".fwii5mg[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusSmall);}",
1026
- ".f1palphq[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusSmall);}",
1027
- ".f12nxie7[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusSmall);}",
1028
- ".ft3lys4[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusLarge);}",
1029
- ".f1la4x2g[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusLarge);}",
1030
- ".f156y0zm[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusLarge);}",
1031
- ".fakimq4[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusLarge);}"
946
+ [
947
+ ".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}",
948
+ {
949
+ p: -1
950
+ }
951
+ ],
952
+ [
953
+ ".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}",
954
+ {
955
+ p: -1
956
+ }
957
+ ]
1032
958
  ],
1033
959
  t: [
1034
960
  "@supports (-moz-appearance:button){.f12k37oa[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fdnykm2[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}",
@@ -1037,65 +963,56 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
1037
963
  });
1038
964
  const useRootIconOnlyStyles = /*#__PURE__*/ (0, _react.__styles)({
1039
965
  small: {
1040
- z8tnut: "f1sl3k7w",
1041
- z189sj: [
1042
- "f136y8j8",
1043
- "f10xn8zz"
1044
- ],
1045
- Byoj8tv: "f1brlhvm",
1046
- uwmqm3: [
1047
- "f10xn8zz",
1048
- "f136y8j8"
1049
- ],
966
+ Byoj8tv: 0,
967
+ uwmqm3: 0,
968
+ z189sj: 0,
969
+ z8tnut: 0,
970
+ B0ocmuz: "fu97m5z",
1050
971
  Bf4jedk: "f17fgpbq",
1051
972
  B2u0y6b: "f1jt17bm"
1052
973
  },
1053
974
  medium: {
1054
- z8tnut: "f1sbtcvk",
1055
- z189sj: [
1056
- "fwiuce9",
1057
- "f15vdbe4"
1058
- ],
1059
- Byoj8tv: "fdghr9",
1060
- uwmqm3: [
1061
- "f15vdbe4",
1062
- "fwiuce9"
1063
- ],
975
+ Byoj8tv: 0,
976
+ uwmqm3: 0,
977
+ z189sj: 0,
978
+ z8tnut: 0,
979
+ B0ocmuz: "f18ktai2",
1064
980
  Bf4jedk: "fwbmr0d",
1065
981
  B2u0y6b: "f44c6la"
1066
982
  },
1067
983
  large: {
1068
- z8tnut: "f1a1bwwz",
1069
- z189sj: [
1070
- "f18k1jr3",
1071
- "f1rtp3s9"
1072
- ],
1073
- Byoj8tv: "fy7v416",
1074
- uwmqm3: [
1075
- "f1rtp3s9",
1076
- "f18k1jr3"
1077
- ],
984
+ Byoj8tv: 0,
985
+ uwmqm3: 0,
986
+ z189sj: 0,
987
+ z8tnut: 0,
988
+ B0ocmuz: "f1hbd1aw",
1078
989
  Bf4jedk: "f12clzc2",
1079
990
  B2u0y6b: "fjy1crr"
1080
991
  }
1081
992
  }, {
1082
993
  d: [
1083
- ".f1sl3k7w{padding-top:1px;}",
1084
- ".f136y8j8{padding-right:1px;}",
1085
- ".f10xn8zz{padding-left:1px;}",
1086
- ".f1brlhvm{padding-bottom:1px;}",
994
+ [
995
+ ".fu97m5z{padding:1px;}",
996
+ {
997
+ p: -1
998
+ }
999
+ ],
1087
1000
  ".f17fgpbq{min-width:24px;}",
1088
1001
  ".f1jt17bm{max-width:24px;}",
1089
- ".f1sbtcvk{padding-top:5px;}",
1090
- ".fwiuce9{padding-right:5px;}",
1091
- ".f15vdbe4{padding-left:5px;}",
1092
- ".fdghr9{padding-bottom:5px;}",
1002
+ [
1003
+ ".f18ktai2{padding:5px;}",
1004
+ {
1005
+ p: -1
1006
+ }
1007
+ ],
1093
1008
  ".fwbmr0d{min-width:32px;}",
1094
1009
  ".f44c6la{max-width:32px;}",
1095
- ".f1a1bwwz{padding-top:7px;}",
1096
- ".f18k1jr3{padding-right:7px;}",
1097
- ".f1rtp3s9{padding-left:7px;}",
1098
- ".fy7v416{padding-bottom:7px;}",
1010
+ [
1011
+ ".f1hbd1aw{padding:7px;}",
1012
+ {
1013
+ p: -1
1014
+ }
1015
+ ],
1099
1016
  ".f12clzc2{min-width:40px;}",
1100
1017
  ".fjy1crr{max-width:40px;}"
1101
1018
  ]