@fluentui/react-northstar
Version:
A themable React component library.
23 lines (22 loc) • 853 B
JavaScript
import { pxToRem } from '../../../../utils';
export var sliderVariables = function sliderVariables(siteVars) {
var colorScheme = siteVars.colorScheme;
return {
height: pxToRem(16),
length: pxToRem(320),
railColor: colorScheme.default.border,
disabledRailColor: colorScheme.default.backgroundDisabled1,
railHeight: pxToRem(2),
thumbColor: colorScheme.default.foreground2,
activeThumbColor: colorScheme.default.foreground1,
disabledThumbColor: colorScheme.default.foregroundDisabled1,
thumbHeight: pxToRem(10),
activeThumbHeight: pxToRem(14),
thumbBorderPadding: pxToRem(4),
thumbWidth: pxToRem(10),
activeThumbWidth: pxToRem(14),
trackColor: colorScheme.brand.foregroundActive,
disabledTrackColor: colorScheme.default.foregroundDisabled1
};
};
//# sourceMappingURL=sliderVariables.js.map