Enable contrast check for display colors in HC (#991)

* enable contrast check for display colors in HC * github-actions[bot] Regenerated snapshots * fixing role and display colors for HC * github-actions[bot] Regenerated snapshots --------- Co-authored-by: langermank <langermank@users.noreply.github.com> Co-authored-by: lukasoppermann <lukasoppermann@users.noreply.github.com>
primer · Jul 3, 2024 · 421741e · 421741e
1 parent 9da1712
commit 421741e
Show file tree

Hide file tree

Showing 40 changed files with 733 additions and 2 deletions.
diff --git a/.changeset/empty-fireants-repair.md b/.changeset/empty-fireants-repair.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+Update high contrast display colors to meet contrast requirements
diff --git a/...napshots/storybook-all-color-swatches-dark-colorblind-fgColor-neutral-linux.png b/...napshots/storybook-all-color-swatches-dark-colorblind-fgColor-neutral-linux.png
diff --git a/...k.test.ts-snapshots/storybook-all-color-swatches-dark-fgColor-neutral-linux.png b/...k.test.ts-snapshots/storybook-all-color-swatches-dark-fgColor-neutral-linux.png
diff --git a/...orybook-all-color-swatches-dark-high-contrast-bgColor-accent-emphasis-linux.png b/...orybook-all-color-swatches-dark-high-contrast-bgColor-accent-emphasis-linux.png
diff --git a/...book-all-color-swatches-dark-high-contrast-bgColor-attention-emphasis-linux.png b/...book-all-color-swatches-dark-high-contrast-bgColor-attention-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-dark-high-contrast-bgColor-closed-emphasis-linux.png b/...orybook-all-color-swatches-dark-high-contrast-bgColor-closed-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-dark-high-contrast-bgColor-danger-emphasis-linux.png b/...orybook-all-color-swatches-dark-high-contrast-bgColor-danger-emphasis-linux.png
diff --git a/...storybook-all-color-swatches-dark-high-contrast-bgColor-done-emphasis-linux.png b/...storybook-all-color-swatches-dark-high-contrast-bgColor-done-emphasis-linux.png
diff --git a/...storybook-all-color-swatches-dark-high-contrast-bgColor-open-emphasis-linux.png b/...storybook-all-color-swatches-dark-high-contrast-bgColor-open-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-dark-high-contrast-bgColor-severe-emphasis-linux.png b/...orybook-all-color-swatches-dark-high-contrast-bgColor-severe-emphasis-linux.png
diff --git a/...ybook-all-color-swatches-dark-high-contrast-bgColor-sponsors-emphasis-linux.png b/...ybook-all-color-swatches-dark-high-contrast-bgColor-sponsors-emphasis-linux.png
diff --git a/...rybook-all-color-swatches-dark-high-contrast-bgColor-success-emphasis-linux.png b/...rybook-all-color-swatches-dark-high-contrast-bgColor-success-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-dark-high-contrast-bgColor-upsell-emphasis-linux.png b/...orybook-all-color-swatches-dark-high-contrast-bgColor-upsell-emphasis-linux.png
diff --git a/...ll-color-swatches-dark-high-contrast-button-invisible-iconColor-hover-linux.png b/...ll-color-swatches-dark-high-contrast-button-invisible-iconColor-hover-linux.png
diff --git a/...ook-all-color-swatches-dark-high-contrast-button-primary-bgColor-rest-linux.png b/...ook-all-color-swatches-dark-high-contrast-button-primary-bgColor-rest-linux.png
diff --git a/...ook-all-color-swatches-dark-high-contrast-button-primary-fgColor-rest-linux.png b/...ook-all-color-swatches-dark-high-contrast-button-primary-fgColor-rest-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-button-primary-iconColor-rest-linux.png b/...k-all-color-swatches-dark-high-contrast-button-primary-iconColor-rest-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-control-checked-bgColor-hover-linux.png b/...k-all-color-swatches-dark-high-contrast-control-checked-bgColor-hover-linux.png
diff --git a/...ok-all-color-swatches-dark-high-contrast-control-checked-bgColor-rest-linux.png b/...ok-all-color-swatches-dark-high-contrast-control-checked-bgColor-rest-linux.png
diff --git a/...l-color-swatches-dark-high-contrast-control-checked-borderColor-hover-linux.png b/...l-color-swatches-dark-high-contrast-control-checked-borderColor-hover-linux.png
diff --git a/...ll-color-swatches-dark-high-contrast-control-checked-borderColor-rest-linux.png b/...ll-color-swatches-dark-high-contrast-control-checked-borderColor-rest-linux.png
diff --git a/...ok-all-color-swatches-dark-high-contrast-control-checked-fgColor-rest-linux.png b/...ok-all-color-swatches-dark-high-contrast-control-checked-fgColor-rest-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-control-danger-bgColor-active-linux.png b/...k-all-color-swatches-dark-high-contrast-control-danger-bgColor-active-linux.png
diff --git a/...ok-all-color-swatches-dark-high-contrast-control-danger-bgColor-hover-linux.png b/...ok-all-color-swatches-dark-high-contrast-control-danger-bgColor-hover-linux.png
diff --git a/...ok-all-color-swatches-dark-high-contrast-control-danger-fgColor-hover-linux.png b/...ok-all-color-swatches-dark-high-contrast-control-danger-fgColor-hover-linux.png
diff --git a/...all-color-swatches-dark-high-contrast-controlKnob-borderColor-checked-linux.png b/...all-color-swatches-dark-high-contrast-controlKnob-borderColor-checked-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-controlTrack-fgColor-disabled-linux.png b/...k-all-color-swatches-dark-high-contrast-controlTrack-fgColor-disabled-linux.png
diff --git a/...-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-text-linux.png b/...-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-text-linux.png
diff --git a/...-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-text-linux.png b/...-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-text-linux.png
diff --git a/...all-color-swatches-dark-high-contrast-display-indigo-bgColor-emphasis-linux.png b/...all-color-swatches-dark-high-contrast-display-indigo-bgColor-emphasis-linux.png
diff --git a/...k-all-color-swatches-dark-high-contrast-display-plum-bgColor-emphasis-linux.png b/...k-all-color-swatches-dark-high-contrast-display-plum-bgColor-emphasis-linux.png
diff --git a/...all-color-swatches-dark-high-contrast-display-purple-bgColor-emphasis-linux.png b/...all-color-swatches-dark-high-contrast-display-purple-bgColor-emphasis-linux.png
diff --git a/...ok-all-color-swatches-dark-high-contrast-display-red-bgColor-emphasis-linux.png b/...ok-all-color-swatches-dark-high-contrast-display-red-bgColor-emphasis-linux.png
diff --git a/...ll-color-swatches-dark-high-contrast-display-red-borderColor-emphasis-linux.png b/...ll-color-swatches-dark-high-contrast-display-red-borderColor-emphasis-linux.png
diff --git a/...ts/storybook-all-color-swatches-dark-high-contrast-fgColor-onEmphasis-linux.png b/...ts/storybook-all-color-swatches-dark-high-contrast-fgColor-onEmphasis-linux.png
diff --git a/...napshots/storybook-all-color-swatches-dark-tritanopia-fgColor-neutral-linux.png b/...napshots/storybook-all-color-swatches-dark-tritanopia-fgColor-neutral-linux.png
diff --git a/blob-report/report.zip b/blob-report/report.zip
diff --git a/scripts/color-contrast.config.ts b/scripts/color-contrast.config.ts
@@ -246,6 +246,7 @@ const defaultContrast: ContrastRequirement[] = setContrastRatios('default', [
 
 const highContrast: ContrastRequirement[] = setContrastRatios('highContrast', [
   ...baseRequirements,
+  ...displayColorRequirements,
   // add high contrast overwrites or additions
 ])