@abgov/design-tokens/data/component-design-tokens/popover-design-tokens.json

```bash npm i --save-dev @abgov/design-tokens ```

{
  "popover-border-focus": {
    "value": {
      "width": "{borderWidth.l}",
      "style": "solid",
      "color": "{color.interactive.focus}"
    },
    "type": "border",
    "description": "Focus outline for popover target button"
  },
  "popover-border-radius": {
    "value": "{borderRadius.xl}",
    "type": "borderRadius",
    "description": "Container corner radius"
  },
  "popover-color-bg": {
    "value": "{color.greyscale.white}",
    "dark": "var(--goa-color-surface-popover)",
    "type": "color",
    "description": "Background color for popover container"
  },
  "popover-padding": {
    "value": "{space.xs}",
    "type": "spacing",
    "description": "Content padding inside popover"
  },
  "popover-box-shadow": {
    "value": "{shadow.raised-light}",
    "type": "other",
    "description": "Shadow for popover container"
  },
  "popover-border": {
    "value": {
      "width": "{borderWidth.2xs}",
      "style": "solid",
      "color": "{color.greyscale.150}"
    },
    "type": "border",
    "description": "Container border"
  }
}