global:
  scope: component
  type: color
  category: background-color
  cssProperties:
  - 'background*'
  - 'border*'
  - box-shadow
  - text-shadow
imports:
- "../../../../design-tokens/aliases/colors.yml"
- "../../../../design-tokens/aliases/color-palettes.yml"
props:
  POPOVER_WALKTHROUGH_COLOR_BACKGROUND:
    value: '{!PALETTE_BLUE_10}'
    comment: The default background color for Popover Walkthrough
  POPOVER_WALKTHROUGH_HEADER_COLOR_BACKGROUND:
    value: '{!PALETTE_BLUE_20}'
    comment: The default background color for Popover Walkthrough Header
  POPOVER_WALKTHROUGH_COLOR_BACKGROUND_ALT:
    value: '{!PALETTE_BLUE_50}'
    comment: The default background color for alternative Popover Walkthrough
  POPOVER_WALKTHROUGH_HEADER_IMAGE:
    value: ''
    type: string
  POPOVER_WALKTHROUGH_ALT_IMAGE:
    value: ''
    type: string
  POPOVER_WALKTHROUGH_ALT_NUBBIN_COLOR_BACKGROUND:
    value: '{!PALETTE_BLUE_50}'
    comment: The background color for nubbins on the bottom of alternate walkthrough popovers