global:
  scope: component
  type: color
  category: background-color
  cssProperties:
  - 'background*'
  - 'border*'
  - box-shadow

imports:
- "../../../../design-tokens/aliases/colors.yml"
- "../../../../design-tokens/aliases/color-palettes.yml"

props:
  COLOR_BACKGROUND_PATH_COMPLETE:
    value: '{!PALETTE_GREEN_60}'
    comment: The background color for Salespath stages that are complete.
  COLOR_BACKGROUND_PATH_COMPLETE_HOVER:
    value: '{!PALETTE_GREEN_50}'
    comment: The hover background color for Salespath stages that are complete.
  COLOR_BACKGROUND_PATH_ACTIVE:
    value: '{!PALETTE_BLUE_30}'
    comment: The background color for Salespath stages that are the active stage.
  COLOR_BACKGROUND_PATH_ACTIVE_HOVER:
    value: '{!PALETTE_BLUE_20}'
    comment: The hover background color for Salespath stages that are the active stage.
  COLOR_BACKGROUND_PATH_STEP_ACTION_ACTIVE:
    value: '{!PALETTE_BLUE_10}'
    comment: The background color for the step action arrow that are the active stage
  COLOR_BACKGROUND_PATH_STEP_ACTION_CURRENT:
    value: '{!PALETTE_BLUE_30}'
    comment: The background color for the step action arrow that are the current stage
  COLOR_BACKGROUND_PATH_CURRENT:
    value: '{!PALETTE_NEUTRAL_100}'
    comment: The background color for Salespath stages that are the current stage.
  COLOR_BACKGROUND_PATH_CURRENT_HOVER:
    value: '{!PALETTE_NEUTRAL_100}'
    comment: The hover background color for Salespath stages that are the current stage.
  COLOR_BACKGROUND_PATH_INCOMPLETE:
    value: '{!PALETTE_NEUTRAL_95}'
    comment: The background color for Salespath stages that have not been completed.
  COLOR_BACKGROUND_PATH_INCOMPLETE_HOVER:
    value: '{!PALETTE_NEUTRAL_80}'
    comment: The hover background color for Salespath stages that have not been completed.
  COLOR_BACKGROUND_PATH_LOST:
    value: '{!PALETTE_RED_50}'
    comment: The background color for the final stage of a Salespath when it has been lost.
  COLOR_BACKGROUND_PATH_WON:
    value: '{!PALETTE_GREEN_50}'
    comment: The background color for the final stage of a Salespath when it has been lost.
  COLOR_BACKGROUND_GUIDANCE:
    value: '{!PALETTE_NEUTRAL_100}'
    comment: The background color for Salespath guidance coaching section.
  COLOR_BACKGROUND_PATH_EXPANDED:
    value: '{!PALETTE_NEUTRAL_100}'
    comment: The background color for the overall Salespath coaching section.