@gitlab/ui/src/tokens/semantic/icon.tokens.json

GitLab UI Components

{
  "icon": {
    "color": {
      "default": {
        "$value": "{text.color.default}",
        "$type": "color",
        "$description": "Used for the default icon color. Can be paired with default text."
      },
      "subtle": {
        "$value": "{text.color.subtle}",
        "$type": "color",
        "$description": "Used for a static or decorational icon. Can be paired with subtle text."
      },
      "strong": {
        "$value": "{text.color.strong}",
        "$type": "color",
        "$description": "Used for an icon with the highest contrast."
      },
      "disabled": {
        "$value": "{text.color.disabled}",
        "$type": "color",
        "$description": "Used for an icon within a disabled section."
      },
      "link": {
        "$value": "{text.color.link}",
        "$type": "color",
        "$description": "Used for an icon within a link."
      },
      "info": {
        "$value": {
          "default": "{color.blue.700}",
          "dark": "{color.blue.200}"
        },
        "$type": "color",
        "$description": "Used for an icon associated with information or help."
      },
      "warning": {
        "$value": "{text.color.warning}",
        "$type": "color",
        "$description": "Used for an icon associated with a warning."
      },
      "danger": {
        "$value": "{text.color.danger}",
        "$type": "color",
        "$description": "Used for an icon associated with an error or danger."
      },
      "success": {
        "$value": "{text.color.success}",
        "$type": "color",
        "$description": "Used for an icon associated with success or validity."
      }
    }
  }
}