@fluentui/react-northstar
Version:
A themable React component library.
25 lines (24 loc) • 1.13 kB
JavaScript
import { pxToRem } from '../../../../utils';
export var carouselVariables = function carouselVariables(siteVars) {
return {
width: 300,
height: 300,
focusOuterBorderColor: siteVars.focusOuterBorderColor,
focusOuterBorderRadius: siteVars.borderRadiusMedium,
paddleColor: siteVars.colorScheme.default.foreground4,
paddleColorDisabled: siteVars.colorScheme.brand.foregroundDisabled,
paddleBackgroundColor: siteVars.colorScheme.onyx.background3,
paddleBackgroundColorActive: siteVars.colorScheme.onyx.backgroundPressed,
paddleBackgroundColorHover: siteVars.colorScheme.onyx.backgroundHover,
paddleBackgroundColorDisabled: siteVars.colorScheme.default.backgroundDisabled,
paddleBorderColor: 'transparent',
paddleBorderRadius: siteVars.borderRadiusMedium,
paddleHeight: pxToRem(32),
paddleIndicatorSize: pxToRem(16),
focusBorderRadius: siteVars.borderRadiusMedium,
focusBorderWidth: siteVars.borderWidth,
focusInnerBorderColor: siteVars.focusInnerBorderColor,
focusBorderZIndex: siteVars.zIndexes.foreground
};
};
//# sourceMappingURL=carouselVariables.js.map