377 lines
13 KiB
JavaScript
377 lines
13 KiB
JavaScript
/* eslint-disable deprecation/deprecation */ "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, {
|
|
infoButtonClassNames: function() {
|
|
return infoButtonClassNames;
|
|
},
|
|
useInfoButtonStyles_unstable: function() {
|
|
return useInfoButtonStyles_unstable;
|
|
}
|
|
});
|
|
const _react = require("@griffel/react");
|
|
const infoButtonClassNames = {
|
|
root: 'fui-InfoButton',
|
|
// this className won't be used, but it's needed to satisfy the type checker
|
|
popover: 'fui-InfoButton__popover',
|
|
info: 'fui-InfoButton__info'
|
|
};
|
|
/**
|
|
* Styles for the root slot
|
|
*
|
|
* @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
|
|
*/ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
base: {
|
|
Bt984gj: "f122n59",
|
|
B7ck84d: "f1ewtqcl",
|
|
mc9l5x: "ftuwxu6",
|
|
Brf1p80: "f4d9j23",
|
|
w71qe1: "f1iuv45f",
|
|
ha4doy: "fmrv4ls",
|
|
qhf8xq: "f10pi13n",
|
|
De3pzq: "f1c21dwh",
|
|
sj55zd: "fkfq4zb",
|
|
icvyot: "f1ern45e",
|
|
vrafjx: [
|
|
"f1n71otn",
|
|
"f1deefiw"
|
|
],
|
|
oivjwe: "f1h8hb77",
|
|
wvpqe5: [
|
|
"f1deefiw",
|
|
"f1n71otn"
|
|
],
|
|
Bbmb7ep: [
|
|
"f1aa9q02",
|
|
"f16jpd5f"
|
|
],
|
|
Beyfa6y: [
|
|
"f16jpd5f",
|
|
"f1aa9q02"
|
|
],
|
|
B7oj6ja: [
|
|
"f1jar5jt",
|
|
"fyu767a"
|
|
],
|
|
Btl43ni: [
|
|
"fyu767a",
|
|
"f1jar5jt"
|
|
],
|
|
B6of3ja: "f1hu3pq6",
|
|
t21cq0: [
|
|
"f11qmguv",
|
|
"f1tyq0we"
|
|
],
|
|
jrapky: "f19f4twv",
|
|
Frg6f3: [
|
|
"f1tyq0we",
|
|
"f11qmguv"
|
|
],
|
|
z8tnut: "f1ywm7hm",
|
|
z189sj: [
|
|
"f7x41pl",
|
|
"fruq291"
|
|
],
|
|
Byoj8tv: "f14wxoun",
|
|
uwmqm3: [
|
|
"fruq291",
|
|
"f7x41pl"
|
|
],
|
|
D0sxk3: "f16u1re",
|
|
t6yez3: "f1rw4040",
|
|
Jwef8y: "fjxutwb",
|
|
Bi91k9c: "f139oj5f",
|
|
eoavqd: "f8491dx",
|
|
Bk3fhr4: "f1jpd6y0",
|
|
Bmfj8id: "fuxngvv",
|
|
iro3zm: "fwiml72",
|
|
B2d53fq: "f1fg1p5m"
|
|
},
|
|
selected: {
|
|
De3pzq: "f1q9pm1r",
|
|
sj55zd: "f1qj7y59",
|
|
D0sxk3: "fgzdkf0",
|
|
t6yez3: "f15q0o9g",
|
|
Bsw6fvg: "f1rirnrt",
|
|
Bbusuzp: "f1cg6951"
|
|
},
|
|
highContrast: {
|
|
Bbusuzp: "fn0tkbb",
|
|
Bs6v0vm: "f1rp3av6",
|
|
B46dtvo: "f1u7gwqv",
|
|
gh1jta: "fl6kagl"
|
|
},
|
|
focusIndicator: {
|
|
Brovlpu: "ftqa4ok",
|
|
B486eqv: "f2hkw1w",
|
|
B8q5s1w: "f8hki3x",
|
|
Bci5o5g: [
|
|
"f1d2448m",
|
|
"ffh67wi"
|
|
],
|
|
n8qw10: "f1bjia2o",
|
|
Bdrgwmp: [
|
|
"ffh67wi",
|
|
"f1d2448m"
|
|
],
|
|
Bb7d1vk: "f226i61",
|
|
zhwhgb: [
|
|
"f13kzufm",
|
|
"fsx75g8"
|
|
],
|
|
dhy2o1: "flujwa2",
|
|
Gfyso: [
|
|
"fsx75g8",
|
|
"f13kzufm"
|
|
],
|
|
Bm4h7ae: "f15bsgw9",
|
|
B7ys5i9: "f14e48fq",
|
|
Busjfv9: "f18yb2kv",
|
|
Bhk32uz: "fd6o370",
|
|
Bf4ptjt: "fh1cnn4",
|
|
kclons: [
|
|
"fy7oxxb",
|
|
"f184ne2d"
|
|
],
|
|
Bhdgwq3: "fpukqih",
|
|
Blkhhs4: [
|
|
"f184ne2d",
|
|
"fy7oxxb"
|
|
],
|
|
Bqtpl0w: "frrh606",
|
|
clg4pj: [
|
|
"f1v5zibi",
|
|
"fo2hd23"
|
|
],
|
|
hgwjuy: "ful5kiu",
|
|
Bonggc9: [
|
|
"fo2hd23",
|
|
"f1v5zibi"
|
|
],
|
|
B1tsrr9: [
|
|
"f1jqcqds",
|
|
"ftffrms"
|
|
],
|
|
Dah5zi: [
|
|
"ftffrms",
|
|
"f1jqcqds"
|
|
],
|
|
Bkh64rk: [
|
|
"f2e7qr6",
|
|
"fsr1zz6"
|
|
],
|
|
qqdqy8: [
|
|
"fsr1zz6",
|
|
"f2e7qr6"
|
|
],
|
|
B6dhp37: "f1dvezut",
|
|
i03rao: [
|
|
"fd0oaoj",
|
|
"f1cwg4i8"
|
|
],
|
|
Boxcth7: "fjvm52t",
|
|
Bsom6fd: [
|
|
"f1cwg4i8",
|
|
"fd0oaoj"
|
|
],
|
|
J0r882: "f57olzd",
|
|
Bule8hv: [
|
|
"f4stah7",
|
|
"fs1por5"
|
|
],
|
|
Bjwuhne: "f480a47",
|
|
Ghsupd: [
|
|
"fs1por5",
|
|
"f4stah7"
|
|
]
|
|
},
|
|
large: {
|
|
z8tnut: "fclwglc",
|
|
z189sj: [
|
|
"f1w3695s",
|
|
"f1b0r8ql"
|
|
],
|
|
Byoj8tv: "fywfov9",
|
|
uwmqm3: [
|
|
"f1b0r8ql",
|
|
"f1w3695s"
|
|
]
|
|
}
|
|
}, {
|
|
d: [
|
|
".f122n59{align-items:center;}",
|
|
".f1ewtqcl{box-sizing:border-box;}",
|
|
".ftuwxu6{display:inline-flex;}",
|
|
".f4d9j23{justify-content:center;}",
|
|
".f1iuv45f{text-decoration-line:none;}",
|
|
".fmrv4ls{vertical-align:middle;}",
|
|
".f10pi13n{position:relative;}",
|
|
".f1c21dwh{background-color:var(--colorTransparentBackground);}",
|
|
".fkfq4zb{color:var(--colorNeutralForeground2);}",
|
|
".f1ern45e{border-top-style:none;}",
|
|
".f1n71otn{border-right-style:none;}",
|
|
".f1deefiw{border-left-style:none;}",
|
|
".f1h8hb77{border-bottom-style:none;}",
|
|
".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
|
|
".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
|
|
".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
|
|
".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
|
|
".f1hu3pq6{margin-top:0;}",
|
|
".f11qmguv{margin-right:0;}",
|
|
".f1tyq0we{margin-left:0;}",
|
|
".f19f4twv{margin-bottom:0;}",
|
|
".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
|
|
".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
|
|
".fruq291{padding-left:var(--spacingHorizontalXS);}",
|
|
".f14wxoun{padding-bottom:var(--spacingVerticalXS);}",
|
|
".f16u1re .fui-Icon-filled{display:none;}",
|
|
".f1rw4040 .fui-Icon-regular{display:inline-flex;}",
|
|
".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
|
|
".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}",
|
|
".fgzdkf0 .fui-Icon-filled{display:inline-flex;}",
|
|
".f15q0o9g .fui-Icon-regular{display:none;}",
|
|
".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
|
|
".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
|
|
".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
|
|
".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
|
|
".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
|
|
".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
|
|
".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
|
|
".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
|
|
".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
|
|
".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
|
|
".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
|
|
".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
|
|
".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
|
|
".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
|
|
".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
|
|
".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
|
|
".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
|
|
".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
|
|
".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
|
|
".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
|
|
".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
|
|
".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
|
|
".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
|
|
".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
|
|
".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}",
|
|
".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}",
|
|
".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}",
|
|
".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}",
|
|
".fclwglc{padding-top:var(--spacingVerticalXXS);}",
|
|
".f1w3695s{padding-right:var(--spacingVerticalXXS);}",
|
|
".f1b0r8ql{padding-left:var(--spacingVerticalXXS);}",
|
|
".fywfov9{padding-bottom:var(--spacingVerticalXXS);}"
|
|
],
|
|
h: [
|
|
".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
|
|
".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
|
|
".f8491dx:hover{cursor:pointer;}",
|
|
".f1jpd6y0:hover .fui-Icon-filled{display:inline-flex;}",
|
|
".fuxngvv:hover .fui-Icon-regular{display:none;}",
|
|
".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}",
|
|
".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
|
|
],
|
|
m: [
|
|
[
|
|
"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.f1cg6951{color:Canvas;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
],
|
|
[
|
|
"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
]
|
|
],
|
|
f: [
|
|
".ftqa4ok:focus{outline-style:none;}"
|
|
],
|
|
i: [
|
|
".f2hkw1w:focus-visible{outline-style:none;}"
|
|
]
|
|
});
|
|
const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
smallMedium: {
|
|
Bahqtrf: "fk6fouc",
|
|
Be2twd7: "fy9rknc",
|
|
Bhrd7zp: "figsok6",
|
|
Bg96gwp: "fwrc4pm"
|
|
},
|
|
large: {
|
|
Bahqtrf: "fk6fouc",
|
|
Be2twd7: "fkhj508",
|
|
Bhrd7zp: "figsok6",
|
|
Bg96gwp: "f1i3iumi"
|
|
}
|
|
}, {
|
|
d: [
|
|
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
|
".fkhj508{font-size:var(--fontSizeBase300);}",
|
|
".f1i3iumi{line-height:var(--lineHeightBase300);}"
|
|
]
|
|
});
|
|
const useInfoButtonStyles_unstable = (state)=>{
|
|
const { size } = state;
|
|
const { open } = state.popover;
|
|
const buttonStyles = useButtonStyles();
|
|
const popoverSurfaceStyles = usePopoverSurfaceStyles();
|
|
state.info.className = (0, _react.mergeClasses)(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);
|
|
state.root.className = (0, _react.mergeClasses)(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);
|
|
return state;
|
|
}; //# sourceMappingURL=useInfoButtonStyles.styles.js.map
|