@primer/react/dist/TooltipV2/Tooltip-5a80d7b2.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/TooltipV2/Tooltip.module.css.js"],"names":[],"mappings":"AACA,8CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,6BAEE,YA6GF,CA3GE,sCAME,WAAY,CAHZ,eAAgB,CAMhB,gBAAiB,CAJjB,2FAA+E,CAJ/E,iBAAkB,CAClB,iBAAkB,CAQlB,SAAU,CAEV,iCAA6B,CAD7B,gLAAsC,CAEtC,iBAAkB,CAClB,oBAAqB,CAErB,yCAAkC,CAClC,QAAS,CACT,gDAAyC,CAHzC,kBAAmB,CAInB,2CAA4C,CAC5C,UAAW,CACX,iBACF,CAGA,mDACE,aACF,CAIA,sDACE,aACF,CAEA,8BAvCF,6BAwCI,6BAuEJ,CAtEE,CAGA,mCAME,UAAW,CAFX,aAAc,CACd,mCAA6B,CAF7B,MAAO,CAFP,iBAAkB,CAClB,OAKF,CAGA,iKAGE,QACF,CAEA,iKAGE,WACF,CAEA,qDAGE,SAKF,CAGA,0GATE,QAAS,CAKT,UAAW,CAHX,aAAc,CAEd,WAAY,CALZ,iBAAkB,CAIlB,SAgBF,CAVA,qDAQE,gBAAiB,CANjB,UAQF,CAGA,yDAEE,2FAME,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,iDAA8B,CAG9B,iCAEF,CAGA,iGAME,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,iDAA8B,CAG9B,iCAEF,CACF,CAGF,+EACE,sCACF","file":"Tooltip-5a80d7b2.css","sourcesContent":["/* Animation definition */\n@keyframes tooltip-appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.Tooltip {\n  /* Overriding the default popover styles */\n  display: none;\n\n  &[popover] {\n    position: absolute;\n    width: max-content;\n    max-width: 250px;\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--overlay-paddingBlock-condensed) var(--overlay-padding-condensed);\n    margin: auto;\n\n    /* for scrollbar */\n    overflow: visible;\n    clip: auto;\n    font: var(--text-body-shorthand-small);\n    color: var(--tooltip-fgColor);\n    text-align: center;\n    word-wrap: break-word;\n    white-space: normal;\n    background: var(--tooltip-bgColor);\n    border: 0;\n    border-radius: var(--borderRadius-medium);\n    -webkit-font-smoothing: subpixel-antialiased;\n    inset: auto;\n    text-wrap: balance;\n  }\n\n  /* class name in chrome is :popover-open */\n  &[popover]:popover-open {\n    display: block;\n  }\n\n  /* class name in firefox and safari is \\:popover-open */\n  /* stylelint-disable-next-line selector-class-pattern */\n  &[popover]:global(.\\\\:popover-open) {\n    display: block;\n  }\n\n  @media (forced-colors: active) {\n    outline: 1px solid transparent;\n  }\n\n  /* This is needed to keep the tooltip open when the user leaves the trigger element to hover tooltip */\n  &::after {\n    position: absolute;\n    right: 0;\n    left: 0;\n    display: block;\n    height: var(--overlay-offset);\n    content: '';\n  }\n\n  /* South, East, Southeast, Southwest after */\n  &[data-direction='n']::after,\n  &[data-direction='ne']::after,\n  &[data-direction='nw']::after {\n    top: 100%;\n  }\n\n  &[data-direction='s']::after,\n  &[data-direction='se']::after,\n  &[data-direction='sw']::after {\n    bottom: 100%;\n  }\n\n  &[data-direction='w']::after {\n    position: absolute;\n    bottom: 0;\n    left: 100%;\n    display: block;\n    width: 8px;\n    height: 100%;\n    content: '';\n  }\n\n  /* East before and after */\n  &[data-direction='e']::after {\n    position: absolute;\n    right: 100%;\n    bottom: 0;\n    display: block;\n    width: 8px;\n    height: 100%;\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -8px;\n    content: '';\n  }\n\n  /* Only show animations if users don't have a preference for reduced motion */\n  @media screen and (prefers-reduced-motion: no-preference) {\n    /* Animation styles */\n    &:popover-open,\n    &:popover-open::before {\n      animation-name: tooltip-appear;\n      animation-duration: 0.1s;\n      animation-fill-mode: forwards;\n      animation-timing-function: ease-in;\n      animation-delay: 0s;\n    }\n\n    /* Animation styles */\n    &:global(.\\\\:popover-open) /* stylelint-disable-line selector-class-pattern */,\n    &:global(.\\\\:popover-open)::before /* stylelint-disable-line selector-class-pattern */ {\n      animation-name: tooltip-appear;\n      animation-duration: 0.1s;\n      animation-fill-mode: forwards;\n      animation-timing-function: ease-in;\n      animation-delay: 0s;\n    }\n  }\n}\n\n.KeybindingHintContainer.HasTextBefore {\n  margin-left: var(--base-size-6);\n}\n"]}