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

## Setup

{
  "accordion-color-bg-heading": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "accordion-color-bg-content": {
    "value": "{color.greyscale.white}",
    "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-border-radius": {
    "value": "{borderRadius.m}",
    "type": "borderRadius"
  },
  "accordion-padding-heading-icon-left": {
    "value": "{space.s} {space.m} {space.s} 0",
    "type": "spacing",
    "description": "padding of accordion heading when icon is positioned on the left"
  },
  "accordion-padding-heading-icon-right": {
    "value": "{space.s} 0 {space.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.200}",
    "type": "color"
  },
  "accordion-color-heading-hover": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "accordion-heading-s": {
    "value": "{typography.heading.s}",
    "type": "other"
  },
  "accordion-heading-m": {
    "value": "{typography.heading.m}",
    "type": "other"
  },
  "accordion-shadow": {
    "value": {
      "x": "0",
      "y": "0",
      "blur": "0",
      "spread": "0",
      "color": "#000000",
      "type": "dropShadow"
    },
    "type": "boxShadow"
  }
}