@fluentui/react-northstar/dist/commonjs/themes/teams/components/Carousel/carouselVariables.js

A themable React component library.

"use strict";

exports.__esModule = true;
exports.carouselVariables = void 0;
var _utils = require("../../../../utils");
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: (0, _utils.pxToRem)(32),
    paddleIndicatorSize: (0, _utils.pxToRem)(16),
    focusBorderRadius: siteVars.borderRadiusMedium,
    focusBorderWidth: siteVars.borderWidth,
    focusInnerBorderColor: siteVars.focusInnerBorderColor,
    focusBorderZIndex: siteVars.zIndexes.foreground
  };
};
exports.carouselVariables = carouselVariables;
//# sourceMappingURL=carouselVariables.js.map