hoverPopover.ts

 1import Theme from "../themes/common/theme";
 2import { backgroundColor, border, popoverShadow } from "./components";
 3
 4export default function HoverPopover(theme: Theme) {
 5  return {
 6    background: backgroundColor(theme, "on500"),
 7    cornerRadius: 8,
 8    padding: {
 9      left: 8,
10      right: 8,
11      top: 4,
12      bottom: 4
13    },
14    shadow: popoverShadow(theme),
15    border: border(theme, "primary"),
16    margin: {
17      left: -8,
18    },
19  }
20}