@fluentui/react-button 9.6.11 → 9.7.0

package/CHANGELOG.md

@@ -1,12 +1,39 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Thu, 06 Nov 2025 14:57:01 GMT and should not be manually modified.
+This log was last generated on Fri, 05 Dec 2025 22:36:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.7.0)
+
+Fri, 05 Dec 2025 22:36:22 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.6.12..@fluentui/react-button_v9.7.0)
+
+### Minor changes
+
+- feat: introduce headless style hooks for button components ([PR #35537](https://github.com/microsoft/fluentui/pull/35537) by dmytrokirpa@microsoft.com)
+
+### Patches
+
+- fix: update active state styles to include keyboard press events ([PR #35514](https://github.com/microsoft/fluentui/pull/35514) by dmytrokirpa@microsoft.com)
+
+## [9.6.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.6.12)
+
+Tue, 11 Nov 2025 19:18:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.6.11..@fluentui/react-button_v9.6.12)
+
+### Patches
+
+- chore: Bump @griffel/react package. ([PR #35469](https://github.com/microsoft/fluentui/pull/35469) by estebanmu@microsoft.com)
+- Bump @fluentui/react-aria to v9.17.6 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.3.3 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.0 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
+- Bump @fluentui/react-tabster to v9.26.10 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
+- Bump @fluentui/react-utilities to v9.25.4 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
+
 ## [9.6.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.6.11)
 
-Thu, 06 Nov 2025 14:57:01 GMT 
+Thu, 06 Nov 2025 15:01:25 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.6.10..@fluentui/react-button_v9.6.11)
 
 ### Patches

package/lib/components/Button/useButtonStyles.styles.headless.js

@@ -0,0 +1,36 @@
+'use client';
+export const buttonClassNames = {
+    root: 'fui-Button',
+    icon: 'fui-Button__icon'
+};
+/**
+ * Attaches only semantic slot class names and state modifiers
+ */ export const useButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;
+    state.root.className = [
+        buttonClassNames.root,
+        // Appearance
+        appearance && `${buttonClassNames.root}--${appearance}`,
+        // Size
+        `${buttonClassNames.root}--${size}`,
+        // Shape
+        `${buttonClassNames.root}--${shape}`,
+        // Disabled styles
+        disabled && `${buttonClassNames.root}--disabled`,
+        disabledFocusable && `${buttonClassNames.root}--disabledFocusable`,
+        // Icon styles
+        icon && iconPosition === 'before' && `${buttonClassNames.root}--iconBefore`,
+        icon && iconPosition === 'after' && `${buttonClassNames.root}--iconAfter`,
+        iconOnly && `${buttonClassNames.root}--iconOnly`,
+        // User provided class name
+        state.root.className
+    ].filter(Boolean).join(' ');
+    if (state.icon) {
+        state.icon.className = [
+            buttonClassNames.icon,
+            state.icon.className
+        ].filter(Boolean).join(' ');
+    }
+    return state;
+};

package/lib/components/Button/useButtonStyles.styles.headless.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/useButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots, ButtonState } from './Button.types';\n\nexport const buttonClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fui-Button',\n  icon: 'fui-Button__icon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useButtonStyles_unstable = (state: ButtonState): ButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n  state.root.className = [\n    buttonClassNames.root,\n\n    // Appearance\n    appearance && `${buttonClassNames.root}--${appearance}`,\n\n    // Size\n    `${buttonClassNames.root}--${size}`,\n\n    // Shape\n    `${buttonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${buttonClassNames.root}--disabled`,\n    disabledFocusable && `${buttonClassNames.root}--disabledFocusable`,\n\n    // Icon styles\n    icon && iconPosition === 'before' && `${buttonClassNames.root}--iconBefore`,\n    icon && iconPosition === 'after' && `${buttonClassNames.root}--iconAfter`,\n    iconOnly && `${buttonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [buttonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["buttonClassNames","root","icon","useButtonStyles_unstable","state","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,mBAAgD;IAC3DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEL,IAAI,EAAEM,QAAQ,EAAEC,YAAY,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGP;IAE/FA,MAAMH,IAAI,CAACW,SAAS,GAAG;QACrBZ,iBAAiBC,IAAI;QAErB,aAAa;QACbI,cAAc,GAAGL,iBAAiBC,IAAI,CAAC,EAAE,EAAEI,YAAY;QAEvD,OAAO;QACP,GAAGL,iBAAiBC,IAAI,CAAC,EAAE,EAAEU,MAAM;QAEnC,QAAQ;QACR,GAAGX,iBAAiBC,IAAI,CAAC,EAAE,EAAES,OAAO;QAEpC,kBAAkB;QAClBJ,YAAY,GAAGN,iBAAiBC,IAAI,CAAC,UAAU,CAAC;QAChDM,qBAAqB,GAAGP,iBAAiBC,IAAI,CAAC,mBAAmB,CAAC;QAElE,cAAc;QACdC,QAAQO,iBAAiB,YAAY,GAAGT,iBAAiBC,IAAI,CAAC,YAAY,CAAC;QAC3EC,QAAQO,iBAAiB,WAAW,GAAGT,iBAAiBC,IAAI,CAAC,WAAW,CAAC;QACzEO,YAAY,GAAGR,iBAAiBC,IAAI,CAAC,UAAU,CAAC;QAEhD,2BAA2B;QAC3BG,MAAMH,IAAI,CAACW,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAG;YAACZ,iBAAiBE,IAAI;YAAEE,MAAMF,IAAI,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAC5F;IAEA,OAAOX;AACT,EAAE"}

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

@@ -19,16 +19,16 @@ const buttonSpacingLargeWithIcon = '7px';
  * without affecting other browser platforms
  */
 const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;
-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 useRootBaseClassName = /*#__PURE__*/__resetStyles("r1f29ykk", null, {
+  r: [".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){.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__*/__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: "f1c21dwh",
     Jwef8y: "fjxutwb",
-    iro3zm: "fwiml72"
+    Bpjbzib: "fkoldzo"
   },
   primary: {
     De3pzq: "ffp7eso",
@@ -43,31 +43,31 @@ const useRootStyles = /*#__PURE__*/__styles({
     oetu4i: "f1ukrpxl",
     gg5e9n: ["fecsdlb", "fr80ssc"],
     Bi91k9c: "f1rq72xc",
-    iro3zm: "fnp9lpt",
-    b661bw: "f1h0usnq",
-    Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
-    B9zn80p: "f16h9ulv",
-    Bpld233: ["fx2bmrt", "fs4ktlq"],
-    B2d53fq: "f1d6v5y2",
-    Bsw6fvg: "f1rirnrt",
-    Bjwas2f: "f1uu00uk",
-    Bn1d65q: ["fkvaka8", "f9a0qzu"],
-    Bxeuatn: "f1ux7til",
-    n51gp8: ["f9a0qzu", "fkvaka8"],
-    Bbusuzp: "f1lkg8j3",
-    ycbfsm: "fkc42ay",
-    Bqrx1nm: "fq7113v",
-    pgvf35: "ff1wgvm",
-    Bh7lczh: ["fiob0tu", "f1x4h75k"],
-    dpv3f4: "f1j6scgf",
-    Bpnjhaq: ["f1x4h75k", "fiob0tu"],
-    ze5xyy: "f4xjyn1",
-    g2kj27: "fbgcvur",
-    Bf756sw: "f1ks1yx8",
-    Bow2dr7: ["f1o6qegi", "fmxjhhp"],
-    Bvhedfk: "fcnxywj",
-    Gye4lf: ["fmxjhhp", "f1o6qegi"],
-    pc6evw: "f9ddjv3"
+    Bpjbzib: "f1ksv2xa",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "f1d6mv4x",
+    By8wz76: "f1nz3ub2",
+    Bcq6wej: "fag2qd2",
+    Jcjdmf: ["fmvhcg7", "f14bpyus"],
+    sc4o1m: "f1o3dhpw",
+    Bosien3: ["f14bpyus", "fmvhcg7"],
+    B7iucu3: "fqc85l4",
+    B8gzw0y: "f1h3a8gf",
+    Bbkh6qg: "fkiggi6",
+    F230oe: "f8gmj8i",
+    Bdw8ktp: ["f1ap8nzx", "fjag8bx"],
+    Bj1xduy: "f1igan7k",
+    Bhh2cfd: ["fjag8bx", "f1ap8nzx"],
+    Bahaeuw: "f1v3eptx",
+    Bv2bamp: "f1ysmecq",
+    vxuvv6: "faulsx",
+    Bli9q98: ["f79t15f", "f8qmx7k"],
+    Bx2tt8t: "fbtzoaq",
+    yad0b3: ["f8qmx7k", "f79t15f"],
+    j2fop7: "fd4bjan"
   },
   secondary: {},
   subtle: {
@@ -86,19 +86,19 @@ const useRootStyles = /*#__PURE__*/__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",
-    ze5xyy: "f4xjyn1",
-    Bx3q9su: "f1et0tmh",
-    pc6evw: "f9ddjv3",
-    xd2cci: "f1wi8ngl"
+    Bpjbzib: "f1q1yqic",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "fwga7ee",
+    Bqou3pl: "f1nhwcv0",
+    Bsnehw8: "f1gm6xmp",
+    wsxvnf: "f1xxsver",
+    Bahaeuw: "f1v3eptx",
+    Buhizc3: "fivsta0",
+    j2fop7: "fd4bjan",
+    Bqabnb4: "f3m6zum"
   },
   transparent: {
     De3pzq: "f1c21dwh",
@@ -115,18 +115,18 @@ const useRootStyles = /*#__PURE__*/__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",
-    Bqrx1nm: "f1tme0vf",
-    ze5xyy: "f4xjyn1",
-    g2kj27: "f18onu3q",
-    pc6evw: "f9ddjv3"
+    Bpjbzib: "fkoldzo",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "f1l983o9",
+    Bqou3pl: "f1nhwcv0",
+    Bsnehw8: "f1gm6xmp",
+    Bbkh6qg: "fxoo9op",
+    Bahaeuw: "f1v3eptx",
+    Bv2bamp: "f1i0gk12",
+    j2fop7: "fd4bjan"
   },
   circular: {
     Beyfa6y: 0,
@@ -198,46 +198,46 @@ const useRootStyles = /*#__PURE__*/__styles({
   }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
     p: -1
   }], ".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;}}", {
+  h: [".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".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);}", ".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);}", ".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);}", ".f1l983o9:hover:active,.f1l983o9:active:focus-visible{color:var(--colorNeutralForeground2BrandPressed);}"],
+  m: [["@media (forced-colors: active){.f1nz3ub2{background-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1uu00uk{border-top-color:HighlightText;}}", {
+  }], ["@media (forced-colors: active){.fag2qd2{border-top-color:HighlightText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-color:HighlightText;}}", {
+  }], ["@media (forced-colors: active){.f14bpyus{border-left-color:HighlightText;}.fmvhcg7{border-right-color:HighlightText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1ux7til{border-bottom-color:HighlightText;}}", {
+  }], ["@media (forced-colors: active){.f1o3dhpw{border-bottom-color:HighlightText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", {
+  }], ["@media (forced-colors: active){.fqc85l4{color:HighlightText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.f1h3a8gf{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", {
+  }], ["@media (forced-colors: active){.fkiggi6:hover{background-color:HighlightText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.f8gmj8i:hover{border-top-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.f1ap8nzx:hover{border-right-color:Highlight;}.fjag8bx:hover{border-left-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.f1igan7k:hover{border-bottom-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.f1v3eptx:hover{color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fbgcvur: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){.f1ks1yx8: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){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-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){.fcnxywj: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){.f9ddjv3:hover:active{color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.fd4bjan:hover:active,.fd4bjan:active:focus-visible{color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1et0tmh:hover .fui-Button__icon{color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.fivsta0:hover .fui-Button__icon{color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1wi8ngl: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)"
-  }], ["@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}", {
+  }], ["@media (forced-colors: active){.fxoo9op:hover{background-color:var(--colorTransparentBackground);}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f18onu3q: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)"
   }]]
 });
@@ -261,48 +261,48 @@ const useRootDisabledStyles = /*#__PURE__*/__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: {
-    Bsw6fvg: "f4lkoma",
-    Bjwas2f: "fg455y9",
-    Bn1d65q: ["f1rvyvqg", "f14g86mu"],
-    Bxeuatn: "f1cwzwz",
-    n51gp8: ["f14g86mu", "f1rvyvqg"],
-    Bbusuzp: "f1dcs8yz",
-    Bm2fdqk: "fuigjrg",
-    G867l3: "fjwq6ea",
-    gdbnj: ["f1lr3nhc", "f1mbxvi6"],
-    mxns5l: "fn5gmvv",
-    o3nasb: ["f1mbxvi6", "f1lr3nhc"],
-    Bqrx1nm: "f1vmkb5g",
-    pgvf35: "f53ppgq",
-    Bh7lczh: ["f1663y11", "f80fkiy"],
-    dpv3f4: "f18v5270",
-    Bpnjhaq: ["f80fkiy", "f1663y11"],
-    ze5xyy: "f1kc2mi9",
-    Bx3q9su: "f4dhi0o",
-    g2kj27: "f1y0svfh",
-    Bf756sw: "fihuait",
-    Bow2dr7: ["fnxhupq", "fyd6l6x"],
-    Bvhedfk: "fx507ft",
-    Gye4lf: ["fyd6l6x", "fnxhupq"],
-    pc6evw: "fb3rf2x",
-    xd2cci: "fequ9m0"
+    By8wz76: "f14ptb23",
+    Bcq6wej: "f9dbb4x",
+    Jcjdmf: ["f3qs60o", "f5u9ap2"],
+    sc4o1m: "fwd1oij",
+    Bosien3: ["f5u9ap2", "f3qs60o"],
+    B7iucu3: "f1cyfu5x",
+    Grqk0h: "f127ot8j",
+    h3ptyc: "f19etb0b",
+    Buw724y: ["f4f984j", "fw441p0"],
+    Buk7464: "f3d22hf",
+    Hwei09: ["fw441p0", "f4f984j"],
+    Bbkh6qg: "fj8k9ua",
+    F230oe: "fifrq0d",
+    Bdw8ktp: ["f196mwp7", "fnekfq"],
+    Bj1xduy: "f1l6uprw",
+    Bhh2cfd: ["fnekfq", "f196mwp7"],
+    Bahaeuw: "fa9u7a5",
+    Buhizc3: "f1m71e0y",
+    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",
@@ -313,10 +313,10 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
     Bwzppfd: ["fr80ssc", "fecsdlb"],
     oetu4i: "f1ukrpxl",
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    b661bw: "f1h0usnq",
-    Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
-    B9zn80p: "f16h9ulv",
-    Bpld233: ["fx2bmrt", "fs4ktlq"]
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"]
   },
   secondary: {},
   subtle: {
@@ -330,11 +330,11 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
     Bwzppfd: ["fr80ssc", "fecsdlb"],
     oetu4i: "f1ukrpxl",
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    iro3zm: "f3h1zc4",
-    b661bw: "f1h0usnq",
-    Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
-    B9zn80p: "f16h9ulv",
-    Bpld233: ["fx2bmrt", "fs4ktlq"]
+    Bpjbzib: "f9r0db0",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"]
   },
   transparent: {
     De3pzq: "f1c21dwh",
@@ -347,56 +347,56 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
     Bwzppfd: ["fr80ssc", "fecsdlb"],
     oetu4i: "f1ukrpxl",
     gg5e9n: ["fecsdlb", "fr80ssc"],
-    iro3zm: "f3h1zc4",
-    b661bw: "f1h0usnq",
-    Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
-    B9zn80p: "f16h9ulv",
-    Bpld233: ["fx2bmrt", "fs4ktlq"]
+    Bpjbzib: "f9r0db0",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"]
   }
 }, {
   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;}}", {
+  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);}", ".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);}", ".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;}", ".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: [["@media (forced-colors: active){.f14ptb23{background-color:ButtonFace;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f9dbb4x{border-top-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f3qs60o{border-right-color:GrayText;}.f5u9ap2{border-left-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.fwd1oij{border-bottom-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f1cyfu5x{color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fuigjrg .fui-Button__icon{color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f127ot8j .fui-Button__icon{color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f19etb0b:focus{border-top-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f4f984j:focus{border-right-color:GrayText;}.fw441p0:focus{border-left-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f3d22hf:focus{border-bottom-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1vmkb5g:hover{background-color:ButtonFace;}}", {
+  }], ["@media (forced-colors: active){.fj8k9ua:hover{background-color:ButtonFace;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f53ppgq:hover{border-top-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.fifrq0d:hover{border-top-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1663y11:hover{border-right-color:GrayText;}.f80fkiy:hover{border-left-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f196mwp7:hover{border-right-color:GrayText;}.fnekfq:hover{border-left-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f18v5270:hover{border-bottom-color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f1l6uprw:hover{border-bottom-color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.fa9u7a5:hover{color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f4dhi0o:hover .fui-Button__icon{color:GrayText;}}", {
+  }], ["@media (forced-colors: active){.f1m71e0y:hover .fui-Button__icon{color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1y0svfh: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){.fihuait: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){.fnxhupq:hover:active{border-right-color:GrayText;}.fyd6l6x: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){.fx507ft: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){.fb3rf2x: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){.fequ9m0: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)"
   }]]
 });
@@ -427,8 +427,8 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
     lks7q5: ["f13prjl2", "f1nl83rv"],
     Bnan3qt: "f1czftr5",
     k1dn9: ["f1nl83rv", "f13prjl2"],
-    Boium3a: ["f12k37oa", "fdnykm2"],
-    tm8e47: "fr96u23"
+    Bqsb82s: ["fixhny3", "f18mfu3r"],
+    jg1oma: "feygou5"
   },
   small: {
     Bw81rd7: 0,
@@ -455,7 +455,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
   }], [".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}", {
     p: -1
   }]],
-  t: ["@supports (-moz-appearance:button){.f12k37oa[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fdnykm2[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}", "@supports (-moz-appearance:button){.fr96u23[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
+  t: ["@supports (-moz-appearance:button){.f18mfu3r[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fixhny3[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}", "@supports (-moz-appearance:button){.feygou5[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
 });
 const useRootIconOnlyStyles = /*#__PURE__*/__styles({
   small: {