@fluentui/react-button 9.6.12 → 9.7.0

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

@@ -33,17 +33,17 @@ 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)("r1f29ykk", 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;}"
+        ".r1f29ykk{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);}",
+        ".r1f29ykk:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
+        ".r1f29ykk:hover:active,.r1f29ykk:active:focus-visible{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
+        ".r1f29ykk[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;}}"
+        "@media screen and (prefers-reduced-motion: reduce){.r1f29ykk{transition-duration:0.01ms;}}",
+        "@media (forced-colors: active){.r1f29ykk:focus{border-color:ButtonText;}.r1f29ykk:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1f29ykk:hover:active,.r1f29ykk:active:focus-visible{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
+        "@supports (-moz-appearance:button){.r1f29ykk[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, [
@@ -53,7 +53,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     outline: {
         De3pzq: "f1c21dwh",
         Jwef8y: "fjxutwb",
-        iro3zm: "fwiml72"
+        Bpjbzib: "fkoldzo"
     },
     primary: {
         De3pzq: "ffp7eso",
@@ -80,18 +80,18 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fr80ssc"
         ],
         Bi91k9c: "f1rq72xc",
-        iro3zm: "fnp9lpt",
-        b661bw: "f1h0usnq",
-        Bk6r4ia: [
-            "fs4ktlq",
-            "fx2bmrt"
-        ],
-        B9zn80p: "f16h9ulv",
-        Bpld233: [
-            "fx2bmrt",
-            "fs4ktlq"
-        ],
-        B2d53fq: "f1d6v5y2",
+        Bpjbzib: "f1ksv2xa",
+        im15vp: "fhvnf4x",
+        Hjvxdg: [
+            "fb6swo4",
+            "f232fm2"
+        ],
+        Gpfmf1: "f1klyf7k",
+        ustxxc: [
+            "f232fm2",
+            "fb6swo4"
+        ],
+        Brsut9c: "f1d6mv4x",
         By8wz76: "f1nz3ub2",
         Bcq6wej: "fag2qd2",
         Jcjdmf: [
@@ -117,18 +117,18 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1ap8nzx"
         ],
         Bahaeuw: "f1v3eptx",
-        rxnm8d: "fpelvsg",
-        Bso50sa: "f1r9enuy",
-        B65bq0w: [
-            "fdvt4n0",
-            "f1grx941"
-        ],
-        Buont6p: "f1l34yyb",
-        B0o9ejx: [
-            "f1grx941",
-            "fdvt4n0"
-        ],
-        Dcq74g: "fqfbdvs"
+        Bv2bamp: "f1ysmecq",
+        vxuvv6: "faulsx",
+        Bli9q98: [
+            "f79t15f",
+            "f8qmx7k"
+        ],
+        Bx2tt8t: "fbtzoaq",
+        yad0b3: [
+            "f8qmx7k",
+            "f79t15f"
+        ],
+        j2fop7: "fd4bjan"
     },
     secondary: {},
     subtle: {
@@ -159,25 +159,25 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
         Bbdnnc7: "fy5bs14",
-        iro3zm: "fsv2rcd",
-        b661bw: "f1h0usnq",
-        Bk6r4ia: [
-            "fs4ktlq",
-            "fx2bmrt"
-        ],
-        B9zn80p: "f16h9ulv",
-        Bpld233: [
-            "fx2bmrt",
-            "fs4ktlq"
-        ],
-        B2d53fq: "f1omzyqd",
-        em6i61: "f1dfjoow",
-        vm6p8p: "f1j98vj9",
-        x3br3k: "fj8yq94",
+        Bpjbzib: "f1q1yqic",
+        im15vp: "fhvnf4x",
+        Hjvxdg: [
+            "fb6swo4",
+            "f232fm2"
+        ],
+        Gpfmf1: "f1klyf7k",
+        ustxxc: [
+            "f232fm2",
+            "fb6swo4"
+        ],
+        Brsut9c: "fwga7ee",
+        Bqou3pl: "f1nhwcv0",
+        Bsnehw8: "f1gm6xmp",
+        wsxvnf: "f1xxsver",
         Bahaeuw: "f1v3eptx",
         Buhizc3: "fivsta0",
-        Dcq74g: "fqfbdvs",
-        zyxd5v: "f1wfsnb3"
+        j2fop7: "fd4bjan",
+        Bqabnb4: "f3m6zum"
     },
     transparent: {
         De3pzq: "f1c21dwh",
@@ -206,24 +206,24 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bi91k9c: "f139oj5f",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        iro3zm: "fwiml72",
-        b661bw: "f1h0usnq",
-        Bk6r4ia: [
-            "fs4ktlq",
-            "fx2bmrt"
-        ],
-        B9zn80p: "f16h9ulv",
-        Bpld233: [
-            "fx2bmrt",
-            "fs4ktlq"
-        ],
-        B2d53fq: "f1fg1p5m",
-        em6i61: "f1dfjoow",
-        vm6p8p: "f1j98vj9",
+        Bpjbzib: "fkoldzo",
+        im15vp: "fhvnf4x",
+        Hjvxdg: [
+            "fb6swo4",
+            "f232fm2"
+        ],
+        Gpfmf1: "f1klyf7k",
+        ustxxc: [
+            "f232fm2",
+            "fb6swo4"
+        ],
+        Brsut9c: "f1l983o9",
+        Bqou3pl: "f1nhwcv0",
+        Bsnehw8: "f1gm6xmp",
         Bbkh6qg: "fxoo9op",
         Bahaeuw: "f1v3eptx",
-        rxnm8d: "f11slz88",
-        Dcq74g: "fqfbdvs"
+        Bv2bamp: "f1i0gk12",
+        j2fop7: "fd4bjan"
     },
     circular: {
         Beyfa6y: 0,
@@ -343,31 +343,31 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     ],
     h: [
         ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
-        ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}",
+        ".fkoldzo:hover:active,.fkoldzo:active:focus-visible{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);}",
+        ".f1ksv2xa:hover:active,.f1ksv2xa:active:focus-visible{background-color:var(--colorBrandBackgroundPressed);}",
+        ".fhvnf4x:hover:active,.fhvnf4x:active:focus-visible{border-top-color:transparent;}",
+        ".fb6swo4:hover:active,.fb6swo4:active:focus-visible{border-right-color:transparent;}",
+        ".f232fm2:hover:active,.f232fm2:active:focus-visible{border-left-color:transparent;}",
+        ".f1klyf7k:hover:active,.f1klyf7k:active:focus-visible{border-bottom-color:transparent;}",
+        ".f1d6mv4x:hover:active,.f1d6mv4x:active:focus-visible{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);}",
+        ".f1q1yqic:hover:active,.f1q1yqic:active:focus-visible{background-color:var(--colorSubtleBackgroundPressed);}",
+        ".fwga7ee:hover:active,.fwga7ee:active:focus-visible{color:var(--colorNeutralForeground2Pressed);}",
+        ".f1nhwcv0:hover:active .fui-Icon-filled,.f1nhwcv0:active:focus-visible .fui-Icon-filled{display:inline;}",
+        ".f1gm6xmp:hover:active .fui-Icon-regular,.f1gm6xmp:active:focus-visible .fui-Icon-regular{display:none;}",
+        ".f1xxsver:hover:active .fui-Button__icon,.f1xxsver:active:focus-visible .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}",
         ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
-        ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
+        ".f1l983o9:hover:active,.f1l983o9:active:focus-visible{color:var(--colorNeutralForeground2BrandPressed);}"
     ],
     m: [
         [
@@ -437,31 +437,31 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.fpelvsg:hover:active{background-color:HighlightText;}}",
+            "@media (forced-colors: active){.f1ysmecq:hover:active,.f1ysmecq:active:focus-visible{background-color:HighlightText;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f1r9enuy:hover:active{border-top-color:Highlight;}}",
+            "@media (forced-colors: active){.faulsx:hover:active,.faulsx:active:focus-visible{border-top-color:Highlight;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f1grx941:hover:active{border-left-color:Highlight;}.fdvt4n0:hover:active{border-right-color:Highlight;}}",
+            "@media (forced-colors: active){.f79t15f:hover:active,.f79t15f:active:focus-visible{border-right-color:Highlight;}.f8qmx7k:hover:active,.f8qmx7k:active:focus-visible{border-left-color:Highlight;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f1l34yyb:hover:active{border-bottom-color:Highlight;}}",
+            "@media (forced-colors: active){.fbtzoaq:hover:active,.fbtzoaq:active:focus-visible{border-bottom-color:Highlight;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.fqfbdvs:hover:active{color:Highlight;}}",
+            "@media (forced-colors: active){.fd4bjan:hover:active,.fd4bjan:active:focus-visible{color:Highlight;}}",
             {
                 m: "(forced-colors: active)"
             }
@@ -473,7 +473,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.f1wfsnb3:hover:active .fui-Button__icon{color:Highlight;}}",
+            "@media (forced-colors: active){.f3m6zum:hover:active .fui-Button__icon,.f3m6zum:active:focus-visible .fui-Button__icon{color:Highlight;}}",
             {
                 m: "(forced-colors: active)"
             }
@@ -485,7 +485,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.f11slz88:hover:active{background-color:var(--colorTransparentBackground);}}",
+            "@media (forced-colors: active){.f1i0gk12:hover:active,.f1i0gk12:active:focus-visible{background-color:var(--colorTransparentBackground);}}",
             {
                 m: "(forced-colors: active)"
             }
@@ -524,22 +524,22 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bk3fhr4: "f19vpps7",
         Bmfj8id: "fv5swzo",
         Bbdnnc7: "f1al02dq",
-        iro3zm: "f1t6o4dc",
-        b661bw: "f10ztigi",
-        Bk6r4ia: [
-            "f1ft5sdu",
-            "f1gzf82w"
-        ],
-        B9zn80p: "f12zbtn2",
-        Bpld233: [
-            "f1gzf82w",
-            "f1ft5sdu"
-        ],
-        B2d53fq: "fcvwxyo",
-        c3iz72: "f8w4c43",
-        em6i61: "f1ol4fw6",
-        vm6p8p: "f1q1lw4e",
-        x3br3k: "f1dwjv2g"
+        Bpjbzib: "f1jct5ie",
+        im15vp: "f13txml0",
+        Hjvxdg: [
+            "f1ncddno",
+            "f1axfvow"
+        ],
+        Gpfmf1: "f1z04ada",
+        ustxxc: [
+            "f1axfvow",
+            "f1ncddno"
+        ],
+        Brsut9c: "f1uhomfy",
+        Bses4qk: "fy9mucy",
+        Bqou3pl: "f1g9va8i",
+        Bsnehw8: "fwgvudy",
+        wsxvnf: "fom6jww"
     },
     highContrast: {
         By8wz76: "f14ptb23",
@@ -578,24 +578,24 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         ],
         Bahaeuw: "fa9u7a5",
         Buhizc3: "f1m71e0y",
-        rxnm8d: "f1xxg0vq",
-        Bso50sa: "f16oldlo",
-        B65bq0w: [
-            "f17g64ui",
-            "fqbrke7"
-        ],
-        Buont6p: "fjvf891",
-        B0o9ejx: [
-            "fqbrke7",
-            "f17g64ui"
-        ],
-        Dcq74g: "f1efp33f",
-        zyxd5v: "f1gue8i"
+        Bv2bamp: "fw24f3",
+        vxuvv6: "f1nznrny",
+        Bli9q98: [
+            "fq8nxuu",
+            "f1ao3jkc"
+        ],
+        Bx2tt8t: "ftoixeo",
+        yad0b3: [
+            "f1ao3jkc",
+            "fq8nxuu"
+        ],
+        j2fop7: "fpmuzpx",
+        Bqabnb4: "f168odog"
     },
     outline: {
         De3pzq: "f1c21dwh",
         Jwef8y: "f9ql6rf",
-        iro3zm: "f3h1zc4"
+        Bpjbzib: "f9r0db0"
     },
     primary: {
         g2u3we: "f1p3nwhy",
@@ -618,15 +618,15 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        b661bw: "f1h0usnq",
-        Bk6r4ia: [
-            "fs4ktlq",
-            "fx2bmrt"
+        im15vp: "fhvnf4x",
+        Hjvxdg: [
+            "fb6swo4",
+            "f232fm2"
         ],
-        B9zn80p: "f16h9ulv",
-        Bpld233: [
-            "fx2bmrt",
-            "fs4ktlq"
+        Gpfmf1: "f1klyf7k",
+        ustxxc: [
+            "f232fm2",
+            "fb6swo4"
         ]
     },
     secondary: {},
@@ -653,16 +653,16 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        iro3zm: "f3h1zc4",
-        b661bw: "f1h0usnq",
-        Bk6r4ia: [
-            "fs4ktlq",
-            "fx2bmrt"
+        Bpjbzib: "f9r0db0",
+        im15vp: "fhvnf4x",
+        Hjvxdg: [
+            "fb6swo4",
+            "f232fm2"
         ],
-        B9zn80p: "f16h9ulv",
-        Bpld233: [
-            "fx2bmrt",
-            "fs4ktlq"
+        Gpfmf1: "f1klyf7k",
+        ustxxc: [
+            "f232fm2",
+            "fb6swo4"
         ]
     },
     transparent: {
@@ -688,16 +688,16 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        iro3zm: "f3h1zc4",
-        b661bw: "f1h0usnq",
-        Bk6r4ia: [
-            "fs4ktlq",
-            "fx2bmrt"
+        Bpjbzib: "f9r0db0",
+        im15vp: "fhvnf4x",
+        Hjvxdg: [
+            "fb6swo4",
+            "f232fm2"
         ],
-        B9zn80p: "f16h9ulv",
-        Bpld233: [
-            "fx2bmrt",
-            "fs4ktlq"
+        Gpfmf1: "f1klyf7k",
+        ustxxc: [
+            "f232fm2",
+            "fb6swo4"
         ]
     }
 }, {
@@ -727,26 +727,26 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".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);}",
+        ".f1jct5ie:hover:active,.f1jct5ie:active:focus-visible{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".f13txml0:hover:active,.f13txml0:active:focus-visible{border-top-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1ncddno:hover:active,.f1ncddno:active:focus-visible{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1axfvow:hover:active,.f1axfvow:active:focus-visible{border-left-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1z04ada:hover:active,.f1z04ada:active:focus-visible{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1uhomfy:hover:active,.f1uhomfy:active:focus-visible{color:var(--colorNeutralForegroundDisabled);}",
+        ".fy9mucy:hover:active,.fy9mucy:active:focus-visible{cursor:not-allowed;}",
+        ".f1g9va8i:hover:active .fui-Icon-filled,.f1g9va8i:active:focus-visible .fui-Icon-filled{display:none;}",
+        ".fwgvudy:hover:active .fui-Icon-regular,.fwgvudy:active:focus-visible .fui-Icon-regular{display:inline;}",
+        ".fom6jww:hover:active .fui-Button__icon,.fom6jww:active:focus-visible .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
         ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}",
-        ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}",
+        ".f9r0db0:hover:active,.f9r0db0:active:focus-visible{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;}"
+        ".fhvnf4x:hover:active,.fhvnf4x:active:focus-visible{border-top-color:transparent;}",
+        ".fb6swo4:hover:active,.fb6swo4:active:focus-visible{border-right-color:transparent;}",
+        ".f232fm2:hover:active,.f232fm2:active:focus-visible{border-left-color:transparent;}",
+        ".f1klyf7k:hover:active,.f1klyf7k:active:focus-visible{border-bottom-color:transparent;}"
     ],
     m: [
         [
@@ -840,37 +840,37 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.f1xxg0vq:hover:active{background-color:ButtonFace;}}",
+            "@media (forced-colors: active){.fw24f3:hover:active,.fw24f3:active:focus-visible{background-color:ButtonFace;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f16oldlo:hover:active{border-top-color:GrayText;}}",
+            "@media (forced-colors: active){.f1nznrny:hover:active,.f1nznrny:active:focus-visible{border-top-color:GrayText;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f17g64ui:hover:active{border-right-color:GrayText;}.fqbrke7:hover:active{border-left-color:GrayText;}}",
+            "@media (forced-colors: active){.f1ao3jkc:hover:active,.f1ao3jkc:active:focus-visible{border-left-color:GrayText;}.fq8nxuu:hover:active,.fq8nxuu:active:focus-visible{border-right-color:GrayText;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.fjvf891:hover:active{border-bottom-color:GrayText;}}",
+            "@media (forced-colors: active){.ftoixeo:hover:active,.ftoixeo:active:focus-visible{border-bottom-color:GrayText;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f1efp33f:hover:active{color:GrayText;}}",
+            "@media (forced-colors: active){.fpmuzpx:hover:active,.fpmuzpx:active:focus-visible{color:GrayText;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f1gue8i:hover:active .fui-Button__icon{color:GrayText;}}",
+            "@media (forced-colors: active){.f168odog:hover:active .fui-Button__icon,.f168odog:active:focus-visible .fui-Button__icon{color:GrayText;}}",
             {
                 m: "(forced-colors: active)"
             }