@abgov/design-tokens/data/component-design-tokens/side-menu-design-tokens.json

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

{
  "side-menu-border-right": {
    "value": {
      "width": "{borderWidth.s}",
      "style": "solid",
      "color": "{color.greyscale.150}"
    },
    "type": "border",
    "description": "Right border for side menu container"
  },
  "side-menu-color-bg": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "side-menu-color-bg-menu-item-hover": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "side-menu-heading-border": {
    "value": {
      "width": "{borderWidth.s}",
      "style": "solid",
      "color": "{color.greyscale.100}"
    },
    "type": "border",
    "description": "1px bottom border for side menu headings - greyscale.100"
  },
  "side-menu-heading-color": {
    "value": "{color.greyscale.600}",
    "type": "color"
  },
  "side-menu-heading-color-bg": {
    "value": "{color.greyscale.white}",
    "type": "color",
    "description": "White background for side menu headings"
  },
  "side-menu-heading-icon-gap": {
    "value": "{space.xs}",
    "type": "spacing"
  },
  "side-menu-child-margin": {
    "value": "{space.m}",
    "type": "spacing"
  },
  "side-menu-heading-margin": {
    "value": "{space.none} 0 0 0",
    "type": "spacing"
  },
  "side-menu-heading-padding": {
    "value": "{space.2xs} {space.xs}",
    "type": "spacing"
  },
  "side-menu-heading-typography": {
    "value": "{typography.body.xs}",
    "type": "other",
    "description": "Typography for side menu section headings - body.xs (14px)"
  },
  "side-menu-icon-color": {
    "value": "{color.text.secondary}",
    "type": "color"
  },
  "side-menu-items-gap": {
    "value": "{space.2xs}",
    "type": "spacing",
    "description": "Vertical gap between menu items"
  },
  "side-menu-heading-gap": {
    "value": "{space.xs}",
    "type": "spacing"
  },
  "side-menu-item-focus-border": {
    "value": {
      "width": "{borderWidth.l}",
      "style": "solid",
      "color": "{color.interactive.focus}"
    },
    "type": "border"
  },
  "side-menu-padding": {
    "value": "{space.m} {space.xs} {space.m} {space.m}",
    "type": "spacing",
    "description": "Padding for side menu container - 16px 8px 16px 16px"
  },
  "side-menu-padding-item": {
    "value": "{space.xs} {space.s}",
    "type": "spacing"
  },
  "side-menu-padding-child": {
    "value": "{space.2xs} {space.xs}",
    "type": "spacing"
  },
  "side-menu-parent-color-bg-selected": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "side-menu-parent-padding": {
    "value": "{space.xs} {space.s}",
    "type": "spacing"
  },
  "side-menu-group-border-radius": {
    "value": "{borderRadius.xl}",
    "type": "borderRadius"
  },
  "side-menu-group-color-bg": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "side-menu-group-padding": {
    "value": "{space.none}",
    "type": "spacing"
  },
  "side-menu-child-border-left": {
    "value": {
      "width": "{borderWidth.xl}",
      "style": "solid",
      "color": "{color.greyscale.100}"
    },
    "type": "border"
  },
  "side-menu-child-border-left-hover": {
    "value": {
      "width": "{borderWidth.xl}",
      "style": "solid",
      "color": "{color.greyscale.200}"
    },
    "type": "border"
  },
  "side-menu-child-border-left-selected": {
    "value": {
      "width": "{borderWidth.xl}",
      "style": "solid",
      "color": "{color.interactive.disabled}"
    },
    "type": "border"
  },
  "side-menu-child-color-bg-hover": {
    "value": "{color.info.background}",
    "type": "color"
  },
  "side-menu-child-color-bg-selected": {
    "value": "{color.info.background}",
    "type": "color"
  },
  "side-menu-typography-item": {
    "value": {
      "fontFamily": "{fontFamily.sans}",
      "fontWeight": "{fontWeight.regular}",
      "fontSize": "16px",
      "lineHeight": "22px",
      "letterSpacing": "0"
    },
    "type": "typography",
    "description": "Typography for side menu items and group headings - 16px/22px regular"
  },
  "side-menu-typography-item-current": {
    "value": {
      "fontFamily": "{fontFamily.sans}",
      "fontWeight": "{fontWeight.semiBold}",
      "fontSize": "16px",
      "lineHeight": "22px",
      "letterSpacing": "0"
    },
    "type": "typography",
    "description": "Typography for current/active side menu items - 16px/22px semibold"
  },
  "side-menu-color-item": {
    "value": "{color.text.default}",
    "type": "color",
    "description": "Text color for side menu items (not current)"
  },
  "side-menu-color-item-current": {
    "value": "{color.text.default}",
    "type": "color",
    "description": "Text color for current side menu item"
  },
  "side-menu-child-border-width": {
    "value": "{borderWidth.xl}",
    "type": "borderWidth",
    "description": "4px"
  },
  "side-menu-item-focus-outline-offset": {
    "value": "-3px",
    "type": "other",
    "description": "Focus outline offset for menu items and groups"
  },
  "side-menu-group-item-typography": {
    "value": "{typography.body.xs}",
    "type": "other",
    "description": "Typography for nested group items - references body.xs (14px regular)"
  },
  "side-menu-group-item-typography-current": {
    "value": {
      "fontFamily": "{fontFamily.sans}",
      "fontWeight": "{fontWeight.bold}",
      "fontSize": "{fontSize.2}",
      "lineHeight": "{lineHeight.1}"
    },
    "type": "typography",
    "description": "Typography for current/active nested group items - 14px bold"
  },
  "side-menu-item-border-radius": {
    "value": "{borderRadius.l}",
    "type": "borderRadius",
    "description": "Border radius for menu items (6px)"
  },
  "side-menu-group-border-radius-open": {
    "value": "{borderRadius.xl}",
    "type": "borderRadius",
    "description": "Border radius for open groups (8px)"
  },
  "side-menu-group-container-margin-left": {
    "value": "20px",
    "type": "spacing",
    "description": "Left margin for nested group container"
  },
  "side-menu-group-container-margin-bottom": {
    "value": "6px",
    "type": "spacing",
    "description": "Bottom margin for nested group container"
  },
  "side-menu-heading-padding-top": {
    "value": "14px",
    "type": "spacing",
    "description": "Top padding for section headings"
  }
}