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

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

{
  "dropdown-border": {
    "value": "inset 0 0 0 {input.borderWidth.default} {input.color.border.default}",
    "type": "other"
  },
  "dropdown-border-disabled": {
    "value": "inset 0 0 0 {input.borderWidth.default} {input.color.border.disabled}",
    "type": "other"
  },
  "dropdown-border-error": {
    "value": "inset 0 0 0 {input.borderWidth.focus} {input.color.border.error}",
    "type": "other"
  },
  "dropdown-border-focus": {
    "value": "inset 0 0 0 {input.borderWidth.focus} {input.color.border.focus}",
    "type": "other"
  },
  "dropdown-border-hover": {
    "value": "inset 0 0 0 {input.borderWidth.focus} {input.color.border.hover}",
    "type": "other"
  },
  "dropdown-border-error-hover": {
    "value": "inset 0 0 0 {input.borderWidth.focus} {input.color.border.error-hover}",
    "type": "other"
  },
  "dropdown-border-radius": {
    "value": "{input.borderRadius.input}",
    "type": "borderRadius"
  },
  "dropdown-color-bg": {
    "value": "{input.color.background.default}",
    "dark": "var(--goa-color-surface-input)",
    "type": "color"
  },
  "dropdown-color-bg-disabled": {
    "value": "{input.color.background.disabled}",
    "type": "color"
  },
  "dropdown-color-bg-error": {
    "value": "{input.color.background.error}",
    "type": "color"
  },
  "dropdown-color-bg-error-hover": {
    "value": "{input.color.background.error-hover}",
    "type": "color"
  },
  "dropdown-color-text": {
    "value": "{input.color.text.default}",
    "type": "color"
  },
  "dropdown-color-text-disabled": {
    "value": "{input.color.text.disabled}",
    "type": "color"
  },
  "dropdown-color-text-placeholder": {
    "value": "{input.color.text.default}",
    "type": "color"
  },
  "dropdown-color-text-error": {
    "value": "{input.color.text.error}",
    "type": "color"
  },
  "dropdown-item-color-bg": {
    "value": "{input.color.background.default}",
    "type": "color"
  },
  "dropdown-item-color-bg-disabled": {
    "value": "{input.color.background.disabled}",
    "type": "color"
  },
  "dropdown-item-color-bg-hover": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "dropdown-item-color-bg-selected": {
    "value": "{color.interactive.default}",
    "type": "color"
  },
  "dropdown-item-color-bg-selected-hover": {
    "value": "{color.interactive.hover}",
    "type": "color"
  },
  "dropdown-item-color-text": {
    "value": "{color.text.secondary}",
    "type": "color"
  },
  "dropdown-item-color-text-disabled": {
    "value": "{color.text.disabled}",
    "type": "color"
  },
  "dropdown-item-color-text-hover": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "dropdown-item-color-text-selected": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "dropdown-item-color-text-selected-hover": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "dropdown-item-padding": {
    "value": "{space.s} {space.xs}",
    "type": "spacing"
  },
  "dropdown-item-border-radius": {
    "value": "{borderRadius.s}",
    "type": "borderRadius"
  },
  "dropdown-height": {
    "value": "56px",
    "type": "sizing"
  },
  "dropdown-padding": {
    "value": "{space.m} {space.s}",
    "type": "spacing"
  },
  "dropdown-padding-vertical": {
    "value": "{space.m}",
    "type": "spacing"
  },
  "dropdown-padding-lr": {
    "value": "{space.s}",
    "type": "spacing"
  },
  "dropdown-space-icon-text": {
    "value": "{space.s}",
    "type": "spacing"
  },
  "dropdown-transition": {
    "value": "box-shadow 0.05s ease-in",
    "type": "other"
  },
  "dropdown-typography": {
    "value": "{typography.body.m}",
    "type": "other"
  },
  "dropdown-label-typography": {
    "value": "{typography.body.m}",
    "type": "other"
  },
  "dropdown-helper-typography": {
    "value": "{typography.body.xs}",
    "type": "other"
  },
  "dropdown-menu-border-radius": {
    "value": "{input.borderRadius.input}",
    "type": "borderRadius"
  },
  "dropdown-menu-margin": {
    "value": "{space.xs}",
    "type": "spacing"
  },
  "dropdown-compact-height": {
    "value": "40px",
    "type": "sizing"
  },
  "dropdown-compact-typography": {
    "value": "{typography.body.s}",
    "type": "other"
  },
  "dropdown-compact-padding": {
    "value": "0 {space.s}",
    "type": "spacing"
  },
  "dropdown-compact-item-padding": {
    "value": "0 {space.xs}",
    "type": "spacing"
  },
  "dropdown-compact-item-typography": {
    "value": "{typography.body.s}",
    "type": "other"
  }
}