@hashicorp/design-system-tokens

[ { "key": "{border.radius.x-small}", "$type": "dimension", "$value": "3px", "unit": "px", "original": { "$type": "dimension", "$value": "3", "unit": "px", "key": "{border.radius.x-small}" }, "name": "token-border-radius-x-small", "attributes": { "category": "border" }, "path": [ "border", "radius", "x-small" ] }, { "key": "{border.radius.small}", "$type": "dimension", "$value": "5px", "unit": "px", "original": { "$type": "dimension", "$value": "5", "unit": "px", "key": "{border.radius.small}" }, "name": "token-border-radius-small", "attributes": { "category": "border" }, "path": [ "border", "radius", "small" ] }, { "key": "{border.radius.medium}", "$type": "dimension", "$value": "6px", "unit": "px", "original": { "$type": "dimension", "$value": "6", "unit": "px", "key": "{border.radius.medium}" }, "name": "token-border-radius-medium", "attributes": { "category": "border" }, "path": [ "border", "radius", "medium" ] }, { "key": "{border.radius.large}", "$type": "dimension", "$value": "8px", "unit": "px", "original": { "$type": "dimension", "$value": "8", "unit": "px", "key": "{border.radius.large}" }, "name": "token-border-radius-large", "attributes": { "category": "border" }, "path": [ "border", "radius", "large" ] }, { "key": "{color.palette.blue-500}", "$type": "color", "$value": "#1c345f", "group": "palette", "original": { "$type": "color", "$value": "#1c345f", "group": "palette", "key": "{color.palette.blue-500}" }, "name": "token-color-palette-blue-500", "attributes": { "category": "color" }, "path": [ "color", "palette", "blue-500" ] }, { "key": "{color.palette.blue-400}", "$type": "color", "$value": "#0046d1", "group": "palette", "original": { "$type": "color", "$value": "#0046d1", "group": "palette", "key": "{color.palette.blue-400}" }, "name": "token-color-palette-blue-400", "attributes": { "category": "color" }, "path": [ "color", "palette", "blue-400" ] }, { "key": "{color.palette.blue-300}", "$type": "color", "$value": "#0c56e9", "group": "palette", "original": { "$type": "color", "$value": "#0c56e9", "group": "palette", "key": "{color.palette.blue-300}" }, "name": "token-color-palette-blue-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "blue-300" ] }, { "key": "{color.palette.blue-200}", "$type": "color", "$value": "#1060ff", "group": "palette", "original": { "$type": "color", "$value": "#1060ff", "group": "palette", "key": "{color.palette.blue-200}" }, "name": "token-color-palette-blue-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "blue-200" ] }, { "key": "{color.palette.blue-100}", "$type": "color", "$value": "#cce3fe", "group": "palette", "original": { "$type": "color", "$value": "#cce3fe", "group": "palette", "key": "{color.palette.blue-100}" }, "name": "token-color-palette-blue-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "blue-100" ] }, { "key": "{color.palette.blue-50}", "$type": "color", "$value": "#f2f8ff", "group": "palette", "original": { "$type": "color", "$value": "#f2f8ff", "group": "palette", "key": "{color.palette.blue-50}" }, "name": "token-color-palette-blue-50", "attributes": { "category": "color" }, "path": [ "color", "palette", "blue-50" ] }, { "key": "{color.palette.purple-500}", "$type": "color", "$value": "#42215b", "group": "palette", "original": { "$type": "color", "$value": "#42215b", "group": "palette", "key": "{color.palette.purple-500}" }, "name": "token-color-palette-purple-500", "attributes": { "category": "color" }, "path": [ "color", "palette", "purple-500" ] }, { "key": "{color.palette.purple-400}", "$type": "color", "$value": "#7b00db", "group": "palette", "original": { "$type": "color", "$value": "#7b00db", "group": "palette", "key": "{color.palette.purple-400}" }, "name": "token-color-palette-purple-400", "attributes": { "category": "color" }, "path": [ "color", "palette", "purple-400" ] }, { "key": "{color.palette.purple-300}", "$type": "color", "$value": "#911ced", "group": "palette", "original": { "$type": "color", "$value": "#911ced", "group": "palette", "key": "{color.palette.purple-300}" }, "name": "token-color-palette-purple-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "purple-300" ] }, { "key": "{color.palette.purple-200}", "$type": "color", "$value": "#a737ff", "group": "palette", "original": { "$type": "color", "$value": "#a737ff", "group": "palette", "key": "{color.palette.purple-200}" }, "name": "token-color-palette-purple-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "purple-200" ] }, { "key": "{color.palette.purple-100}", "$type": "color", "$value": "#ead2fe", "group": "palette", "original": { "$type": "color", "$value": "#ead2fe", "group": "palette", "key": "{color.palette.purple-100}" }, "name": "token-color-palette-purple-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "purple-100" ] }, { "key": "{color.palette.purple-50}", "$type": "color", "$value": "#f9f2ff", "group": "palette", "original": { "$type": "color", "$value": "#f9f2ff", "group": "palette", "key": "{color.palette.purple-50}" }, "name": "token-color-palette-purple-50", "attributes": { "category": "color" }, "path": [ "color", "palette", "purple-50" ] }, { "key": "{color.palette.green-500}", "$type": "color", "$value": "#054220", "group": "palette", "original": { "$type": "color", "$value": "#054220", "group": "palette", "key": "{color.palette.green-500}" }, "name": "token-color-palette-green-500", "attributes": { "category": "color" }, "path": [ "color", "palette", "green-500" ] }, { "key": "{color.palette.green-400}", "$type": "color", "$value": "#006619", "group": "palette", "original": { "$type": "color", "$value": "#006619", "group": "palette", "key": "{color.palette.green-400}" }, "name": "token-color-palette-green-400", "attributes": { "category": "color" }, "path": [ "color", "palette", "green-400" ] }, { "key": "{color.palette.green-300}", "$type": "color", "$value": "#00781e", "group": "palette", "original": { "$type": "color", "$value": "#00781e", "group": "palette", "key": "{color.palette.green-300}" }, "name": "token-color-palette-green-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "green-300" ] }, { "key": "{color.palette.green-200}", "$type": "color", "$value": "#008a22", "group": "palette", "original": { "$type": "color", "$value": "#008a22", "group": "palette", "key": "{color.palette.green-200}" }, "name": "token-color-palette-green-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "green-200" ] }, { "key": "{color.palette.green-100}", "$type": "color", "$value": "#cceeda", "group": "palette", "original": { "$type": "color", "$value": "#cceeda", "group": "palette", "key": "{color.palette.green-100}" }, "name": "token-color-palette-green-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "green-100" ] }, { "key": "{color.palette.green-50}", "$type": "color", "$value": "#f2fbf6", "group": "palette", "original": { "$type": "color", "$value": "#f2fbf6", "group": "palette", "key": "{color.palette.green-50}" }, "name": "token-color-palette-green-50", "attributes": { "category": "color" }, "path": [ "color", "palette", "green-50" ] }, { "key": "{color.palette.amber-500}", "$type": "color", "$value": "#542800", "group": "palette", "original": { "$type": "color", "$value": "#542800", "group": "palette", "key": "{color.palette.amber-500}" }, "name": "token-color-palette-amber-500", "attributes": { "category": "color" }, "path": [ "color", "palette", "amber-500" ] }, { "key": "{color.palette.amber-400}", "$type": "color", "$value": "#803d00", "group": "palette", "original": { "$type": "color", "$value": "#803d00", "group": "palette", "key": "{color.palette.amber-400}" }, "name": "token-color-palette-amber-400", "attributes": { "category": "color" }, "path": [ "color", "palette", "amber-400" ] }, { "key": "{color.palette.amber-300}", "$type": "color", "$value": "#9e4b00", "group": "palette", "original": { "$type": "color", "$value": "#9e4b00", "group": "palette", "key": "{color.palette.amber-300}" }, "name": "token-color-palette-amber-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "amber-300" ] }, { "key": "{color.palette.amber-200}", "$type": "color", "$value": "#bb5a00", "group": "palette", "original": { "$type": "color", "$value": "#bb5a00", "group": "palette", "key": "{color.palette.amber-200}" }, "name": "token-color-palette-amber-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "amber-200" ] }, { "key": "{color.palette.amber-100}", "$type": "color", "$value": "#fbeabf", "group": "palette", "original": { "$type": "color", "$value": "#fbeabf", "group": "palette", "key": "{color.palette.amber-100}" }, "name": "token-color-palette-amber-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "amber-100" ] }, { "key": "{color.palette.amber-50}", "$type": "color", "$value": "#fff9e8", "group": "palette", "original": { "$type": "color", "$value": "#fff9e8", "group": "palette", "key": "{color.palette.amber-50}" }, "name": "token-color-palette-amber-50", "attributes": { "category": "color" }, "path": [ "color", "palette", "amber-50" ] }, { "key": "{color.palette.red-500}", "$type": "color", "$value": "#51130a", "group": "palette", "original": { "$type": "color", "$value": "#51130a", "group": "palette", "key": "{color.palette.red-500}" }, "name": "token-color-palette-red-500", "attributes": { "category": "color" }, "path": [ "color", "palette", "red-500" ] }, { "key": "{color.palette.red-400}", "$type": "color", "$value": "#940004", "group": "palette", "original": { "$type": "color", "$value": "#940004", "group": "palette", "key": "{color.palette.red-400}" }, "name": "token-color-palette-red-400", "attributes": { "category": "color" }, "path": [ "color", "palette", "red-400" ] }, { "key": "{color.palette.red-300}", "$type": "color", "$value": "#c00005", "group": "palette", "original": { "$type": "color", "$value": "#c00005", "group": "palette", "key": "{color.palette.red-300}" }, "name": "token-color-palette-red-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "red-300" ] }, { "key": "{color.palette.red-200}", "$type": "color", "$value": "#e52228", "group": "palette", "original": { "$type": "color", "$value": "#e52228", "group": "palette", "key": "{color.palette.red-200}" }, "name": "token-color-palette-red-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "red-200" ] }, { "key": "{color.palette.red-100}", "$type": "color", "$value": "#fbd4d4", "group": "palette", "original": { "$type": "color", "$value": "#fbd4d4", "group": "palette", "key": "{color.palette.red-100}" }, "name": "token-color-palette-red-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "red-100" ] }, { "key": "{color.palette.red-50}", "$type": "color", "$value": "#fff5f5", "group": "palette", "original": { "$type": "color", "$value": "#fff5f5", "group": "palette", "key": "{color.palette.red-50}" }, "name": "token-color-palette-red-50", "attributes": { "category": "color" }, "path": [ "color", "palette", "red-50" ] }, { "key": "{color.palette.neutral-700}", "$type": "color", "$value": "#0c0c0e", "group": "palette", "original": { "$type": "color", "$value": "#0c0c0e", "group": "palette", "key": "{color.palette.neutral-700}" }, "name": "token-color-palette-neutral-700", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-700" ] }, { "key": "{color.palette.neutral-600}", "$type": "color", "$value": "#3b3d45", "group": "palette", "original": { "$type": "color", "$value": "#3b3d45", "group": "palette", "key": "{color.palette.neutral-600}" }, "name": "token-color-palette-neutral-600", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-600" ] }, { "key": "{color.palette.neutral-500}", "$type": "color", "$value": "#656a76", "group": "palette", "original": { "$type": "color", "$value": "#656a76", "group": "palette", "key": "{color.palette.neutral-500}" }, "name": "token-color-palette-neutral-500", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-500" ] }, { "key": "{color.palette.neutral-400}", "$type": "color", "$value": "#8c909c", "group": "palette", "original": { "$type": "color", "$value": "#8c909c", "group": "palette", "key": "{color.palette.neutral-400}" }, "name": "token-color-palette-neutral-400", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-400" ] }, { "key": "{color.palette.neutral-300}", "$type": "color", "$value": "#c2c5cb", "group": "palette", "original": { "$type": "color", "$value": "#c2c5cb", "group": "palette", "key": "{color.palette.neutral-300}" }, "name": "token-color-palette-neutral-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-300" ] }, { "key": "{color.palette.neutral-200}", "$type": "color", "$value": "#dedfe3", "group": "palette", "original": { "$type": "color", "$value": "#dedfe3", "group": "palette", "key": "{color.palette.neutral-200}" }, "name": "token-color-palette-neutral-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-200" ] }, { "key": "{color.palette.neutral-100}", "$type": "color", "$value": "#f1f2f3", "group": "palette", "original": { "$type": "color", "$value": "#f1f2f3", "group": "palette", "key": "{color.palette.neutral-100}" }, "name": "token-color-palette-neutral-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-100" ] }, { "key": "{color.palette.neutral-50}", "$type": "color", "$value": "#fafafa", "group": "palette", "original": { "$type": "color", "$value": "#fafafa", "group": "palette", "key": "{color.palette.neutral-50}" }, "name": "token-color-palette-neutral-50", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-50" ] }, { "key": "{color.palette.neutral-0}", "$type": "color", "$value": "#ffffff", "group": "palette", "original": { "$type": "color", "$value": "#ffffff", "group": "palette", "key": "{color.palette.neutral-0}" }, "name": "token-color-palette-neutral-0", "attributes": { "category": "color" }, "path": [ "color", "palette", "neutral-0" ] }, { "key": "{color.palette.alpha-300}", "$type": "color", "$value": "#3b3d4566", "alpha": "0.4", "group": "palette", "original": { "$type": "color", "$value": "{color.palette.neutral-600}", "alpha": "0.4", "group": "palette", "key": "{color.palette.alpha-300}" }, "name": "token-color-palette-alpha-300", "attributes": { "category": "color" }, "path": [ "color", "palette", "alpha-300" ] }, { "key": "{color.palette.alpha-200}", "$type": "color", "$value": "#656a7633", "alpha": "0.2", "group": "palette", "original": { "$type": "color", "$value": "{color.palette.neutral-500}", "alpha": "0.2", "group": "palette", "key": "{color.palette.alpha-200}" }, "name": "token-color-palette-alpha-200", "attributes": { "category": "color" }, "path": [ "color", "palette", "alpha-200" ] }, { "key": "{color.palette.alpha-100}", "$type": "color", "$value": "#656a761a", "alpha": "0.1", "group": "palette", "original": { "$type": "color", "$value": "{color.palette.neutral-500}", "alpha": "0.1", "group": "palette", "key": "{color.palette.alpha-100}" }, "name": "token-color-palette-alpha-100", "attributes": { "category": "color" }, "path": [ "color", "palette", "alpha-100" ] }, { "key": "{color.border.primary}", "$type": "color", "$value": "#656a7633", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.alpha-200}", "group": "semantic", "key": "{color.border.primary}" }, "name": "token-color-border-primary", "attributes": { "category": "color" }, "path": [ "color", "border", "primary" ] }, { "key": "{color.border.faint}", "$type": "color", "$value": "#656a761a", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.alpha-100}", "group": "semantic", "key": "{color.border.faint}" }, "name": "token-color-border-faint", "attributes": { "category": "color" }, "path": [ "color", "border", "faint" ] }, { "key": "{color.border.strong}", "$type": "color", "$value": "#3b3d4566", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.alpha-300}", "group": "semantic", "key": "{color.border.strong}" }, "name": "token-color-border-strong", "attributes": { "category": "color" }, "path": [ "color", "border", "strong" ] }, { "key": "{color.border.action}", "$type": "color", "$value": "#cce3fe", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.blue-100}", "group": "semantic", "key": "{color.border.action}" }, "name": "token-color-border-action", "attributes": { "category": "color" }, "path": [ "color", "border", "action" ] }, { "key": "{color.border.highlight}", "$type": "color", "$value": "#ead2fe", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.purple-100}", "group": "semantic", "key": "{color.border.highlight}" }, "name": "token-color-border-highlight", "attributes": { "category": "color" }, "path": [ "color", "border", "highlight" ] }, { "key": "{color.border.success}", "$type": "color", "$value": "#cceeda", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.green-100}", "group": "semantic", "key": "{color.border.success}" }, "name": "token-color-border-success", "attributes": { "category": "color" }, "path": [ "color", "border", "success" ] }, { "key": "{color.border.warning}", "$type": "color", "$value": "#fbeabf", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.amber-100}", "group": "semantic", "key": "{color.border.warning}" }, "name": "token-color-border-warning", "attributes": { "category": "color" }, "path": [ "color", "border", "warning" ] }, { "key": "{color.border.critical}", "$type": "color", "$value": "#fbd4d4", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.red-100}", "group": "semantic", "key": "{color.border.critical}" }, "name": "token-color-border-critical", "attributes": { "category": "color" }, "path": [ "color", "border", "critical" ] }, { "key": "{color.focus.action.internal}", "$type": "color", "$value": "#0c56e9", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.blue-300}", "group": "semantic", "key": "{color.focus.action.internal}" }, "name": "token-color-focus-action-internal", "attributes": { "category": "color" }, "path": [ "color", "focus", "action", "internal" ] }, { "key": "{color.focus.action.external}", "$type": "color", "$value": "#5990ff", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", "original": { "$type": "color", "$value": "#5990ff", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", "key": "{color.focus.action.external}" }, "name": "token-color-focus-action-external", "attributes": { "category": "color" }, "path": [ "color", "focus", "action", "external" ] }, { "key": "{color.focus.critical.internal}", "$type": "color", "$value": "#c00005", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.red-300}", "group": "semantic", "key": "{color.focus.critical.internal}" }, "name": "token-color-focus-critical-internal", "attributes": { "category": "color" }, "path": [ "color", "focus", "critical", "internal" ] }, { "key": "{color.focus.critical.external}", "$type": "color", "$value": "#dd7578", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", "original": { "$type": "color", "$value": "#dd7578", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", "key": "{color.focus.critical.external}" }, "name": "token-color-focus-critical-external", "attributes": { "category": "color" }, "path": [ "color", "focus", "critical", "external" ] }, { "key": "{color.foreground.strong}", "$type": "color", "$value": "#0c0c0e", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-700}", "group": "semantic", "key": "{color.foreground.strong}" }, "name": "token-color-foreground-strong", "attributes": { "category": "color" }, "path": [ "color", "foreground", "strong" ] }, { "key": "{color.foreground.primary}", "$type": "color", "$value": "#3b3d45", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-600}", "group": "semantic", "key": "{color.foreground.primary}" }, "name": "token-color-foreground-primary", "attributes": { "category": "color" }, "path": [ "color", "foreground", "primary" ] }, { "key": "{color.foreground.faint}", "$type": "color", "$value": "#656a76", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-500}", "group": "semantic", "key": "{color.foreground.faint}" }, "name": "token-color-foreground-faint", "attributes": { "category": "color" }, "path": [ "color", "foreground", "faint" ] }, { "key": "{color.foreground.high-contrast}", "$type": "color", "$value": "#ffffff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", "key": "{color.foreground.high-contrast}" }, "name": "token-color-foreground-high-contrast", "attributes": { "category": "color" }, "path": [ "color", "foreground", "high-contrast" ] }, { "key": "{color.foreground.disabled}", "$type": "color", "$value": "#8c909c", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-400}", "group": "semantic", "key": "{color.foreground.disabled}" }, "name": "token-color-foreground-disabled", "attributes": { "category": "color" }, "path": [ "color", "foreground", "disabled" ] }, { "key": "{color.foreground.action}", "$type": "color", "$value": "#1060ff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.blue-200}", "group": "semantic", "key": "{color.foreground.action}" }, "name": "token-color-foreground-action", "attributes": { "category": "color" }, "path": [ "color", "foreground", "action" ] }, { "key": "{color.foreground.action-hover}", "$type": "color", "$value": "#0c56e9", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.blue-300}", "group": "semantic", "key": "{color.foreground.action-hover}" }, "name": "token-color-foreground-action-hover", "attributes": { "category": "color" }, "path": [ "color", "foreground", "action-hover" ] }, { "key": "{color.foreground.action-active}", "$type": "color", "$value": "#0046d1", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.blue-400}", "group": "semantic", "key": "{color.foreground.action-active}" }, "name": "token-color-foreground-action-active", "attributes": { "category": "color" }, "path": [ "color", "foreground", "action-active" ] }, { "key": "{color.foreground.highlight}", "$type": "color", "$value": "#a737ff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.purple-200}", "group": "semantic", "key": "{color.foreground.highlight}" }, "name": "token-color-foreground-highlight", "attributes": { "category": "color" }, "path": [ "color", "foreground", "highlight" ] }, { "key": "{color.foreground.highlight-on-surface}", "$type": "color", "$value": "#911ced", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.purple-300}", "group": "semantic", "key": "{color.foreground.highlight-on-surface}" }, "name": "token-color-foreground-highlight-on-surface", "attributes": { "category": "color" }, "path": [ "color", "foreground", "highlight-on-surface" ] }, { "key": "{color.foreground.highlight-high-contrast}", "$type": "color", "$value": "#42215b", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.purple-500}", "group": "semantic", "key": "{color.foreground.highlight-high-contrast}" }, "name": "token-color-foreground-highlight-high-contrast", "attributes": { "category": "color" }, "path": [ "color", "foreground", "highlight-high-contrast" ] }, { "key": "{color.foreground.success}", "$type": "color", "$value": "#008a22", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.green-200}", "group": "semantic", "key": "{color.foreground.success}" }, "name": "token-color-foreground-success", "attributes": { "category": "color" }, "path": [ "color", "foreground", "success" ] }, { "key": "{color.foreground.success-on-surface}", "$type": "color", "$value": "#00781e", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.green-300}", "group": "semantic", "key": "{color.foreground.success-on-surface}" }, "name": "token-color-foreground-success-on-surface", "attributes": { "category": "color" }, "path": [ "color", "foreground", "success-on-surface" ] }, { "key": "{color.foreground.success-high-contrast}", "$type": "color", "$value": "#054220", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.green-500}", "group": "semantic", "key": "{color.foreground.success-high-contrast}" }, "name": "token-color-foreground-success-high-contrast", "attributes": { "category": "color" }, "path": [ "color", "foreground", "success-high-contrast" ] }, { "key": "{color.foreground.warning}", "$type": "color", "$value": "#bb5a00", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.amber-200}", "group": "semantic", "key": "{color.foreground.warning}" }, "name": "token-color-foreground-warning", "attributes": { "category": "color" }, "path": [ "color", "foreground", "warning" ] }, { "key": "{color.foreground.warning-on-surface}", "$type": "color", "$value": "#9e4b00", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.amber-300}", "group": "semantic", "key": "{color.foreground.warning-on-surface}" }, "name": "token-color-foreground-warning-on-surface", "attributes": { "category": "color" }, "path": [ "color", "foreground", "warning-on-surface" ] }, { "key": "{color.foreground.warning-high-contrast}", "$type": "color", "$value": "#542800", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.amber-500}", "group": "semantic", "key": "{color.foreground.warning-high-contrast}" }, "name": "token-color-foreground-warning-high-contrast", "attributes": { "category": "color" }, "path": [ "color", "foreground", "warning-high-contrast" ] }, { "key": "{color.foreground.critical}", "$type": "color", "$value": "#e52228", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.red-200}", "group": "semantic", "key": "{color.foreground.critical}" }, "name": "token-color-foreground-critical", "attributes": { "category": "color" }, "path": [ "color", "foreground", "critical" ] }, { "key": "{color.foreground.critical-on-surface}", "$type": "color", "$value": "#c00005", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.red-300}", "group": "semantic", "key": "{color.foreground.critical-on-surface}" }, "name": "token-color-foreground-critical-on-surface", "attributes": { "category": "color" }, "path": [ "color", "foreground", "critical-on-surface" ] }, { "key": "{color.foreground.critical-high-contrast}", "$type": "color", "$value": "#51130a", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.red-500}", "group": "semantic", "key": "{color.foreground.critical-high-contrast}" }, "name": "token-color-foreground-critical-high-contrast", "attributes": { "category": "color" }, "path": [ "color", "foreground", "critical-high-contrast" ] }, { "key": "{color.page.primary}", "$type": "color", "$value": "#ffffff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", "key": "{color.page.primary}" }, "name": "token-color-page-primary", "attributes": { "category": "color" }, "path": [ "color", "page", "primary" ] }, { "key": "{color.page.faint}", "$type": "color", "$value": "#fafafa", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", "key": "{color.page.faint}" }, "name": "token-color-page-faint", "attributes": { "category": "color" }, "path": [ "color", "page", "faint" ] }, { "key": "{color.surface.primary}", "$type": "color", "$value": "#ffffff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", "key": "{color.surface.primary}" }, "name": "token-color-surface-primary", "attributes": { "category": "color" }, "path": [ "color", "surface", "primary" ] }, { "key": "{color.surface.faint}", "$type": "color", "$value": "#fafafa", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", "key": "{color.surface.faint}" }, "name": "token-color-surface-faint", "attributes": { "category": "color" }, "path": [ "color", "surface", "faint" ] }, { "key": "{color.surface.strong}", "$type": "color", "$value": "#f1f2f3", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-100}", "group": "semantic", "key": "{color.surface.strong}" }, "name": "token-color-surface-strong", "attributes": { "category": "color" }, "path": [ "color", "surface", "strong" ] }, { "key": "{color.surface.interactive}", "$type": "color", "$value": "#ffffff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", "key": "{color.surface.interactive}" }, "name": "token-color-surface-interactive", "attributes": { "category": "color" }, "path": [ "color", "surface", "interactive" ] }, { "key": "{color.surface.interactive-hover}", "$type": "color", "$value": "#f1f2f3", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-100}", "group": "semantic", "key": "{color.surface.interactive-hover}" }, "name": "token-color-surface-interactive-hover", "attributes": { "category": "color" }, "path": [ "color", "surface", "interactive-hover" ] }, { "key": "{color.surface.interactive-active}", "$type": "color", "$value": "#dedfe3", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-200}", "group": "semantic", "key": "{color.surface.interactive-active}" }, "name": "token-color-surface-interactive-active", "attributes": { "category": "color" }, "path": [ "color", "surface", "interactive-active" ] }, { "key": "{color.surface.interactive-disabled}", "$type": "color", "$value": "#fafafa", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", "key": "{color.surface.interactive-disabled}" }, "name": "token-color-surface-interactive-disabled", "attributes": { "category": "color" }, "path": [ "color", "surface", "interactive-disabled" ] }, { "key": "{color.surface.action}", "$type": "color", "$value": "#f2f8ff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.blue-50}", "group": "semantic", "key": "{color.surface.action}" }, "name": "token-color-surface-action", "attributes": { "category": "color" }, "path": [ "color", "surface", "action" ] }, { "key": "{color.surface.highlight}", "$type": "color", "$value": "#f9f2ff", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.purple-50}", "group": "semantic", "key": "{color.surface.highlight}" }, "name": "token-color-surface-highlight", "attributes": { "category": "color" }, "path": [ "color", "surface", "highlight" ] }, { "key": "{color.surface.success}", "$type": "color", "$value": "#f2fbf6", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.green-50}", "group": "semantic", "key": "{color.surface.success}" }, "name": "token-color-surface-success", "attributes": { "category": "color" }, "path": [ "color", "surface", "success" ] }, { "key": "{color.surface.warning}", "$type": "color", "$value": "#fff9e8", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.amber-50}", "group": "semantic", "key": "{color.surface.warning}" }, "name": "token-color-surface-warning", "attributes": { "category": "color" }, "path": [ "color", "surface", "warning" ] }, { "key": "{color.surface.critical}", "$type": "color", "$value": "#fff5f5", "group": "semantic", "original": { "$type": "color", "$value": "{color.palette.red-50}", "group": "semantic", "key": "{color.surface.critical}" }, "name": "token-color-surface-critical", "attributes": { "category": "color" }, "path": [ "color", "surface", "critical" ] }, { "key": "{color.hashicorp.brand}", "$type": "color", "$value": "#000000", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.hashicorp-brand}", "group": "branding", "key": "{color.hashicorp.brand}" }, "name": "token-color-hashicorp-brand", "attributes": { "category": "color" }, "path": [ "color", "hashicorp", "brand" ] }, { "key": "{color.boundary.brand}", "$type": "color", "$value": "#f24c53", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-brand}", "group": "branding", "key": "{color.boundary.brand}" }, "name": "token-color-boundary-brand", "attributes": { "category": "color" }, "path": [ "color", "boundary", "brand" ] }, { "key": "{color.boundary.foreground}", "$type": "color", "$value": "#cf2d32", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-500}", "group": "branding", "key": "{color.boundary.foreground}" }, "name": "token-color-boundary-foreground", "attributes": { "category": "color" }, "path": [ "color", "boundary", "foreground" ] }, { "key": "{color.boundary.surface}", "$type": "color", "$value": "#ffecec", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-50}", "group": "branding", "key": "{color.boundary.surface}" }, "name": "token-color-boundary-surface", "attributes": { "category": "color" }, "path": [ "color", "boundary", "surface" ] }, { "key": "{color.boundary.border}", "$type": "color", "$value": "#fbd7d8", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-100}", "group": "branding", "key": "{color.boundary.border}" }, "name": "token-color-boundary-border", "attributes": { "category": "color" }, "path": [ "color", "boundary", "border" ] }, { "key": "{color.boundary.gradient.primary.start}", "$type": "color", "$value": "#f97076", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-300}", "group": "branding", "key": "{color.boundary.gradient.primary.start}" }, "name": "token-color-boundary-gradient-primary-start", "attributes": { "category": "color" }, "path": [ "color", "boundary", "gradient", "primary", "start" ] }, { "key": "{color.boundary.gradient.primary.stop}", "$type": "color", "$value": "#db363b", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-400}", "group": "branding", "key": "{color.boundary.gradient.primary.stop}" }, "name": "token-color-boundary-gradient-primary-stop", "attributes": { "category": "color" }, "path": [ "color", "boundary", "gradient", "primary", "stop" ] }, { "key": "{color.boundary.gradient.faint.start}", "$type": "color", "$value": "#fffafa", "group": "branding", "comment": "this is the 'boundary-50' value at 25% opacity on white", "original": { "$type": "color", "$value": "#fffafa", "group": "branding", "comment": "this is the 'boundary-50' value at 25% opacity on white", "key": "{color.boundary.gradient.faint.start}" }, "name": "token-color-boundary-gradient-faint-start", "attributes": { "category": "color" }, "path": [ "color", "boundary", "gradient", "faint", "start" ] }, { "key": "{color.boundary.gradient.faint.stop}", "$type": "color", "$value": "#ffecec", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.boundary-50}", "group": "branding", "key": "{color.boundary.gradient.faint.stop}" }, "name": "token-color-boundary-gradient-faint-stop", "attributes": { "category": "color" }, "path": [ "color", "boundary", "gradient", "faint", "stop" ] }, { "key": "{color.consul.brand}", "$type": "color", "$value": "#e03875", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-brand}", "group": "branding", "key": "{color.consul.brand}" }, "name": "token-color-consul-brand", "attributes": { "category": "color" }, "path": [ "color", "consul", "brand" ] }, { "key": "{color.consul.foreground}", "$type": "color", "$value": "#d01c5b", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-500}", "group": "branding", "key": "{color.consul.foreground}" }, "name": "token-color-consul-foreground", "attributes": { "category": "color" }, "path": [ "color", "consul", "foreground" ] }, { "key": "{color.consul.surface}", "$type": "color", "$value": "#ffe9f1", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-50}", "group": "branding", "key": "{color.consul.surface}" }, "name": "token-color-consul-surface", "attributes": { "category": "color" }, "path": [ "color", "consul", "surface" ] }, { "key": "{color.consul.border}", "$type": "color", "$value": "#ffcede", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-100}", "group": "branding", "key": "{color.consul.border}" }, "name": "token-color-consul-border", "attributes": { "category": "color" }, "path": [ "color", "consul", "border" ] }, { "key": "{color.consul.gradient.primary.start}", "$type": "color", "$value": "#ff99be", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-300}", "group": "branding", "key": "{color.consul.gradient.primary.start}" }, "name": "token-color-consul-gradient-primary-start", "attributes": { "category": "color" }, "path": [ "color", "consul", "gradient", "primary", "start" ] }, { "key": "{color.consul.gradient.primary.stop}", "$type": "color", "$value": "#da306e", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-400}", "group": "branding", "key": "{color.consul.gradient.primary.stop}" }, "name": "token-color-consul-gradient-primary-stop", "attributes": { "category": "color" }, "path": [ "color", "consul", "gradient", "primary", "stop" ] }, { "key": "{color.consul.gradient.faint.start}", "$type": "color", "$value": "#fff9fb", "group": "branding", "comment": "this is the 'consul-50' value at 25% opacity on white", "original": { "$type": "color", "$value": "#fff9fb", "group": "branding", "comment": "this is the 'consul-50' value at 25% opacity on white", "key": "{color.consul.gradient.faint.start}" }, "name": "token-color-consul-gradient-faint-start", "attributes": { "category": "color" }, "path": [ "color", "consul", "gradient", "faint", "start" ] }, { "key": "{color.consul.gradient.faint.stop}", "$type": "color", "$value": "#ffe9f1", "group": "branding", "original": { "$type": "color", "$value": "{color.palette.consul-50}", "group": "branding", "key": "{color.consul.gradient.faint.stop}" }, "name": "token-color-consul-gradient-faint-stop", "attributes": { "category": "color" }, "path": [ "color",