@fluentui/react-northstar/dist/commonjs/themes/teams/components/Tooltip/tooltipContentVariables.js

A themable React component library.

"use strict";

exports.__esModule = true;
exports.tooltipContentVariables = void 0;
var _utils = require("../../../../utils");
var tooltipContentVariables = function tooltipContentVariables(siteVars) {
  return {
    boxShadow: siteVars.shadow8,
    borderRadius: siteVars.borderRadiusMedium,
    borderColor: 'transparent',
    borderSize: '0px',
    borderStyle: 'none',
    padding: (0, _utils.pxToRem)(5) + " " + (0, _utils.pxToRem)(12) + " " + (0, _utils.pxToRem)(7) + " " + (0, _utils.pxToRem)(12),
    maxWidth: (0, _utils.pxToRem)(240),
    svgPointer: true,
    pointerMargin: (0, _utils.pxToRem)(6),
    pointerGap: (0, _utils.pxToRem)(5),
    pointerWidth: (0, _utils.pxToRem)(16),
    pointerHeight: (0, _utils.pxToRem)(6),
    color: siteVars.colorScheme.default.foreground3,
    backgroundColor: siteVars.colors.grey[500],
    subtleBackgroundColor: siteVars.colorScheme.default.background,
    subtleForegroundColor: siteVars.colorScheme.default.foreground,
    subtleBorderColor: siteVars.colorScheme.onyx.border1,
    zIndex: siteVars.zIndexes.overlayPriority
  };
};
exports.tooltipContentVariables = tooltipContentVariables;
//# sourceMappingURL=tooltipContentVariables.js.map