@fluentui/react-northstar
Version:
A themable React component library.
28 lines (27 loc) • 1.22 kB
JavaScript
import { pxToRem } from '../../../../utils';
export var tableVariables = function tableVariables(siteVariables) {
return {
color: siteVariables.colorScheme.default.foreground,
hoverColor: siteVariables.colorScheme.default.foregroundHover,
backgroundColor: siteVariables.colorScheme.default.background,
backgroundHoverColor: siteVariables.colorScheme.default.backgroundHover1,
defaultRowHeight: pxToRem(48),
compactRowHeight: pxToRem(36),
minCellWidth: '0',
cellPadding: "0 " + pxToRem(8),
rowPadding: '0',
headerFontSize: pxToRem(12),
bodyFontSize: pxToRem(13),
borderWidth: pxToRem(1),
headerBorderColor: siteVariables.colorScheme.default.backgroundHover1,
headerBorderHoverColor: 'transparent',
headerBorderFocusColor: 'transparent',
rowBorderColor: siteVariables.colorScheme.default.backgroundHover1,
rowBorderHoverColor: siteVariables.colorScheme.default.backgroundHover1,
rowBorderFocusColor: siteVariables.colorScheme.default.borderFocus,
cellBorderColor: 'transparent',
cellBorderHoverColor: 'transparent',
cellBorderFocusColor: siteVariables.colorScheme.default.borderFocus
};
};
//# sourceMappingURL=tableVariables.js.map