@fluentui/react-northstar
Version:
A themable React component library.
36 lines (34 loc) • 1.58 kB
JavaScript
;
exports.__esModule = true;
exports.labelVariables = void 0;
var _utils = require("../../../../utils");
var labelVariables = function labelVariables(siteVars) {
return {
circularRadius: (0, _utils.pxToRem)(9999),
iconSize: (0, _utils.pxToRem)(16),
padding: "0 " + (0, _utils.pxToRem)(4) + " 0 " + (0, _utils.pxToRem)(4),
startPaddingLeft: '0px',
endPaddingRight: '0px',
height: (0, _utils.pxToRem)(20),
foreground: 'rgba(0, 0, 0, 0.6)',
background: 'rgb(232, 232, 232)',
blackForeground: siteVars.colorScheme.black.foreground1,
blackBackground: siteVars.colorScheme.black.background1,
whiteForeground: siteVars.colorScheme.white.foreground1,
whiteBackground: siteVars.colorScheme.white.background1,
brandForeground: siteVars.colorScheme.brand.foreground5,
brandBackground: siteVars.colorScheme.brand.background6,
greyForeground: siteVars.colorScheme.grey.foreground2,
greyBackground: siteVars.colorScheme.grey.background3,
orangeForeground: siteVars.colorScheme.orange.foreground2,
orangeBackground: siteVars.colorScheme.orange.background1,
redForeground: siteVars.colorScheme.red.foreground1,
redBackground: siteVars.colorScheme.red.background,
greenForeground: siteVars.colorScheme.green.foreground3,
greenBackground: siteVars.colorScheme.green.background1,
yellowForeground: siteVars.colorScheme.yellow.foreground3,
yellowBackground: siteVars.colorScheme.yellow.background
};
};
exports.labelVariables = labelVariables;
//# sourceMappingURL=labelVariables.js.map