@pantheon-systems/pds-design-tokens
Version:
Design Tokens for the Pantheon Design System
1,516 lines • 267 kB
JSON
{
"color": {
"light-mode": {
"badge": {
"indicator": {
"silver": {
"background": {
"value": "#c3c5c9",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.300.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-silver-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "silver"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"silver",
"background"
]
},
"foreground": {
"value": "#23232d",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-silver-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "silver"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"silver",
"foreground"
]
}
},
"gold": {
"background": {
"value": "#ffe668",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.secondary.300.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-gold-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "gold"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"gold",
"background"
]
},
"foreground": {
"value": "#726009",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.secondary.600.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-gold-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "gold"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"gold",
"foreground"
]
}
},
"diamond": {
"background": {
"value": "#d7edff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.info.background.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-diamond-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "diamond"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"diamond",
"background"
]
},
"foreground": {
"value": "#0766c5",
"public": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "#0766C5",
"public": true
},
"name": "color-light-mode-badge-indicator-diamond-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "diamond"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"diamond",
"foreground"
]
}
},
"platinum": {
"background": {
"value": "#e5e0f8",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.200.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-platinum-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "platinum"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"platinum",
"background"
]
},
"foreground": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-platinum-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "platinum"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"platinum",
"foreground"
]
}
},
"critical": {
"background": {
"value": "#bc1c11",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.critical.foreground.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-critical-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "critical"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"critical",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-critical-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "critical"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"critical",
"foreground"
]
}
},
"info": {
"background": {
"value": "#0875e1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.info.foreground.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-info-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "info"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"info",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-info-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "info"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"info",
"foreground"
]
}
},
"success": {
"background": {
"value": "#217a37",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.success.foreground.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-success-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "success"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"success",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-success-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "success"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"success",
"foreground"
]
}
},
"warning": {
"background": {
"value": "#b06300",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.warning.foreground.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-warning-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "warning"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"warning",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-warning-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "warning"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"warning",
"foreground"
]
}
},
"neutral": {
"background": {
"value": "#6a6e7a",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-neutral-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "neutral"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"neutral",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-neutral-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "neutral"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"neutral",
"foreground"
]
}
},
"brand": {
"background": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-brand-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "brand"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"brand",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/badge.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-badge-indicator-brand-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "badge",
"subitem": "indicator",
"state": "brand"
},
"path": [
"color",
"light-mode",
"badge",
"indicator",
"brand",
"foreground"
]
}
}
}
},
"banner": {
"info": {
"background": {
"value": "#0875e1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/banner.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.info.foreground.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-banner-info-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "banner",
"subitem": "info",
"state": "background"
},
"path": [
"color",
"light-mode",
"banner",
"info",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/banner.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-banner-info-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "banner",
"subitem": "info",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"banner",
"info",
"foreground"
]
}
},
"warning": {
"background": {
"value": "#ffa126",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/banner.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.warning.utility.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-banner-warning-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "banner",
"subitem": "warning",
"state": "background"
},
"path": [
"color",
"light-mode",
"banner",
"warning",
"background"
]
},
"foreground": {
"value": "#23232d",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/banner.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.fg.default.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-banner-warning-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "banner",
"subitem": "warning",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"banner",
"warning",
"foreground"
]
}
},
"critical": {
"background": {
"value": "#de2e21",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/banner.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.status.critical.utility.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-banner-critical-background",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "banner",
"subitem": "critical",
"state": "background"
},
"path": [
"color",
"light-mode",
"banner",
"critical",
"background"
]
},
"foreground": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/banner.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-banner-critical-foreground",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "banner",
"subitem": "critical",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"banner",
"critical",
"foreground"
]
}
}
},
"button": {
"primary": {
"background": {
"default": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-background-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"background",
"default"
]
},
"hover": {
"value": "#3017a1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-background-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"background",
"hover"
]
},
"active": {
"value": "#12026f",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.600.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-background-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"background",
"active"
]
}
},
"border": {
"default": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-border-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"border",
"default"
]
},
"hover": {
"value": "#3017a1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-border-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"border",
"hover"
]
},
"active": {
"value": "#12026f",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.600.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-border-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"border",
"active"
]
}
},
"foreground": {
"default": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-foreground-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"foreground",
"default"
]
},
"hover": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-foreground-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"foreground",
"hover"
]
},
"active": {
"value": "#ffffff",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.neutral.000.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-primary-foreground-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "primary",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"primary",
"foreground",
"active"
]
}
}
},
"secondary": {
"background": {
"default": {
"value": "rgba(0, 0, 0, 0)",
"public": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "transparent",
"public": true
},
"name": "color-light-mode-button-secondary-background-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"background",
"default"
]
},
"hover": {
"value": "#f4f3fc",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.100.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-background-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"background",
"hover"
]
},
"active": {
"value": "#f4f3fc",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.100.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-background-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"background",
"active"
]
}
},
"border": {
"default": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-border-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"border",
"default"
]
},
"hover": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-border-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"border",
"hover"
]
},
"active": {
"value": "#3017a1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-border-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"border",
"active"
]
}
},
"foreground": {
"default": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-foreground-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"foreground",
"default"
]
},
"hover": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-foreground-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"foreground",
"hover"
]
},
"active": {
"value": "#3017a1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-secondary-foreground-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "secondary",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"secondary",
"foreground",
"active"
]
}
}
},
"subtle": {
"background": {
"default": {
"value": "rgba(0, 0, 0, 0)",
"public": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "transparent",
"public": true
},
"name": "color-light-mode-button-subtle-background-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "subtle",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"subtle",
"background",
"default"
]
}
},
"border": {
"default": {
"value": "rgba(0, 0, 0, 0)",
"public": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "transparent",
"public": true
},
"name": "color-light-mode-button-subtle-border-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "subtle",
"state": "border"
},
"path": [
"color",
"light-mode",
"button",
"subtle",
"border",
"default"
]
}
},
"foreground": {
"default": {
"value": "#4f32ce",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-subtle-foreground-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "subtle",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"subtle",
"foreground",
"default"
]
},
"hover": {
"value": "#3017a1",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-subtle-foreground-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "subtle",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"subtle",
"foreground",
"hover"
]
},
"active": {
"value": "#12026f",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.primary.600.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-subtle-foreground-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "subtle",
"state": "foreground"
},
"path": [
"color",
"light-mode",
"button",
"subtle",
"foreground",
"active"
]
}
}
},
"brand": {
"background": {
"default": {
"value": "#ffdc28",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.secondary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-brand-background-default",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "brand",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"brand",
"background",
"default"
]
},
"hover": {
"value": "#ddbd16",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.secondary.500.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "color-light-mode-button-brand-background-hover",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "brand",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"brand",
"background",
"hover"
]
},
"active": {
"value": "#a88f10",
"public": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "#A88F10",
"public": true
},
"name": "color-light-mode-button-brand-background-active",
"attributes": {
"category": "color",
"type": "light-mode",
"item": "button",
"subitem": "brand",
"state": "background"
},
"path": [
"color",
"light-mode",
"button",
"brand",
"background",
"active"
]
}
},
"border": {
"default": {
"value": "#ffdc28",
"public": true,
"isReferenceToInternal": true,
"filePath": "tokens/color/component/button.light.json",
"isSource": true,
"original": {
"value": "{color.light-mode.brand.secondary.400.value}",
"public": true,
"isReferenceToInternal": true
},
"name": "