@fluentui/react-button 0.0.0-nightly-20240819-2052.1 → 0.0.0-nightly-20240819-2110.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)("rcldc9l", null, {
+const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rwn5z10", null, {
     r: [
-        ".rcldc9l{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--1, var(--2, var(--colorNeutralBackground1)));color:var(--3, var(--4, var(--colorNeutralForeground1)));border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--5, var(--6, var(--fontFamilyBase)));outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--19, var(--20, var(--borderRadiusMedium)));font-size:var(--21, var(--22, var(--fontSizeBase300)));font-weight:var(--23, var(--24, var(--fontWeightSemibold)));line-height:var(--25, var(--26, var(--lineHeightBase300)));transition-duration:var(--27, var(--28, var(--durationFaster)));transition-property:background,border,color;transition-timing-function:var(--29, var(--30, var(--curveEasyEase)));}",
-        ".rcldc9l:hover{background-color:var(--7, var(--8, var(--colorNeutralBackground1Hover)));border-color:var(--9, var(--10, var(--colorNeutralStroke1Hover)));color:var(--11, var(--12, var(--colorNeutralForeground1Hover)));cursor:pointer;}",
-        ".rcldc9l:hover:active{background-color:var(--13, var(--14, var(--colorNeutralBackground1Pressed)));border-color:var(--15, var(--16, var(--colorNeutralStroke1Pressed)));color:var(--17, var(--18, var(--colorNeutralForeground1Pressed)));outline-style:none;}",
-        ".rcldc9l[data-fui-focus-visible]{border-color:var(--31, var(--32, var(--colorStrokeFocus2)));border-radius:var(--33, var(--34, var(--borderRadiusMedium)));border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"
+        ".rwn5z10{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(--ctrl-token-Button-1, var(--semantic-token-Button-2, var(--colorNeutralBackground1)));color:var(--ctrl-token-Button-3, var(--semantic-token-Button-4, var(--colorNeutralForeground1)));border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--ctrl-token-Button-5, var(--semantic-token-Button-6, var(--fontFamilyBase)));outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--ctrl-token-Button-19, var(--semantic-token-Button-20, var(--borderRadiusMedium)));font-size:var(--ctrl-token-Button-21, var(--semantic-token-Button-22, var(--fontSizeBase300)));font-weight:var(--ctrl-token-Button-23, var(--semantic-token-Button-24, var(--fontWeightSemibold)));line-height:var(--ctrl-token-Button-25, var(--semantic-token-Button-26, var(--lineHeightBase300)));transition-duration:var(--ctrl-token-Button-27, var(--semantic-token-Button-28, var(--durationFaster)));transition-property:background,border,color;transition-timing-function:var(--ctrl-token-Button-29, var(--semantic-token-Button-30, var(--curveEasyEase)));}",
+        ".rwn5z10:hover{background-color:var(--ctrl-token-Button-7, var(--semantic-token-Button-8, var(--colorNeutralBackground1Hover)));border-color:var(--ctrl-token-Button-9, var(--semantic-token-Button-10, var(--colorNeutralStroke1Hover)));color:var(--ctrl-token-Button-11, var(--semantic-token-Button-12, var(--colorNeutralForeground1Hover)));cursor:pointer;}",
+        ".rwn5z10:hover:active{background-color:var(--ctrl-token-Button-13, var(--semantic-token-Button-14, var(--colorNeutralBackground1Pressed)));border-color:var(--ctrl-token-Button-15, var(--semantic-token-Button-16, var(--colorNeutralStroke1Pressed)));color:var(--ctrl-token-Button-17, var(--semantic-token-Button-18, var(--colorNeutralForeground1Pressed)));outline-style:none;}",
+        ".rwn5z10[data-fui-focus-visible]{border-color:var(--ctrl-token-Button-31, var(--semantic-token-Button-32, var(--colorStrokeFocus2)));border-radius:var(--ctrl-token-Button-33, var(--semantic-token-Button-34, var(--borderRadiusMedium)));border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"
     ],
     s: [
-        "@media screen and (prefers-reduced-motion: reduce){.rcldc9l{transition-duration:0.01ms;}}",
-        "@media (forced-colors: active){.rcldc9l:focus{border-color:ButtonText;}.rcldc9l:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rcldc9l:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
-        "@supports (-moz-appearance:button){.rcldc9l[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"
+        "@media screen and (prefers-reduced-motion: reduce){.rwn5z10{transition-duration:0.01ms;}}",
+        "@media (forced-colors: active){.rwn5z10:focus{border-color:ButtonText;}.rwn5z10:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rwn5z10:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
+        "@supports (-moz-appearance:button){.rwn5z10[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"
     ]
 });
-const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rjvjuh1", null, [
-    ".rjvjuh1{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--35, var(--36, var(--spacingHorizontalSNudge)));}"
+const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rjhju60", null, [
+    ".rjhju60{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--ctrl-token-Button-35, var(--semantic-token-Button-36, var(--spacingHorizontalSNudge)));}"
 ]);
 const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     outline: {
-        De3pzq: "favd00m",
-        Jwef8y: "f1jlfcpx",
-        iro3zm: "f1fovm4r"
+        De3pzq: "f1eouddg",
+        Jwef8y: "fj890eg",
+        iro3zm: "fp7cah7"
     },
     primary: {
-        De3pzq: "f1yiavn6",
+        De3pzq: "f1jo0kc4",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -66,8 +66,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        sj55zd: "f147gany",
-        Jwef8y: "f1v2ig5q",
+        sj55zd: "f1tfrua9",
+        Jwef8y: "fhfauqh",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -78,8 +78,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        Bi91k9c: "f1kyym2e",
-        iro3zm: "ftwsmdl",
+        Bi91k9c: "f1m12vgd",
+        iro3zm: "f1a744jy",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -90,7 +90,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fx2bmrt",
             "fs4ktlq"
         ],
-        B2d53fq: "f10ziroe",
+        B2d53fq: "f22sk3l",
         Bsw6fvg: "f1rirnrt",
         Bjwas2f: "f1uu00uk",
         Bn1d65q: [
@@ -131,7 +131,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     },
     secondary: {},
     subtle: {
-        De3pzq: "f3ihjpl",
+        De3pzq: "fcqf3ay",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -142,8 +142,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        sj55zd: "f1f29j1b",
-        Jwef8y: "fzypk7",
+        sj55zd: "facbcro",
+        Jwef8y: "f17cpoba",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -154,11 +154,11 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        Bi91k9c: "fkni20b",
+        Bi91k9c: "fl0l5mk",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        Bbdnnc7: "f1qlveqg",
-        iro3zm: "fpedn3v",
+        Bbdnnc7: "f1e22ucq",
+        iro3zm: "ft2oq02",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -169,17 +169,17 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fx2bmrt",
             "fs4ktlq"
         ],
-        B2d53fq: "f1ysq38h",
+        B2d53fq: "f1fbgxgw",
         em6i61: "f1dfjoow",
         vm6p8p: "f1j98vj9",
-        x3br3k: "f5a9wio",
+        x3br3k: "f939htu",
         ze5xyy: "f4xjyn1",
         Bx3q9su: "f1et0tmh",
         pc6evw: "f9ddjv3",
         xd2cci: "f1wi8ngl"
     },
     transparent: {
-        De3pzq: "f1rwsqvi",
+        De3pzq: "f1r0wfzh",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -190,8 +190,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        sj55zd: "f1kk4q8e",
-        Jwef8y: "f1g2jd2r",
+        sj55zd: "f7tu2s8",
+        Jwef8y: "f1keu3yc",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -202,10 +202,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        Bi91k9c: "f15tg7a0",
+        Bi91k9c: "f1icn6bw",
         Bk3fhr4: "ft1hn21",
         Bmfj8id: "fuxngvv",
-        iro3zm: "fkrvwd4",
+        iro3zm: "f1obcw2h",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -216,12 +216,12 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fx2bmrt",
             "fs4ktlq"
         ],
-        B2d53fq: "fydzngg",
+        B2d53fq: "f1hziq7e",
         em6i61: "f1dfjoow",
         vm6p8p: "f1j98vj9",
-        Bqrx1nm: "f1ur2eto",
+        Bqrx1nm: "f4jdi9f",
         ze5xyy: "f4xjyn1",
-        g2kj27: "f5r8knc",
+        g2kj27: "fx1ym7w",
         pc6evw: "f9ddjv3"
     },
     circular: {
@@ -229,7 +229,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "flzsvll"
+        Dimara: "ftu8dxo"
     },
     rounded: {},
     square: {
@@ -237,7 +237,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "f1s3fluu"
+        Dimara: "f1jlnq56"
     },
     small: {
         Bf4jedk: "fh7ncta",
@@ -250,10 +250,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "f194ic6c",
-        Be2twd7: "fnltbal",
-        Bhrd7zp: "f1fk4m78",
-        Bg96gwp: "f1xzsb5v"
+        Dimara: "f7gzlmc",
+        Be2twd7: "fyfeqws",
+        Bhrd7zp: "f1q4cs6n",
+        Bg96gwp: "f1bh4f08"
     },
     smallWithIcon: {
         Byoj8tv: "f1brlhvm",
@@ -271,10 +271,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
-        Dimara: "fh2riwq",
-        Be2twd7: "f1m8kw6o",
-        Bhrd7zp: "f1ldc7uk",
-        Bg96gwp: "f18h2bgy"
+        Dimara: "frxf9co",
+        Be2twd7: "f1fexiz4",
+        Bhrd7zp: "ffl0wkr",
+        Bg96gwp: "f1bn82zg"
     },
     largeWithIcon: {
         Byoj8tv: "fy7v416",
@@ -282,25 +282,25 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     }
 }, {
     d: [
-        ".favd00m{background-color:var(--37, var(--38, var(--colorTransparentBackground)));}",
-        ".f1yiavn6{background-color:var(--43, var(--44, var(--colorBrandBackground)));}",
+        ".f1eouddg{background-color:var(--ctrl-token-Button-37, var(--semantic-token-Button-38, var(--colorTransparentBackground)));}",
+        ".f1jo0kc4{background-color:var(--ctrl-token-Button-43, var(--semantic-token-Button-44, var(--colorBrandBackground)));}",
         ".f1p3nwhy{border-top-color:transparent;}",
         ".f11589ue{border-right-color:transparent;}",
         ".f1pdflbu{border-left-color:transparent;}",
         ".f1q5o8ev{border-bottom-color:transparent;}",
-        ".f147gany{color:var(--45, var(--46, var(--colorNeutralForegroundOnBrand)));}",
-        ".f3ihjpl{background-color:var(--55, var(--56, var(--colorSubtleBackground)));}",
-        ".f1f29j1b{color:var(--57, var(--58, var(--colorNeutralForeground2)));}",
-        ".f1rwsqvi{background-color:var(--71, var(--72, var(--colorTransparentBackground)));}",
-        ".f1kk4q8e{color:var(--73, var(--74, var(--colorNeutralForeground2)));}",
+        ".f1tfrua9{color:var(--ctrl-token-Button-45, var(--semantic-token-Button-46, var(--colorNeutralForegroundOnBrand)));}",
+        ".fcqf3ay{background-color:var(--ctrl-token-Button-55, var(--semantic-token-Button-56, var(--colorSubtleBackground)));}",
+        ".facbcro{color:var(--ctrl-token-Button-57, var(--semantic-token-Button-58, var(--colorNeutralForeground2)));}",
+        ".f1r0wfzh{background-color:var(--ctrl-token-Button-71, var(--semantic-token-Button-72, var(--colorTransparentBackground)));}",
+        ".f7tu2s8{color:var(--ctrl-token-Button-73, var(--semantic-token-Button-74, var(--colorNeutralForeground2)));}",
         [
-            ".flzsvll{border-radius:var(--87, var(--88, var(--borderRadiusCircular)));}",
+            ".ftu8dxo{border-radius:var(--ctrl-token-Button-87, var(--semantic-token-Button-88, var(--borderRadiusCircular)));}",
             {
                 p: -1
             }
         ],
         [
-            ".f1s3fluu{border-radius:var(--89, var(--90, var(--borderRadiusNone)));}",
+            ".f1jlnq56{border-radius:var(--ctrl-token-Button-89, var(--semantic-token-Button-90, var(--borderRadiusNone)));}",
             {
                 p: -1
             }
@@ -313,14 +313,14 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            ".f194ic6c{border-radius:var(--91, var(--92, var(--borderRadiusMedium)));}",
+            ".f7gzlmc{border-radius:var(--ctrl-token-Button-91, var(--semantic-token-Button-92, var(--borderRadiusMedium)));}",
             {
                 p: -1
             }
         ],
-        ".fnltbal{font-size:var(--93, var(--94, var(--fontSizeBase200)));}",
-        ".f1fk4m78{font-weight:var(--95, var(--96, var(--fontWeightRegular)));}",
-        ".f1xzsb5v{line-height:var(--97, var(--98, var(--lineHeightBase200)));}",
+        ".fyfeqws{font-size:var(--ctrl-token-Button-93, var(--semantic-token-Button-94, var(--fontSizeBase200)));}",
+        ".f1q4cs6n{font-weight:var(--ctrl-token-Button-95, var(--semantic-token-Button-96, var(--fontWeightRegular)));}",
+        ".f1bh4f08{line-height:var(--ctrl-token-Button-97, var(--semantic-token-Button-98, var(--lineHeightBase200)));}",
         ".f1brlhvm{padding-bottom:1px;}",
         ".f1sl3k7w{padding-top:1px;}",
         ".f14es27b{min-width:96px;}",
@@ -331,46 +331,46 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            ".fh2riwq{border-radius:var(--99, var(--100, var(--borderRadiusMedium)));}",
+            ".frxf9co{border-radius:var(--ctrl-token-Button-99, var(--semantic-token-Button-100, var(--borderRadiusMedium)));}",
             {
                 p: -1
             }
         ],
-        ".f1m8kw6o{font-size:var(--101, var(--102, var(--fontSizeBase400)));}",
-        ".f1ldc7uk{font-weight:var(--103, var(--104, var(--fontWeightSemibold)));}",
-        ".f18h2bgy{line-height:var(--105, var(--106, var(--lineHeightBase400)));}",
+        ".f1fexiz4{font-size:var(--ctrl-token-Button-101, var(--semantic-token-Button-102, var(--fontSizeBase400)));}",
+        ".ffl0wkr{font-weight:var(--ctrl-token-Button-103, var(--semantic-token-Button-104, var(--fontWeightSemibold)));}",
+        ".f1bn82zg{line-height:var(--ctrl-token-Button-105, var(--semantic-token-Button-106, var(--lineHeightBase400)));}",
         ".fy7v416{padding-bottom:7px;}",
         ".f1a1bwwz{padding-top:7px;}"
     ],
     h: [
-        ".f1jlfcpx:hover{background-color:var(--39, var(--40, var(--colorTransparentBackgroundHover)));}",
-        ".f1fovm4r:hover:active{background-color:var(--41, var(--42, var(--colorTransparentBackgroundPressed)));}",
-        ".f1v2ig5q:hover{background-color:var(--47, var(--48, var(--colorBrandBackgroundHover)));}",
+        ".fj890eg:hover{background-color:var(--ctrl-token-Button-39, var(--semantic-token-Button-40, var(--colorTransparentBackgroundHover)));}",
+        ".fp7cah7:hover:active{background-color:var(--ctrl-token-Button-41, var(--semantic-token-Button-42, var(--colorTransparentBackgroundPressed)));}",
+        ".fhfauqh:hover{background-color:var(--ctrl-token-Button-47, var(--semantic-token-Button-48, var(--colorBrandBackgroundHover)));}",
         ".f1s2uweq:hover{border-top-color:transparent;}",
         ".fr80ssc:hover{border-right-color:transparent;}",
         ".fecsdlb:hover{border-left-color:transparent;}",
         ".f1ukrpxl:hover{border-bottom-color:transparent;}",
-        ".f1kyym2e:hover{color:var(--49, var(--50, var(--colorNeutralForegroundOnBrand)));}",
-        ".ftwsmdl:hover:active{background-color:var(--51, var(--52, var(--colorBrandBackgroundPressed)));}",
+        ".f1m12vgd:hover{color:var(--ctrl-token-Button-49, var(--semantic-token-Button-50, var(--colorNeutralForegroundOnBrand)));}",
+        ".f1a744jy:hover:active{background-color:var(--ctrl-token-Button-51, var(--semantic-token-Button-52, var(--colorBrandBackgroundPressed)));}",
         ".f1h0usnq:hover:active{border-top-color:transparent;}",
         ".fs4ktlq:hover:active{border-right-color:transparent;}",
         ".fx2bmrt:hover:active{border-left-color:transparent;}",
         ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
-        ".f10ziroe:hover:active{color:var(--53, var(--54, var(--colorNeutralForegroundOnBrand)));}",
-        ".fzypk7:hover{background-color:var(--59, var(--60, var(--colorSubtleBackgroundHover)));}",
-        ".fkni20b:hover{color:var(--61, var(--62, var(--colorNeutralForeground2Hover)));}",
+        ".f22sk3l:hover:active{color:var(--ctrl-token-Button-53, var(--semantic-token-Button-54, var(--colorNeutralForegroundOnBrand)));}",
+        ".f17cpoba:hover{background-color:var(--ctrl-token-Button-59, var(--semantic-token-Button-60, var(--colorSubtleBackgroundHover)));}",
+        ".fl0l5mk:hover{color:var(--ctrl-token-Button-61, var(--semantic-token-Button-62, var(--colorNeutralForeground2Hover)));}",
         ".ft1hn21:hover .fui-Icon-filled{display:inline;}",
         ".fuxngvv:hover .fui-Icon-regular{display:none;}",
-        ".f1qlveqg:hover .fui-Button__icon{color:var(--63, var(--64, var(--colorNeutralForeground2BrandHover)));}",
-        ".fpedn3v:hover:active{background-color:var(--65, var(--66, var(--colorSubtleBackgroundPressed)));}",
-        ".f1ysq38h:hover:active{color:var(--67, var(--68, var(--colorNeutralForeground2Pressed)));}",
+        ".f1e22ucq:hover .fui-Button__icon{color:var(--ctrl-token-Button-63, var(--semantic-token-Button-64, var(--colorNeutralForeground2BrandHover)));}",
+        ".ft2oq02:hover:active{background-color:var(--ctrl-token-Button-65, var(--semantic-token-Button-66, var(--colorSubtleBackgroundPressed)));}",
+        ".f1fbgxgw:hover:active{color:var(--ctrl-token-Button-67, var(--semantic-token-Button-68, var(--colorNeutralForeground2Pressed)));}",
         ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}",
         ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}",
-        ".f5a9wio:hover:active .fui-Button__icon{color:var(--69, var(--70, var(--colorNeutralForeground2BrandPressed)));}",
-        ".f1g2jd2r:hover{background-color:var(--75, var(--76, var(--colorTransparentBackgroundHover)));}",
-        ".f15tg7a0:hover{color:var(--77, var(--78, var(--colorNeutralForeground2BrandHover)));}",
-        ".fkrvwd4:hover:active{background-color:var(--79, var(--80, var(--colorTransparentBackgroundPressed)));}",
-        ".fydzngg:hover:active{color:var(--81, var(--82, var(--colorNeutralForeground2BrandPressed)));}"
+        ".f939htu:hover:active .fui-Button__icon{color:var(--ctrl-token-Button-69, var(--semantic-token-Button-70, var(--colorNeutralForeground2BrandPressed)));}",
+        ".f1keu3yc:hover{background-color:var(--ctrl-token-Button-75, var(--semantic-token-Button-76, var(--colorTransparentBackgroundHover)));}",
+        ".f1icn6bw:hover{color:var(--ctrl-token-Button-77, var(--semantic-token-Button-78, var(--colorNeutralForeground2BrandHover)));}",
+        ".f1obcw2h:hover:active{background-color:var(--ctrl-token-Button-79, var(--semantic-token-Button-80, var(--colorTransparentBackgroundPressed)));}",
+        ".f1hziq7e:hover:active{color:var(--ctrl-token-Button-81, var(--semantic-token-Button-82, var(--colorNeutralForeground2BrandPressed)));}"
     ],
     m: [
         [
@@ -482,13 +482,13 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.f1ur2eto:hover{background-color:var(--83, var(--84, var(--colorTransparentBackground)));}}",
+            "@media (forced-colors: active){.f4jdi9f:hover{background-color:var(--ctrl-token-Button-83, var(--semantic-token-Button-84, var(--colorTransparentBackground)));}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f5r8knc:hover:active{background-color:var(--85, var(--86, var(--colorTransparentBackground)));}}",
+            "@media (forced-colors: active){.fx1ym7w:hover:active{background-color:var(--ctrl-token-Button-85, var(--semantic-token-Button-86, var(--colorTransparentBackground)));}}",
             {
                 m: "(forced-colors: active)"
             }
@@ -497,7 +497,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
 });
 const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
-        De3pzq: "frhfvzv",
+        De3pzq: "fcs0obq",
         g2u3we: "f1jj8ep1",
         h3c5rm: [
             "f15xbau",
@@ -508,10 +508,10 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fy0fskl",
             "f15xbau"
         ],
-        sj55zd: "fzobr5l",
+        sj55zd: "fc48gqn",
         Bceei9c: "fdrzuqr",
-        Bfinmwp: "fgd0022",
-        Jwef8y: "f1tesxrz",
+        Bfinmwp: "f1k3dur3",
+        Jwef8y: "fhqlcuo",
         Bgoe8wy: "f12mpcsy",
         Bwzppfd: [
             "f1gwvigk",
@@ -522,12 +522,12 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f18rmfxp",
             "f1gwvigk"
         ],
-        Bi91k9c: "frafaxp",
+        Bi91k9c: "f1mnyqwt",
         eoavqd: "fphbwmw",
         Bk3fhr4: "f19vpps7",
         Bmfj8id: "fv5swzo",
-        Bbdnnc7: "f1qp763u",
-        iro3zm: "f14djvvj",
+        Bbdnnc7: "f127ycqn",
+        iro3zm: "f1yv1ocr",
         b661bw: "f10ztigi",
         Bk6r4ia: [
             "f1ft5sdu",
@@ -538,11 +538,11 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1gzf82w",
             "f1ft5sdu"
         ],
-        B2d53fq: "faxwmxw",
+        B2d53fq: "f19ud50m",
         c3iz72: "f8w4c43",
         em6i61: "f1ol4fw6",
         vm6p8p: "f1q1lw4e",
-        x3br3k: "f15h2u3k"
+        x3br3k: "f12mguyw"
     },
     highContrast: {
         Bsw6fvg: "f4lkoma",
@@ -593,9 +593,9 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         pc6evw: "fb3rf2x"
     },
     outline: {
-        De3pzq: "fyi9log",
-        Jwef8y: "ff1rlgk",
-        iro3zm: "fe123kk"
+        De3pzq: "f3pttju",
+        Jwef8y: "f1q092r8",
+        iro3zm: "f179lky8"
     },
     primary: {
         g2u3we: "f1p3nwhy",
@@ -631,7 +631,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     },
     secondary: {},
     subtle: {
-        De3pzq: "fq3tchs",
+        De3pzq: "fqya840",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -642,7 +642,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        Jwef8y: "f1ejnv35",
+        Jwef8y: "fw11tfn",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -653,7 +653,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        iro3zm: "f1ox8cy",
+        iro3zm: "fa1lhi2",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -666,7 +666,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         ]
     },
     transparent: {
-        De3pzq: "f1p3nfov",
+        De3pzq: "f1bebd5s",
         g2u3we: "f1p3nwhy",
         h3c5rm: [
             "f11589ue",
@@ -677,7 +677,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1pdflbu",
             "f11589ue"
         ],
-        Jwef8y: "f1xw1o7i",
+        Jwef8y: "fjlpaey",
         Bgoe8wy: "f1s2uweq",
         Bwzppfd: [
             "fr80ssc",
@@ -688,7 +688,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
             "fecsdlb",
             "fr80ssc"
         ],
-        iro3zm: "f1ddp76x",
+        iro3zm: "f13p7ut8",
         b661bw: "f1h0usnq",
         Bk6r4ia: [
             "fs4ktlq",
@@ -702,45 +702,45 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
     }
 }, {
     d: [
-        ".frhfvzv{background-color:var(--107, var(--108, var(--colorNeutralBackgroundDisabled)));}",
+        ".fcs0obq{background-color:var(--ctrl-token-Button-107, var(--semantic-token-Button-108, var(--colorNeutralBackgroundDisabled)));}",
         ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
         ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
         ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".fzobr5l{color:var(--109, var(--110, var(--colorNeutralForegroundDisabled)));}",
+        ".fc48gqn{color:var(--ctrl-token-Button-109, var(--semantic-token-Button-110, var(--colorNeutralForegroundDisabled)));}",
         ".fdrzuqr{cursor:not-allowed;}",
-        ".fgd0022 .fui-Button__icon{color:var(--111, var(--112, var(--colorNeutralForegroundDisabled)));}",
-        ".fyi9log{background-color:var(--125, var(--126, var(--colorTransparentBackground)));}",
+        ".f1k3dur3 .fui-Button__icon{color:var(--ctrl-token-Button-111, var(--semantic-token-Button-112, var(--colorNeutralForegroundDisabled)));}",
+        ".f3pttju{background-color:var(--ctrl-token-Button-125, var(--semantic-token-Button-126, var(--colorTransparentBackground)));}",
         ".f1p3nwhy{border-top-color:transparent;}",
         ".f11589ue{border-right-color:transparent;}",
         ".f1pdflbu{border-left-color:transparent;}",
         ".f1q5o8ev{border-bottom-color:transparent;}",
-        ".fq3tchs{background-color:var(--131, var(--132, var(--colorTransparentBackground)));}",
-        ".f1p3nfov{background-color:var(--137, var(--138, var(--colorTransparentBackground)));}"
+        ".fqya840{background-color:var(--ctrl-token-Button-131, var(--semantic-token-Button-132, var(--colorTransparentBackground)));}",
+        ".f1bebd5s{background-color:var(--ctrl-token-Button-137, var(--semantic-token-Button-138, var(--colorTransparentBackground)));}"
     ],
     h: [
-        ".f1tesxrz:hover{background-color:var(--113, var(--114, var(--colorNeutralBackgroundDisabled)));}",
+        ".fhqlcuo:hover{background-color:var(--ctrl-token-Button-113, var(--semantic-token-Button-114, var(--colorNeutralBackgroundDisabled)));}",
         ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
         ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}",
         ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".frafaxp:hover{color:var(--115, var(--116, var(--colorNeutralForegroundDisabled)));}",
+        ".f1mnyqwt:hover{color:var(--ctrl-token-Button-115, var(--semantic-token-Button-116, var(--colorNeutralForegroundDisabled)));}",
         ".fphbwmw:hover{cursor:not-allowed;}",
         ".f19vpps7:hover .fui-Icon-filled{display:none;}",
         ".fv5swzo:hover .fui-Icon-regular{display:inline;}",
-        ".f1qp763u:hover .fui-Button__icon{color:var(--117, var(--118, var(--colorNeutralForegroundDisabled)));}",
-        ".f14djvvj:hover:active{background-color:var(--119, var(--120, var(--colorNeutralBackgroundDisabled)));}",
+        ".f127ycqn:hover .fui-Button__icon{color:var(--ctrl-token-Button-117, var(--semantic-token-Button-118, var(--colorNeutralForegroundDisabled)));}",
+        ".f1yv1ocr:hover:active{background-color:var(--ctrl-token-Button-119, var(--semantic-token-Button-120, var(--colorNeutralBackgroundDisabled)));}",
         ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
         ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
         ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}",
         ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
-        ".faxwmxw:hover:active{color:var(--121, var(--122, var(--colorNeutralForegroundDisabled)));}",
+        ".f19ud50m:hover:active{color:var(--ctrl-token-Button-121, var(--semantic-token-Button-122, var(--colorNeutralForegroundDisabled)));}",
         ".f8w4c43:hover:active{cursor:not-allowed;}",
         ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}",
         ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}",
-        ".f15h2u3k:hover:active .fui-Button__icon{color:var(--123, var(--124, var(--colorNeutralForegroundDisabled)));}",
-        ".ff1rlgk:hover{background-color:var(--127, var(--128, var(--colorTransparentBackground)));}",
-        ".fe123kk:hover:active{background-color:var(--129, var(--130, var(--colorTransparentBackground)));}",
+        ".f12mguyw:hover:active .fui-Button__icon{color:var(--ctrl-token-Button-123, var(--semantic-token-Button-124, var(--colorNeutralForegroundDisabled)));}",
+        ".f1q092r8:hover{background-color:var(--ctrl-token-Button-127, var(--semantic-token-Button-128, var(--colorTransparentBackground)));}",
+        ".f179lky8:hover:active{background-color:var(--ctrl-token-Button-129, var(--semantic-token-Button-130, var(--colorTransparentBackground)));}",
         ".f1s2uweq:hover{border-top-color:transparent;}",
         ".fr80ssc:hover{border-right-color:transparent;}",
         ".fecsdlb:hover{border-left-color:transparent;}",
@@ -749,10 +749,10 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fs4ktlq:hover:active{border-right-color:transparent;}",
         ".fx2bmrt:hover:active{border-left-color:transparent;}",
         ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
-        ".f1ejnv35:hover{background-color:var(--133, var(--134, var(--colorTransparentBackground)));}",
-        ".f1ox8cy:hover:active{background-color:var(--135, var(--136, var(--colorTransparentBackground)));}",
-        ".f1xw1o7i:hover{background-color:var(--139, var(--140, var(--colorTransparentBackground)));}",
-        ".f1ddp76x:hover:active{background-color:var(--141, var(--142, var(--colorTransparentBackground)));}"
+        ".fw11tfn:hover{background-color:var(--ctrl-token-Button-133, var(--semantic-token-Button-134, var(--colorTransparentBackground)));}",
+        ".fa1lhi2:hover:active{background-color:var(--ctrl-token-Button-135, var(--semantic-token-Button-136, var(--colorTransparentBackground)));}",
+        ".fjlpaey:hover{background-color:var(--ctrl-token-Button-139, var(--semantic-token-Button-140, var(--colorTransparentBackground)));}",
+        ".f13p7ut8:hover:active{background-color:var(--ctrl-token-Button-141, var(--semantic-token-Button-142, var(--colorTransparentBackground)));}"
     ],
     m: [
         [
@@ -871,7 +871,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "f1bx8dc2"
+        B3whbx2: "f162i0ns"
     },
     rounded: {},
     square: {
@@ -879,7 +879,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "fd666qa"
+        B3whbx2: "fxoxqnf"
     },
     primary: {
         B8q5s1w: "f17t0x8g",
@@ -918,7 +918,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "fdt9xh3"
+        B3whbx2: "f1l0ufzv"
     },
     medium: {},
     large: {
@@ -926,18 +926,18 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
         kdpuga: 0,
         dm238s: 0,
         B6xbmo0: 0,
-        B3whbx2: "f1kvjb74"
+        B3whbx2: "f1ulbsbf"
     }
 }, {
     d: [
         [
-            ".f1bx8dc2[data-fui-focus-visible]{border-radius:var(--143, var(--144, var(--borderRadiusCircular)));}",
+            ".f162i0ns[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-143, var(--semantic-token-Button-144, var(--borderRadiusCircular)));}",
             {
                 p: -1
             }
         ],
         [
-            ".fd666qa[data-fui-focus-visible]{border-radius:var(--145, var(--146, var(--borderRadiusNone)));}",
+            ".fxoxqnf[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-145, var(--semantic-token-Button-146, var(--borderRadiusNone)));}",
             {
                 p: -1
             }
@@ -954,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);}",
         [
-            ".fdt9xh3[data-fui-focus-visible]{border-radius:var(--147, var(--148, var(--borderRadiusSmall)));}",
+            ".f1l0ufzv[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-147, var(--semantic-token-Button-148, var(--borderRadiusSmall)));}",
             {
                 p: -1
             }
         ],
         [
-            ".f1kvjb74[data-fui-focus-visible]{border-radius:var(--149, var(--150, var(--borderRadiusLarge)));}",
+            ".f1ulbsbf[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-149, var(--semantic-token-Button-150, var(--borderRadiusLarge)));}",
             {
                 p: -1
             }
@@ -1032,14 +1032,14 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
         Be2twd7: "fe5j1ua",
         Bqenvij: "fjamq6b",
         a9b677: "f64fuq3",
-        Bqrlyyl: "f1grhd4t"
+        Bqrlyyl: "f1be447b"
     },
     medium: {},
     large: {
         Be2twd7: "f1rt2boy",
         Bqenvij: "frvgh55",
         a9b677: "fq4mcun",
-        Bqrlyyl: "fht5m1c"
+        Bqrlyyl: "fd1re4p"
     },
     before: {
         t21cq0: [
@@ -1058,11 +1058,11 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fe5j1ua{font-size:20px;}",
         ".fjamq6b{height:20px;}",
         ".f64fuq3{width:20px;}",
-        ".f1grhd4t{--fui-Button__icon--spacing:var(--151, var(--152, var(--spacingHorizontalXS)));}",
+        ".f1be447b{--fui-Button__icon--spacing:var(--ctrl-token-Button-151, var(--semantic-token-Button-152, var(--spacingHorizontalXS)));}",
         ".f1rt2boy{font-size:24px;}",
         ".frvgh55{height:24px;}",
         ".fq4mcun{width:24px;}",
-        ".fht5m1c{--fui-Button__icon--spacing:var(--153, var(--154, var(--spacingHorizontalSNudge)));}",
+        ".fd1re4p{--fui-Button__icon--spacing:var(--ctrl-token-Button-153, var(--semantic-token-Button-154, var(--spacingHorizontalSNudge)));}",
         ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}",
         ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"
     ]