"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { buttonClassNames: function() { return buttonClassNames; }, useButtonStyles_unstable: function() { return useButtonStyles_unstable; } }); const _reacttheme = require("@fluentui/react-theme"); const _react = require("@griffel/react"); const buttonClassNames = { root: 'fui-Button', icon: 'fui-Button__icon' }; const iconSpacingVar = '--fui-Button__icon--spacing'; const buttonSpacingSmall = '3px'; const buttonSpacingSmallWithIcon = '1px'; const buttonSpacingMedium = '5px'; const buttonSpacingLarge = '8px'; const buttonSpacingLargeWithIcon = '7px'; /* Firefox has box shadow sizing issue at some zoom levels * 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, { r: [ ".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}", ".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}", ".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}", ".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}" ], s: [ "@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}", "@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}", "@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}" ] }); const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rywnvv2", null, [ ".rywnvv2{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}" ]); const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({ outline: { De3pzq: "f1c21dwh", Jwef8y: "fjxutwb", iro3zm: "fwiml72" }, primary: { De3pzq: "ffp7eso", g2u3we: "f1p3nwhy", h3c5rm: [ "f11589ue", "f1pdflbu" ], B9xav0g: "f1q5o8ev", zhjwy3: [ "f1pdflbu", "f11589ue" ], sj55zd: "f1phragk", Jwef8y: "f15wkkf3", Bgoe8wy: "f1s2uweq", Bwzppfd: [ "fr80ssc", "fecsdlb" ], 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" }, secondary: {}, subtle: { De3pzq: "fhovq9v", g2u3we: "f1p3nwhy", h3c5rm: [ "f11589ue", "f1pdflbu" ], B9xav0g: "f1q5o8ev", zhjwy3: [ "f1pdflbu", "f11589ue" ], sj55zd: "fkfq4zb", Jwef8y: "f1t94bn6", Bgoe8wy: "f1s2uweq", Bwzppfd: [ "fr80ssc", "fecsdlb" ], oetu4i: "f1ukrpxl", gg5e9n: [ "fecsdlb", "fr80ssc" ], Bi91k9c: "fnwyq0v", 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" }, transparent: { De3pzq: "f1c21dwh", g2u3we: "f1p3nwhy", h3c5rm: [ "f11589ue", "f1pdflbu" ], B9xav0g: "f1q5o8ev", zhjwy3: [ "f1pdflbu", "f11589ue" ], sj55zd: "fkfq4zb", Jwef8y: "fjxutwb", Bgoe8wy: "f1s2uweq", Bwzppfd: [ "fr80ssc", "fecsdlb" ], oetu4i: "f1ukrpxl", gg5e9n: [ "fecsdlb", "fr80ssc" ], 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" }, circular: { Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "f44lkw9" }, rounded: {}, square: { Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "f1fabniw" }, small: { Bf4jedk: "fh7ncta", Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: "fneth5b", Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "ft85np5", Be2twd7: "fy9rknc", Bhrd7zp: "figsok6", Bg96gwp: "fwrc4pm" }, smallWithIcon: { Byoj8tv: "f1brlhvm", z8tnut: "f1sl3k7w" }, medium: {}, large: { Bf4jedk: "f14es27b", Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: "f4db1ww", Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "ft85np5", Be2twd7: "fod5ikn", Bhrd7zp: "fl43uef", Bg96gwp: "faaz57k" }, largeWithIcon: { Byoj8tv: "fy7v416", z8tnut: "f1a1bwwz" } }, { d: [ ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", [ ".f44lkw9{border-radius:var(--borderRadiusCircular);}", { p: -1 } ], [ ".f1fabniw{border-radius:var(--borderRadiusNone);}", { p: -1 } ], ".fh7ncta{min-width:64px;}", [ ".fneth5b{padding:3px var(--spacingHorizontalS);}", { p: -1 } ], [ ".ft85np5{border-radius:var(--borderRadiusMedium);}", { p: -1 } ], ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1brlhvm{padding-bottom:1px;}", ".f1sl3k7w{padding-top:1px;}", ".f14es27b{min-width:96px;}", [ ".f4db1ww{padding:8px var(--spacingHorizontalL);}", { p: -1 } ], [ ".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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1uu00uk{border-top-color:HighlightText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-color:HighlightText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1ux7til{border-bottom-color:HighlightText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.ff1wgvm: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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1ks1yx8:hover:active{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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1et0tmh:hover .fui-Button__icon{color:Highlight;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1wi8ngl:hover:active .fui-Button__icon{color:Highlight;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}", { m: "(forced-colors: active)" } ] ] }); const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({ base: { De3pzq: "f1bg9a2p", g2u3we: "f1jj8ep1", h3c5rm: [ "f15xbau", "fy0fskl" ], B9xav0g: "f4ikngz", zhjwy3: [ "fy0fskl", "f15xbau" ], sj55zd: "f1s2aq7o", Bceei9c: "fdrzuqr", Bfinmwp: "f15x8b5r", Jwef8y: "f1falr9n", Bgoe8wy: "f12mpcsy", Bwzppfd: [ "f1gwvigk", "f18rmfxp" ], oetu4i: "f1jnshp0", gg5e9n: [ "f18rmfxp", "f1gwvigk" ], Bi91k9c: "fvgxktp", eoavqd: "fphbwmw", 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" }, 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" }, outline: { De3pzq: "f1c21dwh", Jwef8y: "f9ql6rf", iro3zm: "f3h1zc4" }, primary: { g2u3we: "f1p3nwhy", h3c5rm: [ "f11589ue", "f1pdflbu" ], B9xav0g: "f1q5o8ev", zhjwy3: [ "f1pdflbu", "f11589ue" ], Bgoe8wy: "f1s2uweq", Bwzppfd: [ "fr80ssc", "fecsdlb" ], oetu4i: "f1ukrpxl", gg5e9n: [ "fecsdlb", "fr80ssc" ], b661bw: "f1h0usnq", Bk6r4ia: [ "fs4ktlq", "fx2bmrt" ], B9zn80p: "f16h9ulv", Bpld233: [ "fx2bmrt", "fs4ktlq" ] }, secondary: {}, subtle: { De3pzq: "f1c21dwh", g2u3we: "f1p3nwhy", h3c5rm: [ "f11589ue", "f1pdflbu" ], B9xav0g: "f1q5o8ev", zhjwy3: [ "f1pdflbu", "f11589ue" ], Jwef8y: "f9ql6rf", Bgoe8wy: "f1s2uweq", Bwzppfd: [ "fr80ssc", "fecsdlb" ], oetu4i: "f1ukrpxl", gg5e9n: [ "fecsdlb", "fr80ssc" ], iro3zm: "f3h1zc4", b661bw: "f1h0usnq", Bk6r4ia: [ "fs4ktlq", "fx2bmrt" ], B9zn80p: "f16h9ulv", Bpld233: [ "fx2bmrt", "fs4ktlq" ] }, transparent: { De3pzq: "f1c21dwh", g2u3we: "f1p3nwhy", h3c5rm: [ "f11589ue", "f1pdflbu" ], B9xav0g: "f1q5o8ev", zhjwy3: [ "f1pdflbu", "f11589ue" ], Jwef8y: "f9ql6rf", Bgoe8wy: "f1s2uweq", Bwzppfd: [ "fr80ssc", "fecsdlb" ], oetu4i: "f1ukrpxl", gg5e9n: [ "fecsdlb", "fr80ssc" ], iro3zm: "f3h1zc4", b661bw: "f1h0usnq", Bk6r4ia: [ "fs4ktlq", "fx2bmrt" ], B9zn80p: "f16h9ulv", Bpld233: [ "fx2bmrt", "fs4ktlq" ] } }, { 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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fuigjrg .fui-Button__icon{color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fjwq6ea: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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1vmkb5g:hover{background-color:ButtonFace;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f53ppgq: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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f18v5270:hover{border-bottom-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f4dhi0o:hover .fui-Button__icon{color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f1y0svfh:hover:active{background-color:ButtonFace;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fihuait:hover:active{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;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fx507ft:hover:active{border-bottom-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fb3rf2x:hover:active{color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fequ9m0:hover:active .fui-Button__icon{color:GrayText;}}", { m: "(forced-colors: active)" } ] ] }); const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({ circular: { Bw81rd7: 0, kdpuga: 0, dm238s: 0, B6xbmo0: 0, B3whbx2: "f1062rbf" }, rounded: {}, square: { Bw81rd7: 0, kdpuga: 0, dm238s: 0, B6xbmo0: 0, B3whbx2: "fj0ryk1" }, primary: { B8q5s1w: "f17t0x8g", Bci5o5g: [ "f194v5ow", "fk7jm04" ], n8qw10: "f1qgg65p", Bdrgwmp: [ "fk7jm04", "f194v5ow" ], j6ew2k: [ "fhgccpy", "fjo7pq6" ], he4mth: "f32wu9k", Byr4aka: "fu5nqqq", lks7q5: [ "f13prjl2", "f1nl83rv" ], Bnan3qt: "f1czftr5", k1dn9: [ "f1nl83rv", "f13prjl2" ], Boium3a: [ "f12k37oa", "fdnykm2" ], tm8e47: "fr96u23" }, small: { Bw81rd7: 0, kdpuga: 0, dm238s: 0, B6xbmo0: 0, B3whbx2: "fazmxh" }, medium: {}, large: { Bw81rd7: 0, kdpuga: 0, dm238s: 0, B6xbmo0: 0, B3whbx2: "f1b6alqh" } }, { d: [ [ ".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}", { p: -1 } ], [ ".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}", { p: -1 } ], ".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}", ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}", ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}", ".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}", ".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}", ".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}", ".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}", ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}", ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}", [ ".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}", { p: -1 } ], [ ".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;}}" ] }); const useRootIconOnlyStyles = /*#__PURE__*/ (0, _react.__styles)({ small: { Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: "fu97m5z", Bf4jedk: "f17fgpbq", B2u0y6b: "f1jt17bm" }, medium: { Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: "f18ktai2", Bf4jedk: "fwbmr0d", B2u0y6b: "f44c6la" }, large: { Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: "f1hbd1aw", Bf4jedk: "f12clzc2", B2u0y6b: "fjy1crr" } }, { d: [ [ ".fu97m5z{padding:1px;}", { p: -1 } ], ".f17fgpbq{min-width:24px;}", ".f1jt17bm{max-width:24px;}", [ ".f18ktai2{padding:5px;}", { p: -1 } ], ".fwbmr0d{min-width:32px;}", ".f44c6la{max-width:32px;}", [ ".f1hbd1aw{padding:7px;}", { p: -1 } ], ".f12clzc2{min-width:40px;}", ".fjy1crr{max-width:40px;}" ] }); const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({ small: { Be2twd7: "fe5j1ua", Bqenvij: "fjamq6b", a9b677: "f64fuq3", Bqrlyyl: "fbaiahx" }, medium: {}, large: { Be2twd7: "f1rt2boy", Bqenvij: "frvgh55", a9b677: "fq4mcun", Bqrlyyl: "f1exjqw5" }, before: { t21cq0: [ "f1nizpg2", "f1a695kz" ] }, after: { Frg6f3: [ "f1a695kz", "f1nizpg2" ] } }, { d: [ ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}" ] }); const useButtonStyles_unstable = (state)=>{ 'use no memo'; const rootBaseClassName = useRootBaseClassName(); const iconBaseClassName = useIconBaseClassName(); const rootStyles = useRootStyles(); const rootDisabledStyles = useRootDisabledStyles(); const rootFocusStyles = useRootFocusStyles(); const rootIconOnlyStyles = useRootIconOnlyStyles(); const iconStyles = useIconStyles(); const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state; state.root.className = (0, _react.mergeClasses)(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape], // Disabled styles (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // Focus styles appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles iconOnly && rootIconOnlyStyles[size], // User provided class name state.root.className); if (state.icon) { state.icon.className = (0, _react.mergeClasses)(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className); } return state; };