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

## Setup

{
  "side-menu-border-right": {
    "value": {
      "width": "{borderWidth.s}",
      "style": "solid",
      "color": "{color.greyscale.200}"
    },
    "type": "border"
  },
  "side-menu-color-bg": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "side-menu-color-bg-menu-item-current": {
    "value": "#cedfee",
    "type": "color"
  },
  "side-menu-color-bg-menu-item-hover": {
    "value": "#cedfee",
    "type": "color"
  },
  "side-menu-color-menu-item": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "side-menu-heading-border": {
    "value": {
      "width": "{borderWidth.m}",
      "style": "solid",
      "color": "{color.greyscale.200}"
    },
    "type": "border"
  },
  "side-menu-heading-color": {
    "value": "{color.text.secondary}",
    "type": "color"
  },
  "side-menu-heading-color-bg": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "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.s} {space.s} {space.xs} {space.l}",
    "type": "spacing"
  },
  "side-menu-heading-typography": {
    "value": "{typography.heading.s}",
    "type": "other"
  },
  "side-menu-icon-color": {
    "value": "{color.text.secondary}",
    "type": "color"
  },
  "side-menu-icon-size": {
    "value": "{iconSize.l}",
    "type": "sizing"
  },
  "side-menu-items-gap": {
    "value": "{space.none}",
    "type": "spacing"
  },
  "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.none} {space.l} {space.none}",
    "type": "spacing"
  },
  "side-menu-padding-item": {
    "value": "{space.xs} {space.s} 10px {space.xl}",
    "type": "spacing"
  },
  "side-menu-padding-child": {
    "value": "{space.xs} {space.s} 10px {space.m}",
    "type": "spacing"
  },
  "side-menu-parent-color-bg-hover": {
    "value": "#cedfee",
    "type": "color"
  },
  "side-menu-parent-color-bg-selected": {
    "value": "#cedfee",
    "type": "color"
  },
  "side-menu-parent-padding": {
    "value": "{space.xs} {space.s} 10px {space.xl}",
    "type": "spacing"
  },
  "side-menu-sub-group-padding": {
    "value": "{space.none} {space.none} {space.none} {space.none}",
    "type": "spacing"
  },
  "side-menu-sub-item-border-left": {
    "value": {
      "width": "{borderWidth.xl}",
      "style": "solid",
      "color": "{color.greyscale.100}"
    },
    "type": "border"
  },
  "side-menu-sub-item-border-left-hover": {
    "value": {
      "width": "{borderWidth.xl}",
      "style": "solid",
      "color": "{color.greyscale.200}"
    },
    "type": "border"
  },
  "side-menu-sub-item-border-left-current": {
    "value": {
      "width": "{borderWidth.xl}",
      "style": "solid",
      "color": "{color.interactive.disabled}"
    },
    "type": "border"
  },
  "side-menu-sub-item-color-bg": {
    "value": "none",
    "type": "color"
  },
  "side-menu-sub-item-color-bg-current": {
    "value": "{color.info.background}",
    "type": "color"
  },
  "side-menu-sub-item-color-bg-hover": {
    "value": "{color.info.background}",
    "type": "color"
  },
  "side-menu-width": {
    "value": "256px",
    "type": "sizing"
  },
  "side-menu-group-border-radius": {
    "value": "{borderRadius.none}",
    "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": {
    "value": "none",
    "type": "color"
  },
  "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-child-color-text-selected": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "side-menu-typography-item": {
    "value": "{typography.body.m}",
    "type": "other"
  },
  "side-menu-typography-item-current": {
    "value": "{typography.heading.s}",
    "type": "other"
  },
  "side-menu-child-border-width": {
    "value": "{borderWidth.xl}",
    "type": "borderWidth",
    "description": "4px"
  }
}