{
"wide": [
{
"approvedRole": "audit source-path label",
"finding": {
"rule": "color-contrast",
"target": [
"section[data-audit-item=\"code\"] > header > .design-audit-source"
],
"html": "packages/editor/src/widgets/code-view.tsx",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.12 (foreground color: #78766e, background color: #f4f4f1, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(3)"
]
],
"html": " spacing",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.68 (foreground color: #d5901c, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(6)"
]
],
"html": " compact",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(10)"
]
],
"html": " comfortable",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(12)"
]
],
"html": " 12",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.01 (foreground color: #1ca1c7, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(2)"
]
],
"html": "button",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.19 (foreground color: #18a46c, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(4)"
]
],
"html": " padding-inline",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #08c0ef, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(8)"
]
],
"html": "--space-3",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
}
],
"narrow": [
{
"approvedRole": "audit source-path label",
"finding": {
"rule": "color-contrast",
"target": [
"section[data-audit-item=\"code\"] > header > .design-audit-source"
],
"html": "packages/editor/src/widgets/code-view.tsx",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.12 (foreground color: #78766e, background color: #f4f4f1, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(3)"
]
],
"html": " spacing",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.68 (foreground color: #d5901c, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(6)"
]
],
"html": " compact",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(10)"
]
],
"html": " comfortable",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(2)"
]
],
"html": "button",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.19 (foreground color: #18a46c, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(4)"
]
],
"html": " padding-inline",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #08c0ef, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "original pierre-light syntax token",
"finding": {
"rule": "color-contrast",
"target": [
[
"div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container",
"span:nth-child(8)"
]
],
"html": "--space-3",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
}
]
}