@kaspersky/components/src/tooltip/tooltipGlobalStyles.js

Kaspersky Design System UI Kit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getTooltipGlobalStyles = void 0;
var _theme = require("../../design-system/theme/index.js");
var _tokens = require("../../design-system/tokens/index.js");
const getTooltipGlobalStyles = (cssConfig, rootHashClass) => {
  const textConfig = (0, _tokens.convertToCssString)((0, _tokens.getTextSizes)(_tokens.TextTypes.BTR4));
  return `
  .${rootHashClass} .ant-tooltip-inner {
      border-radius: ${_theme.BORDER_RADIUS[4]}px;
      padding: ${_theme.SPACES[4]}px ${_theme.SPACES[6]}px;
      background-color: ${cssConfig.background};
      color: ${cssConfig.color};
      ${textConfig};
  }

  .${rootHashClass}.ant-tooltip-placement-top .ant-tooltip-arrow-content {
      border-bottom-right-radius: 2px;
  }

  .${rootHashClass}.ant-tooltip-placement-right .ant-tooltip-arrow-content {
      border-bottom-left-radius: 2px;
  }

  .${rootHashClass}.ant-tooltip-placement-bottom .ant-tooltip-arrow-content {
      border-top-left-radius: 2px;
  }

  .${rootHashClass}.ant-tooltip-placement-left .ant-tooltip-arrow-content {
      border-top-right-radius: 2px;
  }

  .${rootHashClass} .ant-tooltip-arrow-content {
      width: 7px;
      height: 7px;
      background-color: ${cssConfig.background};
  }
  `;
};
exports.getTooltipGlobalStyles = getTooltipGlobalStyles;