@hashicorp/design-system-tokens
Version:
Helios Design Tokens
1,919 lines • 270 kB
JSON
{
"border": {
"radius": {
"x-small": {
"value": "3px",
"type": "size",
"filePath": "src/global/border/radius.json",
"isSource": true,
"original": {
"value": "3",
"type": "size"
},
"name": "token-border-radius-x-small",
"attributes": {
"category": "border",
"type": "radius",
"item": "x-small"
},
"path": [
"border",
"radius",
"x-small"
]
},
"small": {
"value": "5px",
"type": "size",
"filePath": "src/global/border/radius.json",
"isSource": true,
"original": {
"value": "5",
"type": "size"
},
"name": "token-border-radius-small",
"attributes": {
"category": "border",
"type": "radius",
"item": "small"
},
"path": [
"border",
"radius",
"small"
]
},
"medium": {
"value": "6px",
"type": "size",
"filePath": "src/global/border/radius.json",
"isSource": true,
"original": {
"value": "6",
"type": "size"
},
"name": "token-border-radius-medium",
"attributes": {
"category": "border",
"type": "radius",
"item": "medium"
},
"path": [
"border",
"radius",
"medium"
]
},
"large": {
"value": "8px",
"type": "size",
"filePath": "src/global/border/radius.json",
"isSource": true,
"original": {
"value": "8",
"type": "size"
},
"name": "token-border-radius-large",
"attributes": {
"category": "border",
"type": "radius",
"item": "large"
},
"path": [
"border",
"radius",
"large"
]
}
}
},
"color": {
"palette": {
"blue-500": {
"value": "#1c345f",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#1c345f",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-blue-500",
"attributes": {
"category": "color",
"type": "palette",
"item": "blue-500"
},
"path": [
"color",
"palette",
"blue-500"
]
},
"blue-400": {
"value": "#0046d1",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#0046d1",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-blue-400",
"attributes": {
"category": "color",
"type": "palette",
"item": "blue-400"
},
"path": [
"color",
"palette",
"blue-400"
]
},
"blue-300": {
"value": "#0c56e9",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#0c56e9",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-blue-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "blue-300"
},
"path": [
"color",
"palette",
"blue-300"
]
},
"blue-200": {
"value": "#1060ff",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#1060ff",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-blue-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "blue-200"
},
"path": [
"color",
"palette",
"blue-200"
]
},
"blue-100": {
"value": "#cce3fe",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#cce3fe",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-blue-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "blue-100"
},
"path": [
"color",
"palette",
"blue-100"
]
},
"blue-50": {
"value": "#f2f8ff",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#f2f8ff",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-blue-50",
"attributes": {
"category": "color",
"type": "palette",
"item": "blue-50"
},
"path": [
"color",
"palette",
"blue-50"
]
},
"purple-500": {
"value": "#42215b",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#42215b",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-purple-500",
"attributes": {
"category": "color",
"type": "palette",
"item": "purple-500"
},
"path": [
"color",
"palette",
"purple-500"
]
},
"purple-400": {
"value": "#7b00db",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#7b00db",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-purple-400",
"attributes": {
"category": "color",
"type": "palette",
"item": "purple-400"
},
"path": [
"color",
"palette",
"purple-400"
]
},
"purple-300": {
"value": "#911ced",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#911ced",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-purple-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "purple-300"
},
"path": [
"color",
"palette",
"purple-300"
]
},
"purple-200": {
"value": "#a737ff",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#a737ff",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-purple-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "purple-200"
},
"path": [
"color",
"palette",
"purple-200"
]
},
"purple-100": {
"value": "#ead2fe",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#ead2fe",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-purple-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "purple-100"
},
"path": [
"color",
"palette",
"purple-100"
]
},
"purple-50": {
"value": "#f9f2ff",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#f9f2ff",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-purple-50",
"attributes": {
"category": "color",
"type": "palette",
"item": "purple-50"
},
"path": [
"color",
"palette",
"purple-50"
]
},
"green-500": {
"value": "#054220",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#054220",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-green-500",
"attributes": {
"category": "color",
"type": "palette",
"item": "green-500"
},
"path": [
"color",
"palette",
"green-500"
]
},
"green-400": {
"value": "#006619",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#006619",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-green-400",
"attributes": {
"category": "color",
"type": "palette",
"item": "green-400"
},
"path": [
"color",
"palette",
"green-400"
]
},
"green-300": {
"value": "#00781e",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#00781e",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-green-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "green-300"
},
"path": [
"color",
"palette",
"green-300"
]
},
"green-200": {
"value": "#008a22",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#008a22",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-green-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "green-200"
},
"path": [
"color",
"palette",
"green-200"
]
},
"green-100": {
"value": "#cceeda",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#cceeda",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-green-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "green-100"
},
"path": [
"color",
"palette",
"green-100"
]
},
"green-50": {
"value": "#f2fbf6",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#f2fbf6",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-green-50",
"attributes": {
"category": "color",
"type": "palette",
"item": "green-50"
},
"path": [
"color",
"palette",
"green-50"
]
},
"amber-500": {
"value": "#542800",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#542800",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-amber-500",
"attributes": {
"category": "color",
"type": "palette",
"item": "amber-500"
},
"path": [
"color",
"palette",
"amber-500"
]
},
"amber-400": {
"value": "#803d00",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#803d00",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-amber-400",
"attributes": {
"category": "color",
"type": "palette",
"item": "amber-400"
},
"path": [
"color",
"palette",
"amber-400"
]
},
"amber-300": {
"value": "#9e4b00",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#9e4b00",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-amber-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "amber-300"
},
"path": [
"color",
"palette",
"amber-300"
]
},
"amber-200": {
"value": "#bb5a00",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#bb5a00",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-amber-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "amber-200"
},
"path": [
"color",
"palette",
"amber-200"
]
},
"amber-100": {
"value": "#fbeabf",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#fbeabf",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-amber-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "amber-100"
},
"path": [
"color",
"palette",
"amber-100"
]
},
"amber-50": {
"value": "#fff9e8",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#fff9e8",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-amber-50",
"attributes": {
"category": "color",
"type": "palette",
"item": "amber-50"
},
"path": [
"color",
"palette",
"amber-50"
]
},
"red-500": {
"value": "#51130a",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#51130a",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-red-500",
"attributes": {
"category": "color",
"type": "palette",
"item": "red-500"
},
"path": [
"color",
"palette",
"red-500"
]
},
"red-400": {
"value": "#940004",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#940004",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-red-400",
"attributes": {
"category": "color",
"type": "palette",
"item": "red-400"
},
"path": [
"color",
"palette",
"red-400"
]
},
"red-300": {
"value": "#c00005",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#c00005",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-red-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "red-300"
},
"path": [
"color",
"palette",
"red-300"
]
},
"red-200": {
"value": "#e52228",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#e52228",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-red-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "red-200"
},
"path": [
"color",
"palette",
"red-200"
]
},
"red-100": {
"value": "#fbd4d4",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#fbd4d4",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-red-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "red-100"
},
"path": [
"color",
"palette",
"red-100"
]
},
"red-50": {
"value": "#fff5f5",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-accents.json",
"isSource": true,
"original": {
"value": "#fff5f5",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-red-50",
"attributes": {
"category": "color",
"type": "palette",
"item": "red-50"
},
"path": [
"color",
"palette",
"red-50"
]
},
"neutral-700": {
"value": "#0c0c0e",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#0c0c0e",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-700",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-700"
},
"path": [
"color",
"palette",
"neutral-700"
]
},
"neutral-600": {
"value": "#3b3d45",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#3b3d45",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-600",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-600"
},
"path": [
"color",
"palette",
"neutral-600"
]
},
"neutral-500": {
"value": "#656a76",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#656a76",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-500",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-500"
},
"path": [
"color",
"palette",
"neutral-500"
]
},
"neutral-400": {
"value": "#8c909c",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#8c909c",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-400",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-400"
},
"path": [
"color",
"palette",
"neutral-400"
]
},
"neutral-300": {
"value": "#c2c5cb",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#c2c5cb",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-300"
},
"path": [
"color",
"palette",
"neutral-300"
]
},
"neutral-200": {
"value": "#dedfe3",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#dedfe3",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-200"
},
"path": [
"color",
"palette",
"neutral-200"
]
},
"neutral-100": {
"value": "#f1f2f3",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#f1f2f3",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-100"
},
"path": [
"color",
"palette",
"neutral-100"
]
},
"neutral-50": {
"value": "#fafafa",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#fafafa",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-50",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-50"
},
"path": [
"color",
"palette",
"neutral-50"
]
},
"neutral-0": {
"value": "#ffffff",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-neutral-0",
"attributes": {
"category": "color",
"type": "palette",
"item": "neutral-0"
},
"path": [
"color",
"palette",
"neutral-0"
]
},
"alpha-300": {
"value": "#3b3d4566",
"alpha": "0.4",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-600.value}",
"alpha": "0.4",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-alpha-300",
"attributes": {
"category": "color",
"type": "palette",
"item": "alpha-300"
},
"path": [
"color",
"palette",
"alpha-300"
]
},
"alpha-200": {
"value": "#656a7633",
"alpha": "0.2",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-500.value}",
"alpha": "0.2",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-alpha-200",
"attributes": {
"category": "color",
"type": "palette",
"item": "alpha-200"
},
"path": [
"color",
"palette",
"alpha-200"
]
},
"alpha-100": {
"value": "#656a761a",
"alpha": "0.1",
"type": "color",
"group": "palette",
"filePath": "src/global/color/palette-neutrals.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-500.value}",
"alpha": "0.1",
"type": "color",
"group": "palette"
},
"name": "token-color-palette-alpha-100",
"attributes": {
"category": "color",
"type": "palette",
"item": "alpha-100"
},
"path": [
"color",
"palette",
"alpha-100"
]
}
},
"border": {
"primary": {
"value": "#656a7633",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.alpha-200.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-primary",
"attributes": {
"category": "color",
"type": "border",
"item": "primary"
},
"path": [
"color",
"border",
"primary"
]
},
"faint": {
"value": "#656a761a",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.alpha-100.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-faint",
"attributes": {
"category": "color",
"type": "border",
"item": "faint"
},
"path": [
"color",
"border",
"faint"
]
},
"strong": {
"value": "#3b3d4566",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.alpha-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-strong",
"attributes": {
"category": "color",
"type": "border",
"item": "strong"
},
"path": [
"color",
"border",
"strong"
]
},
"action": {
"value": "#cce3fe",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.blue-100.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-action",
"attributes": {
"category": "color",
"type": "border",
"item": "action"
},
"path": [
"color",
"border",
"action"
]
},
"highlight": {
"value": "#ead2fe",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.purple-100.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-highlight",
"attributes": {
"category": "color",
"type": "border",
"item": "highlight"
},
"path": [
"color",
"border",
"highlight"
]
},
"success": {
"value": "#cceeda",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.green-100.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-success",
"attributes": {
"category": "color",
"type": "border",
"item": "success"
},
"path": [
"color",
"border",
"success"
]
},
"warning": {
"value": "#fbeabf",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.amber-100.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-warning",
"attributes": {
"category": "color",
"type": "border",
"item": "warning"
},
"path": [
"color",
"border",
"warning"
]
},
"critical": {
"value": "#fbd4d4",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-border.json",
"isSource": true,
"original": {
"value": "{color.palette.red-100.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-border-critical",
"attributes": {
"category": "color",
"type": "border",
"item": "critical"
},
"path": [
"color",
"border",
"critical"
]
}
},
"focus": {
"action": {
"internal": {
"value": "#0c56e9",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-focus.json",
"isSource": true,
"original": {
"value": "{color.palette.blue-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-focus-action-internal",
"attributes": {
"category": "color",
"type": "focus",
"item": "action",
"subitem": "internal"
},
"path": [
"color",
"focus",
"action",
"internal"
]
},
"external": {
"value": "#5990ff",
"type": "color",
"group": "semantic",
"comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose",
"filePath": "src/global/color/semantic-focus.json",
"isSource": true,
"original": {
"value": "#5990ff",
"type": "color",
"group": "semantic",
"comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose"
},
"name": "token-color-focus-action-external",
"attributes": {
"category": "color",
"type": "focus",
"item": "action",
"subitem": "external"
},
"path": [
"color",
"focus",
"action",
"external"
]
}
},
"critical": {
"internal": {
"value": "#c00005",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-focus.json",
"isSource": true,
"original": {
"value": "{color.palette.red-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-focus-critical-internal",
"attributes": {
"category": "color",
"type": "focus",
"item": "critical",
"subitem": "internal"
},
"path": [
"color",
"focus",
"critical",
"internal"
]
},
"external": {
"value": "#dd7578",
"type": "color",
"group": "semantic",
"comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose",
"filePath": "src/global/color/semantic-focus.json",
"isSource": true,
"original": {
"value": "#dd7578",
"type": "color",
"group": "semantic",
"comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose"
},
"name": "token-color-focus-critical-external",
"attributes": {
"category": "color",
"type": "focus",
"item": "critical",
"subitem": "external"
},
"path": [
"color",
"focus",
"critical",
"external"
]
}
}
},
"foreground": {
"strong": {
"value": "#0c0c0e",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-700.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-strong",
"attributes": {
"category": "color",
"type": "foreground",
"item": "strong"
},
"path": [
"color",
"foreground",
"strong"
]
},
"primary": {
"value": "#3b3d45",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-600.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-primary",
"attributes": {
"category": "color",
"type": "foreground",
"item": "primary"
},
"path": [
"color",
"foreground",
"primary"
]
},
"faint": {
"value": "#656a76",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-500.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-faint",
"attributes": {
"category": "color",
"type": "foreground",
"item": "faint"
},
"path": [
"color",
"foreground",
"faint"
]
},
"high-contrast": {
"value": "#ffffff",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-0.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-high-contrast",
"attributes": {
"category": "color",
"type": "foreground",
"item": "high-contrast"
},
"path": [
"color",
"foreground",
"high-contrast"
]
},
"disabled": {
"value": "#8c909c",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-400.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-disabled",
"attributes": {
"category": "color",
"type": "foreground",
"item": "disabled"
},
"path": [
"color",
"foreground",
"disabled"
]
},
"action": {
"value": "#1060ff",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.blue-200.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-action",
"attributes": {
"category": "color",
"type": "foreground",
"item": "action"
},
"path": [
"color",
"foreground",
"action"
]
},
"action-hover": {
"value": "#0c56e9",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.blue-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-action-hover",
"attributes": {
"category": "color",
"type": "foreground",
"item": "action-hover"
},
"path": [
"color",
"foreground",
"action-hover"
]
},
"action-active": {
"value": "#0046d1",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.blue-400.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-action-active",
"attributes": {
"category": "color",
"type": "foreground",
"item": "action-active"
},
"path": [
"color",
"foreground",
"action-active"
]
},
"highlight": {
"value": "#a737ff",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.purple-200.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-highlight",
"attributes": {
"category": "color",
"type": "foreground",
"item": "highlight"
},
"path": [
"color",
"foreground",
"highlight"
]
},
"highlight-on-surface": {
"value": "#911ced",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.purple-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-highlight-on-surface",
"attributes": {
"category": "color",
"type": "foreground",
"item": "highlight-on-surface"
},
"path": [
"color",
"foreground",
"highlight-on-surface"
]
},
"highlight-high-contrast": {
"value": "#42215b",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.purple-500.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-highlight-high-contrast",
"attributes": {
"category": "color",
"type": "foreground",
"item": "highlight-high-contrast"
},
"path": [
"color",
"foreground",
"highlight-high-contrast"
]
},
"success": {
"value": "#008a22",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.green-200.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-success",
"attributes": {
"category": "color",
"type": "foreground",
"item": "success"
},
"path": [
"color",
"foreground",
"success"
]
},
"success-on-surface": {
"value": "#00781e",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.green-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-success-on-surface",
"attributes": {
"category": "color",
"type": "foreground",
"item": "success-on-surface"
},
"path": [
"color",
"foreground",
"success-on-surface"
]
},
"success-high-contrast": {
"value": "#054220",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.green-500.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-success-high-contrast",
"attributes": {
"category": "color",
"type": "foreground",
"item": "success-high-contrast"
},
"path": [
"color",
"foreground",
"success-high-contrast"
]
},
"warning": {
"value": "#bb5a00",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.amber-200.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-warning",
"attributes": {
"category": "color",
"type": "foreground",
"item": "warning"
},
"path": [
"color",
"foreground",
"warning"
]
},
"warning-on-surface": {
"value": "#9e4b00",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.amber-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-warning-on-surface",
"attributes": {
"category": "color",
"type": "foreground",
"item": "warning-on-surface"
},
"path": [
"color",
"foreground",
"warning-on-surface"
]
},
"warning-high-contrast": {
"value": "#542800",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.amber-500.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-warning-high-contrast",
"attributes": {
"category": "color",
"type": "foreground",
"item": "warning-high-contrast"
},
"path": [
"color",
"foreground",
"warning-high-contrast"
]
},
"critical": {
"value": "#e52228",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.red-200.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-critical",
"attributes": {
"category": "color",
"type": "foreground",
"item": "critical"
},
"path": [
"color",
"foreground",
"critical"
]
},
"critical-on-surface": {
"value": "#c00005",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.red-300.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-critical-on-surface",
"attributes": {
"category": "color",
"type": "foreground",
"item": "critical-on-surface"
},
"path": [
"color",
"foreground",
"critical-on-surface"
]
},
"critical-high-contrast": {
"value": "#51130a",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-foreground.json",
"isSource": true,
"original": {
"value": "{color.palette.red-500.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-foreground-critical-high-contrast",
"attributes": {
"category": "color",
"type": "foreground",
"item": "critical-high-contrast"
},
"path": [
"color",
"foreground",
"critical-high-contrast"
]
}
},
"page": {
"primary": {
"value": "#ffffff",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-page.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-0.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-page-primary",
"attributes": {
"category": "color",
"type": "page",
"item": "primary"
},
"path": [
"color",
"page",
"primary"
]
},
"faint": {
"value": "#fafafa",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-page.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-50.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-page-faint",
"attributes": {
"category": "color",
"type": "page",
"item": "faint"
},
"path": [
"color",
"page",
"faint"
]
}
},
"surface": {
"primary": {
"value": "#ffffff",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-surface.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-0.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-surface-primary",
"attributes": {
"category": "color",
"type": "surface",
"item": "primary"
},
"path": [
"color",
"surface",
"primary"
]
},
"faint": {
"value": "#fafafa",
"type": "color",
"group": "semantic",
"filePath": "src/global/color/semantic-surface.json",
"isSource": true,
"original": {
"value": "{color.palette.neutral-50.value}",
"type": "color",
"group": "semantic"
},
"name": "token-color-surface-faint",
"attributes": {
"category": "color",
"type": "surface",
"item": "faint"
},
"path": [
"color",
"surface",
"faint"
]
},
"strong": {
"value": "#f1f2