style-dictionary/examples/complete/tokens/color/border.json

Style once, use everywhere. A build system for creating cross-platform styles.

{
  "color": {
    "border": {
      "light": { "value": "{color.base.grey.200}", "type": "color" },
      "base": { "value": "{color.base.grey.300}", "type": "color" },
      "dark": { "value": "{color.base.grey.400}", "type": "color" },
      "focus": { "value": "{color.brand.primary.base}", "type": "color" },
      "error": { "value": "{color.base.red.600}", "type": "color" },
      "warning": { "value": "{color.base.orange.600}", "type": "color" },
      "success": { "value": "{color.base.green.600}", "type": "color" },

      "button": {
        "secondary": {
          "base": { "value": "{color.border.base}", "type": "color" },
          "active": { "value": "{color.brand.secondary.dark}", "type": "color" },
          "disabled": { "value": "{color.border.light}", "type": "color" }
        }
      }
    }
  }
}