@fluentui/react-button 0.0.0-nightly-20240822-1237.1 → 0.0.0-nightly-20240823-1802.1

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

@@ -32,30 +32,30 @@ const buttonSpacingLargeWithIcon = '7px';
  * this will ensure the inset boxShadow is always uniform
  * without affecting other browser platforms
  */ const boxShadowStrokeWidthThinMoz = `calc(${_reacttheme.tokens.strokeWidthThin} + 0.25px)`;
-const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1alrhcs", null, {
+const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rcldc9l", 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;}"
+        ".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){.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;}}"
+        "@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 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 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 useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     outline: {
-        De3pzq: "f1c21dwh",
-        Jwef8y: "fjxutwb",
-        iro3zm: "fwiml72"
+        De3pzq: "favd00m",
+        Jwef8y: "f1jlfcpx",
+        iro3zm: "f1fovm4r"
     },
     primary: {
-        De3pzq: "ffp7eso",
+        De3pzq: "f1yiavn6",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -66,8 +66,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        sj55zd: "f1phragk",
-        Jwef8y: "f15wkkf3",
+        sj55zd: "f147gany",
+        Jwef8y: "f1v2ig5q",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -78,8 +78,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        Bi91k9c: "f1rq72xc",
-        iro3zm: "fnp9lpt",
+        Bi91k9c: "f1kyym2e",
+        iro3zm: "ftwsmdl",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -90,7 +90,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fx2bmrt",
             "fs4ktlq"
         ],
-        B2d53fq: "f1d6v5y2",
+        B2d53fq: "f10ziroe",
         Bsw6fvg: "f1rirnrt",
         Bjwas2f: "f1uu00uk",
         Bn1d65q: [
@@ -131,7 +131,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     },
     secondary: {},
     subtle: {
-        De3pzq: "fhovq9v",
+        De3pzq: "f3ihjpl",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -142,8 +142,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        sj55zd: "fkfq4zb",
-        Jwef8y: "f1t94bn6",
+        sj55zd: "f1f29j1b",
+        Jwef8y: "fzypk7",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -154,11 +154,11 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        Bi91k9c: "fnwyq0v",
+        Bi91k9c: "fkni20b",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        Bbdnnc7: "fy5bs14",
-        iro3zm: "fsv2rcd",
+        Bbdnnc7: "f1qlveqg",
+        iro3zm: "fpedn3v",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -169,17 +169,17 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fx2bmrt",
             "fs4ktlq"
         ],
-        B2d53fq: "f1omzyqd",
+        B2d53fq: "f1ysq38h",
         em6i61: "f1dfjoow",
         vm6p8p: "f1j98vj9",
-        x3br3k: "fj8yq94",
+        x3br3k: "f5a9wio",
         ze5xyy: "f4xjyn1",
         Bx3q9su: "f1et0tmh",
         pc6evw: "f9ddjv3",
         xd2cci: "f1wi8ngl"
     },
     transparent: {
-        De3pzq: "f1c21dwh",
+        De3pzq: "f1rwsqvi",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -190,8 +190,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        sj55zd: "fkfq4zb",
-        Jwef8y: "fjxutwb",
+        sj55zd: "f1kk4q8e",
+        Jwef8y: "f1g2jd2r",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -202,10 +202,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        Bi91k9c: "f139oj5f",
+        Bi91k9c: "f15tg7a0",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        iro3zm: "fwiml72",
+        iro3zm: "fkrvwd4",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -216,12 +216,12 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fx2bmrt",
             "fs4ktlq"
         ],
-        B2d53fq: "f1fg1p5m",
+        B2d53fq: "fydzngg",
         em6i61: "f1dfjoow",
         vm6p8p: "f1j98vj9",
-        Bqrx1nm: "f1tme0vf",
+        Bqrx1nm: "f1ur2eto",
         ze5xyy: "f4xjyn1",
-        g2kj27: "f18onu3q",
+        g2kj27: "f5r8knc",
         pc6evw: "f9ddjv3"
     },
     circular: {
@@ -229,7 +229,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "f44lkw9"
+        Dimara: "flzsvll"
     },
     rounded: {},
     square: {
@@ -237,7 +237,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "f1fabniw"
+        Dimara: "f1s3fluu"
     },
     small: {
         Bf4jedk: "fh7ncta",
@@ -250,10 +250,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "ft85np5",
-        Be2twd7: "fy9rknc",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fwrc4pm"
+        Dimara: "f194ic6c",
+        Be2twd7: "fnltbal",
+        Bhrd7zp: "f1fk4m78",
+        Bg96gwp: "f1xzsb5v"
     },
     smallWithIcon: {
         Byoj8tv: "f1brlhvm",
@@ -271,10 +271,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "ft85np5",
-        Be2twd7: "fod5ikn",
-        Bhrd7zp: "fl43uef",
-        Bg96gwp: "faaz57k"
+        Dimara: "fh2riwq",
+        Be2twd7: "f1m8kw6o",
+        Bhrd7zp: "f1ldc7uk",
+        Bg96gwp: "f18h2bgy"
     },
     largeWithIcon: {
         Byoj8tv: "fy7v416",
@@ -282,23 +282,25 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     }
 }, {
     d: [
-        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
-        ".ffp7eso{background-color:var(--colorBrandBackground);}",
+        ".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;}",
-        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
-        ".fhovq9v{background-color:var(--colorSubtleBackground);}",
-        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".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)));}",
         [
-            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
+            ".flzsvll{border-radius:var(--87, var(--88, var(--borderRadiusCircular)));}",
             {
                 p: -1
             }
         ],
         [
-            ".f1fabniw{border-radius:var(--borderRadiusNone);}",
+            ".f1s3fluu{border-radius:var(--89, var(--90, var(--borderRadiusNone)));}",
             {
                 p: -1
             }
@@ -311,14 +313,14 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            ".f194ic6c{border-radius:var(--91, var(--92, var(--borderRadiusMedium)));}",
             {
                 p: -1
             }
         ],
-        ".fy9rknc{font-size:var(--fontSizeBase200);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".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;}",
@@ -329,44 +331,46 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            ".fh2riwq{border-radius:var(--99, var(--100, var(--borderRadiusMedium)));}",
             {
                 p: -1
             }
         ],
-        ".fod5ikn{font-size:var(--fontSizeBase400);}",
-        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".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: [
-        ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
-        ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}",
-        ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}",
+        ".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;}",
-        ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
-        ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}",
+        ".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;}",
-        ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}",
-        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
-        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".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;}",
-        ".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}",
-        ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}",
-        ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}",
+        ".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;}",
-        ".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}",
-        ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
-        ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
+        ".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)));}"
     ],
     m: [
         [
@@ -478,13 +482,13 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}",
+            "@media (forced-colors: active){.f1ur2eto:hover{background-color:var(--83, var(--84, var(--colorTransparentBackground)));}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}",
+            "@media (forced-colors: active){.f5r8knc:hover:active{background-color:var(--85, var(--86, var(--colorTransparentBackground)));}}",
             {
                 m: "(forced-colors: active)"
             }
@@ -493,7 +497,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
 });
 const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
-        De3pzq: "f1bg9a2p",
+        De3pzq: "frhfvzv",
         g2u3we: "f1jj8ep1",
         h3c5rm: [
             "f15xbau",
@@ -504,10 +508,10 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fy0fskl",
             "f15xbau"
         ],
-        sj55zd: "f1s2aq7o",
+        sj55zd: "fzobr5l",
         Bceei9c: "fdrzuqr",
-        Bfinmwp: "f15x8b5r",
-        Jwef8y: "f1falr9n",
+        Bfinmwp: "fgd0022",
+        Jwef8y: "f1tesxrz",
         Bgoe8wy: "f12mpcsy",
         Bwzppfd: [
             "f1gwvigk",
@@ -518,12 +522,12 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f18rmfxp",
             "f1gwvigk"
         ],
-        Bi91k9c: "fvgxktp",
+        Bi91k9c: "frafaxp",
         eoavqd: "fphbwmw",
         Bk3fhr4: "f19vpps7",
         Bmfj8id: "fv5swzo",
-        Bbdnnc7: "f1al02dq",
-        iro3zm: "f1t6o4dc",
+        Bbdnnc7: "f1qp763u",
+        iro3zm: "f14djvvj",
         b661bw: "f10ztigi",
         Bk6r4ia: [
             "f1ft5sdu",
@@ -534,11 +538,11 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1gzf82w",
             "f1ft5sdu"
         ],
-        B2d53fq: "fcvwxyo",
+        B2d53fq: "faxwmxw",
         c3iz72: "f8w4c43",
         em6i61: "f1ol4fw6",
         vm6p8p: "f1q1lw4e",
-        x3br3k: "f1dwjv2g"
+        x3br3k: "f15h2u3k"
     },
     highContrast: {
         Bsw6fvg: "f4lkoma",
@@ -589,9 +593,9 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         pc6evw: "fb3rf2x"
     },
     outline: {
-        De3pzq: "f1c21dwh",
-        Jwef8y: "f9ql6rf",
-        iro3zm: "f3h1zc4"
+        De3pzq: "fyi9log",
+        Jwef8y: "ff1rlgk",
+        iro3zm: "fe123kk"
     },
     primary: {
         g2u3we: "f1p3nwhy",
@@ -627,7 +631,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     },
     secondary: {},
     subtle: {
-        De3pzq: "f1c21dwh",
+        De3pzq: "fq3tchs",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -638,7 +642,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        Jwef8y: "f9ql6rf",
+        Jwef8y: "f1ejnv35",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -649,7 +653,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        iro3zm: "f3h1zc4",
+        iro3zm: "f1ox8cy",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -662,7 +666,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         ]
     },
     transparent: {
-        De3pzq: "f1c21dwh",
+        De3pzq: "f1p3nfov",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -673,7 +677,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        Jwef8y: "f9ql6rf",
+        Jwef8y: "f1xw1o7i",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -684,7 +688,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        iro3zm: "f3h1zc4",
+        iro3zm: "f1ddp76x",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -698,43 +702,45 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     }
 }, {
     d: [
-        ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".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);}",
-        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".fzobr5l{color:var(--109, var(--110, var(--colorNeutralForegroundDisabled)));}",
         ".fdrzuqr{cursor:not-allowed;}",
-        ".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
-        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".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;}"
+        ".f1q5o8ev{border-bottom-color:transparent;}",
+        ".fq3tchs{background-color:var(--131, var(--132, var(--colorTransparentBackground)));}",
+        ".f1p3nfov{background-color:var(--137, var(--138, var(--colorTransparentBackground)));}"
     ],
     h: [
-        ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".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);}",
-        ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
+        ".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;}",
-        ".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
-        ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".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);}",
-        ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}",
+        ".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;}",
-        ".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
-        ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}",
-        ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}",
+        ".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;}",
@@ -742,7 +748,11 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".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;}"
+        ".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)));}"
     ],
     m: [
         [
@@ -861,7 +871,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "f1062rbf"
+        B3whbx2: "f1bx8dc2"
     },
     rounded: {},
     square: {
@@ -869,7 +879,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "fj0ryk1"
+        B3whbx2: "fd666qa"
     },
     primary: {
         B8q5s1w: "f17t0x8g",
@@ -908,7 +918,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "fazmxh"
+        B3whbx2: "fdt9xh3"
     },
     medium: {},
     large: {
@@ -916,18 +926,18 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "f1b6alqh"
+        B3whbx2: "f1kvjb74"
     }
 }, {
     d: [
         [
-            ".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}",
+            ".f1bx8dc2[data-fui-focus-visible]{border-radius:var(--143, var(--144, var(--borderRadiusCircular)));}",
             {
                 p: -1
             }
         ],
         [
-            ".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}",
+            ".fd666qa[data-fui-focus-visible]{border-radius:var(--145, var(--146, var(--borderRadiusNone)));}",
             {
                 p: -1
             }
@@ -944,13 +954,13 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".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);}",
+            ".fdt9xh3[data-fui-focus-visible]{border-radius:var(--147, var(--148, var(--borderRadiusSmall)));}",
             {
                 p: -1
             }
         ],
         [
-            ".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}",
+            ".f1kvjb74[data-fui-focus-visible]{border-radius:var(--149, var(--150, var(--borderRadiusLarge)));}",
             {
                 p: -1
             }
@@ -1022,14 +1032,14 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
         Be2twd7: "fe5j1ua",
         Bqenvij: "fjamq6b",
         a9b677: "f64fuq3",
-        Bqrlyyl: "fbaiahx"
+        Bqrlyyl: "f1grhd4t"
     },
     medium: {},
     large: {
         Be2twd7: "f1rt2boy",
         Bqenvij: "frvgh55",
         a9b677: "fq4mcun",
-        Bqrlyyl: "f1exjqw5"
+        Bqrlyyl: "fht5m1c"
     },
     before: {
         t21cq0: [
@@ -1048,11 +1058,11 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fe5j1ua{font-size:20px;}",
         ".fjamq6b{height:20px;}",
         ".f64fuq3{width:20px;}",
-        ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}",
+        ".f1grhd4t{--fui-Button__icon--spacing:var(--151, var(--152, var(--spacingHorizontalXS)));}",
         ".f1rt2boy{font-size:24px;}",
         ".frvgh55{height:24px;}",
         ".fq4mcun{width:24px;}",
-        ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}",
+        ".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);}"
     ]