@abgov/design-tokens/data/component-design-tokens/notification-banner-design-tokens.json

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

{
  "notification-banner-emergency-color-bg": {
    "value": "{color.emergency.default}",
    "type": "color"
  },
  "notification-banner-emergency-color-icon": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "notification-banner-emergency-color-text": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "notification-banner-event-color-bg": {
    "value": "{color.info.default}",
    "type": "color"
  },
  "notification-banner-event-color-icon": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "notification-banner-event-color-text": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "notification-banner-gap": {
    "value": "{space.m}",
    "type": "spacing"
  },
  "notification-banner-important-color-bg": {
    "value": "{color.warning.default}",
    "type": "color"
  },
  "notification-banner-important-color-icon": {
    "value": "{color.greyscale.black}",
    "type": "color"
  },
  "notification-banner-important-color-text": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "notification-banner-information-color-bg": {
    "value": "{color.info.default}",
    "type": "color"
  },
  "notification-banner-information-color-icon": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "notification-banner-information-color-text": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "notification-banner-padding-lr-large-screen": {
    "value": "{space.3xl}",
    "type": "spacing"
  },
  "notification-banner-padding-lr-medium-screen": {
    "value": "{space.l}",
    "type": "spacing"
  },
  "notification-banner-padding-lr-small-screen": {
    "value": "{space.m}",
    "type": "spacing"
  },
  "notification-banner-padding-tb": {
    "value": "1.4375rem",
    "type": "spacing"
  },
  "notification-banner-size-icon": {
    "value": "{iconSize.4}",
    "type": "sizing"
  },
  "notification-banner-text-size": {
    "value": "{typography.body.m}",
    "type": "other"
  },
  "notification-banner-custom-color-bg": {
    "value": "{color.info.default}",
    "type": "color"
  },
  "notification-banner-custom-color-icon": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "notification-banner-custom-color-text": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "notification-banner-gap-compact": {
    "value": "{space.xs}",
    "type": "spacing"
  },
  "notification-banner-padding-tb-compact": {
    "value": "0.9375rem",
    "type": "spacing"
  },
  "notification-banner-padding-lr-small-screen-compact": {
    "value": "{space.xs}",
    "type": "spacing"
  },
  "notification-banner-padding-lr-medium-screen-compact": {
    "value": "{space.m}",
    "type": "spacing"
  },
  "notification-banner-padding-lr-large-screen-compact": {
    "value": "{space.2xl}",
    "type": "spacing"
  },
  "notification-banner-information-high-color-bg": {
    "value": "{color.info.default}",
    "type": "color"
  },
  "notification-banner-information-high-color-text": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "notification-banner-information-high-color-icon": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "notification-banner-information-low-color-bg": {
    "value": "{color.info.light}",
    "type": "color"
  },
  "notification-banner-information-low-color-text": {
    "value": "{color.info.default}",
    "type": "color"
  },
  "notification-banner-information-low-color-icon": {
    "value": "{color.info.default}",
    "type": "color"
  },
  "notification-banner-information-low-color-border": {
    "value": "{color.info.border}",
    "type": "color"
  },
  "notification-banner-important-high-color-bg": {
    "value": "{color.important.default}",
    "type": "color"
  },
  "notification-banner-important-high-color-text": {
    "value": "{color.important.text-dark}",
    "type": "color"
  },
  "notification-banner-important-high-color-icon": {
    "value": "{color.important.text-dark}",
    "type": "color"
  },
  "notification-banner-important-low-color-bg": {
    "value": "{color.important.light}",
    "type": "color"
  },
  "notification-banner-important-low-color-text": {
    "value": "{color.important.text}",
    "type": "color"
  },
  "notification-banner-important-low-color-icon": {
    "value": "{color.important.text}",
    "type": "color"
  },
  "notification-banner-important-low-color-border": {
    "value": "{color.important.border}",
    "type": "color"
  },
  "notification-banner-emergency-high-color-bg": {
    "value": "{color.emergency.default}",
    "type": "color"
  },
  "notification-banner-emergency-high-color-text": {
    "value": "{color.text.light}",
    "type": "color"
  },
  "notification-banner-emergency-high-color-icon": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "notification-banner-emergency-low-color-bg": {
    "value": "{color.emergency.light}",
    "type": "color"
  },
  "notification-banner-emergency-low-color-text": {
    "value": "{color.emergency.dark}",
    "type": "color"
  },
  "notification-banner-emergency-low-color-icon": {
    "value": "{color.emergency.dark}",
    "type": "color"
  },
  "notification-banner-emergency-low-color-border": {
    "value": "{color.emergency.border}",
    "type": "color"
  },
  "notification-banner-information-high-focus-border": {
    "value": "0 0 0 {borderWidth.l} {color.greyscale.white}",
    "type": "other"
  },
  "notification-banner-information-low-focus-border": {
    "value": "0 0 0 {borderWidth.l} {color.info.dark}",
    "type": "other"
  },
  "notification-banner-important-high-focus-border": {
    "value": "0 0 0 {borderWidth.l} {color.important.text-dark}",
    "type": "other"
  },
  "notification-banner-important-low-focus-border": {
    "value": "0 0 0 {borderWidth.l} {color.important.text-dark}",
    "type": "other"
  },
  "notification-banner-emergency-high-focus-border": {
    "value": "0 0 0 {borderWidth.l} {color.greyscale.white}",
    "type": "other"
  },
  "notification-banner-emergency-low-focus-border": {
    "value": "0 0 0 {borderWidth.l} {color.emergency.dark}",
    "type": "other"
  },
  "notification-banner-information-high-close-bg-hover": {
    "value": "{color.info.dark}",
    "type": "color"
  },
  "notification-banner-information-low-close-bg-hover": {
    "value": "{color.info.border}",
    "type": "color"
  },
  "notification-banner-important-high-close-bg-hover": {
    "value": "{color.important.default}",
    "dark": "#a88520",
    "type": "color"
  },
  "notification-banner-important-low-close-bg-hover": {
    "value": "{color.important.border}",
    "dark": "#a88520",
    "type": "color"
  },
  "notification-banner-emergency-high-close-bg-hover": {
    "value": "{color.emergency.dark}",
    "dark": "#b06060",
    "type": "color"
  },
  "notification-banner-emergency-low-close-bg-hover": {
    "value": "{color.emergency.border}",
    "dark": "#b06060",
    "type": "color"
  }
}