@dnanpm/styleguide/build/cjs/components/TooltipMenu/ChildComponents/TooltipMenuExportedStyles.js

DNA Styleguide repository provides the set of components and theme object used in various DNA projects.

'use strict';

var styledComponents = require('styled-components');
var theme = require('../../../themes/theme.js');

// Tooltip corner tail
const Tail = styledComponents.styled.div `
    position: absolute;
    width: 0;
    height: 0;
    right: ${p => p.arrowPosition};
    margin-top: -17.5px;
    top: ${p => p.tooltipTop};
    z-index: ${p => Number(p.zIndex) + 1};
    border: 10px solid transparent;
    border-right-color: white;
    transform: rotate(90deg);
`;
// Box shadow of the tooltip tail
const TailShadow = styledComponents.styled.div `
    position: absolute;
    width: 0.25rem;
    height: 0.25rem;
    margin-top: -5px;
    margin-right: 8.5px;
    top: ${p => p.tooltipTop};
    z-index: ${p => Number(p.zIndex) + 1};
    right: ${p => p.arrowPosition};
    background-color: transparent;
    box-shadow: 0 0 5px 0 ${theme.default.color.default.black};
`;

exports.Tail = Tail;
exports.TailShadow = TailShadow;