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

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

{
  "accordion-color-bg-heading": {
    "value": "{color.greyscale.white}",
    "dark": "var(--goa-color-surface-heading)",
    "type": "color"
  },
  "accordion-color-filled-bg-heading": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "accordion-color-bg-content": {
    "value": "{color.greyscale.white}",
    "dark": "var(--goa-color-surface-table-data)",
    "type": "color"
  },
  "accordion-color-heading": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "accordion-border": {
    "value": {
      "color": "{color.greyscale.200}",
      "width": "{borderWidth.s}",
      "style": "solid"
    },
    "type": "border"
  },
  "accordion-divider": {
    "value": {
      "color": "{color.greyscale.200}",
      "width": "{borderWidth.s}",
      "style": "solid"
    },
    "type": "border"
  },
  "accordion-divider-hover": {
    "value": {
      "light": {
        "color": "{color.greyscale.black}",
        "width": "{borderWidth.s}",
        "style": "solid"
      },
      "dark": {
        "color": "#555555",
        "width": "1px",
        "style": "solid"
      }
    },
    "type": "border"
  },
  "accordion-border-radius": {
    "value": "{borderRadius.2xl}",
    "type": "borderRadius"
  },
  "accordion-border-radius-focus": {
    "value": "{borderRadius.2xl} {borderRadius.2xl} {borderRadius.xs} {borderRadius.xs}",
    "type": "borderRadius",
    "description": "when the accordion is focused and open"
  },
  "accordion-padding-heading-icon-left": {
    "value": "calc({space.xs} - {borderWidth.s}) {space.m} calc({space.xs} - {borderWidth.s}) 0",
    "type": "spacing",
    "description": "padding of accordion heading when icon is positioned on the left"
  },
  "accordion-padding-heading-icon-right": {
    "value": "calc({space.xs} - {borderWidth.s}) 0 calc({space.xs} - {borderWidth.s}) {space.m}",
    "type": "spacing",
    "description": "padding of accordion heading when icon is positioned on the right"
  },
  "accordion-padding-heading-m-icon-left": {
    "value": "calc({space.s} - {borderWidth.s}) {space.m} calc({space.s} - {borderWidth.s}) 0",
    "type": "spacing",
    "description": "padding of accordion heading when icon is positioned on the left"
  },
  "accordion-padding-heading-m-icon-right": {
    "value": "calc({space.s} - {borderWidth.s}) 0 calc({space.s} - {borderWidth.s}) {space.m}",
    "type": "spacing",
    "description": "padding of accordion heading when icon is positioned on the right"
  },
  "accordion-padding-content-wide": {
    "value": "{space.l} {space.l} {space.xl} 56px",
    "type": "spacing"
  },
  "accordion-padding-content-narrow": {
    "value": "{space.l}",
    "type": "spacing"
  },
  "accordion-color-bg-heading-hover": {
    "value": "{color.greyscale.50}",
    "dark": "var(--goa-color-surface-heading-hover)",
    "type": "color"
  },
  "accordion-color-filled-bg-heading-hover": {
    "value": "{color.greyscale.150}",
    "type": "color"
  },
  "accordion-color-heading-hover": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "accordion-border-focus": {
    "value": {
      "color": "{color.interactive.focus}",
      "width": "3px",
      "style": "solid"
    },
    "type": "border"
  },
  "accordion-border-hover": {
    "value": {
      "light": {
        "color": "{color.greyscale.black}",
        "width": "{borderWidth.s}",
        "style": "solid"
      },
      "dark": {
        "color": "#555555",
        "width": "1px",
        "style": "solid"
      }
    },
    "type": "border"
  },
  "accordion-heading": {
    "value": {
      "fontFamily": "{fontFamily.sans}",
      "fontWeight": "{fontWeight.medium}",
      "fontSize": "{fontSize.4}",
      "lineHeight": "{lineHeight.4}",
      "letterSpacing": "{letterSpacing.2xs}"
    },
    "type": "typography",
    "description": "Small accordion heading - 16px/22px with -0.5px letter-spacing"
  },
  "accordion-heading-m": {
    "value": {
      "fontFamily": "{fontFamily.sans}",
      "fontWeight": "{fontWeight.medium}",
      "fontSize": "{fontSize.5}",
      "lineHeight": "{lineHeight.5}",
      "letterSpacing": "{letterSpacing.2xs}"
    },
    "type": "typography",
    "description": "Medium accordion heading - 18px/24px with -0.5px letter-spacing"
  },
  "accordion-shadow": {
    "value": {
      "light": {
        "x": "0",
        "y": "0",
        "blur": "0",
        "spread": "0",
        "color": "#000000",
        "type": "dropShadow"
      },
      "dark": {
        "x": "0",
        "y": "0",
        "blur": "0",
        "spread": "0",
        "color": "transparent",
        "type": "dropShadow"
      }
    },
    "type": "boxShadow"
  },
  "accordion-icon-color": {
    "value": "{color.greyscale.black}",
    "type": "color"
  },
  "accordion-icon-color-hover": {
    "value": "{color.greyscale.black}",
    "type": "color"
  },
  "accordion-heading-min-height": {
    "value": "3rem",
    "type": "size"
  },
  "accordion-heading-m-min-height": {
    "value": "4rem",
    "type": "size"
  },
  "accordion-heading-secondary-text": {
    "value": "{typography.body.xs}",
    "type": "other"
  },
  "accordion-heading-m-secondary-text": {
    "value": "{typography.body.s}",
    "type": "other"
  },
  "accordion-heading-secondary-text-color": {
    "value": "{color.text.default}",
    "type": "color"
  }
}