69 lines
2.1 KiB
JavaScript
69 lines
2.1 KiB
JavaScript
/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
|
|
"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, {
|
|
infoLabelClassNames: function() {
|
|
return infoLabelClassNames;
|
|
},
|
|
useInfoLabelStyles_unstable: function() {
|
|
return useInfoLabelStyles_unstable;
|
|
}
|
|
});
|
|
const _react = require("@griffel/react");
|
|
const infoLabelClassNames = {
|
|
root: 'fui-InfoLabel',
|
|
label: 'fui-InfoLabel__label',
|
|
infoButton: 'fui-InfoLabel__infoButton'
|
|
};
|
|
const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
base: {
|
|
ha4doy: "f12kltsn",
|
|
Bceei9c: "fpo1scq",
|
|
sj55zd: "f1ym3bx4"
|
|
}
|
|
}, {
|
|
d: [
|
|
".f12kltsn{vertical-align:top;}",
|
|
".fpo1scq{cursor:inherit;}",
|
|
".f1ym3bx4{color:inherit;}"
|
|
]
|
|
});
|
|
const useInfoButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
base: {
|
|
ha4doy: "f12kltsn",
|
|
B6of3ja: "f1bmzb36",
|
|
jrapky: "f1nyzk09"
|
|
},
|
|
large: {
|
|
B6of3ja: "fkrn0sh",
|
|
jrapky: "fmxx68s"
|
|
}
|
|
}, {
|
|
d: [
|
|
".f12kltsn{vertical-align:top;}",
|
|
".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}",
|
|
".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}",
|
|
".fkrn0sh{margin-top:-1px;}",
|
|
".fmxx68s{margin-bottom:-1px;}"
|
|
]
|
|
});
|
|
const useInfoLabelStyles_unstable = (state)=>{
|
|
// eslint-disable-next-line react-compiler/react-compiler
|
|
state.root.className = (0, _react.mergeClasses)(infoLabelClassNames.root, state.root.className);
|
|
const labelStyles = useLabelStyles();
|
|
state.label.className = (0, _react.mergeClasses)(infoLabelClassNames.label, labelStyles.base, state.label.className);
|
|
const infoButtonStyles = useInfoButtonStyles();
|
|
if (state.infoButton) {
|
|
state.infoButton.className = (0, _react.mergeClasses)(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);
|
|
}
|
|
return state;
|
|
};
|