@visual-framework/vf-design-tokens/src/maps/vf-color__interactive.yml

A collection of design tokens for consumption across projects and products

# -------------
# Interactive Colours
# -------------

imports:
  - "../theme.palette.alias.yml"

props:
  - name: vf-color__interactive
    value: '{!vf-color__interactive}'
    meta:
      friendlyName: Interactive
      sassFunction: interactive-color
      sassMap: default
      CSSCustomProperty: --vf-color__interactive

  - name: vf-color__interactive--background
    value: '{!vf-color__interactive--background}'
    meta:
      friendlyName: Interactive background
      sassFunction: interactive-color
      sassMap: background
      CSSCustomProperty: --vf-color__interactive--background

global:
  type: color
  category: color