@fluentui/react-button - npm Package Compare versions

Comparing version 0.0.0-nightly-20240823-1802.1 to 0.0.0-nightly-20240826-0407.1

lib-commonjs/components/Button/useButtonStyles.styles.js

@@ -35,26 +35,26 @@ "use strict";
  */ const boxShadowStrokeWidthThinMoz = `calc(${_reacttheme.tokens.strokeWidthThin} + 0.25px)`;
-const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rcldc9l", null, {
+const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1alrhcs", null, {
     r: [
-        ".rcldc9l{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--1, var(--2, var(--colorNeutralBackground1)));color:var(--3, var(--4, var(--colorNeutralForeground1)));border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--5, var(--6, var(--fontFamilyBase)));outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--19, var(--20, var(--borderRadiusMedium)));font-size:var(--21, var(--22, var(--fontSizeBase300)));font-weight:var(--23, var(--24, var(--fontWeightSemibold)));line-height:var(--25, var(--26, var(--lineHeightBase300)));transition-duration:var(--27, var(--28, var(--durationFaster)));transition-property:background,border,color;transition-timing-function:var(--29, var(--30, var(--curveEasyEase)));}",
-        ".rcldc9l:hover{background-color:var(--7, var(--8, var(--colorNeutralBackground1Hover)));border-color:var(--9, var(--10, var(--colorNeutralStroke1Hover)));color:var(--11, var(--12, var(--colorNeutralForeground1Hover)));cursor:pointer;}",
-        ".rcldc9l:hover:active{background-color:var(--13, var(--14, var(--colorNeutralBackground1Pressed)));border-color:var(--15, var(--16, var(--colorNeutralStroke1Pressed)));color:var(--17, var(--18, var(--colorNeutralForeground1Pressed)));outline-style:none;}",
-        ".rcldc9l[data-fui-focus-visible]{border-color:var(--31, var(--32, var(--colorStrokeFocus2)));border-radius:var(--33, var(--34, var(--borderRadiusMedium)));border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"
+        ".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}",
+        ".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
+        ".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
+        ".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"
     ],
     s: [
-        "@media screen and (prefers-reduced-motion: reduce){.rcldc9l{transition-duration:0.01ms;}}",
-        "@media (forced-colors: active){.rcldc9l:focus{border-color:ButtonText;}.rcldc9l:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rcldc9l:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
-        "@supports (-moz-appearance:button){.rcldc9l[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"
+        "@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}",
+        "@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
+        "@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"
     ]
 });
-const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rjvjuh1", null, [
-    ".rjvjuh1{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--35, var(--36, var(--spacingHorizontalSNudge)));}"
+const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rywnvv2", null, [
+    ".rywnvv2{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}"
 ]);
 const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     outline: {
-        De3pzq: "favd00m",
-        Jwef8y: "f1jlfcpx",
-        iro3zm: "f1fovm4r"
+        De3pzq: "f1c21dwh",
+        Jwef8y: "fjxutwb",
+        iro3zm: "fwiml72"
     },
     primary: {
-        De3pzq: "f1yiavn6",
+        De3pzq: "ffp7eso",
         g2u3we: "f1p3nwhy",
@@ -70,4 +70,4 @@ h3c5rm: [
         ],
-        sj55zd: "f147gany",
-        Jwef8y: "f1v2ig5q",
+        sj55zd: "f1phragk",
+        Jwef8y: "f15wkkf3",
         Bgoe8wy: "f1s2uweq",
@@ -83,4 +83,4 @@ Bwzppfd: [
         ],
-        Bi91k9c: "f1kyym2e",
-        iro3zm: "ftwsmdl",
+        Bi91k9c: "f1rq72xc",
+        iro3zm: "fnp9lpt",
         b661bw: "f1h0usnq",
@@ -96,3 +96,3 @@ Bk6r4ia: [
         ],
-        B2d53fq: "f10ziroe",
+        B2d53fq: "f1d6v5y2",
         Bsw6fvg: "f1rirnrt",
@@ -138,3 +138,3 @@ Bjwas2f: "f1uu00uk",
     subtle: {
-        De3pzq: "f3ihjpl",
+        De3pzq: "fhovq9v",
         g2u3we: "f1p3nwhy",
@@ -150,4 +150,4 @@ h3c5rm: [
         ],
-        sj55zd: "f1f29j1b",
-        Jwef8y: "fzypk7",
+        sj55zd: "fkfq4zb",
+        Jwef8y: "f1t94bn6",
         Bgoe8wy: "f1s2uweq",
@@ -163,7 +163,7 @@ Bwzppfd: [
         ],
-        Bi91k9c: "fkni20b",
+        Bi91k9c: "fnwyq0v",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        Bbdnnc7: "f1qlveqg",
-        iro3zm: "fpedn3v",
+        Bbdnnc7: "fy5bs14",
+        iro3zm: "fsv2rcd",
         b661bw: "f1h0usnq",
@@ -179,6 +179,6 @@ Bk6r4ia: [
         ],
-        B2d53fq: "f1ysq38h",
+        B2d53fq: "f1omzyqd",
         em6i61: "f1dfjoow",
         vm6p8p: "f1j98vj9",
-        x3br3k: "f5a9wio",
+        x3br3k: "fj8yq94",
         ze5xyy: "f4xjyn1",
@@ -190,3 +190,3 @@ Bx3q9su: "f1et0tmh",
     transparent: {
-        De3pzq: "f1rwsqvi",
+        De3pzq: "f1c21dwh",
         g2u3we: "f1p3nwhy",
@@ -202,4 +202,4 @@ h3c5rm: [
         ],
-        sj55zd: "f1kk4q8e",
-        Jwef8y: "f1g2jd2r",
+        sj55zd: "fkfq4zb",
+        Jwef8y: "fjxutwb",
         Bgoe8wy: "f1s2uweq",
@@ -215,6 +215,6 @@ Bwzppfd: [
         ],
-        Bi91k9c: "f15tg7a0",
+        Bi91k9c: "f139oj5f",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        iro3zm: "fkrvwd4",
+        iro3zm: "fwiml72",
         b661bw: "f1h0usnq",
@@ -230,8 +230,8 @@ Bk6r4ia: [
         ],
-        B2d53fq: "fydzngg",
+        B2d53fq: "f1fg1p5m",
         em6i61: "f1dfjoow",
         vm6p8p: "f1j98vj9",
-        Bqrx1nm: "f1ur2eto",
+        Bqrx1nm: "f1tme0vf",
         ze5xyy: "f4xjyn1",
-        g2kj27: "f5r8knc",
+        g2kj27: "f18onu3q",
         pc6evw: "f9ddjv3"
@@ -244,3 +244,3 @@ },
         B7oj6ja: 0,
-        Dimara: "flzsvll"
+        Dimara: "f44lkw9"
     },
@@ -253,3 +253,3 @@ rounded: {},
         B7oj6ja: 0,
-        Dimara: "f1s3fluu"
+        Dimara: "f1fabniw"
     },
@@ -267,6 +267,6 @@ small: {
         B7oj6ja: 0,
-        Dimara: "f194ic6c",
-        Be2twd7: "fnltbal",
-        Bhrd7zp: "f1fk4m78",
-        Bg96gwp: "f1xzsb5v"
+        Dimara: "ft85np5",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
     },
@@ -289,6 +289,6 @@ smallWithIcon: {
         B7oj6ja: 0,
-        Dimara: "fh2riwq",
-        Be2twd7: "f1m8kw6o",
-        Bhrd7zp: "f1ldc7uk",
-        Bg96gwp: "f18h2bgy"
+        Dimara: "ft85np5",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "faaz57k"
     },
@@ -301,4 +301,4 @@ largeWithIcon: {
     d: [
-        ".favd00m{background-color:var(--37, var(--38, var(--colorTransparentBackground)));}",
-        ".f1yiavn6{background-color:var(--43, var(--44, var(--colorBrandBackground)));}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".ffp7eso{background-color:var(--colorBrandBackground);}",
         ".f1p3nwhy{border-top-color:transparent;}",
@@ -308,9 +308,7 @@ ".f11589ue{border-right-color:transparent;}",
         ".f1q5o8ev{border-bottom-color:transparent;}",
-        ".f147gany{color:var(--45, var(--46, var(--colorNeutralForegroundOnBrand)));}",
-        ".f3ihjpl{background-color:var(--55, var(--56, var(--colorSubtleBackground)));}",
-        ".f1f29j1b{color:var(--57, var(--58, var(--colorNeutralForeground2)));}",
-        ".f1rwsqvi{background-color:var(--71, var(--72, var(--colorTransparentBackground)));}",
-        ".f1kk4q8e{color:var(--73, var(--74, var(--colorNeutralForeground2)));}",
+        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
+        ".fhovq9v{background-color:var(--colorSubtleBackground);}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
         [
-            ".flzsvll{border-radius:var(--87, var(--88, var(--borderRadiusCircular)));}",
+            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
             {
@@ -321,3 +319,3 @@ p: -1
         [
-            ".f1s3fluu{border-radius:var(--89, var(--90, var(--borderRadiusNone)));}",
+            ".f1fabniw{border-radius:var(--borderRadiusNone);}",
             {
@@ -335,3 +333,3 @@ p: -1
         [
-            ".f194ic6c{border-radius:var(--91, var(--92, var(--borderRadiusMedium)));}",
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
             {
@@ -341,5 +339,5 @@ p: -1
         ],
-        ".fnltbal{font-size:var(--93, var(--94, var(--fontSizeBase200)));}",
-        ".f1fk4m78{font-weight:var(--95, var(--96, var(--fontWeightRegular)));}",
-        ".f1xzsb5v{line-height:var(--97, var(--98, var(--lineHeightBase200)));}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
         ".f1brlhvm{padding-bottom:1px;}",
@@ -355,3 +353,3 @@ ".f1sl3k7w{padding-top:1px;}",
         [
-            ".fh2riwq{border-radius:var(--99, var(--100, var(--borderRadiusMedium)));}",
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
             {
@@ -361,5 +359,5 @@ p: -1
         ],
-        ".f1m8kw6o{font-size:var(--101, var(--102, var(--fontSizeBase400)));}",
-        ".f1ldc7uk{font-weight:var(--103, var(--104, var(--fontWeightSemibold)));}",
-        ".f18h2bgy{line-height:var(--105, var(--106, var(--lineHeightBase400)));}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
         ".fy7v416{padding-bottom:7px;}",
@@ -369,5 +367,5 @@ ".f1a1bwwz{padding-top:7px;}"
     h: [
-        ".f1jlfcpx:hover{background-color:var(--39, var(--40, var(--colorTransparentBackgroundHover)));}",
-        ".f1fovm4r:hover:active{background-color:var(--41, var(--42, var(--colorTransparentBackgroundPressed)));}",
-        ".f1v2ig5q:hover{background-color:var(--47, var(--48, var(--colorBrandBackgroundHover)));}",
+        ".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;}",
@@ -377,4 +375,4 @@ ".fr80ssc:hover{border-right-color:transparent;}",
         ".f1ukrpxl:hover{border-bottom-color:transparent;}",
-        ".f1kyym2e:hover{color:var(--49, var(--50, var(--colorNeutralForegroundOnBrand)));}",
-        ".ftwsmdl:hover:active{background-color:var(--51, var(--52, var(--colorBrandBackgroundPressed)));}",
+        ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
+        ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}",
         ".f1h0usnq:hover:active{border-top-color:transparent;}",
@@ -384,17 +382,15 @@ ".fs4ktlq:hover:active{border-right-color:transparent;}",
         ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
-        ".f10ziroe:hover:active{color:var(--53, var(--54, var(--colorNeutralForegroundOnBrand)));}",
-        ".fzypk7:hover{background-color:var(--59, var(--60, var(--colorSubtleBackgroundHover)));}",
-        ".fkni20b:hover{color:var(--61, var(--62, var(--colorNeutralForeground2Hover)));}",
+        ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
         ".ft1hn21:hover .fui-Icon-filled{display:inline;}",
         ".fuxngvv:hover .fui-Icon-regular{display:none;}",
-        ".f1qlveqg:hover .fui-Button__icon{color:var(--63, var(--64, var(--colorNeutralForeground2BrandHover)));}",
-        ".fpedn3v:hover:active{background-color:var(--65, var(--66, var(--colorSubtleBackgroundPressed)));}",
-        ".f1ysq38h:hover:active{color:var(--67, var(--68, var(--colorNeutralForeground2Pressed)));}",
+        ".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}",
+        ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}",
+        ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}",
         ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}",
         ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}",
-        ".f5a9wio:hover:active .fui-Button__icon{color:var(--69, var(--70, var(--colorNeutralForeground2BrandPressed)));}",
-        ".f1g2jd2r:hover{background-color:var(--75, var(--76, var(--colorTransparentBackgroundHover)));}",
-        ".f15tg7a0:hover{color:var(--77, var(--78, var(--colorNeutralForeground2BrandHover)));}",
-        ".fkrvwd4:hover:active{background-color:var(--79, var(--80, var(--colorTransparentBackgroundPressed)));}",
-        ".fydzngg:hover:active{color:var(--81, var(--82, var(--colorNeutralForeground2BrandPressed)));}"
+        ".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}",
+        ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
+        ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
     ],
@@ -511,3 +507,3 @@ m: [
         [
-            "@media (forced-colors: active){.f1ur2eto:hover{background-color:var(--83, var(--84, var(--colorTransparentBackground)));}}",
+            "@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}",
             {
@@ -518,3 +514,3 @@ m: "(forced-colors: active)"
         [
-            "@media (forced-colors: active){.f5r8knc:hover:active{background-color:var(--85, var(--86, var(--colorTransparentBackground)));}}",
+            "@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}",
             {
@@ -528,3 +524,3 @@ m: "(forced-colors: active)"
     base: {
-        De3pzq: "frhfvzv",
+        De3pzq: "f1bg9a2p",
         g2u3we: "f1jj8ep1",
@@ -540,6 +536,6 @@ h3c5rm: [
         ],
-        sj55zd: "fzobr5l",
+        sj55zd: "f1s2aq7o",
         Bceei9c: "fdrzuqr",
-        Bfinmwp: "fgd0022",
-        Jwef8y: "f1tesxrz",
+        Bfinmwp: "f15x8b5r",
+        Jwef8y: "f1falr9n",
         Bgoe8wy: "f12mpcsy",
@@ -555,8 +551,8 @@ Bwzppfd: [
         ],
-        Bi91k9c: "frafaxp",
+        Bi91k9c: "fvgxktp",
         eoavqd: "fphbwmw",
         Bk3fhr4: "f19vpps7",
         Bmfj8id: "fv5swzo",
-        Bbdnnc7: "f1qp763u",
-        iro3zm: "f14djvvj",
+        Bbdnnc7: "f1al02dq",
+        iro3zm: "f1t6o4dc",
         b661bw: "f10ztigi",
@@ -572,7 +568,7 @@ Bk6r4ia: [
         ],
-        B2d53fq: "faxwmxw",
+        B2d53fq: "fcvwxyo",
         c3iz72: "f8w4c43",
         em6i61: "f1ol4fw6",
         vm6p8p: "f1q1lw4e",
-        x3br3k: "f15h2u3k"
+        x3br3k: "f1dwjv2g"
     },
@@ -628,5 +624,5 @@ highContrast: {
     outline: {
-        De3pzq: "fyi9log",
-        Jwef8y: "ff1rlgk",
-        iro3zm: "fe123kk"
+        De3pzq: "f1c21dwh",
+        Jwef8y: "f9ql6rf",
+        iro3zm: "f3h1zc4"
     },
@@ -667,3 +663,3 @@ primary: {
     subtle: {
-        De3pzq: "fq3tchs",
+        De3pzq: "f1c21dwh",
         g2u3we: "f1p3nwhy",
@@ -679,3 +675,3 @@ h3c5rm: [
         ],
-        Jwef8y: "f1ejnv35",
+        Jwef8y: "f9ql6rf",
         Bgoe8wy: "f1s2uweq",
@@ -691,3 +687,3 @@ Bwzppfd: [
         ],
-        iro3zm: "f1ox8cy",
+        iro3zm: "f3h1zc4",
         b661bw: "f1h0usnq",
@@ -705,3 +701,3 @@ Bk6r4ia: [
     transparent: {
-        De3pzq: "f1p3nfov",
+        De3pzq: "f1c21dwh",
         g2u3we: "f1p3nwhy",
@@ -717,3 +713,3 @@ h3c5rm: [
         ],
-        Jwef8y: "f1xw1o7i",
+        Jwef8y: "f9ql6rf",
         Bgoe8wy: "f1s2uweq",
@@ -729,3 +725,3 @@ Bwzppfd: [
         ],
-        iro3zm: "f1ddp76x",
+        iro3zm: "f3h1zc4",
         b661bw: "f1h0usnq",
@@ -744,3 +740,3 @@ Bk6r4ia: [
     d: [
-        ".frhfvzv{background-color:var(--107, var(--108, var(--colorNeutralBackgroundDisabled)));}",
+        ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
         ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
@@ -750,15 +746,13 @@ ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".fzobr5l{color:var(--109, var(--110, var(--colorNeutralForegroundDisabled)));}",
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
         ".fdrzuqr{cursor:not-allowed;}",
-        ".fgd0022 .fui-Button__icon{color:var(--111, var(--112, var(--colorNeutralForegroundDisabled)));}",
-        ".fyi9log{background-color:var(--125, var(--126, var(--colorTransparentBackground)));}",
+        ".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
         ".f1p3nwhy{border-top-color:transparent;}",
         ".f11589ue{border-right-color:transparent;}",
         ".f1pdflbu{border-left-color:transparent;}",
-        ".f1q5o8ev{border-bottom-color:transparent;}",
-        ".fq3tchs{background-color:var(--131, var(--132, var(--colorTransparentBackground)));}",
-        ".f1p3nfov{background-color:var(--137, var(--138, var(--colorTransparentBackground)));}"
+        ".f1q5o8ev{border-bottom-color:transparent;}"
     ],
     h: [
-        ".f1tesxrz:hover{background-color:var(--113, var(--114, var(--colorNeutralBackgroundDisabled)));}",
+        ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
         ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
@@ -768,8 +762,8 @@ ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".frafaxp:hover{color:var(--115, var(--116, var(--colorNeutralForegroundDisabled)));}",
+        ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
         ".fphbwmw:hover{cursor:not-allowed;}",
         ".f19vpps7:hover .fui-Icon-filled{display:none;}",
         ".fv5swzo:hover .fui-Icon-regular{display:inline;}",
-        ".f1qp763u:hover .fui-Button__icon{color:var(--117, var(--118, var(--colorNeutralForegroundDisabled)));}",
-        ".f14djvvj:hover:active{background-color:var(--119, var(--120, var(--colorNeutralBackgroundDisabled)));}",
+        ".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}",
         ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
@@ -779,9 +773,9 @@ ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".faxwmxw:hover:active{color:var(--121, var(--122, var(--colorNeutralForegroundDisabled)));}",
+        ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}",
         ".f8w4c43:hover:active{cursor:not-allowed;}",
         ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}",
         ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}",
-        ".f15h2u3k:hover:active .fui-Button__icon{color:var(--123, var(--124, var(--colorNeutralForegroundDisabled)));}",
-        ".ff1rlgk:hover{background-color:var(--127, var(--128, var(--colorTransparentBackground)));}",
-        ".fe123kk:hover:active{background-color:var(--129, var(--130, var(--colorTransparentBackground)));}",
+        ".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
+        ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}",
+        ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}",
         ".f1s2uweq:hover{border-top-color:transparent;}",
@@ -794,7 +788,3 @@ ".fr80ssc:hover{border-right-color:transparent;}",
         ".fx2bmrt:hover:active{border-left-color:transparent;}",
-        ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
-        ".f1ejnv35:hover{background-color:var(--133, var(--134, var(--colorTransparentBackground)));}",
-        ".f1ox8cy:hover:active{background-color:var(--135, var(--136, var(--colorTransparentBackground)));}",
-        ".f1xw1o7i:hover{background-color:var(--139, var(--140, var(--colorTransparentBackground)));}",
-        ".f1ddp76x:hover:active{background-color:var(--141, var(--142, var(--colorTransparentBackground)));}"
+        ".f16h9ulv:hover:active{border-bottom-color:transparent;}"
     ],
@@ -918,3 +908,3 @@ m: [
         B6xbmo0: 0,
-        B3whbx2: "f1bx8dc2"
+        B3whbx2: "f1062rbf"
     },
@@ -927,3 +917,3 @@ rounded: {},
         B6xbmo0: 0,
-        B3whbx2: "fd666qa"
+        B3whbx2: "fj0ryk1"
     },
@@ -967,3 +957,3 @@ primary: {
         B6xbmo0: 0,
-        B3whbx2: "fdt9xh3"
+        B3whbx2: "fazmxh"
     },
@@ -976,3 +966,3 @@ medium: {},
         B6xbmo0: 0,
-        B3whbx2: "f1kvjb74"
+        B3whbx2: "f1b6alqh"
     }
@@ -982,3 +972,3 @@ }, {
         [
-            ".f1bx8dc2[data-fui-focus-visible]{border-radius:var(--143, var(--144, var(--borderRadiusCircular)));}",
+            ".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}",
             {
@@ -989,3 +979,3 @@ p: -1
         [
-            ".fd666qa[data-fui-focus-visible]{border-radius:var(--145, var(--146, var(--borderRadiusNone)));}",
+            ".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}",
             {
@@ -1007,3 +997,3 @@ p: -1
         [
-            ".fdt9xh3[data-fui-focus-visible]{border-radius:var(--147, var(--148, var(--borderRadiusSmall)));}",
+            ".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}",
             {
@@ -1014,3 +1004,3 @@ p: -1
         [
-            ".f1kvjb74[data-fui-focus-visible]{border-radius:var(--149, var(--150, var(--borderRadiusLarge)));}",
+            ".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}",
             {
@@ -1087,3 +1077,3 @@ p: -1
         a9b677: "f64fuq3",
-        Bqrlyyl: "f1grhd4t"
+        Bqrlyyl: "fbaiahx"
     },
@@ -1095,3 +1085,3 @@ medium: {},
         a9b677: "fq4mcun",
-        Bqrlyyl: "fht5m1c"
+        Bqrlyyl: "f1exjqw5"
     },
@@ -1115,7 +1105,7 @@ before: {
         ".f64fuq3{width:20px;}",
-        ".f1grhd4t{--fui-Button__icon--spacing:var(--151, var(--152, var(--spacingHorizontalXS)));}",
+        ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}",
         ".f1rt2boy{font-size:24px;}",
         ".frvgh55{height:24px;}",
         ".fq4mcun{width:24px;}",
-        ".fht5m1c{--fui-Button__icon--spacing:var(--153, var(--154, var(--spacingHorizontalSNudge)));}",
+        ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}",
         ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}",
@@ -1122,0 +1112,0 @@ ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"

lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js

@@ -30,5 +30,5 @@ "use strict";
         Bqenvij: "f11ysow2",
-        J657lq: "f1b5z9sw",
-        Jlnjib: "f5qeon2",
-        Bc29nj9: "faudw5a"
+        J657lq: "f1um431h",
+        Jlnjib: "fte7hqw",
+        Bc29nj9: "f1yh8ef3"
     },
@@ -41,5 +41,5 @@ highContrast: {
     primary: {
-        J657lq: "funjct6",
-        Jlnjib: "f1asokf4",
-        Bc29nj9: "f1itcsjs",
+        J657lq: "foe7gw6",
+        Jlnjib: "fvxlz81",
+        Bc29nj9: "f1c2mdy",
         B8ia98v: "f1r39r2s"
@@ -49,5 +49,5 @@ },
     subtle: {
-        J657lq: "f1ux1mnk",
-        Jlnjib: "f1vzarvd",
-        Bc29nj9: "fjbugxx",
+        J657lq: "f1um431h",
+        Jlnjib: "fte7hqw",
+        Bc29nj9: "f1yh8ef3",
         pu7qz5: "f1xoeh18",
@@ -57,5 +57,5 @@ B10010i: "f1ca1nd7"
     transparent: {
-        J657lq: "fvbbhyc",
-        Jlnjib: "f8ewxuj",
-        Bc29nj9: "f1fahull"
+        J657lq: "f1um431h",
+        Jlnjib: "f1wn9xqz",
+        Bc29nj9: "f1a8q4d0"
     },
@@ -68,4 +68,4 @@ small: {
         B0ocmuz: "f1ge6w2w",
-        Be2twd7: "f15gbzv1",
-        Bg96gwp: "f1sa15c0"
+        Be2twd7: "fkhj508",
+        Bg96gwp: "f1i3iumi"
     },
@@ -78,4 +78,4 @@ medium: {
         B0ocmuz: "fnnf4v2",
-        Be2twd7: "fjciaph",
-        Bg96gwp: "fbdd13v"
+        Be2twd7: "fkhj508",
+        Bg96gwp: "f1i3iumi"
     },
@@ -88,9 +88,9 @@ large: {
         B0ocmuz: "f14s4sho",
-        Be2twd7: "f1kvdf5n",
-        Bg96gwp: "fs68quy"
+        Be2twd7: "fod5ikn",
+        Bg96gwp: "faaz57k"
     },
     disabled: {
-        J657lq: "f1jzfktb",
-        Jlnjib: "f1r3q7yt",
-        Bc29nj9: "fdct7rr"
+        J657lq: "f1rlv8bf",
+        Jlnjib: "fd1dbtm",
+        Bc29nj9: "f1vqmdmi"
     },
@@ -105,6 +105,4 @@ disabledHighContrast: {
         ".f11ysow2{height:auto;}",
-        ".f1b5z9sw .fui-CompoundButton__secondaryContent{color:var(--1, var(--2, var(--colorNeutralForeground2)));}",
-        ".funjct6 .fui-CompoundButton__secondaryContent{color:var(--7, var(--8, var(--colorNeutralForegroundOnBrand)));}",
-        ".f1ux1mnk .fui-CompoundButton__secondaryContent{color:var(--13, var(--14, var(--colorNeutralForeground2)));}",
-        ".fvbbhyc .fui-CompoundButton__secondaryContent{color:var(--19, var(--20, var(--colorNeutralForeground2)));}",
+        ".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}",
+        ".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}",
         [
@@ -116,4 +114,4 @@ ".f1ge6w2w{padding:var(--spacingHorizontalS) var(--spacingHorizontalS) var(--spacingHorizontalMNudge) var(--spacingHorizontalS);}",
         ],
-        ".f15gbzv1{font-size:var(--25, var(--26, var(--fontSizeBase300)));}",
-        ".f1sa15c0{line-height:var(--27, var(--28, var(--lineHeightBase300)));}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
         [
@@ -125,4 +123,2 @@ ".fnnf4v2{padding:14px var(--spacingHorizontalM) var(--spacingHorizontalL) var(--spacingHorizontalM);}",
         ],
-        ".fjciaph{font-size:var(--29, var(--30, var(--fontSizeBase300)));}",
-        ".fbdd13v{line-height:var(--31, var(--32, var(--lineHeightBase300)));}",
         [
@@ -134,17 +130,15 @@ ".f14s4sho{padding:18px var(--spacingHorizontalL) var(--spacingHorizontalXL) var(--spacingHorizontalL);}",
         ],
-        ".f1kvdf5n{font-size:var(--33, var(--34, var(--fontSizeBase400)));}",
-        ".fs68quy{line-height:var(--35, var(--36, var(--lineHeightBase400)));}",
-        ".f1jzfktb .fui-CompoundButton__secondaryContent{color:var(--37, var(--38, var(--colorNeutralForegroundDisabled)));}"
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}"
     ],
     h: [
-        ".f5qeon2:hover .fui-CompoundButton__secondaryContent{color:var(--3, var(--4, var(--colorNeutralForeground2Hover)));}",
-        ".faudw5a:hover:active .fui-CompoundButton__secondaryContent{color:var(--5, var(--6, var(--colorNeutralForeground2Pressed)));}",
-        ".f1asokf4:hover .fui-CompoundButton__secondaryContent{color:var(--9, var(--10, var(--colorNeutralForegroundOnBrand)));}",
-        ".f1itcsjs:hover:active .fui-CompoundButton__secondaryContent{color:var(--11, var(--12, var(--colorNeutralForegroundOnBrand)));}",
-        ".f1vzarvd:hover .fui-CompoundButton__secondaryContent{color:var(--15, var(--16, var(--colorNeutralForeground2Hover)));}",
-        ".fjbugxx:hover:active .fui-CompoundButton__secondaryContent{color:var(--17, var(--18, var(--colorNeutralForeground2Pressed)));}",
-        ".f8ewxuj:hover .fui-CompoundButton__secondaryContent{color:var(--21, var(--22, var(--colorNeutralForeground2BrandHover)));}",
-        ".f1fahull:hover:active .fui-CompoundButton__secondaryContent{color:var(--23, var(--24, var(--colorNeutralForeground2BrandPressed)));}",
-        ".f1r3q7yt:hover .fui-CompoundButton__secondaryContent{color:var(--39, var(--40, var(--colorNeutralForegroundDisabled)));}",
-        ".fdct7rr:hover:active .fui-CompoundButton__secondaryContent{color:var(--41, var(--42, var(--colorNeutralForegroundDisabled)));}"
+        ".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}",
+        ".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}",
+        ".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}",
+        ".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}",
+        ".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}"
     ],
@@ -208,3 +202,3 @@ m: [
         z8tnut: 0,
-        B0ocmuz: "fwgbj9c",
+        B0ocmuz: "f1t35pdg",
         B2u0y6b: "ft5vyj6",
@@ -218,3 +212,3 @@ Bf4jedk: "f17suaiq"
         z8tnut: 0,
-        B0ocmuz: "fbeqm23",
+        B0ocmuz: "f1r1wyb6",
         B2u0y6b: "fdczgix",
@@ -228,3 +222,3 @@ Bf4jedk: "fjdcg9m"
         z8tnut: 0,
-        B0ocmuz: "f11g5gth",
+        B0ocmuz: "f1bnz8pu",
         B2u0y6b: "fww51uw",
@@ -236,3 +230,3 @@ Bf4jedk: "f1qhsl2h"
         [
-            ".fwgbj9c{padding:var(--43, var(--44, var(--spacingHorizontalXS)));}",
+            ".f1t35pdg{padding:var(--spacingHorizontalXS);}",
             {
@@ -245,3 +239,3 @@ p: -1
         [
-            ".fbeqm23{padding:var(--45, var(--46, var(--spacingHorizontalSNudge)));}",
+            ".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}",
             {
@@ -254,3 +248,3 @@ p: -1
         [
-            ".f11g5gth{padding:var(--47, var(--48, var(--spacingHorizontalS)));}",
+            ".f1bnz8pu{padding:var(--spacingHorizontalS);}",
             {
@@ -272,4 +266,4 @@ p: -1
         t21cq0: [
-            "ffspaqv",
-            "fl41pyz"
+            "fkujibs",
+            "f199hnxi"
         ]
@@ -279,4 +273,4 @@ },
         Frg6f3: [
-            "ffeii54",
-            "f160gfk7"
+            "f199hnxi",
+            "fkujibs"
         ]
@@ -289,6 +283,4 @@ }
         ".feqmc2u{width:40px;}",
-        ".ffspaqv{margin-right:var(--49, var(--50, var(--spacingHorizontalM)));}",
-        ".fl41pyz{margin-left:var(--49, var(--50, var(--spacingHorizontalM)));}",
-        ".ffeii54{margin-left:var(--51, var(--52, var(--spacingHorizontalM)));}",
-        ".f160gfk7{margin-right:var(--51, var(--52, var(--spacingHorizontalM)));}"
+        ".fkujibs{margin-right:var(--spacingHorizontalM);}",
+        ".f199hnxi{margin-left:var(--spacingHorizontalM);}"
     ]
@@ -316,12 +308,12 @@ });
         Bg96gwp: "flkuc6h",
-        Bhrd7zp: "fdm1671"
+        Bhrd7zp: "figsok6"
     },
     small: {
-        Be2twd7: "fom2f27"
+        Be2twd7: "fy9rknc"
     },
     medium: {
-        Be2twd7: "f41zv8s"
+        Be2twd7: "fy9rknc"
     },
     large: {
-        Be2twd7: "fd6cvnp"
+        Be2twd7: "fkhj508"
     }
@@ -331,6 +323,5 @@ }, {
         ".flkuc6h{line-height:100%;}",
-        ".fdm1671{font-weight:var(--53, var(--54, var(--fontWeightRegular)));}",
-        ".fom2f27{font-size:var(--55, var(--56, var(--fontSizeBase200)));}",
-        ".f41zv8s{font-size:var(--57, var(--58, var(--fontSizeBase200)));}",
-        ".fd6cvnp{font-size:var(--59, var(--60, var(--fontSizeBase300)));}"
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}"
     ]
@@ -337,0 +328,0 @@ });

lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js

@@ -52,9 +52,9 @@ "use strict";
         ],
-        sj55zd: "f1finf92"
+        sj55zd: "f14nttnl"
     },
     primary: {
-        De3pzq: "f12rqg2x"
+        De3pzq: "f8w4g0q"
     },
     secondary: {
-        De3pzq: "fycfq0p",
+        De3pzq: "f1nfm20t",
         g2u3we: "f1ly1fcm",
@@ -70,11 +70,11 @@ h3c5rm: [
         ],
-        sj55zd: "f1fndet9"
+        sj55zd: "f14nttnl"
     },
     subtle: {
-        De3pzq: "fqsphwg",
-        sj55zd: "f1azrvd3"
+        De3pzq: "fq5gl1p",
+        sj55zd: "f1eryozh"
     },
     transparent: {
-        De3pzq: "fn0l55a",
-        sj55zd: "f161y6v8"
+        De3pzq: "f1q9pm1r",
+        sj55zd: "f1qj7y59"
     }
@@ -93,10 +93,9 @@ }, {
         ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}",
-        ".f1finf92{color:var(--61, var(--62, var(--colorNeutralForeground1Selected)));}",
-        ".f12rqg2x{background-color:var(--63, var(--64, var(--colorBrandBackgroundSelected)));}",
-        ".fycfq0p{background-color:var(--65, var(--66, var(--colorNeutralBackground1Selected)));}",
-        ".f1fndet9{color:var(--67, var(--68, var(--colorNeutralForeground1Selected)));}",
-        ".fqsphwg{background-color:var(--69, var(--70, var(--colorSubtleBackgroundSelected)));}",
-        ".f1azrvd3{color:var(--71, var(--72, var(--colorNeutralForeground2Selected)));}",
-        ".fn0l55a{background-color:var(--73, var(--74, var(--colorTransparentBackgroundSelected)));}",
-        ".f161y6v8{color:var(--75, var(--76, var(--colorNeutralForeground2BrandSelected)));}"
+        ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
+        ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}",
+        ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
+        ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
+        ".f1eryozh{color:var(--colorNeutralForeground2Selected);}",
+        ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
+        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
     ]
@@ -106,13 +105,13 @@ });
     outline: {
-        sj55zd: "ftk8xbm"
+        sj55zd: "f14nttnl"
     },
     primary: {},
     secondary: {
-        sj55zd: "fgnw87d"
+        sj55zd: "f14nttnl"
     },
     subtle: {
-        sj55zd: "fvqox4k"
+        sj55zd: "f1qj7y59"
     },
     transparent: {
-        sj55zd: "fg854at"
+        sj55zd: "f1qj7y59"
     },
@@ -124,6 +123,4 @@ highContrast: {
     d: [
-        ".ftk8xbm{color:var(--77, var(--78, var(--colorNeutralForeground1Selected)));}",
-        ".fgnw87d{color:var(--79, var(--80, var(--colorNeutralForeground1Selected)));}",
-        ".fvqox4k{color:var(--81, var(--82, var(--colorNeutralForeground2BrandSelected)));}",
-        ".fg854at{color:var(--83, var(--84, var(--colorNeutralForeground2BrandSelected)));}"
+        ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
+        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
     ],
@@ -146,3 +143,3 @@ m: [
         Bqenvij: "fvblgha",
-        Bg96gwp: "f1icsd6r",
+        Bg96gwp: "fwrc4pm",
         a9b677: "frx94fk"
@@ -153,3 +150,3 @@ },
         Bqenvij: "fvblgha",
-        Bg96gwp: "f1ug5xja",
+        Bg96gwp: "fwrc4pm",
         a9b677: "frx94fk"
@@ -160,3 +157,3 @@ },
         Bqenvij: "fd461yt",
-        Bg96gwp: "fgxsxhu",
+        Bg96gwp: "faaz57k",
         a9b677: "fjw5fx7"
@@ -166,4 +163,4 @@ },
         Frg6f3: [
-            "f1en42g9",
-            "fesyhy"
+            "fbyavb5",
+            "fm0x6gh"
         ]
@@ -176,11 +173,10 @@ }
         ".fvblgha{height:12px;}",
-        ".f1icsd6r{line-height:var(--85, var(--86, var(--lineHeightBase200)));}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
         ".frx94fk{width:12px;}",
-        ".f1ug5xja{line-height:var(--87, var(--88, var(--lineHeightBase200)));}",
         ".f4ybsrx{font-size:16px;}",
         ".fd461yt{height:16px;}",
-        ".fgxsxhu{line-height:var(--89, var(--90, var(--lineHeightBase400)));}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
         ".fjw5fx7{width:16px;}",
-        ".f1en42g9{margin-left:var(--91, var(--92, var(--spacingHorizontalXS)));}",
-        ".fesyhy{margin-right:var(--91, var(--92, var(--spacingHorizontalXS)));}"
+        ".fbyavb5{margin-left:var(--spacingHorizontalXS);}",
+        ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}"
     ]
@@ -187,0 +183,0 @@ });

lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js

@@ -91,12 +91,12 @@ "use strict";
         B1l9wao: [
-            "ftvqy83",
-            "fnfyj41"
+            "f4rm5b0",
+            "f1tuwo13"
         ],
         lcnrd8: [
-            "f9xh180",
-            "f1w8ntad"
+            "fdwdeeo",
+            "f1ezdslh"
         ],
         Brbpp8k: [
-            "fxn1fl2",
-            "fgyet80"
+            "fckzjn8",
+            "f8ohr2i"
         ],
@@ -119,12 +119,12 @@ Bcsxniv: [
         B1l9wao: [
-            "f1yo4dgb",
-            "ff6yatw"
+            "fbw67pg",
+            "fcas6k2"
         ],
         lcnrd8: [
-            "f1afbnnz",
-            "f9myr3o"
+            "fn44ryq",
+            "fwhhltr"
         ],
         Brbpp8k: [
-            "fbqtpi2",
-            "f1njbwn0"
+            "f1xppm0p",
+            "fkfp127"
         ]
@@ -134,12 +134,12 @@ },
         B1l9wao: [
-            "f1ebgnyd",
-            "f8coqc"
+            "fbw67pg",
+            "fcas6k2"
         ],
         lcnrd8: [
-            "f152rz25",
-            "f1fm6l08"
+            "fn44ryq",
+            "fwhhltr"
         ],
         Brbpp8k: [
-            "fx9f09k",
-            "fsc52d9"
+            "f1xppm0p",
+            "fkfp127"
         ]
@@ -152,12 +152,12 @@ },
         B1l9wao: [
-            "f1t6iz8f",
-            "fe4c7e8"
+            "f10xrnr8",
+            "f15nylwb"
         ],
         lcnrd8: [
-            "fs0yi99",
-            "f13k3mky"
+            "f11fwhjz",
+            "f18vtcsx"
         ],
         Brbpp8k: [
-            "fb9uzha",
-            "f472bms"
+            "f31btwb",
+            "fzgm9gq"
         ]
@@ -196,28 +196,22 @@ },
         ".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}",
-        ".ftvqy83 .fui-SplitButton__primaryActionButton{border-right-color:var(--93, var(--94, var(--colorNeutralStrokeOnBrand)));}",
-        ".fnfyj41 .fui-SplitButton__primaryActionButton{border-left-color:var(--93, var(--94, var(--colorNeutralStrokeOnBrand)));}",
-        ".f1yo4dgb .fui-SplitButton__primaryActionButton{border-right-color:var(--99, var(--100, var(--colorNeutralStroke1)));}",
-        ".ff6yatw .fui-SplitButton__primaryActionButton{border-left-color:var(--99, var(--100, var(--colorNeutralStroke1)));}",
-        ".f1ebgnyd .fui-SplitButton__primaryActionButton{border-right-color:var(--105, var(--106, var(--colorNeutralStroke1)));}",
-        ".f8coqc .fui-SplitButton__primaryActionButton{border-left-color:var(--105, var(--106, var(--colorNeutralStroke1)));}",
-        ".f1t6iz8f .fui-SplitButton__primaryActionButton{border-right-color:var(--111, var(--112, var(--colorNeutralStrokeDisabled)));}",
-        ".fe4c7e8 .fui-SplitButton__primaryActionButton{border-left-color:var(--111, var(--112, var(--colorNeutralStrokeDisabled)));}"
+        ".f4rm5b0 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}",
+        ".f1tuwo13 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}",
+        ".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}",
+        ".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}",
+        ".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"
     ],
     h: [
-        ".f9xh180:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--95, var(--96, var(--colorNeutralStrokeOnBrand)));}",
-        ".f1w8ntad:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--95, var(--96, var(--colorNeutralStrokeOnBrand)));}",
-        ".fxn1fl2:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--97, var(--98, var(--colorNeutralStrokeOnBrand)));}",
-        ".fgyet80:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--97, var(--98, var(--colorNeutralStrokeOnBrand)));}",
-        ".f1afbnnz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--101, var(--102, var(--colorNeutralStroke1Hover)));}",
-        ".f9myr3o:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--101, var(--102, var(--colorNeutralStroke1Hover)));}",
-        ".fbqtpi2:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--103, var(--104, var(--colorNeutralStroke1Pressed)));}",
-        ".f1njbwn0:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--103, var(--104, var(--colorNeutralStroke1Pressed)));}",
-        ".f152rz25:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--107, var(--108, var(--colorNeutralStroke1Hover)));}",
-        ".f1fm6l08:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--107, var(--108, var(--colorNeutralStroke1Hover)));}",
-        ".fx9f09k:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--109, var(--110, var(--colorNeutralStroke1Pressed)));}",
-        ".fsc52d9:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--109, var(--110, var(--colorNeutralStroke1Pressed)));}",
-        ".fs0yi99:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--113, var(--114, var(--colorNeutralStrokeDisabled)));}",
-        ".f13k3mky:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--113, var(--114, var(--colorNeutralStrokeDisabled)));}",
-        ".fb9uzha:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--115, var(--116, var(--colorNeutralStrokeDisabled)));}",
-        ".f472bms:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--115, var(--116, var(--colorNeutralStrokeDisabled)));}"
+        ".fdwdeeo:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}",
+        ".f1ezdslh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}",
+        ".fckzjn8:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}",
+        ".f8ohr2i:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}",
+        ".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}",
+        ".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}",
+        ".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}",
+        ".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}",
+        ".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}",
+        ".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"
     ],
@@ -224,0 +218,0 @@ m: [

lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js

@@ -27,3 +27,3 @@ "use strict";
     base: {
-        De3pzq: "f1quyamg",
+        De3pzq: "f1nfm20t",
         g2u3we: "fj3muxo",
@@ -39,3 +39,3 @@ h3c5rm: [
         ],
-        sj55zd: "ftobqpq",
+        sj55zd: "f14nttnl",
         B4j52fo: "f192inf7",
@@ -53,3 +53,3 @@ Bekrc4i: [
         t6yez3: "f15q0o9g",
-        Jwef8y: "f1ufrqid",
+        Jwef8y: "f1knas48",
         Bgoe8wy: "fvcxoqz",
@@ -65,4 +65,4 @@ Bwzppfd: [
         ],
-        Bi91k9c: "frsn5jk",
-        iro3zm: "fld24mq",
+        Bi91k9c: "feu1g3u",
+        iro3zm: "f141de4g",
         b661bw: "f11v6sdu",
@@ -78,3 +78,3 @@ Bk6r4ia: [
         ],
-        B2d53fq: "f13xdy7n"
+        B2d53fq: "f9olfzr"
     },
@@ -139,3 +139,3 @@ highContrast: {
     outline: {
-        De3pzq: "f172tr4g",
+        De3pzq: "f1q9pm1r",
         g2u3we: "fj3muxo",
@@ -161,4 +161,4 @@ h3c5rm: [
         ],
-        Jwef8y: "fy73arb",
-        iro3zm: "f1n3kqpp",
+        Jwef8y: "fjxutwb",
+        iro3zm: "fwiml72",
         B8q5s1w: "fcaw57c",
@@ -176,3 +176,3 @@ Bci5o5g: [
     primary: {
-        De3pzq: "f1lf224m",
+        De3pzq: "f8w4g0q",
         g2u3we: "f1p3nwhy",
@@ -188,4 +188,4 @@ h3c5rm: [
         ],
-        sj55zd: "fg5qrus",
-        Jwef8y: "fxswv3b",
+        sj55zd: "f1phragk",
+        Jwef8y: "f15wkkf3",
         Bgoe8wy: "f1s2uweq",
@@ -201,4 +201,4 @@ Bwzppfd: [
         ],
-        Bi91k9c: "fuwkukp",
-        iro3zm: "f1psmnu2",
+        Bi91k9c: "f1rq72xc",
+        iro3zm: "fnp9lpt",
         b661bw: "f1h0usnq",
@@ -214,7 +214,7 @@ Bk6r4ia: [
         ],
-        B2d53fq: "f2ivi1s"
+        B2d53fq: "f1d6v5y2"
     },
     secondary: {},
     subtle: {
-        De3pzq: "f1ftzvcr",
+        De3pzq: "fq5gl1p",
         g2u3we: "f1p3nwhy",
@@ -230,4 +230,4 @@ h3c5rm: [
         ],
-        sj55zd: "ffjioa1",
-        Jwef8y: "f1d9twxa",
+        sj55zd: "f1eryozh",
+        Jwef8y: "f1t94bn6",
         Bgoe8wy: "f1s2uweq",
@@ -243,4 +243,4 @@ Bwzppfd: [
         ],
-        Bi91k9c: "f1bnsls0",
-        iro3zm: "f2qeqlu",
+        Bi91k9c: "fnwyq0v",
+        iro3zm: "fsv2rcd",
         b661bw: "f1h0usnq",
@@ -256,6 +256,6 @@ Bk6r4ia: [
         ],
-        B2d53fq: "fmikl02"
+        B2d53fq: "f1omzyqd"
     },
     transparent: {
-        De3pzq: "f13l10xp",
+        De3pzq: "f1q9pm1r",
         g2u3we: "f1p3nwhy",
@@ -271,4 +271,4 @@ h3c5rm: [
         ],
-        sj55zd: "f1qj54ry",
-        Jwef8y: "f7m7ne2",
+        sj55zd: "f1qj7y59",
+        Jwef8y: "fjxutwb",
         Bgoe8wy: "f1s2uweq",
@@ -284,4 +284,4 @@ Bwzppfd: [
         ],
-        Bi91k9c: "f1svx1ee",
-        iro3zm: "f1qy32lw",
+        Bi91k9c: "f139oj5f",
+        iro3zm: "fwiml72",
         b661bw: "f1h0usnq",
@@ -297,7 +297,7 @@ Bk6r4ia: [
         ],
-        B2d53fq: "fjg449s"
+        B2d53fq: "f1fg1p5m"
     }
 }, {
     d: [
-        ".f1quyamg{background-color:var(--117, var(--118, var(--colorNeutralBackground1Selected)));}",
+        ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
         ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
@@ -307,3 +307,3 @@ ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
         ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
-        ".ftobqpq{color:var(--119, var(--120, var(--colorNeutralForeground1Selected)));}",
+        ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
         ".f192inf7{border-top-width:var(--strokeWidthThin);}",
@@ -315,3 +315,3 @@ ".f5tn483{border-right-width:var(--strokeWidthThin);}",
         ".f15q0o9g .fui-Icon-regular{display:none;}",
-        ".f172tr4g{background-color:var(--129, var(--130, var(--colorTransparentBackgroundSelected)));}",
+        ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
         ".fgx37oo{border-top-width:var(--strokeWidthThicker);}",
@@ -325,3 +325,3 @@ ".f130t4y6{border-right-width:var(--strokeWidthThicker);}",
         ".f1hi52o4[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralStroke1);}",
-        ".f1lf224m{background-color:var(--135, var(--136, var(--colorBrandBackgroundSelected)));}",
+        ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}",
         ".f1p3nwhy{border-top-color:transparent;}",
@@ -331,10 +331,9 @@ ".f11589ue{border-right-color:transparent;}",
         ".f1q5o8ev{border-bottom-color:transparent;}",
-        ".fg5qrus{color:var(--137, var(--138, var(--colorNeutralForegroundOnBrand)));}",
-        ".f1ftzvcr{background-color:var(--147, var(--148, var(--colorSubtleBackgroundSelected)));}",
-        ".ffjioa1{color:var(--149, var(--150, var(--colorNeutralForeground2Selected)));}",
-        ".f13l10xp{background-color:var(--159, var(--160, var(--colorTransparentBackgroundSelected)));}",
-        ".f1qj54ry{color:var(--161, var(--162, var(--colorNeutralForeground2BrandSelected)));}"
+        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
+        ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
+        ".f1eryozh{color:var(--colorNeutralForeground2Selected);}",
+        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
     ],
     h: [
-        ".f1ufrqid:hover{background-color:var(--121, var(--122, var(--colorNeutralBackground1Hover)));}",
+        ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
         ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}",
@@ -344,4 +343,4 @@ ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}",
         ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}",
-        ".frsn5jk:hover{color:var(--123, var(--124, var(--colorNeutralForeground1Hover)));}",
-        ".fld24mq:hover:active{background-color:var(--125, var(--126, var(--colorNeutralBackground1Pressed)));}",
+        ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
+        ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}",
         ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}",
@@ -351,6 +350,6 @@ ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}",
         ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
-        ".f13xdy7n:hover:active{color:var(--127, var(--128, var(--colorNeutralForeground1Pressed)));}",
-        ".fy73arb:hover{background-color:var(--131, var(--132, var(--colorTransparentBackgroundHover)));}",
-        ".f1n3kqpp:hover:active{background-color:var(--133, var(--134, var(--colorTransparentBackgroundPressed)));}",
-        ".fxswv3b:hover{background-color:var(--139, var(--140, var(--colorBrandBackgroundHover)));}",
+        ".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;}",
@@ -360,4 +359,4 @@ ".fr80ssc:hover{border-right-color:transparent;}",
         ".f1ukrpxl:hover{border-bottom-color:transparent;}",
-        ".fuwkukp:hover{color:var(--141, var(--142, var(--colorNeutralForegroundOnBrand)));}",
-        ".f1psmnu2:hover:active{background-color:var(--143, var(--144, var(--colorBrandBackgroundPressed)));}",
+        ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
+        ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}",
         ".f1h0usnq:hover:active{border-top-color:transparent;}",
@@ -367,11 +366,9 @@ ".fs4ktlq:hover:active{border-right-color:transparent;}",
         ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
-        ".f2ivi1s:hover:active{color:var(--145, var(--146, var(--colorNeutralForegroundOnBrand)));}",
-        ".f1d9twxa:hover{background-color:var(--151, var(--152, var(--colorSubtleBackgroundHover)));}",
-        ".f1bnsls0:hover{color:var(--153, var(--154, var(--colorNeutralForeground2Hover)));}",
-        ".f2qeqlu:hover:active{background-color:var(--155, var(--156, var(--colorSubtleBackgroundPressed)));}",
-        ".fmikl02:hover:active{color:var(--157, var(--158, var(--colorNeutralForeground2Pressed)));}",
-        ".f7m7ne2:hover{background-color:var(--163, var(--164, var(--colorTransparentBackgroundHover)));}",
-        ".f1svx1ee:hover{color:var(--165, var(--166, var(--colorNeutralForeground2BrandHover)));}",
-        ".f1qy32lw:hover:active{background-color:var(--167, var(--168, var(--colorTransparentBackgroundPressed)));}",
-        ".fjg449s:hover:active{color:var(--169, var(--170, var(--colorNeutralForeground2BrandPressed)));}"
+        ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}",
+        ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}",
+        ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
+        ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
     ],
@@ -492,3 +489,3 @@ m: [
     base: {
-        De3pzq: "f1osjf8k",
+        De3pzq: "f1bg9a2p",
         g2u3we: "f1jj8ep1",
@@ -504,4 +501,4 @@ h3c5rm: [
         ],
-        sj55zd: "fvc80cw",
-        Jwef8y: "f1drr2o5",
+        sj55zd: "f1s2aq7o",
+        Jwef8y: "f1falr9n",
         Bgoe8wy: "f12mpcsy",
@@ -517,4 +514,4 @@ Bwzppfd: [
         ],
-        Bi91k9c: "fbgtw56",
-        iro3zm: "f1skfleq",
+        Bi91k9c: "fvgxktp",
+        iro3zm: "f1t6o4dc",
         b661bw: "f10ztigi",
@@ -530,3 +527,3 @@ Bk6r4ia: [
         ],
-        B2d53fq: "f1h9k2a9"
+        B2d53fq: "fcvwxyo"
     },
@@ -568,3 +565,3 @@ outline: {},
     subtle: {
-        De3pzq: "f1p2r5mf",
+        De3pzq: "f1c21dwh",
         g2u3we: "f1p3nwhy",
@@ -580,3 +577,3 @@ h3c5rm: [
         ],
-        Jwef8y: "fi2y0pq",
+        Jwef8y: "fjxutwb",
         Bgoe8wy: "f1s2uweq",
@@ -592,3 +589,3 @@ Bwzppfd: [
         ],
-        iro3zm: "fzki9cu",
+        iro3zm: "fwiml72",
         b661bw: "f1h0usnq",
@@ -606,3 +603,3 @@ Bk6r4ia: [
     transparent: {
-        De3pzq: "f1ps6dp4",
+        De3pzq: "f1c21dwh",
         g2u3we: "f1p3nwhy",
@@ -618,3 +615,3 @@ h3c5rm: [
         ],
-        Jwef8y: "f1599wiw",
+        Jwef8y: "fjxutwb",
         Bgoe8wy: "f1s2uweq",
@@ -630,3 +627,3 @@ Bwzppfd: [
         ],
-        iro3zm: "f18qe6cd",
+        iro3zm: "fwiml72",
         b661bw: "f1h0usnq",
@@ -645,3 +642,3 @@ Bk6r4ia: [
     d: [
-        ".f1osjf8k{background-color:var(--171, var(--172, var(--colorNeutralBackgroundDisabled)));}",
+        ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
         ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
@@ -651,3 +648,3 @@ ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".fvc80cw{color:var(--173, var(--174, var(--colorNeutralForegroundDisabled)));}",
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
         ".f1p3nwhy{border-top-color:transparent;}",
@@ -657,7 +654,6 @@ ".f11589ue{border-right-color:transparent;}",
         ".f1q5o8ev{border-bottom-color:transparent;}",
-        ".f1p2r5mf{background-color:var(--183, var(--184, var(--colorTransparentBackground)));}",
-        ".f1ps6dp4{background-color:var(--189, var(--190, var(--colorTransparentBackground)));}"
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}"
     ],
     h: [
-        ".f1drr2o5:hover{background-color:var(--175, var(--176, var(--colorNeutralBackgroundDisabled)));}",
+        ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
         ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
@@ -667,4 +663,4 @@ ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".fbgtw56:hover{color:var(--177, var(--178, var(--colorNeutralForegroundDisabled)));}",
-        ".f1skfleq:hover:active{background-color:var(--179, var(--180, var(--colorNeutralBackgroundDisabled)));}",
+        ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}",
         ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
@@ -674,3 +670,3 @@ ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".f1h9k2a9:hover:active{color:var(--181, var(--182, var(--colorNeutralForegroundDisabled)));}",
+        ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}",
         ".f1s2uweq:hover{border-top-color:transparent;}",
@@ -684,6 +680,4 @@ ".fr80ssc:hover{border-right-color:transparent;}",
         ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
-        ".fi2y0pq:hover{background-color:var(--185, var(--186, var(--colorTransparentBackgroundHover)));}",
-        ".fzki9cu:hover:active{background-color:var(--187, var(--188, var(--colorTransparentBackgroundPressed)));}",
-        ".f1599wiw:hover{background-color:var(--191, var(--192, var(--colorTransparentBackgroundHover)));}",
-        ".f18qe6cd:hover:active{background-color:var(--193, var(--194, var(--colorTransparentBackgroundPressed)));}"
+        ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
+        ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}"
     ]
@@ -693,3 +687,3 @@ });
     subtleOrTransparent: {
-        sj55zd: "f1hg606s"
+        sj55zd: "f1qj7y59"
     },
@@ -701,3 +695,3 @@ highContrast: {
     d: [
-        ".f1hg606s{color:var(--195, var(--196, var(--colorNeutralForeground2BrandSelected)));}"
+        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
     ],
@@ -704,0 +698,0 @@ m: [

lib/components/Button/useButtonStyles.styles.js

@@ -20,15 +20,15 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
 const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;
-const useRootBaseClassName = /*#__PURE__*/__resetStyles("rcldc9l", null, {
-  r: [".rcldc9l{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--1, var(--2, var(--colorNeutralBackground1)));color:var(--3, var(--4, var(--colorNeutralForeground1)));border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--5, var(--6, var(--fontFamilyBase)));outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--19, var(--20, var(--borderRadiusMedium)));font-size:var(--21, var(--22, var(--fontSizeBase300)));font-weight:var(--23, var(--24, var(--fontWeightSemibold)));line-height:var(--25, var(--26, var(--lineHeightBase300)));transition-duration:var(--27, var(--28, var(--durationFaster)));transition-property:background,border,color;transition-timing-function:var(--29, var(--30, var(--curveEasyEase)));}", ".rcldc9l:hover{background-color:var(--7, var(--8, var(--colorNeutralBackground1Hover)));border-color:var(--9, var(--10, var(--colorNeutralStroke1Hover)));color:var(--11, var(--12, var(--colorNeutralForeground1Hover)));cursor:pointer;}", ".rcldc9l:hover:active{background-color:var(--13, var(--14, var(--colorNeutralBackground1Pressed)));border-color:var(--15, var(--16, var(--colorNeutralStroke1Pressed)));color:var(--17, var(--18, var(--colorNeutralForeground1Pressed)));outline-style:none;}", ".rcldc9l[data-fui-focus-visible]{border-color:var(--31, var(--32, var(--colorStrokeFocus2)));border-radius:var(--33, var(--34, var(--borderRadiusMedium)));border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"],
-  s: ["@media screen and (prefers-reduced-motion: reduce){.rcldc9l{transition-duration:0.01ms;}}", "@media (forced-colors: active){.rcldc9l:focus{border-color:ButtonText;}.rcldc9l:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rcldc9l:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}", "@supports (-moz-appearance:button){.rcldc9l[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
+const useRootBaseClassName = /*#__PURE__*/__resetStyles("r1alrhcs", null, {
+  r: [".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}", ".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}", ".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}", ".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"],
+  s: ["@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}", "@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}", "@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
 });
-const useIconBaseClassName = /*#__PURE__*/__resetStyles("rjvjuh1", null, [".rjvjuh1{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--35, var(--36, var(--spacingHorizontalSNudge)));}"]);
+const useIconBaseClassName = /*#__PURE__*/__resetStyles("rywnvv2", null, [".rywnvv2{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}"]);
 const useRootStyles = /*#__PURE__*/__styles({
   outline: {
-    De3pzq: "favd00m",
-    Jwef8y: "f1jlfcpx",
-    iro3zm: "f1fovm4r"
+    De3pzq: "f1c21dwh",
+    Jwef8y: "fjxutwb",
+    iro3zm: "fwiml72"
   },
   primary: {
-    De3pzq: "f1yiavn6",
+    De3pzq: "ffp7eso",
     g2u3we: "f1p3nwhy",
@@ -38,4 +38,4 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    sj55zd: "f147gany",
-    Jwef8y: "f1v2ig5q",
+    sj55zd: "f1phragk",
+    Jwef8y: "f15wkkf3",
     Bgoe8wy: "f1s2uweq",
@@ -45,4 +45,4 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    Bi91k9c: "f1kyym2e",
-    iro3zm: "ftwsmdl",
+    Bi91k9c: "f1rq72xc",
+    iro3zm: "fnp9lpt",
     b661bw: "f1h0usnq",
@@ -52,3 +52,3 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
     Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "f10ziroe",
+    B2d53fq: "f1d6v5y2",
     Bsw6fvg: "f1rirnrt",
@@ -76,3 +76,3 @@ Bjwas2f: "f1uu00uk",
   subtle: {
-    De3pzq: "f3ihjpl",
+    De3pzq: "fhovq9v",
     g2u3we: "f1p3nwhy",
@@ -82,4 +82,4 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    sj55zd: "f1f29j1b",
-    Jwef8y: "fzypk7",
+    sj55zd: "fkfq4zb",
+    Jwef8y: "f1t94bn6",
     Bgoe8wy: "f1s2uweq",
@@ -89,7 +89,7 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    Bi91k9c: "fkni20b",
+    Bi91k9c: "fnwyq0v",
     Bk3fhr4: "ft1hn21",
     Bmfj8id: "fuxngvv",
-    Bbdnnc7: "f1qlveqg",
-    iro3zm: "fpedn3v",
+    Bbdnnc7: "fy5bs14",
+    iro3zm: "fsv2rcd",
     b661bw: "f1h0usnq",
@@ -99,6 +99,6 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
     Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "f1ysq38h",
+    B2d53fq: "f1omzyqd",
     em6i61: "f1dfjoow",
     vm6p8p: "f1j98vj9",
-    x3br3k: "f5a9wio",
+    x3br3k: "fj8yq94",
     ze5xyy: "f4xjyn1",
@@ -110,3 +110,3 @@ Bx3q9su: "f1et0tmh",
   transparent: {
-    De3pzq: "f1rwsqvi",
+    De3pzq: "f1c21dwh",
     g2u3we: "f1p3nwhy",
@@ -116,4 +116,4 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    sj55zd: "f1kk4q8e",
-    Jwef8y: "f1g2jd2r",
+    sj55zd: "fkfq4zb",
+    Jwef8y: "fjxutwb",
     Bgoe8wy: "f1s2uweq",
@@ -123,6 +123,6 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    Bi91k9c: "f15tg7a0",
+    Bi91k9c: "f139oj5f",
     Bk3fhr4: "ft1hn21",
     Bmfj8id: "fuxngvv",
-    iro3zm: "fkrvwd4",
+    iro3zm: "fwiml72",
     b661bw: "f1h0usnq",
@@ -132,8 +132,8 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
     Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "fydzngg",
+    B2d53fq: "f1fg1p5m",
     em6i61: "f1dfjoow",
     vm6p8p: "f1j98vj9",
-    Bqrx1nm: "f1ur2eto",
+    Bqrx1nm: "f1tme0vf",
     ze5xyy: "f4xjyn1",
-    g2kj27: "f5r8knc",
+    g2kj27: "f18onu3q",
     pc6evw: "f9ddjv3"
@@ -146,3 +146,3 @@ },
     B7oj6ja: 0,
-    Dimara: "flzsvll"
+    Dimara: "f44lkw9"
   },
@@ -155,3 +155,3 @@ rounded: {},
     B7oj6ja: 0,
-    Dimara: "f1s3fluu"
+    Dimara: "f1fabniw"
   },
@@ -169,6 +169,6 @@ small: {
     B7oj6ja: 0,
-    Dimara: "f194ic6c",
-    Be2twd7: "fnltbal",
-    Bhrd7zp: "f1fk4m78",
-    Bg96gwp: "f1xzsb5v"
+    Dimara: "ft85np5",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm"
   },
@@ -191,6 +191,6 @@ smallWithIcon: {
     B7oj6ja: 0,
-    Dimara: "fh2riwq",
-    Be2twd7: "f1m8kw6o",
-    Bhrd7zp: "f1ldc7uk",
-    Bg96gwp: "f18h2bgy"
+    Dimara: "ft85np5",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "faaz57k"
   },
@@ -202,16 +202,16 @@ largeWithIcon: {
 }, {
-  d: [".favd00m{background-color:var(--37, var(--38, var(--colorTransparentBackground)));}", ".f1yiavn6{background-color:var(--43, var(--44, var(--colorBrandBackground)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f147gany{color:var(--45, var(--46, var(--colorNeutralForegroundOnBrand)));}", ".f3ihjpl{background-color:var(--55, var(--56, var(--colorSubtleBackground)));}", ".f1f29j1b{color:var(--57, var(--58, var(--colorNeutralForeground2)));}", ".f1rwsqvi{background-color:var(--71, var(--72, var(--colorTransparentBackground)));}", ".f1kk4q8e{color:var(--73, var(--74, var(--colorNeutralForeground2)));}", [".flzsvll{border-radius:var(--87, var(--88, var(--borderRadiusCircular)));}", {
+  d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", [".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
     p: -1
-  }], [".f1s3fluu{border-radius:var(--89, var(--90, var(--borderRadiusNone)));}", {
+  }], [".f1fabniw{border-radius:var(--borderRadiusNone);}", {
     p: -1
   }], ".fh7ncta{min-width:64px;}", [".fneth5b{padding:3px var(--spacingHorizontalS);}", {
     p: -1
-  }], [".f194ic6c{border-radius:var(--91, var(--92, var(--borderRadiusMedium)));}", {
+  }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
     p: -1
-  }], ".fnltbal{font-size:var(--93, var(--94, var(--fontSizeBase200)));}", ".f1fk4m78{font-weight:var(--95, var(--96, var(--fontWeightRegular)));}", ".f1xzsb5v{line-height:var(--97, var(--98, var(--lineHeightBase200)));}", ".f1brlhvm{padding-bottom:1px;}", ".f1sl3k7w{padding-top:1px;}", ".f14es27b{min-width:96px;}", [".f4db1ww{padding:8px var(--spacingHorizontalL);}", {
+  }], ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1brlhvm{padding-bottom:1px;}", ".f1sl3k7w{padding-top:1px;}", ".f14es27b{min-width:96px;}", [".f4db1ww{padding:8px var(--spacingHorizontalL);}", {
     p: -1
-  }], [".fh2riwq{border-radius:var(--99, var(--100, var(--borderRadiusMedium)));}", {
+  }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
     p: -1
-  }], ".f1m8kw6o{font-size:var(--101, var(--102, var(--fontSizeBase400)));}", ".f1ldc7uk{font-weight:var(--103, var(--104, var(--fontWeightSemibold)));}", ".f18h2bgy{line-height:var(--105, var(--106, var(--lineHeightBase400)));}", ".fy7v416{padding-bottom:7px;}", ".f1a1bwwz{padding-top:7px;}"],
-  h: [".f1jlfcpx:hover{background-color:var(--39, var(--40, var(--colorTransparentBackgroundHover)));}", ".f1fovm4r:hover:active{background-color:var(--41, var(--42, var(--colorTransparentBackgroundPressed)));}", ".f1v2ig5q:hover{background-color:var(--47, var(--48, 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;}", ".f1kyym2e:hover{color:var(--49, var(--50, var(--colorNeutralForegroundOnBrand)));}", ".ftwsmdl:hover:active{background-color:var(--51, var(--52, 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;}", ".f10ziroe:hover:active{color:var(--53, var(--54, var(--colorNeutralForegroundOnBrand)));}", ".fzypk7:hover{background-color:var(--59, var(--60, var(--colorSubtleBackgroundHover)));}", ".fkni20b:hover{color:var(--61, var(--62, var(--colorNeutralForeground2Hover)));}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".f1qlveqg:hover .fui-Button__icon{color:var(--63, var(--64, var(--colorNeutralForeground2BrandHover)));}", ".fpedn3v:hover:active{background-color:var(--65, var(--66, var(--colorSubtleBackgroundPressed)));}", ".f1ysq38h:hover:active{color:var(--67, var(--68, var(--colorNeutralForeground2Pressed)));}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".f5a9wio:hover:active .fui-Button__icon{color:var(--69, var(--70, var(--colorNeutralForeground2BrandPressed)));}", ".f1g2jd2r:hover{background-color:var(--75, var(--76, var(--colorTransparentBackgroundHover)));}", ".f15tg7a0:hover{color:var(--77, var(--78, var(--colorNeutralForeground2BrandHover)));}", ".fkrvwd4:hover:active{background-color:var(--79, var(--80, var(--colorTransparentBackgroundPressed)));}", ".fydzngg:hover:active{color:var(--81, var(--82, var(--colorNeutralForeground2BrandPressed)));}"],
+  }], ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fy7v416{padding-bottom:7px;}", ".f1a1bwwz{padding-top:7px;}"],
+  h: [".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);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
   m: [["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
@@ -253,5 +253,5 @@ m: "(forced-colors: active)"
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1ur2eto:hover{background-color:var(--83, var(--84, var(--colorTransparentBackground)));}}", {
+  }], ["@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f5r8knc:hover:active{background-color:var(--85, var(--86, var(--colorTransparentBackground)));}}", {
+  }], ["@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}", {
     m: "(forced-colors: active)"
@@ -262,3 +262,3 @@ }]]
   base: {
-    De3pzq: "frhfvzv",
+    De3pzq: "f1bg9a2p",
     g2u3we: "f1jj8ep1",
@@ -268,6 +268,6 @@ h3c5rm: ["f15xbau", "fy0fskl"],
     zhjwy3: ["fy0fskl", "f15xbau"],
-    sj55zd: "fzobr5l",
+    sj55zd: "f1s2aq7o",
     Bceei9c: "fdrzuqr",
-    Bfinmwp: "fgd0022",
-    Jwef8y: "f1tesxrz",
+    Bfinmwp: "f15x8b5r",
+    Jwef8y: "f1falr9n",
     Bgoe8wy: "f12mpcsy",
@@ -277,8 +277,8 @@ Bwzppfd: ["f1gwvigk", "f18rmfxp"],
     gg5e9n: ["f18rmfxp", "f1gwvigk"],
-    Bi91k9c: "frafaxp",
+    Bi91k9c: "fvgxktp",
     eoavqd: "fphbwmw",
     Bk3fhr4: "f19vpps7",
     Bmfj8id: "fv5swzo",
-    Bbdnnc7: "f1qp763u",
-    iro3zm: "f14djvvj",
+    Bbdnnc7: "f1al02dq",
+    iro3zm: "f1t6o4dc",
     b661bw: "f10ztigi",
@@ -288,7 +288,7 @@ Bk6r4ia: ["f1ft5sdu", "f1gzf82w"],
     Bpld233: ["f1gzf82w", "f1ft5sdu"],
-    B2d53fq: "faxwmxw",
+    B2d53fq: "fcvwxyo",
     c3iz72: "f8w4c43",
     em6i61: "f1ol4fw6",
     vm6p8p: "f1q1lw4e",
-    x3br3k: "f15h2u3k"
+    x3br3k: "f1dwjv2g"
   },
@@ -320,5 +320,5 @@ highContrast: {
   outline: {
-    De3pzq: "fyi9log",
-    Jwef8y: "ff1rlgk",
-    iro3zm: "fe123kk"
+    De3pzq: "f1c21dwh",
+    Jwef8y: "f9ql6rf",
+    iro3zm: "f3h1zc4"
   },
@@ -341,3 +341,3 @@ primary: {
   subtle: {
-    De3pzq: "fq3tchs",
+    De3pzq: "f1c21dwh",
     g2u3we: "f1p3nwhy",
@@ -347,3 +347,3 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    Jwef8y: "f1ejnv35",
+    Jwef8y: "f9ql6rf",
     Bgoe8wy: "f1s2uweq",
@@ -353,3 +353,3 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    iro3zm: "f1ox8cy",
+    iro3zm: "f3h1zc4",
     b661bw: "f1h0usnq",
@@ -361,3 +361,3 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
   transparent: {
-    De3pzq: "f1p3nfov",
+    De3pzq: "f1c21dwh",
     g2u3we: "f1p3nwhy",
@@ -367,3 +367,3 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    Jwef8y: "f1xw1o7i",
+    Jwef8y: "f9ql6rf",
     Bgoe8wy: "f1s2uweq",
@@ -373,3 +373,3 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    iro3zm: "f1ddp76x",
+    iro3zm: "f3h1zc4",
     b661bw: "f1h0usnq",
@@ -381,4 +381,4 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
 }, {
-  d: [".frhfvzv{background-color:var(--107, var(--108, var(--colorNeutralBackgroundDisabled)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fzobr5l{color:var(--109, var(--110, var(--colorNeutralForegroundDisabled)));}", ".fdrzuqr{cursor:not-allowed;}", ".fgd0022 .fui-Button__icon{color:var(--111, var(--112, var(--colorNeutralForegroundDisabled)));}", ".fyi9log{background-color:var(--125, var(--126, var(--colorTransparentBackground)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fq3tchs{background-color:var(--131, var(--132, var(--colorTransparentBackground)));}", ".f1p3nfov{background-color:var(--137, var(--138, var(--colorTransparentBackground)));}"],
-  h: [".f1tesxrz:hover{background-color:var(--113, var(--114, var(--colorNeutralBackgroundDisabled)));}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".frafaxp:hover{color:var(--115, var(--116, var(--colorNeutralForegroundDisabled)));}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1qp763u:hover .fui-Button__icon{color:var(--117, var(--118, var(--colorNeutralForegroundDisabled)));}", ".f14djvvj:hover:active{background-color:var(--119, var(--120, var(--colorNeutralBackgroundDisabled)));}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".faxwmxw:hover:active{color:var(--121, var(--122, var(--colorNeutralForegroundDisabled)));}", ".f8w4c43:hover:active{cursor:not-allowed;}", ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}", ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}", ".f15h2u3k:hover:active .fui-Button__icon{color:var(--123, var(--124, var(--colorNeutralForegroundDisabled)));}", ".ff1rlgk:hover{background-color:var(--127, var(--128, var(--colorTransparentBackground)));}", ".fe123kk:hover:active{background-color:var(--129, var(--130, var(--colorTransparentBackground)));}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".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;}", ".f1ejnv35:hover{background-color:var(--133, var(--134, var(--colorTransparentBackground)));}", ".f1ox8cy:hover:active{background-color:var(--135, var(--136, var(--colorTransparentBackground)));}", ".f1xw1o7i:hover{background-color:var(--139, var(--140, var(--colorTransparentBackground)));}", ".f1ddp76x:hover:active{background-color:var(--141, var(--142, var(--colorTransparentBackground)));}"],
+  d: [".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}", ".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}"],
+  h: [".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}", ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}", ".f8w4c43:hover:active{cursor:not-allowed;}", ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}", ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}", ".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}", ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".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;}"],
   m: [["@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}", {
@@ -428,3 +428,3 @@ m: "(forced-colors: active)"
     B6xbmo0: 0,
-    B3whbx2: "f1bx8dc2"
+    B3whbx2: "f1062rbf"
   },
@@ -437,3 +437,3 @@ rounded: {},
     B6xbmo0: 0,
-    B3whbx2: "fd666qa"
+    B3whbx2: "fj0ryk1"
   },
@@ -459,3 +459,3 @@ primary: {
     B6xbmo0: 0,
-    B3whbx2: "fdt9xh3"
+    B3whbx2: "fazmxh"
   },
@@ -468,12 +468,12 @@ medium: {},
     B6xbmo0: 0,
-    B3whbx2: "f1kvjb74"
+    B3whbx2: "f1b6alqh"
   }
 }, {
-  d: [[".f1bx8dc2[data-fui-focus-visible]{border-radius:var(--143, var(--144, var(--borderRadiusCircular)));}", {
+  d: [[".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}", {
     p: -1
-  }], [".fd666qa[data-fui-focus-visible]{border-radius:var(--145, var(--146, var(--borderRadiusNone)));}", {
+  }], [".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}", {
     p: -1
-  }], ".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}", ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}", ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}", ".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}", ".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}", ".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}", ".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}", ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}", ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}", [".fdt9xh3[data-fui-focus-visible]{border-radius:var(--147, var(--148, var(--borderRadiusSmall)));}", {
+  }], ".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}", ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}", ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}", ".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}", ".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}", ".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}", ".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}", ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}", ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}", [".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}", {
     p: -1
-  }], [".f1kvjb74[data-fui-focus-visible]{border-radius:var(--149, var(--150, var(--borderRadiusLarge)));}", {
+  }], [".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}", {
     p: -1
@@ -525,3 +525,3 @@ }]],
     a9b677: "f64fuq3",
-    Bqrlyyl: "f1grhd4t"
+    Bqrlyyl: "fbaiahx"
   },
@@ -533,3 +533,3 @@ medium: {},
     a9b677: "fq4mcun",
-    Bqrlyyl: "fht5m1c"
+    Bqrlyyl: "f1exjqw5"
   },
@@ -543,3 +543,3 @@ before: {
 }, {
-  d: [".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1grhd4t{--fui-Button__icon--spacing:var(--151, var(--152, var(--spacingHorizontalXS)));}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".fht5m1c{--fui-Button__icon--spacing:var(--153, var(--154, var(--spacingHorizontalSNudge)));}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"]
+  d: [".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"]
 });
@@ -546,0 +546,0 @@ export const useButtonStyles_unstable = state => {

lib/components/CompoundButton/useCompoundButtonStyles.styles.js

@@ -13,5 +13,5 @@ import { tokens } from '@fluentui/react-theme';
     Bqenvij: "f11ysow2",
-    J657lq: "f1b5z9sw",
-    Jlnjib: "f5qeon2",
-    Bc29nj9: "faudw5a"
+    J657lq: "f1um431h",
+    Jlnjib: "fte7hqw",
+    Bc29nj9: "f1yh8ef3"
   },
@@ -24,5 +24,5 @@ highContrast: {
   primary: {
-    J657lq: "funjct6",
-    Jlnjib: "f1asokf4",
-    Bc29nj9: "f1itcsjs",
+    J657lq: "foe7gw6",
+    Jlnjib: "fvxlz81",
+    Bc29nj9: "f1c2mdy",
     B8ia98v: "f1r39r2s"
@@ -32,5 +32,5 @@ },
   subtle: {
-    J657lq: "f1ux1mnk",
-    Jlnjib: "f1vzarvd",
-    Bc29nj9: "fjbugxx",
+    J657lq: "f1um431h",
+    Jlnjib: "fte7hqw",
+    Bc29nj9: "f1yh8ef3",
     pu7qz5: "f1xoeh18",
@@ -40,5 +40,5 @@ B10010i: "f1ca1nd7"
   transparent: {
-    J657lq: "fvbbhyc",
-    Jlnjib: "f8ewxuj",
-    Bc29nj9: "f1fahull"
+    J657lq: "f1um431h",
+    Jlnjib: "f1wn9xqz",
+    Bc29nj9: "f1a8q4d0"
   },
@@ -51,4 +51,4 @@ small: {
     B0ocmuz: "f1ge6w2w",
-    Be2twd7: "f15gbzv1",
-    Bg96gwp: "f1sa15c0"
+    Be2twd7: "fkhj508",
+    Bg96gwp: "f1i3iumi"
   },
@@ -61,4 +61,4 @@ medium: {
     B0ocmuz: "fnnf4v2",
-    Be2twd7: "fjciaph",
-    Bg96gwp: "fbdd13v"
+    Be2twd7: "fkhj508",
+    Bg96gwp: "f1i3iumi"
   },
@@ -71,9 +71,9 @@ large: {
     B0ocmuz: "f14s4sho",
-    Be2twd7: "f1kvdf5n",
-    Bg96gwp: "fs68quy"
+    Be2twd7: "fod5ikn",
+    Bg96gwp: "faaz57k"
   },
   disabled: {
-    J657lq: "f1jzfktb",
-    Jlnjib: "f1r3q7yt",
-    Bc29nj9: "fdct7rr"
+    J657lq: "f1rlv8bf",
+    Jlnjib: "fd1dbtm",
+    Bc29nj9: "f1vqmdmi"
   },
@@ -86,10 +86,10 @@ disabledHighContrast: {
 }, {
-  d: [".f11ysow2{height:auto;}", ".f1b5z9sw .fui-CompoundButton__secondaryContent{color:var(--1, var(--2, var(--colorNeutralForeground2)));}", ".funjct6 .fui-CompoundButton__secondaryContent{color:var(--7, var(--8, var(--colorNeutralForegroundOnBrand)));}", ".f1ux1mnk .fui-CompoundButton__secondaryContent{color:var(--13, var(--14, var(--colorNeutralForeground2)));}", ".fvbbhyc .fui-CompoundButton__secondaryContent{color:var(--19, var(--20, var(--colorNeutralForeground2)));}", [".f1ge6w2w{padding:var(--spacingHorizontalS) var(--spacingHorizontalS) var(--spacingHorizontalMNudge) var(--spacingHorizontalS);}", {
+  d: [".f11ysow2{height:auto;}", ".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}", ".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", [".f1ge6w2w{padding:var(--spacingHorizontalS) var(--spacingHorizontalS) var(--spacingHorizontalMNudge) var(--spacingHorizontalS);}", {
     p: -1
-  }], ".f15gbzv1{font-size:var(--25, var(--26, var(--fontSizeBase300)));}", ".f1sa15c0{line-height:var(--27, var(--28, var(--lineHeightBase300)));}", [".fnnf4v2{padding:14px var(--spacingHorizontalM) var(--spacingHorizontalL) var(--spacingHorizontalM);}", {
+  }], ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", [".fnnf4v2{padding:14px var(--spacingHorizontalM) var(--spacingHorizontalL) var(--spacingHorizontalM);}", {
     p: -1
-  }], ".fjciaph{font-size:var(--29, var(--30, var(--fontSizeBase300)));}", ".fbdd13v{line-height:var(--31, var(--32, var(--lineHeightBase300)));}", [".f14s4sho{padding:18px var(--spacingHorizontalL) var(--spacingHorizontalXL) var(--spacingHorizontalL);}", {
+  }], [".f14s4sho{padding:18px var(--spacingHorizontalL) var(--spacingHorizontalXL) var(--spacingHorizontalL);}", {
     p: -1
-  }], ".f1kvdf5n{font-size:var(--33, var(--34, var(--fontSizeBase400)));}", ".fs68quy{line-height:var(--35, var(--36, var(--lineHeightBase400)));}", ".f1jzfktb .fui-CompoundButton__secondaryContent{color:var(--37, var(--38, var(--colorNeutralForegroundDisabled)));}"],
-  h: [".f5qeon2:hover .fui-CompoundButton__secondaryContent{color:var(--3, var(--4, var(--colorNeutralForeground2Hover)));}", ".faudw5a:hover:active .fui-CompoundButton__secondaryContent{color:var(--5, var(--6, var(--colorNeutralForeground2Pressed)));}", ".f1asokf4:hover .fui-CompoundButton__secondaryContent{color:var(--9, var(--10, var(--colorNeutralForegroundOnBrand)));}", ".f1itcsjs:hover:active .fui-CompoundButton__secondaryContent{color:var(--11, var(--12, var(--colorNeutralForegroundOnBrand)));}", ".f1vzarvd:hover .fui-CompoundButton__secondaryContent{color:var(--15, var(--16, var(--colorNeutralForeground2Hover)));}", ".fjbugxx:hover:active .fui-CompoundButton__secondaryContent{color:var(--17, var(--18, var(--colorNeutralForeground2Pressed)));}", ".f8ewxuj:hover .fui-CompoundButton__secondaryContent{color:var(--21, var(--22, var(--colorNeutralForeground2BrandHover)));}", ".f1fahull:hover:active .fui-CompoundButton__secondaryContent{color:var(--23, var(--24, var(--colorNeutralForeground2BrandPressed)));}", ".f1r3q7yt:hover .fui-CompoundButton__secondaryContent{color:var(--39, var(--40, var(--colorNeutralForegroundDisabled)));}", ".fdct7rr:hover:active .fui-CompoundButton__secondaryContent{color:var(--41, var(--42, var(--colorNeutralForegroundDisabled)));}"],
+  }], ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
+  h: [".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}", ".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}", ".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}", ".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}", ".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}", ".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
   m: [["@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}", {
@@ -119,3 +119,3 @@ m: "(forced-colors: active)"
     z8tnut: 0,
-    B0ocmuz: "fwgbj9c",
+    B0ocmuz: "f1t35pdg",
     B2u0y6b: "ft5vyj6",
@@ -129,3 +129,3 @@ Bf4jedk: "f17suaiq"
     z8tnut: 0,
-    B0ocmuz: "fbeqm23",
+    B0ocmuz: "f1r1wyb6",
     B2u0y6b: "fdczgix",
@@ -139,3 +139,3 @@ Bf4jedk: "fjdcg9m"
     z8tnut: 0,
-    B0ocmuz: "f11g5gth",
+    B0ocmuz: "f1bnz8pu",
     B2u0y6b: "fww51uw",
@@ -145,7 +145,7 @@ Bf4jedk: "f1qhsl2h"
 }, {
-  d: [[".fwgbj9c{padding:var(--43, var(--44, var(--spacingHorizontalXS)));}", {
+  d: [[".f1t35pdg{padding:var(--spacingHorizontalXS);}", {
     p: -1
-  }], ".ft5vyj6{max-width:48px;}", ".f17suaiq{min-width:48px;}", [".fbeqm23{padding:var(--45, var(--46, var(--spacingHorizontalSNudge)));}", {
+  }], ".ft5vyj6{max-width:48px;}", ".f17suaiq{min-width:48px;}", [".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}", {
     p: -1
-  }], ".fdczgix{max-width:52px;}", ".fjdcg9m{min-width:52px;}", [".f11g5gth{padding:var(--47, var(--48, var(--spacingHorizontalS)));}", {
+  }], ".fdczgix{max-width:52px;}", ".fjdcg9m{min-width:52px;}", [".f1bnz8pu{padding:var(--spacingHorizontalS);}", {
     p: -1
@@ -161,9 +161,9 @@ }], ".fww51uw{max-width:56px;}", ".f1qhsl2h{min-width:56px;}"]
   before: {
-    t21cq0: ["ffspaqv", "fl41pyz"]
+    t21cq0: ["fkujibs", "f199hnxi"]
   },
   after: {
-    Frg6f3: ["ffeii54", "f160gfk7"]
+    Frg6f3: ["f199hnxi", "fkujibs"]
   }
 }, {
-  d: [".fndrnj9{font-size:40px;}", ".fbhnoac{height:40px;}", ".feqmc2u{width:40px;}", ".ffspaqv{margin-right:var(--49, var(--50, var(--spacingHorizontalM)));}", ".fl41pyz{margin-left:var(--49, var(--50, var(--spacingHorizontalM)));}", ".ffeii54{margin-left:var(--51, var(--52, var(--spacingHorizontalM)));}", ".f160gfk7{margin-right:var(--51, var(--52, var(--spacingHorizontalM)));}"]
+  d: [".fndrnj9{font-size:40px;}", ".fbhnoac{height:40px;}", ".feqmc2u{width:40px;}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}"]
 });
@@ -182,15 +182,15 @@ const useContentContainerStyles = /*#__PURE__*/__styles({
     Bg96gwp: "flkuc6h",
-    Bhrd7zp: "fdm1671"
+    Bhrd7zp: "figsok6"
   },
   small: {
-    Be2twd7: "fom2f27"
+    Be2twd7: "fy9rknc"
   },
   medium: {
-    Be2twd7: "f41zv8s"
+    Be2twd7: "fy9rknc"
   },
   large: {
-    Be2twd7: "fd6cvnp"
+    Be2twd7: "fkhj508"
   }
 }, {
-  d: [".flkuc6h{line-height:100%;}", ".fdm1671{font-weight:var(--53, var(--54, var(--fontWeightRegular)));}", ".fom2f27{font-size:var(--55, var(--56, var(--fontSizeBase200)));}", ".f41zv8s{font-size:var(--57, var(--58, var(--fontSizeBase200)));}", ".fd6cvnp{font-size:var(--59, var(--60, var(--fontSizeBase300)));}"]
+  d: [".flkuc6h{line-height:100%;}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}"]
 });
@@ -197,0 +197,0 @@ export const useCompoundButtonStyles_unstable = state => {

lib/components/MenuButton/useMenuButtonStyles.styles.js

@@ -24,9 +24,9 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
     ibv6hh: ["f1efpmoh", "f130t4y6"],
-    sj55zd: "f1finf92"
+    sj55zd: "f14nttnl"
   },
   primary: {
-    De3pzq: "f12rqg2x"
+    De3pzq: "f8w4g0q"
   },
   secondary: {
-    De3pzq: "fycfq0p",
+    De3pzq: "f1nfm20t",
     g2u3we: "f1ly1fcm",
@@ -36,28 +36,28 @@ h3c5rm: ["fi8bssc", "fj6btzu"],
     zhjwy3: ["fj6btzu", "fi8bssc"],
-    sj55zd: "f1fndet9"
+    sj55zd: "f14nttnl"
   },
   subtle: {
-    De3pzq: "fqsphwg",
-    sj55zd: "f1azrvd3"
+    De3pzq: "fq5gl1p",
+    sj55zd: "f1eryozh"
   },
   transparent: {
-    De3pzq: "fn0l55a",
-    sj55zd: "f161y6v8"
+    De3pzq: "f1q9pm1r",
+    sj55zd: "f1qj7y59"
   }
 }, {
-  d: [".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", ".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}", ".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}", ".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}", ".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", ".f1finf92{color:var(--61, var(--62, var(--colorNeutralForeground1Selected)));}", ".f12rqg2x{background-color:var(--63, var(--64, var(--colorBrandBackgroundSelected)));}", ".fycfq0p{background-color:var(--65, var(--66, var(--colorNeutralBackground1Selected)));}", ".f1fndet9{color:var(--67, var(--68, var(--colorNeutralForeground1Selected)));}", ".fqsphwg{background-color:var(--69, var(--70, var(--colorSubtleBackgroundSelected)));}", ".f1azrvd3{color:var(--71, var(--72, var(--colorNeutralForeground2Selected)));}", ".fn0l55a{background-color:var(--73, var(--74, var(--colorTransparentBackgroundSelected)));}", ".f161y6v8{color:var(--75, var(--76, var(--colorNeutralForeground2BrandSelected)));}"]
+  d: [".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", ".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}", ".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}", ".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}", ".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", ".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1eryozh{color:var(--colorNeutralForeground2Selected);}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"]
 });
 const useIconExpandedStyles = /*#__PURE__*/__styles({
   outline: {
-    sj55zd: "ftk8xbm"
+    sj55zd: "f14nttnl"
   },
   primary: {},
   secondary: {
-    sj55zd: "fgnw87d"
+    sj55zd: "f14nttnl"
   },
   subtle: {
-    sj55zd: "fvqox4k"
+    sj55zd: "f1qj7y59"
   },
   transparent: {
-    sj55zd: "fg854at"
+    sj55zd: "f1qj7y59"
   },
@@ -68,3 +68,3 @@ highContrast: {
 }, {
-  d: [".ftk8xbm{color:var(--77, var(--78, var(--colorNeutralForeground1Selected)));}", ".fgnw87d{color:var(--79, var(--80, var(--colorNeutralForeground1Selected)));}", ".fvqox4k{color:var(--81, var(--82, var(--colorNeutralForeground2BrandSelected)));}", ".fg854at{color:var(--83, var(--84, var(--colorNeutralForeground2BrandSelected)));}"],
+  d: [".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
   m: [["@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}", {
@@ -81,3 +81,3 @@ m: "(forced-colors: active)"
     Bqenvij: "fvblgha",
-    Bg96gwp: "f1icsd6r",
+    Bg96gwp: "fwrc4pm",
     a9b677: "frx94fk"
@@ -88,3 +88,3 @@ },
     Bqenvij: "fvblgha",
-    Bg96gwp: "f1ug5xja",
+    Bg96gwp: "fwrc4pm",
     a9b677: "frx94fk"
@@ -95,10 +95,10 @@ },
     Bqenvij: "fd461yt",
-    Bg96gwp: "fgxsxhu",
+    Bg96gwp: "faaz57k",
     a9b677: "fjw5fx7"
   },
   notIconOnly: {
-    Frg6f3: ["f1en42g9", "fesyhy"]
+    Frg6f3: ["fbyavb5", "fm0x6gh"]
   }
 }, {
-  d: [".fez10in{line-height:0;}", ".f1ugzwwg{font-size:12px;}", ".fvblgha{height:12px;}", ".f1icsd6r{line-height:var(--85, var(--86, var(--lineHeightBase200)));}", ".frx94fk{width:12px;}", ".f1ug5xja{line-height:var(--87, var(--88, var(--lineHeightBase200)));}", ".f4ybsrx{font-size:16px;}", ".fd461yt{height:16px;}", ".fgxsxhu{line-height:var(--89, var(--90, var(--lineHeightBase400)));}", ".fjw5fx7{width:16px;}", ".f1en42g9{margin-left:var(--91, var(--92, var(--spacingHorizontalXS)));}", ".fesyhy{margin-right:var(--91, var(--92, var(--spacingHorizontalXS)));}"]
+  d: [".fez10in{line-height:0;}", ".f1ugzwwg{font-size:12px;}", ".fvblgha{height:12px;}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".frx94fk{width:12px;}", ".f4ybsrx{font-size:16px;}", ".fd461yt{height:16px;}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fjw5fx7{width:16px;}", ".fbyavb5{margin-left:var(--spacingHorizontalXS);}", ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}"]
 });
@@ -105,0 +105,0 @@ export const useMenuButtonStyles_unstable = state => {

lib/components/SplitButton/useSplitButtonStyles.styles.js

@@ -37,5 +37,5 @@ import { __styles, mergeClasses } from '@griffel/react';
   primary: {
-    B1l9wao: ["ftvqy83", "fnfyj41"],
-    lcnrd8: ["f9xh180", "f1w8ntad"],
-    Brbpp8k: ["fxn1fl2", "fgyet80"],
+    B1l9wao: ["f4rm5b0", "f1tuwo13"],
+    lcnrd8: ["fdwdeeo", "f1ezdslh"],
+    Brbpp8k: ["fckzjn8", "f8ohr2i"],
     Bcsxniv: ["ff0tx2l", "fnrj3rw"],
@@ -47,10 +47,10 @@ tl7e51: ["f3jppgx", "f1m2s8ie"],
   subtle: {
-    B1l9wao: ["f1yo4dgb", "ff6yatw"],
-    lcnrd8: ["f1afbnnz", "f9myr3o"],
-    Brbpp8k: ["fbqtpi2", "f1njbwn0"]
+    B1l9wao: ["fbw67pg", "fcas6k2"],
+    lcnrd8: ["fn44ryq", "fwhhltr"],
+    Brbpp8k: ["f1xppm0p", "fkfp127"]
   },
   transparent: {
-    B1l9wao: ["f1ebgnyd", "f8coqc"],
-    lcnrd8: ["f152rz25", "f1fm6l08"],
-    Brbpp8k: ["fx9f09k", "fsc52d9"]
+    B1l9wao: ["fbw67pg", "fcas6k2"],
+    lcnrd8: ["fn44ryq", "fwhhltr"],
+    Brbpp8k: ["f1xppm0p", "fkfp127"]
   },
@@ -61,5 +61,5 @@ circular: {},
   disabled: {
-    B1l9wao: ["f1t6iz8f", "fe4c7e8"],
-    lcnrd8: ["fs0yi99", "f13k3mky"],
-    Brbpp8k: ["fb9uzha", "f472bms"]
+    B1l9wao: ["f10xrnr8", "f15nylwb"],
+    lcnrd8: ["f11fwhjz", "f18vtcsx"],
+    Brbpp8k: ["f31btwb", "fzgm9gq"]
   },
@@ -72,4 +72,4 @@ disabledHighContrast: {
 }, {
-  d: [".ftuwxu6{display:inline-flex;}", ".fsxf2b5{justify-content:stretch;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}", ".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}", ".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}", ".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}", ".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}", ".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}", ".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}", ".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}", ".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}", ".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}", ".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}", ".ftvqy83 .fui-SplitButton__primaryActionButton{border-right-color:var(--93, var(--94, var(--colorNeutralStrokeOnBrand)));}", ".fnfyj41 .fui-SplitButton__primaryActionButton{border-left-color:var(--93, var(--94, var(--colorNeutralStrokeOnBrand)));}", ".f1yo4dgb .fui-SplitButton__primaryActionButton{border-right-color:var(--99, var(--100, var(--colorNeutralStroke1)));}", ".ff6yatw .fui-SplitButton__primaryActionButton{border-left-color:var(--99, var(--100, var(--colorNeutralStroke1)));}", ".f1ebgnyd .fui-SplitButton__primaryActionButton{border-right-color:var(--105, var(--106, var(--colorNeutralStroke1)));}", ".f8coqc .fui-SplitButton__primaryActionButton{border-left-color:var(--105, var(--106, var(--colorNeutralStroke1)));}", ".f1t6iz8f .fui-SplitButton__primaryActionButton{border-right-color:var(--111, var(--112, var(--colorNeutralStrokeDisabled)));}", ".fe4c7e8 .fui-SplitButton__primaryActionButton{border-left-color:var(--111, var(--112, var(--colorNeutralStrokeDisabled)));}"],
-  h: [".f9xh180:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--95, var(--96, var(--colorNeutralStrokeOnBrand)));}", ".f1w8ntad:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--95, var(--96, var(--colorNeutralStrokeOnBrand)));}", ".fxn1fl2:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--97, var(--98, var(--colorNeutralStrokeOnBrand)));}", ".fgyet80:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--97, var(--98, var(--colorNeutralStrokeOnBrand)));}", ".f1afbnnz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--101, var(--102, var(--colorNeutralStroke1Hover)));}", ".f9myr3o:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--101, var(--102, var(--colorNeutralStroke1Hover)));}", ".fbqtpi2:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--103, var(--104, var(--colorNeutralStroke1Pressed)));}", ".f1njbwn0:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--103, var(--104, var(--colorNeutralStroke1Pressed)));}", ".f152rz25:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--107, var(--108, var(--colorNeutralStroke1Hover)));}", ".f1fm6l08:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--107, var(--108, var(--colorNeutralStroke1Hover)));}", ".fx9f09k:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--109, var(--110, var(--colorNeutralStroke1Pressed)));}", ".fsc52d9:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--109, var(--110, var(--colorNeutralStroke1Pressed)));}", ".fs0yi99:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--113, var(--114, var(--colorNeutralStrokeDisabled)));}", ".f13k3mky:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--113, var(--114, var(--colorNeutralStrokeDisabled)));}", ".fb9uzha:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--115, var(--116, var(--colorNeutralStrokeDisabled)));}", ".f472bms:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--115, var(--116, var(--colorNeutralStrokeDisabled)));}"],
+  d: [".ftuwxu6{display:inline-flex;}", ".fsxf2b5{justify-content:stretch;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}", ".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}", ".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}", ".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}", ".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}", ".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}", ".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}", ".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}", ".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}", ".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}", ".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}", ".f4rm5b0 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}", ".f1tuwo13 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}", ".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}", ".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}", ".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"],
+  h: [".fdwdeeo:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}", ".f1ezdslh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}", ".fckzjn8:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}", ".f8ohr2i:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}", ".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}", ".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}", ".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"],
   m: [["@media (forced-colors: active){.ff0tx2l .fui-SplitButton__primaryActionButton{border-right-color:HighlightText;}.fnrj3rw .fui-SplitButton__primaryActionButton{border-left-color:HighlightText;}}", {
@@ -76,0 +76,0 @@ m: "(forced-colors: active)"

lib/components/ToggleButton/useToggleButtonStyles.styles.js

@@ -12,3 +12,3 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
   base: {
-    De3pzq: "f1quyamg",
+    De3pzq: "f1nfm20t",
     g2u3we: "fj3muxo",
@@ -18,3 +18,3 @@ h3c5rm: ["f1akhkt", "f1lxtadh"],
     zhjwy3: ["f1lxtadh", "f1akhkt"],
-    sj55zd: "ftobqpq",
+    sj55zd: "f14nttnl",
     B4j52fo: "f192inf7",
@@ -26,3 +26,3 @@ Bekrc4i: ["f5tn483", "f1ojsxk5"],
     t6yez3: "f15q0o9g",
-    Jwef8y: "f1ufrqid",
+    Jwef8y: "f1knas48",
     Bgoe8wy: "fvcxoqz",
@@ -32,4 +32,4 @@ Bwzppfd: ["f1ub3y4t", "f1m52nbi"],
     gg5e9n: ["f1m52nbi", "f1ub3y4t"],
-    Bi91k9c: "frsn5jk",
-    iro3zm: "fld24mq",
+    Bi91k9c: "feu1g3u",
+    iro3zm: "f141de4g",
     b661bw: "f11v6sdu",
@@ -39,3 +39,3 @@ Bk6r4ia: ["f9yn8i4", "f1ajwf28"],
     Bpld233: ["f1ajwf28", "f9yn8i4"],
-    B2d53fq: "f13xdy7n"
+    B2d53fq: "f9olfzr"
   },
@@ -82,3 +82,3 @@ highContrast: {
   outline: {
-    De3pzq: "f172tr4g",
+    De3pzq: "f1q9pm1r",
     g2u3we: "fj3muxo",
@@ -92,4 +92,4 @@ h3c5rm: ["f1akhkt", "f1lxtadh"],
     ibv6hh: ["f1efpmoh", "f130t4y6"],
-    Jwef8y: "fy73arb",
-    iro3zm: "f1n3kqpp",
+    Jwef8y: "fjxutwb",
+    iro3zm: "fwiml72",
     B8q5s1w: "fcaw57c",
@@ -101,3 +101,3 @@ Bci5o5g: ["fpwd27e", "f1999bjr"],
   primary: {
-    De3pzq: "f1lf224m",
+    De3pzq: "f8w4g0q",
     g2u3we: "f1p3nwhy",
@@ -107,4 +107,4 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    sj55zd: "fg5qrus",
-    Jwef8y: "fxswv3b",
+    sj55zd: "f1phragk",
+    Jwef8y: "f15wkkf3",
     Bgoe8wy: "f1s2uweq",
@@ -114,4 +114,4 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    Bi91k9c: "fuwkukp",
-    iro3zm: "f1psmnu2",
+    Bi91k9c: "f1rq72xc",
+    iro3zm: "fnp9lpt",
     b661bw: "f1h0usnq",
@@ -121,7 +121,7 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
     Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "f2ivi1s"
+    B2d53fq: "f1d6v5y2"
   },
   secondary: {},
   subtle: {
-    De3pzq: "f1ftzvcr",
+    De3pzq: "fq5gl1p",
     g2u3we: "f1p3nwhy",
@@ -131,4 +131,4 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    sj55zd: "ffjioa1",
-    Jwef8y: "f1d9twxa",
+    sj55zd: "f1eryozh",
+    Jwef8y: "f1t94bn6",
     Bgoe8wy: "f1s2uweq",
@@ -138,4 +138,4 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    Bi91k9c: "f1bnsls0",
-    iro3zm: "f2qeqlu",
+    Bi91k9c: "fnwyq0v",
+    iro3zm: "fsv2rcd",
     b661bw: "f1h0usnq",
@@ -145,6 +145,6 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
     Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "fmikl02"
+    B2d53fq: "f1omzyqd"
   },
   transparent: {
-    De3pzq: "f13l10xp",
+    De3pzq: "f1q9pm1r",
     g2u3we: "f1p3nwhy",
@@ -154,4 +154,4 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    sj55zd: "f1qj54ry",
-    Jwef8y: "f7m7ne2",
+    sj55zd: "f1qj7y59",
+    Jwef8y: "fjxutwb",
     Bgoe8wy: "f1s2uweq",
@@ -161,4 +161,4 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    Bi91k9c: "f1svx1ee",
-    iro3zm: "f1qy32lw",
+    Bi91k9c: "f139oj5f",
+    iro3zm: "fwiml72",
     b661bw: "f1h0usnq",
@@ -168,7 +168,7 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
     Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "fjg449s"
+    B2d53fq: "f1fg1p5m"
   }
 }, {
-  d: [".f1quyamg{background-color:var(--117, var(--118, 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);}", ".ftobqpq{color:var(--119, var(--120, 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;}", ".f172tr4g{background-color:var(--129, var(--130, 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);}", ".fcaw57c[data-fui-focus-visible]{border-top-color:var(--colorNeutralStroke1);}", ".fpwd27e[data-fui-focus-visible]{border-right-color:var(--colorNeutralStroke1);}", ".f1999bjr[data-fui-focus-visible]{border-left-color:var(--colorNeutralStroke1);}", ".f1hi52o4[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralStroke1);}", ".f1lf224m{background-color:var(--135, var(--136, var(--colorBrandBackgroundSelected)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fg5qrus{color:var(--137, var(--138, var(--colorNeutralForegroundOnBrand)));}", ".f1ftzvcr{background-color:var(--147, var(--148, var(--colorSubtleBackgroundSelected)));}", ".ffjioa1{color:var(--149, var(--150, var(--colorNeutralForeground2Selected)));}", ".f13l10xp{background-color:var(--159, var(--160, var(--colorTransparentBackgroundSelected)));}", ".f1qj54ry{color:var(--161, var(--162, var(--colorNeutralForeground2BrandSelected)));}"],
-  h: [".f1ufrqid:hover{background-color:var(--121, var(--122, 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);}", ".frsn5jk:hover{color:var(--123, var(--124, var(--colorNeutralForeground1Hover)));}", ".fld24mq:hover:active{background-color:var(--125, var(--126, 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);}", ".f13xdy7n:hover:active{color:var(--127, var(--128, var(--colorNeutralForeground1Pressed)));}", ".fy73arb:hover{background-color:var(--131, var(--132, var(--colorTransparentBackgroundHover)));}", ".f1n3kqpp:hover:active{background-color:var(--133, var(--134, var(--colorTransparentBackgroundPressed)));}", ".fxswv3b:hover{background-color:var(--139, var(--140, 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;}", ".fuwkukp:hover{color:var(--141, var(--142, var(--colorNeutralForegroundOnBrand)));}", ".f1psmnu2:hover:active{background-color:var(--143, var(--144, 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;}", ".f2ivi1s:hover:active{color:var(--145, var(--146, var(--colorNeutralForegroundOnBrand)));}", ".f1d9twxa:hover{background-color:var(--151, var(--152, var(--colorSubtleBackgroundHover)));}", ".f1bnsls0:hover{color:var(--153, var(--154, var(--colorNeutralForeground2Hover)));}", ".f2qeqlu:hover:active{background-color:var(--155, var(--156, var(--colorSubtleBackgroundPressed)));}", ".fmikl02:hover:active{color:var(--157, var(--158, var(--colorNeutralForeground2Pressed)));}", ".f7m7ne2:hover{background-color:var(--163, var(--164, var(--colorTransparentBackgroundHover)));}", ".f1svx1ee:hover{color:var(--165, var(--166, var(--colorNeutralForeground2BrandHover)));}", ".f1qy32lw:hover:active{background-color:var(--167, var(--168, var(--colorTransparentBackgroundPressed)));}", ".fjg449s:hover:active{color:var(--169, var(--170, var(--colorNeutralForeground2BrandPressed)));}"],
+  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;}", ".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);}", ".fcaw57c[data-fui-focus-visible]{border-top-color:var(--colorNeutralStroke1);}", ".fpwd27e[data-fui-focus-visible]{border-right-color:var(--colorNeutralStroke1);}", ".f1999bjr[data-fui-focus-visible]{border-left-color:var(--colorNeutralStroke1);}", ".f1hi52o4[data-fui-focus-visible]{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);}", ".f1eryozh{color:var(--colorNeutralForeground2Selected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
+  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);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
   m: [["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
@@ -215,3 +215,3 @@ m: "(forced-colors: active)"
   base: {
-    De3pzq: "f1osjf8k",
+    De3pzq: "f1bg9a2p",
     g2u3we: "f1jj8ep1",
@@ -221,4 +221,4 @@ h3c5rm: ["f15xbau", "fy0fskl"],
     zhjwy3: ["fy0fskl", "f15xbau"],
-    sj55zd: "fvc80cw",
-    Jwef8y: "f1drr2o5",
+    sj55zd: "f1s2aq7o",
+    Jwef8y: "f1falr9n",
     Bgoe8wy: "f12mpcsy",
@@ -228,4 +228,4 @@ Bwzppfd: ["f1gwvigk", "f18rmfxp"],
     gg5e9n: ["f18rmfxp", "f1gwvigk"],
-    Bi91k9c: "fbgtw56",
-    iro3zm: "f1skfleq",
+    Bi91k9c: "fvgxktp",
+    iro3zm: "f1t6o4dc",
     b661bw: "f10ztigi",
@@ -235,3 +235,3 @@ Bk6r4ia: ["f1ft5sdu", "f1gzf82w"],
     Bpld233: ["f1gzf82w", "f1ft5sdu"],
-    B2d53fq: "f1h9k2a9"
+    B2d53fq: "fcvwxyo"
   },
@@ -255,3 +255,3 @@ outline: {},
   subtle: {
-    De3pzq: "f1p2r5mf",
+    De3pzq: "f1c21dwh",
     g2u3we: "f1p3nwhy",
@@ -261,3 +261,3 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    Jwef8y: "fi2y0pq",
+    Jwef8y: "fjxutwb",
     Bgoe8wy: "f1s2uweq",
@@ -267,3 +267,3 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    iro3zm: "fzki9cu",
+    iro3zm: "fwiml72",
     b661bw: "f1h0usnq",
@@ -275,3 +275,3 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
   transparent: {
-    De3pzq: "f1ps6dp4",
+    De3pzq: "f1c21dwh",
     g2u3we: "f1p3nwhy",
@@ -281,3 +281,3 @@ h3c5rm: ["f11589ue", "f1pdflbu"],
     zhjwy3: ["f1pdflbu", "f11589ue"],
-    Jwef8y: "f1599wiw",
+    Jwef8y: "fjxutwb",
     Bgoe8wy: "f1s2uweq",
@@ -287,3 +287,3 @@ Bwzppfd: ["fr80ssc", "fecsdlb"],
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    iro3zm: "f18qe6cd",
+    iro3zm: "fwiml72",
     b661bw: "f1h0usnq",
@@ -295,8 +295,8 @@ Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
 }, {
-  d: [".f1osjf8k{background-color:var(--171, var(--172, var(--colorNeutralBackgroundDisabled)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fvc80cw{color:var(--173, var(--174, var(--colorNeutralForegroundDisabled)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1p2r5mf{background-color:var(--183, var(--184, var(--colorTransparentBackground)));}", ".f1ps6dp4{background-color:var(--189, var(--190, var(--colorTransparentBackground)));}"],
-  h: [".f1drr2o5:hover{background-color:var(--175, var(--176, var(--colorNeutralBackgroundDisabled)));}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fbgtw56:hover{color:var(--177, var(--178, var(--colorNeutralForegroundDisabled)));}", ".f1skfleq:hover:active{background-color:var(--179, var(--180, var(--colorNeutralBackgroundDisabled)));}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1h9k2a9:hover:active{color:var(--181, var(--182, var(--colorNeutralForegroundDisabled)));}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".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;}", ".fi2y0pq:hover{background-color:var(--185, var(--186, var(--colorTransparentBackgroundHover)));}", ".fzki9cu:hover:active{background-color:var(--187, var(--188, var(--colorTransparentBackgroundPressed)));}", ".f1599wiw:hover{background-color:var(--191, var(--192, var(--colorTransparentBackgroundHover)));}", ".f18qe6cd:hover:active{background-color:var(--193, var(--194, var(--colorTransparentBackgroundPressed)));}"]
+  d: [".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}"],
+  h: [".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".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;}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}"]
 });
 const useIconCheckedStyles = /*#__PURE__*/__styles({
   subtleOrTransparent: {
-    sj55zd: "f1hg606s"
+    sj55zd: "f1qj7y59"
   },
@@ -307,3 +307,3 @@ highContrast: {
 }, {
-  d: [".f1hg606s{color:var(--195, var(--196, var(--colorNeutralForeground2BrandSelected)));}"],
+  d: [".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
   m: [["@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}", {
@@ -310,0 +310,0 @@ m: "(forced-colors: active)"

package.json

 {
   "name": "@fluentui/react-button",
-  "version": "0.0.0-nightly-20240823-1802.1",
+  "version": "0.0.0-nightly-20240826-0407.1",
   "description": "Fluent UI React Button component.",
@@ -30,4 +30,4 @@ "main": "lib-commonjs/index.js",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240823-1802.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240823-1802.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240826-0407.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240826-0407.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -37,10 +37,10 @@ "@fluentui/scripts-tasks": "*"
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20240823-1802.1",
-    "@fluentui/react-aria": "0.0.0-nightly-20240823-1802.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20240826-0407.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20240826-0407.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240823-1802.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240823-1802.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20240823-1802.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240823-1802.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240823-1802.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240826-0407.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240826-0407.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20240826-0407.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240826-0407.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240826-0407.1",
     "@griffel/react": "^1.5.22",
@@ -47,0 +47,0 @@ "@swc/helpers": "^0.5.1"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

664907

decreased by-3.38%

Lines of code

5512

decreased by-1.11%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/react-aria@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/react-tabster@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240826-0407.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240826-0407.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/react-aria@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/react-tabster@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240823-1802.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240823-1802.1(transitive)

• Updated@fluentui/keyboard-keys@0.0.0-nightly-20240826-0407.1

• Updated@fluentui/react-aria@0.0.0-nightly-20240826-0407.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240826-0407.1

• Updated@fluentui/react-shared-contexts@0.0.0-nightly-20240826-0407.1

• Updated@fluentui/react-tabster@0.0.0-nightly-20240826-0407.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240826-0407.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240826-0407.1