From 2e4ef4fe33d20b20939bde84d563a13eae5cf127 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 7 Jul 2025 12:56:00 +0200 Subject: [PATCH 01/14] change open colors to blue for tritanopia and colorblind --- src/tokens/functional/color/bgColor.json5 | 30 +------------ src/tokens/functional/color/borderColor.json5 | 42 +------------------ src/tokens/functional/color/fgColor.json5 | 9 +--- 3 files changed, 5 insertions(+), 76 deletions(-) diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index 3a09676e1..a0695e8cb 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -342,26 +342,7 @@ }, }, 'org.primer.overrides': { - 'light-tritanopia-high-contrast': '{base.color.red.0}', - 'light-tritanopia': '{base.color.red.0}', - 'dark-tritanopia': { - $value: '{base.color.red.4}', - alpha: 0.1, - }, - 'dark-tritanopia-high-contrast': { - $value: '{base.color.red.4}', - alpha: 0.1, - }, - 'light-protanopia-deuteranopia': '{base.color.orange.0}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}', - 'dark-protanopia-deuteranopia': { - $value: '{base.color.orange.4}', - alpha: 0.1, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.4}', - alpha: 0.1, - }, + }, }, }, @@ -378,14 +359,7 @@ }, }, 'org.primer.overrides': { - 'light-tritanopia': '{base.color.red.5}', - 'light-tritanopia-high-contrast': '{base.color.red.5}', - 'dark-tritanopia': '{base.color.red.5}', - 'dark-tritanopia-high-contrast': '{base.color.red.9}', - 'light-protanopia-deuteranopia': '{base.color.orange.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}', - 'dark-protanopia-deuteranopia': '{base.color.orange.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}', + }, }, }, diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5 index 20783c459..3c86eecad 100644 --- a/src/tokens/functional/color/borderColor.json5 +++ b/src/tokens/functional/color/borderColor.json5 @@ -385,38 +385,7 @@ }, }, 'org.primer.overrides': { - 'dark-tritanopia': { - $value: '{base.color.red.4}', - alpha: 0.4, - }, - 'dark-tritanopia-high-contrast': { - $value: '{base.color.red.4}', - alpha: 1, - }, - 'light-tritanopia': { - $value: '{base.color.red.3}', - alpha: 0.4, - }, - 'light-tritanopia-high-contrast': { - $value: '{base.color.red.3}', - alpha: 1, - }, - 'dark-protanopia-deuteranopia': { - $value: '{base.color.orange.4}', - alpha: 0.4, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.4}', - alpha: 1, - }, - 'light-protanopia-deuteranopia': { - $value: '{base.color.orange.3}', - alpha: 0.4, - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.3}', - alpha: 1, - }, + }, }, }, @@ -433,14 +402,7 @@ }, }, 'org.primer.overrides': { - 'dark-tritanopia': '{base.color.red.5}', - 'dark-tritanopia-high-contrast': '{base.color.red.5}', - 'light-tritanopia-high-contrast': '{base.color.red.5}', - 'light-tritanopia': '{base.color.red.5}', - 'dark-protanopia-deuteranopia': '{base.color.orange.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}', - 'light-protanopia-deuteranopia': '{base.color.orange.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}', + }, }, }, diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index 5f12dcba4..4cd64789c 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -227,14 +227,7 @@ }, }, 'org.primer.overrides': { - 'dark-protanopia-deuteranopia': '{base.color.orange.4}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}', - 'light-protanopia-deuteranopia': '{base.color.orange.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}', - 'dark-tritanopia': '{base.color.red.4}', - 'dark-tritanopia-high-contrast': '{base.color.red.2}', - 'light-tritanopia': '{base.color.red.5}', - 'light-tritanopia-high-contrast': '{base.color.red.6}', + }, }, }, From 114ccb326c405e107755f11538b351c457a5bba1 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 7 Jul 2025 13:14:31 +0200 Subject: [PATCH 02/14] added changeset --- .changeset/modern-items-notice.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/modern-items-notice.md diff --git a/.changeset/modern-items-notice.md b/.changeset/modern-items-notice.md new file mode 100644 index 000000000..0ecd000ce --- /dev/null +++ b/.changeset/modern-items-notice.md @@ -0,0 +1,5 @@ +--- +'@primer/primitives': patch +--- + +Changes open colors to blue for tritanopia and colorblind From 30330b4d03a8fba0523f9e4a83e953245a8969bf Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Fri, 25 Jul 2025 22:22:18 +0200 Subject: [PATCH 03/14] wip --- src/tokens/functional/color/bgColor.json5 | 132 +++++----- src/tokens/functional/color/borderColor.json5 | 238 +++++++++++------- src/tokens/functional/color/fgColor.json5 | 38 +-- 3 files changed, 224 insertions(+), 184 deletions(-) diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index a0695e8cb..590b9eba6 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -276,26 +276,14 @@ $value: '{base.color.green.4}', alpha: 0.15, }, - 'light-tritanopia': '{base.color.blue.0}', - 'light-tritanopia-high-contrast': '{base.color.blue.0}', - 'dark-tritanopia': { - $value: '{base.color.blue.4}', - alpha: 0.15, - }, - 'dark-tritanopia-high-contrast': { - $value: '{base.color.blue.4}', - alpha: 0.15, - }, - 'light-protanopia-deuteranopia': '{base.color.blue.0}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.0}', - 'dark-protanopia-deuteranopia': { - $value: '{base.color.blue.4}', - alpha: 0.2, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.blue.4}', - alpha: 0.2, - }, + 'light-tritanopia': '{bgColor.accent.muted}', + 'light-tritanopia-high-contrast': '{bgColor.accent.muted}', + 'dark-tritanopia': '{bgColor.accent.muted}', + 'dark-tritanopia-high-contrast': '{bgColor.accent.muted}', + 'light-protanopia-deuteranopia': '{bgColor.accent.muted}', + 'light-protanopia-deuteranopia-high-contrast': '{bgColor.accent.muted}', + 'dark-protanopia-deuteranopia': '{bgColor.accent.muted}', + 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.accent.muted}', }, }, }, @@ -313,14 +301,14 @@ }, 'org.primer.overrides': { dark: '{base.color.green.5}', - 'light-tritanopia': '{base.color.blue.5}', - 'light-tritanopia-high-contrast': '{base.color.blue.5}', - 'dark-tritanopia': '{base.color.blue.5}', - 'dark-tritanopia-high-contrast': '{base.color.blue.9}', - 'light-protanopia-deuteranopia': '{base.color.blue.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}', - 'dark-protanopia-deuteranopia': '{base.color.blue.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.9}', + 'light-tritanopia': '{bgColor.accent.emphasis}', + 'light-tritanopia-high-contrast': '{bgColor.accent.emphasis}', + 'dark-tritanopia': '{bgColor.accent.emphasis}', + 'dark-tritanopia-high-contrast': '{bgColor.accent.emphasis}', + 'light-protanopia-deuteranopia': '{bgColor.accent.emphasis}', + 'light-protanopia-deuteranopia-high-contrast': '{bgColor.accent.emphasis}', + 'dark-protanopia-deuteranopia': '{bgColor.accent.emphasis}', + 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.accent.emphasis}', 'light-high-contrast': '{base.color.green.5}', 'dark-high-contrast': '{base.color.green.9}', 'dark-dimmed-high-contrast': '{base.color.green.7}', @@ -341,9 +329,6 @@ web: 'var(--bgColor-success-muted) /* utility class: .color-bg-success */', }, }, - 'org.primer.overrides': { - - }, }, }, emphasis: { @@ -358,9 +343,6 @@ web: 'var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */', }, }, - 'org.primer.overrides': { - - }, }, }, }, @@ -475,10 +457,10 @@ $value: '{base.color.red.4}', alpha: 0.1, }, - 'light-protanopia-deuteranopia': '{base.color.orange.0}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}', + 'light-protanopia-deuteranopia': '{base.color.red.0}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.red.0}', 'dark-protanopia-deuteranopia': { - $value: '{base.color.orange.4}', + $value: '{base.color.red.4}', alpha: 0.1, }, }, @@ -497,10 +479,10 @@ }, }, 'org.primer.overrides': { - 'light-protanopia-deuteranopia': '{base.color.orange.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}', - 'dark-protanopia-deuteranopia': '{base.color.orange.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}', + 'light-protanopia-deuteranopia': '{base.color.red.5}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.red.5}', + 'dark-protanopia-deuteranopia': '{base.color.red.5}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.red.9}', 'dark-high-contrast': '{base.color.red.9}', 'dark-dimmed-high-contrast': '{base.color.red.7}', 'dark-tritanopia-high-contrast': '{base.color.red.9}', @@ -521,24 +503,7 @@ web: 'var(--bgColor-closed-muted) /* utility class: .color-bg-closed */', }, }, - 'org.primer.overrides': { - 'light-tritanopia': '{bgColor.neutral.muted}', - 'light-tritanopia-high-contrast': '{bgColor.neutral.muted}', - 'dark-tritanopia': { - $value: '{bgColor.neutral.muted}', - alpha: 0.1, - }, - 'light-protanopia-deuteranopia': '{bgColor.neutral.muted}', - 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}', - 'dark-protanopia-deuteranopia': { - $value: '{bgColor.neutral.muted}', - alpha: 0.1, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{bgColor.neutral.muted}', - alpha: 0.1, - }, - }, + 'org.primer.overrides': {}, }, }, emphasis: { @@ -553,16 +518,7 @@ web: 'var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */', }, }, - 'org.primer.overrides': { - 'light-tritanopia': '{bgColor.neutral.emphasis}', - 'light-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', - 'dark-tritanopia': '{bgColor.neutral.emphasis}', - 'dark-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', - 'light-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', - 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}', - 'dark-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', - 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}', - }, + 'org.primer.overrides': {}, }, }, }, @@ -584,6 +540,14 @@ $value: '{base.color.purple.4}', alpha: 0.15, }, + 'light-protanopia-deuteranopia': '{bgColor.neutral.muted}', + 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}', + 'dark-protanopia-deuteranopia': '{bgColor.neutral.muted}', + 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}', + 'dark-tritanopia': '{bgColor.neutral.muted}', + 'dark-tritanopia-high-contrast': '{bgColor.neutral.muted}', + 'light-tritanopia': '{bgColor.neutral.muted}', + 'light-tritanopia-high-contrast': '{bgColor.neutral.muted}', }, }, }, @@ -602,8 +566,14 @@ 'org.primer.overrides': { 'dark-high-contrast': '{base.color.purple.9}', 'dark-dimmed-high-contrast': '{base.color.purple.7}', - 'dark-tritanopia-high-contrast': '{base.color.purple.9}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}', + 'light-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', + 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}', + 'dark-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', + 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}', + 'dark-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', + 'dark-tritanopia': '{bgColor.neutral.emphasis}', + 'light-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', + 'light-tritanopia': '{bgColor.neutral.emphasis}', }, }, }, @@ -621,6 +591,16 @@ web: 'var(--bgColor-upsell-muted)', }, }, + 'org.primer.overrides': { + 'light-protanopia-deuteranopia': '{base.color.purple.0}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.0}', + 'dark-protanopia-deuteranopia': '{base.color.purple.9}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}', + 'dark-tritanopia-high-contrast': '{base.color.purple.9}', + 'dark-tritanopia': '{base.color.purple.9}', + 'light-tritanopia': '{base.color.purple.0}', + 'light-tritanopia-high-contrast': '{base.color.purple.0}', + }, }, }, emphasis: { @@ -635,6 +615,16 @@ web: 'var(--bgColor-upsell-emphasis)', }, }, + 'org.primer.overrides': { + 'light-protanopia-deuteranopia': '{base.color.purple.5}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', + 'dark-protanopia-deuteranopia': '{base.color.purple.5}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', + 'dark-tritanopia': '{base.color.purple.5}', + 'dark-tritanopia-high-contrast': '{base.color.purple.5}', + 'light-tritanopia': '{base.color.purple.5}', + 'light-tritanopia-high-contrast': '{base.color.purple.5}', + }, }, }, }, diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5 index 3c86eecad..72ecc8453 100644 --- a/src/tokens/functional/color/borderColor.json5 +++ b/src/tokens/functional/color/borderColor.json5 @@ -54,15 +54,15 @@ $value: '{borderColor.default}', alpha: 1, }, - 'light-protanopia-deuteranopia-high-contrast': { + 'dark-high-contrast': { $value: '{borderColor.default}', alpha: 1, }, - 'dark-high-contrast': { + 'dark-tritanopia-high-contrast': { $value: '{borderColor.default}', alpha: 1, }, - 'dark-tritanopia-high-contrast': { + 'light-protanopia-deuteranopia-high-contrast': { $value: '{borderColor.default}', alpha: 1, }, @@ -86,11 +86,17 @@ 'org.primer.overrides': { 'light-high-contrast': '{borderColor.default}', 'light-tritanopia-high-contrast': '{borderColor.default}', - 'light-protanopia-deuteranopia-high-contrast': '{borderColor.default}', 'dark-high-contrast': '{borderColor.default}', 'dark-dimmed-high-contrast': '{borderColor.default}', 'dark-tritanopia-high-contrast': '{borderColor.default}', - 'dark-protanopia-deuteranopia-high-contrast': '{borderColor.default}', + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{borderColor.default}', + alpha: 1, + }, + 'dark-protanopia-deuteranopia-high-contrast': { + $value: '{borderColor.default}', + alpha: 1, + }, }, }, }, @@ -241,10 +247,6 @@ $value: '{base.color.blue.3}', alpha: 1, }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.blue.3}', - alpha: 1, - }, 'dark-high-contrast': { $value: '{base.color.blue.4}', alpha: 1, @@ -257,6 +259,10 @@ $value: '{base.color.blue.4}', alpha: 1, }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.blue.3}', + alpha: 1, + }, 'dark-protanopia-deuteranopia-high-contrast': { $value: '{base.color.blue.4}', alpha: 1, @@ -327,18 +333,18 @@ alpha: 1, }, 'dark-protanopia-deuteranopia': { - $value: '{base.color.blue.4}', + $value: '{borderColor.accent.muted}', }, 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.blue.4}', + $value: '{borderColor.accent.muted}', alpha: 1, }, 'light-protanopia-deuteranopia': { - $value: '{base.color.blue.0}', + $value: '{borderColor.accent.muted}', alpha: 1, }, 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.blue.3}', + $value: '{borderColor.accent.muted}', alpha: 1, }, }, @@ -384,9 +390,6 @@ web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */', }, }, - 'org.primer.overrides': { - - }, }, }, emphasis: { @@ -401,9 +404,7 @@ web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */', }, }, - 'org.primer.overrides': { - - }, + 'org.primer.overrides': {}, }, }, }, @@ -499,6 +500,10 @@ $value: '{base.color.orange.2}', alpha: 1, }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.orange.4}', + alpha: 1, + }, 'dark-protanopia-deuteranopia-high-contrast': { $value: '{base.color.orange.5}', alpha: 1, @@ -573,19 +578,12 @@ $value: '{base.color.red.4}', alpha: 1, }, - 'dark-protanopia-deuteranopia': { - $value: '{base.color.orange.4}', - }, 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.4}', - alpha: 1, - }, - 'light-protanopia-deuteranopia': { - $value: '{base.color.orange.0}', + $value: '{base.color.red.4}', alpha: 1, }, 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.4}', + $value: '{base.color.red.4}', alpha: 1, }, }, @@ -605,18 +603,6 @@ }, }, 'org.primer.overrides': { - 'dark-protanopia-deuteranopia': { - $value: '{base.color.orange.5}', - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.5}', - }, - 'light-protanopia-deuteranopia': { - $value: '{base.color.orange.5}', - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.5}', - }, 'dark-dimmed-high-contrast': '{base.color.red.2}', }, }, @@ -635,40 +621,6 @@ web: 'var(--borderColor-closed-muted) /* utility class: .color-border-closed */', }, }, - 'org.primer.overrides': { - 'dark-tritanopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'dark-tritanopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - 'light-tritanopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'light-tritanopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - 'dark-protanopia-deuteranopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - 'light-protanopia-deuteranopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - }, }, }, emphasis: { @@ -683,16 +635,6 @@ web: 'var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */', }, }, - 'org.primer.overrides': { - 'light-protanopia-deuteranopia': '{borderColor.emphasis}', - 'light-protanopia-deuteranopia-high-contrast': '{borderColor.emphasis}', - 'dark-protanopia-deuteranopia': '{borderColor.emphasis}', - 'dark-protanopia-deuteranopia-high-contrast': '{borderColor.emphasis}', - 'dark-tritanopia': '{borderColor.emphasis}', - 'dark-tritanopia-high-contrast': '{borderColor.emphasis}', - 'light-tritanopia': '{borderColor.emphasis}', - 'light-tritanopia-high-contrast': '{borderColor.emphasis}', - }, }, }, }, @@ -715,14 +657,6 @@ $value: '{base.color.purple.3}', alpha: 1, }, - 'light-tritanopia-high-contrast': { - $value: '{base.color.purple.3}', - alpha: 1, - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.purple.3}', - alpha: 1, - }, 'dark-high-contrast': { $value: '{base.color.purple.4}', alpha: 1, @@ -731,12 +665,36 @@ $value: '{base.color.purple.2}', alpha: 1, }, + 'light-tritanopia': { + $value: '{borderColor.neutral.muted}', + alpha: 1, + }, + 'dark-tritanopia': { + $value: '{borderColor.neutral.muted}', + alpha: 1, + }, + 'light-tritanopia-high-contrast': { + $value: '{borderColor.neutral.muted}', + alpha: 1, + }, 'dark-tritanopia-high-contrast': { - $value: '{base.color.purple.4}', + $value: '{borderColor.neutral.muted}', + alpha: 1, + }, + 'light-protanopia-deuteranopia': { + $value: '{borderColor.neutral.muted}', + alpha: 1, + }, + 'dark-protanopia-deuteranopia': { + $value: '{borderColor.neutral.muted}', + alpha: 1, + }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{borderColor.neutral.muted}', alpha: 1, }, 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.purple.4}', + $value: '{borderColor.neutral.muted}', alpha: 1, }, }, @@ -757,6 +715,38 @@ }, 'org.primer.overrides': { 'dark-dimmed-high-contrast': '{base.color.purple.2}', + 'dark-protanopia-deuteranopia': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'light-protanopia-deuteranopia': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'dark-protanopia-deuteranopia-high-contrast': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'light-tritanopia': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'dark-tritanopia': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'light-tritanopia-high-contrast': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, + 'dark-tritanopia-high-contrast': { + $value: '{borderColor.neutral.emphasis}', + alpha: 1, + }, }, }, }, @@ -774,6 +764,40 @@ web: 'var(--borderColor-upsell-muted)', }, }, + 'org.primer.overrides': { + 'light-protanopia-deuteranopia': { + $value: '{base.color.purple.3}', + alpha: 1, + }, + 'dark-protanopia-deuteranopia': { + $value: '{base.color.purple.4}', + alpha: 1, + }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.purple.3}', + alpha: 1, + }, + 'dark-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.purple.4}', + alpha: 1, + }, + 'light-tritanopia': { + $value: '{base.color.purple.3}', + alpha: 1, + }, + 'dark-tritanopia': { + $value: '{base.color.purple.4}', + alpha: 1, + }, + 'light-tritanopia-high-contrast': { + $value: '{base.color.purple.3}', + alpha: 1, + }, + 'dark-tritanopia-high-contrast': { + $value: '{base.color.purple.4}', + alpha: 1, + }, + }, }, }, emphasis: { @@ -788,6 +812,32 @@ web: 'var(--borderColor-upsell-emphasis)', }, }, + 'org.primer.overrides': { + 'light-protanopia-deuteranopia': { + $value: '{base.color.purple.5}', + }, + 'dark-protanopia-deuteranopia': { + $value: '{base.color.purple.5}', + }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.purple.5}', + }, + 'dark-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.purple.5}', + }, + 'light-tritanopia': { + $value: '{base.color.purple.5}', + }, + 'dark-tritanopia': { + $value: '{base.color.purple.5}', + }, + 'light-tritanopia-high-contrast': { + $value: '{base.color.purple.5}', + }, + 'dark-tritanopia-high-contrast': { + $value: '{base.color.purple.5}', + }, + }, }, }, }, diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index 4cd64789c..9871ace84 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -292,10 +292,6 @@ }, 'org.primer.overrides': { dark: '{base.color.red.4}', - 'dark-protanopia-deuteranopia': '{base.color.orange.3}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}', - 'light-protanopia-deuteranopia': '{base.color.orange.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}', 'dark-high-contrast': '{base.color.red.3}', 'dark-dimmed-high-contrast': '{base.color.red.1}', 'dark-tritanopia-high-contrast': '{base.color.red.3}', @@ -316,16 +312,6 @@ web: 'var(--fgColor-closed) /* utility class: .color-fg-closed */', }, }, - 'org.primer.overrides': { - 'dark-protanopia-deuteranopia': '{fgColor.muted}', - 'dark-protanopia-deuteranopia-high-contrast': '{fgColor.muted}', - 'light-protanopia-deuteranopia': '{fgColor.muted}', - 'light-protanopia-deuteranopia-high-contrast': '{fgColor.muted}', - 'dark-tritanopia': '{fgColor.muted}', - 'dark-tritanopia-high-contrast': '{fgColor.muted}', - 'light-tritanopia': '{fgColor.muted}', - 'light-tritanopia-high-contrast': '{fgColor.muted}', - }, }, }, done: { @@ -344,16 +330,20 @@ dark: '{base.color.purple.4}', 'dark-high-contrast': '#D3ABFF', 'dark-dimmed-high-contrast': '{base.color.purple.1}', - 'dark-protanopia-deuteranopia-high-contrast': '#D3ABFF', - 'dark-tritanopia-high-contrast': '#D3ABFF', 'light-high-contrast': '{base.color.purple.6}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.6}', - 'light-tritanopia-high-contrast': '{base.color.purple.6}', + 'light-protanopia-deuteranopia': '{base.color.neutral.9}', + 'dark-protanopia-deuteranopia': '{base.color.neutral.9}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', + 'light-tritanopia': '{base.color.neutral.9}', + 'dark-tritanopia': '{base.color.neutral.9}', + 'dark-tritanopia-high-contrast': '{base.color.neutral.11}', + 'light-tritanopia-high-contrast': '{base.color.neutral.11}', }, }, }, upsell: { - $value: '{fgColor.done}', + $value: '{base.color.purple.5}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -364,6 +354,16 @@ web: 'var(--fgColor-upsell)', }, }, + 'org.primer.overrides': { + dark: '{base.color.purple.4}', + 'dark-high-contrast': '#D3ABFF', + 'dark-dimmed-high-contrast': '{base.color.purple.1}', + 'dark-tritanopia-high-contrast': '#D3ABFF', + 'light-high-contrast': '{base.color.purple.6}', + 'dark-protanopia-deuteranopia-high-contrast': '#D3ABFF', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', + 'light-tritanopia-high-contrast': '{base.color.purple.6}', + }, }, }, sponsors: { From 8eced0b9f1dab9ddf21f69d03966460404dcb1cb Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Fri, 25 Jul 2025 22:23:59 +0200 Subject: [PATCH 04/14] rm empty object --- src/tokens/functional/color/fgColor.json5 | 25 +++++++++++------------ 1 file changed, 12 insertions(+), 13 deletions(-) diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index 9871ace84..bbc7dc869 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -226,9 +226,6 @@ web: 'var(--fgColor-open) /* utility class: .color-fg-open */', }, }, - 'org.primer.overrides': { - - }, }, }, attention: { @@ -295,8 +292,10 @@ 'dark-high-contrast': '{base.color.red.3}', 'dark-dimmed-high-contrast': '{base.color.red.1}', 'dark-tritanopia-high-contrast': '{base.color.red.3}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.red.3}', 'light-high-contrast': '{base.color.red.6}', 'light-tritanopia-high-contrast': '{base.color.red.6}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.red.6}', }, }, }, @@ -343,7 +342,7 @@ }, }, upsell: { - $value: '{base.color.purple.5}', + $value: '{fgColor.done}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -354,15 +353,15 @@ web: 'var(--fgColor-upsell)', }, }, - 'org.primer.overrides': { - dark: '{base.color.purple.4}', - 'dark-high-contrast': '#D3ABFF', - 'dark-dimmed-high-contrast': '{base.color.purple.1}', - 'dark-tritanopia-high-contrast': '#D3ABFF', - 'light-high-contrast': '{base.color.purple.6}', - 'dark-protanopia-deuteranopia-high-contrast': '#D3ABFF', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', - 'light-tritanopia-high-contrast': '{base.color.purple.6}', + 'org.primer.overrides': { + 'light-protanopia-deuteranopia': '{base.color.neutral.9}', + 'dark-protanopia-deuteranopia': '{base.color.neutral.9}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', + 'light-tritanopia': '{base.color.neutral.9}', + 'dark-tritanopia': '{base.color.neutral.9}', + 'dark-tritanopia-high-contrast': '{base.color.neutral.11}', + 'light-tritanopia-high-contrast': '{base.color.neutral.11}', }, }, }, From cab87403c30620687ee034e1aac4a50e0e99fe89 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 28 Jul 2025 21:38:51 +0200 Subject: [PATCH 05/14] fix all bugs --- src/tokens/functional/color/bgColor.json5 | 24 ++++++++++---- src/tokens/functional/color/borderColor.json5 | 4 +-- src/tokens/functional/color/fgColor.json5 | 32 +++++++++---------- 3 files changed, 36 insertions(+), 24 deletions(-) diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index 590b9eba6..bfe60d813 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -594,10 +594,22 @@ 'org.primer.overrides': { 'light-protanopia-deuteranopia': '{base.color.purple.0}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.0}', - 'dark-protanopia-deuteranopia': '{base.color.purple.9}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}', - 'dark-tritanopia-high-contrast': '{base.color.purple.9}', - 'dark-tritanopia': '{base.color.purple.9}', + 'dark-protanopia-deuteranopia': { + $value: '{base.color.purple.4}', + alpha: 0.15, + }, + 'dark-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.purple.4}', + alpha: 0.15, + }, + 'dark-tritanopia-high-contrast': { + $value: '{base.color.purple.4}', + alpha: 0.15, + }, + 'dark-tritanopia': { + $value: '{base.color.purple.4}', + alpha: 0.15, + }, 'light-tritanopia': '{base.color.purple.0}', 'light-tritanopia-high-contrast': '{base.color.purple.0}', }, @@ -619,9 +631,9 @@ 'light-protanopia-deuteranopia': '{base.color.purple.5}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', 'dark-protanopia-deuteranopia': '{base.color.purple.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}', 'dark-tritanopia': '{base.color.purple.5}', - 'dark-tritanopia-high-contrast': '{base.color.purple.5}', + 'dark-tritanopia-high-contrast': '{base.color.purple.9}', 'light-tritanopia': '{base.color.purple.5}', 'light-tritanopia-high-contrast': '{base.color.purple.5}', }, diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5 index 72ecc8453..1c75c9b79 100644 --- a/src/tokens/functional/color/borderColor.json5 +++ b/src/tokens/functional/color/borderColor.json5 @@ -771,7 +771,7 @@ }, 'dark-protanopia-deuteranopia': { $value: '{base.color.purple.4}', - alpha: 1, + alpha: 0.4, }, 'light-protanopia-deuteranopia-high-contrast': { $value: '{base.color.purple.3}', @@ -787,7 +787,7 @@ }, 'dark-tritanopia': { $value: '{base.color.purple.4}', - alpha: 1, + alpha: 0.4, }, 'light-tritanopia-high-contrast': { $value: '{base.color.purple.3}', diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index bbc7dc869..d8d097336 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -203,14 +203,14 @@ 'dark-high-contrast': '#2BD853', 'dark-dimmed-high-contrast': '{base.color.green.0}', 'light-high-contrast': '{base.color.green.6}', - 'dark-protanopia-deuteranopia': '{base.color.blue.3}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}', - 'light-protanopia-deuteranopia': '{base.color.blue.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}', - 'dark-tritanopia': '{base.color.blue.3}', - 'dark-tritanopia-high-contrast': '{base.color.blue.2}', - 'light-tritanopia': '{base.color.blue.5}', - 'light-tritanopia-high-contrast': '{base.color.blue.6}', + 'dark-protanopia-deuteranopia': '{fgColor.accent}', + 'dark-protanopia-deuteranopia-high-contrast': '{fgColor.accent}', + 'light-protanopia-deuteranopia': '{fgColor.accent}', + 'light-protanopia-deuteranopia-high-contrast': '{fgColor.accent}', + 'dark-tritanopia': '{fgColor.accent}', + 'dark-tritanopia-high-contrast': '{fgColor.accent}', + 'light-tritanopia': '{fgColor.accent}', + 'light-tritanopia-high-contrast': '{fgColor.accent}', }, }, }, @@ -354,14 +354,14 @@ }, }, 'org.primer.overrides': { - 'light-protanopia-deuteranopia': '{base.color.neutral.9}', - 'dark-protanopia-deuteranopia': '{base.color.neutral.9}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', - 'light-tritanopia': '{base.color.neutral.9}', - 'dark-tritanopia': '{base.color.neutral.9}', - 'dark-tritanopia-high-contrast': '{base.color.neutral.11}', - 'light-tritanopia-high-contrast': '{base.color.neutral.11}', + 'light-protanopia-deuteranopia': '{base.color.purple.5}', + 'dark-protanopia-deuteranopia': '{base.color.purple.4}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.3}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.6}', + 'light-tritanopia': '{base.color.purple.5}', + 'dark-tritanopia': '{base.color.purple.4}', + 'dark-tritanopia-high-contrast': '{base.color.purple.3}', + 'light-tritanopia-high-contrast': '{base.color.purple.6}', }, }, }, From 0a35f5799823d37736ce9f9b2fb65cb034b94662 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Tue, 29 Jul 2025 09:14:18 +0200 Subject: [PATCH 06/14] fixing contrast issues --- src/tokens/component/button.json5 | 2 +- src/tokens/functional/color/bgColor.json5 | 6 ------ src/tokens/functional/color/fgColor.json5 | 4 ++-- 3 files changed, 3 insertions(+), 9 deletions(-) diff --git a/src/tokens/component/button.json5 b/src/tokens/component/button.json5 index 80329521b..5a66db6bd 100644 --- a/src/tokens/component/button.json5 +++ b/src/tokens/component/button.json5 @@ -1149,7 +1149,7 @@ $value: '{base.color.red.1}', }, 'dark-protanopia-deuteranopia': { - $value: '{fgColor.danger}', + $value: '#FA5E55', }, 'dark-high-contrast': { $value: '{base.color.red.2}', diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index bfe60d813..05bbf1357 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -457,12 +457,6 @@ $value: '{base.color.red.4}', alpha: 0.1, }, - 'light-protanopia-deuteranopia': '{base.color.red.0}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.red.0}', - 'dark-protanopia-deuteranopia': { - $value: '{base.color.red.4}', - alpha: 0.1, - }, }, }, }, diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index d8d097336..b813e25f7 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -356,11 +356,11 @@ 'org.primer.overrides': { 'light-protanopia-deuteranopia': '{base.color.purple.5}', 'dark-protanopia-deuteranopia': '{base.color.purple.4}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.3}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.1}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.6}', 'light-tritanopia': '{base.color.purple.5}', 'dark-tritanopia': '{base.color.purple.4}', - 'dark-tritanopia-high-contrast': '{base.color.purple.3}', + 'dark-tritanopia-high-contrast': '{base.color.purple.1}', 'light-tritanopia-high-contrast': '{base.color.purple.6}', }, }, From 9bfa8df6e7c3ab7106534bbdda7f15d673c7281b Mon Sep 17 00:00:00 2001 From: lukasoppermann <813754+lukasoppermann@users.noreply.github.com> Date: Tue, 29 Jul 2025 08:14:11 +0000 Subject: [PATCH 07/14] github-actions[bot] Regenerated snapshots --- ...colorblind-bgColor-closed-emphasis-linux.png | Bin 824 -> 742 bytes ...k-colorblind-bgColor-open-emphasis-linux.png | Bin 740 -> 749 bytes ...rblind-borderColor-closed-emphasis-linux.png | Bin 868 -> 775 bytes ...lorblind-borderColor-open-emphasis-linux.png | Bin 772 -> 790 bytes ...-colorblind-borderColor-open-muted-linux.png | Bin 756 -> 767 bytes ...hes-dark-colorblind-fgColor-closed-linux.png | Bin 826 -> 752 bytes ...tches-dark-colorblind-fgColor-open-linux.png | Bin 748 -> 754 bytes ...h-contrast-bgColor-closed-emphasis-linux.png | Bin 730 -> 725 bytes ...igh-contrast-bgColor-open-emphasis-linux.png | Bin 734 -> 743 bytes ...ntrast-borderColor-closed-emphasis-linux.png | Bin 787 -> 794 bytes ...-contrast-borderColor-closed-muted-linux.png | Bin 787 -> 789 bytes ...contrast-borderColor-open-emphasis-linux.png | Bin 782 -> 797 bytes ...gh-contrast-borderColor-open-muted-linux.png | Bin 788 -> 799 bytes ...blind-high-contrast-fgColor-closed-linux.png | Bin 748 -> 761 bytes ...orblind-high-contrast-fgColor-open-linux.png | Bin 762 -> 763 bytes ...tritanopia-bgColor-closed-emphasis-linux.png | Bin 819 -> 742 bytes ...k-tritanopia-bgColor-open-emphasis-linux.png | Bin 831 -> 749 bytes ...anopia-borderColor-closed-emphasis-linux.png | Bin 860 -> 775 bytes ...ritanopia-borderColor-closed-muted-linux.png | Bin 844 -> 763 bytes ...itanopia-borderColor-open-emphasis-linux.png | Bin 871 -> 790 bytes ...-tritanopia-borderColor-open-muted-linux.png | Bin 859 -> 767 bytes ...hes-dark-tritanopia-fgColor-closed-linux.png | Bin 824 -> 752 bytes ...tches-dark-tritanopia-fgColor-open-linux.png | Bin 838 -> 754 bytes ...h-contrast-bgColor-closed-emphasis-linux.png | Bin 730 -> 725 bytes ...igh-contrast-bgColor-open-emphasis-linux.png | Bin 725 -> 743 bytes ...ntrast-borderColor-closed-emphasis-linux.png | Bin 787 -> 794 bytes ...-contrast-borderColor-closed-muted-linux.png | Bin 787 -> 789 bytes ...contrast-borderColor-open-emphasis-linux.png | Bin 794 -> 797 bytes ...gh-contrast-borderColor-open-muted-linux.png | Bin 789 -> 799 bytes ...nopia-high-contrast-fgColor-closed-linux.png | Bin 748 -> 761 bytes ...tanopia-high-contrast-fgColor-open-linux.png | Bin 762 -> 763 bytes ...colorblind-bgColor-closed-emphasis-linux.png | Bin 840 -> 735 bytes ...t-colorblind-bgColor-open-emphasis-linux.png | Bin 742 -> 738 bytes ...rblind-borderColor-closed-emphasis-linux.png | Bin 882 -> 776 bytes ...lorblind-borderColor-open-emphasis-linux.png | Bin 776 -> 776 bytes ...es-light-colorblind-fgColor-closed-linux.png | Bin 840 -> 734 bytes ...ches-light-colorblind-fgColor-open-linux.png | Bin 742 -> 738 bytes ...h-contrast-bgColor-closed-emphasis-linux.png | Bin 734 -> 744 bytes ...igh-contrast-bgColor-open-emphasis-linux.png | Bin 744 -> 743 bytes ...ntrast-borderColor-closed-emphasis-linux.png | Bin 775 -> 780 bytes ...-contrast-borderColor-closed-muted-linux.png | Bin 775 -> 772 bytes ...gh-contrast-borderColor-done-muted-linux.png | Bin 758 -> 775 bytes ...contrast-borderColor-open-emphasis-linux.png | Bin 782 -> 779 bytes ...gh-contrast-borderColor-open-muted-linux.png | Bin 779 -> 756 bytes ...-contrast-borderColor-severe-muted-linux.png | Bin 759 -> 781 bytes ...blind-high-contrast-fgColor-closed-linux.png | Bin 732 -> 743 bytes ...orblind-high-contrast-fgColor-open-linux.png | Bin 743 -> 746 bytes ...tritanopia-bgColor-closed-emphasis-linux.png | Bin 840 -> 735 bytes ...t-tritanopia-bgColor-open-emphasis-linux.png | Bin 838 -> 738 bytes ...anopia-borderColor-closed-emphasis-linux.png | Bin 882 -> 776 bytes ...itanopia-borderColor-open-emphasis-linux.png | Bin 884 -> 776 bytes ...es-light-tritanopia-fgColor-closed-linux.png | Bin 840 -> 734 bytes ...ches-light-tritanopia-fgColor-open-linux.png | Bin 838 -> 738 bytes ...h-contrast-bgColor-closed-emphasis-linux.png | Bin 734 -> 744 bytes ...igh-contrast-bgColor-open-emphasis-linux.png | Bin 744 -> 743 bytes ...ntrast-borderColor-closed-emphasis-linux.png | Bin 775 -> 780 bytes ...-contrast-borderColor-closed-muted-linux.png | Bin 775 -> 760 bytes ...gh-contrast-borderColor-done-muted-linux.png | Bin 758 -> 775 bytes ...contrast-borderColor-open-emphasis-linux.png | Bin 780 -> 779 bytes ...gh-contrast-borderColor-open-muted-linux.png | Bin 760 -> 756 bytes ...nopia-high-contrast-fgColor-closed-linux.png | Bin 732 -> 743 bytes ...tanopia-high-contrast-fgColor-open-linux.png | Bin 743 -> 746 bytes 62 files changed, 0 insertions(+), 0 deletions(-) diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-bgColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-bgColor-closed-emphasis-linux.png index 339b654a2fc24e54b4ab75f2dd31409ef419c4f5..7c3a0a4fdf1fc1c082d5533eaa3a5060cb78f042 100644 GIT binary patch literal 742 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^7I?Zi zhE&XXdu?N`aG^|FVp00TBb|g&IwKa)NPf9yYMuxF-yy{+{AJ9)2l zg&%w0y1n~ortQND%X5q_JGMW4k@5ej1$%)}N2frNQp*euMKz}p!z{?RFX#W-@)#HZ z0uS%)yLcSm!dbF(a7V8sYQW`#95akqDK_g*>{}OTU5wtmbTz#L(}3byT4d!|MiyvQS6!?(&jiI4mNJqhWLj%u2CLLHN&LUHc@Ti%(DbDzAGwZBBel-|E-1Zw6Pi zC#=0Pee?Rw>Th(m$Lk-ATG@P_9mb)VvuPM2bTvAA>Ae4T=jUzMe5YA%l_{rz^uUF>FVdQ&MBb@012QY;{X5v diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-bgColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-bgColor-open-emphasis-linux.png index 83f4760570418343f6e3e34a2b0dc1293b1737d7..c54e94ee6439db7b2cf7bfd8c9f3f47e59a6dbe2 100644 GIT binary patch literal 749 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^mV3H5 zhE&XXd(A#;GNVj;;e8X+`i!<~PHlO5atAy=a?Cp>y`x+FQs5ks^9wGxZsIgEk+OB( zWRw5md2y4zeZ>RwHG0?k8_q3}W8k05p{VB6(J7Fm)G~ugOyAdx%hQea$Jx{u*L^NB z+P`jl&xyL-H}BT%`~9nK|J^ImerImx6b9y77@ii-Pxp`Kznp5D64UmwsOoD@#JX~O zJD`f5@-GR`&DX!;eEihHUEtwCwf^w0Egy^KD0fiPrBwAcEe*4|@$X-_ZQ>r8=Nw8l zH{N{BzFYtOzrR0Y^DPYzzbcB& uZ(u)b&1ER) delta 298 zcmaFM`h<0Yq4zvb7srr_Id88Sb_FL&v|YS&$MB>B6Q?pynVDJGE~e>^nC?tj=Vq3fTLw9+$qSjxCNE%;iP*h@-RFFs zVfEjfnvWIxVtKw!tA6tA+q=vChj*|49l!nSl$Daxr@yW`d}L2$-N#oacSwo;n19v6 z=I)vGVTXUeZ?8IimhwfnuBfqlhnPz%g~mcX#Iv-P=~A(&-+u4r#WK%%9)Bu|&7U#jym|ZEq;0W$s|#0bzoTrvy=d#Wzp$Py^Ka@TI diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-borderColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-borderColor-closed-emphasis-linux.png index 85ec3960f28348a8af1dbd94080954e5a5b2927e..1c56fac18f43529e1c71c56a60583225aa8e6877 100644 GIT binary patch literal 775 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^4tlyc zhE&XXd)?koB$1&#apuh(I`tt;Ue4X(8!jAUu8{OUpxE>MViY%5cC@#L%E2`%>nd2> zXJ4QA-14CQy#0NTf^2Z6D4rtE&p~ zpCQR^bHs(iP|(SzML<|_q%v~?`De`ke0g#e(|^(UL!SHo-MAwB?6~u6kCw?bG4~%7D{Hyx=>`_*2b#(sB#{r^t>Z}ReYcpDnpH?uSR(LTsz#KL_-Ku5uOLjw;jI5%e6HrP)~&EHc~ zYsNQUu0QqWY}+0kB^5gCM&pu20Cey~9Z5lUsucZ2N{UcefK=pIx?2}l3 z?%tVsho&X0J@Rq$^Udl7{f8GXzA1b|XwB3cckj-%ZLGGb+Hz*zfob&-+Fw5&{(V#U zU-t9-`)B7Jh~GgY-_S6i2Ht2;RPDE}|DE@ZB|=vGn%A9sd1?L+&^i~T>YU}OwB)&V|UkoeDb0~=d@8ZUvdvHB4c9zN!-`p2aL6A&3})xmv44w l_`~h*M6=X|9%zrvKXmGI>^pnqA~4%9c)I$ztaD0e0sz>3Hq`(C diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-borderColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-borderColor-open-emphasis-linux.png index 03e2baeebde129dc374730615b9a801c9e0d4cb4..c3f4816275c6b6ad3bad36c310d300b4393c4af6 100644 GIT binary patch delta 356 zcmV-q0h|7W29^epF;mbPB4fkn6k zYvUqZhW17iwPFJlMooxzI1!z=g`qnB@;obebCZ+rzmvWFqYa=ltp~tuCzHVeQh&30 zz!;|6hl@wg<|n7q?ZbM@09MP(>(6h0etfxFUe;R%u(`F^tv3u{=k)p3{il=JPCaA{ zliAMf;KAhX@%6>)ddmPjN7r)aW?frVf82l67*!Nct z>k0p~gR}E`!eCrNh=~wlB7~R-A(P7id6U2afmqnA9x$GRv-5fa{}q>TEvw~^dct^o zv^9xvE!SV)*AvEb{pDRfVGNsFi`{y|0RDXYG+o@AY#&bMi+aldR?Ev@7jLdUyx91C zRc{%280HXF;KoqL_t(|obA^!Y7}7rhT%+h*=!(@YzzcD8yg!f?5)y!0}tS# zBsWO!0n%zGdICi>Sjj>*-asbR%Wt0N1Ruk^GygvwZ_f9C&VD@r9y*i30zZ@A0uydq z)&s_{S?#@jws?8Af3lkDEd#jO-hKSByZn0lYg^6yxss0n&T*w-U1?%-vS|% d-vSmE{sP_)ECUF*?=%1a002ovPDHLkV1h4boumK& diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-borderColor-open-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-borderColor-open-muted-linux.png index e894577ab37d3bf5cdd6fd064df6a151837fa731..e9d9ef90c73e3dbc7b50b428f334d26fa7d9a76e 100644 GIT binary patch delta 356 zcmeyu`k!@zq1#SR7srr_Id88!W=(cvXiNNW?|J)5+QiVQO%HgxwD~VTuAKKslFPL) z*>UO7V=n}K!q+Fyf6gM$tZ!_byY0Dt!?_s#hUb10=V?sbAU1J>Nd2_04Tfh8B7E%e1wNHS z&2Q>z)~WX#UnrYVxW{g_InRUZ-}OId*{;2I`3>X$^51v=p5HyY{r2nozhn2NGF(op mj>~UIKU*v^c_Cw@SUtl!HT?zpk@prd0D-5gpUXO@geCxxKCs3B literal 756 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^)_J-( zhE&XXd)+?oasos9L#x84W?3y-j5BZSGAf)hZ}R1m)VD#Wj?EA83R?HTM}OJ*;->j_ zKeyWR-@bj9^+M!T<_Bwq6_2=Z7z#T1vxgZrTkDQbWlEO}KfF70>rNTD`gyN(xgS_roz8o_ z;M})|r>wKZ&R^4+zOV85Y&ZYwI{!G&fBSmd+xFr7vU>BY!eYmEb0sOY%-~Q|bL!|6 z7^zINYs}N0|I1sY{vrOO>YS%f3s$M?^gGY?Y}s6MfB!Y%Y0pnCJi8ehx)thDu+;O_D{D>*0myh*%p5t=XXpM~*JcGNm z3nuuSFeCiQI!K?@tVrtze;|V*ztUwP&kwS@b06J zr}r<5*AM$TP4=GHU5R=1D(8;GoKv?m}2x8{FdH*)o zHgS(kI=9lD8{bc_hJ*_=82`k?+Ryf#cYfLD#1-3nPW(Lk>-N!Cm)CE8y?b}n>Asu5 l*uEzHAntP?ox|;o{Ga7I%=0JgH~>t-44$rjF6*2UngFK}16BY4 literal 826 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbO{Up!qL zLn`LHy>93g6DZO4FnL2q!SW58%x481F=Y`h*~=*v<9TdHr=&rzp|r$7t?&EJd|vb5 zv3}e+%Lv)|d-xg}_>1`&D)bLB8L@Dm5YSO@-q6593y#H{YKGmum$Pbq{>q&*Z*G5P z)LGkf{haNyKYrOE$N#-NdH3Bjw(YWeHi*6Y^{gx=Ca&{py@~JY!oo_^b@_SE=N*z} z$zEtTw|-vrp?gKYp9-yMwfa?I^1Ws6({HC$BOKZi7$uunQ#iyXD2{Tlgn{mr&-0(} zRDYwpJzno%)QbDB=U($W0p@stmk85lfW{an^LB{Ts56oVCI diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-fgColor-open-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-fgColor-open-linux.png index e56e723649f26e0a28799bf308534c92c1849122..157c5d1fb150f67c65f6359fa43a17e1b0c1a07f 100644 GIT binary patch delta 300 zcmaFE`iXUdq2C%$7srr_Id8AoW`!_{v?V_NbHrlu!3BmZSsbOM%N4@5J<5w|OmY7g zl9WH&ZMCMaAg8j2NFlHB*=qgDd7?Ek6%XIY%FVsQWVQV@W5MN#3k@euP)xY7Mb5x( z^V7rb>+h|bw`Yca|7%_5qP;tJ{Q8&r_vM@O&)oN>rl|d9KV5bBgiT%Tw+BCGpR5Vw zmz;L8rttfhn>nRbmH+nLGcvk&aqZpeUz_F`#Pn@u7R<}7N)Ppy&^vy!apFYBi4&Z_ z$iU;!+P{Bmp%NV1zkR;_yy{SaqS9x=JMM+S8gY;QzuE~Xrd14#?&tI;?oUv$Y76TA?y85}Sb4q9e0F+sn@c;k- delta 308 zcmeyw`i6Caq5m>Z7srr_Id8AoW=%#qQr!J8st%E$C61r=H&X`=Uc``@zj!nVdJ%_Vue{sC+tdiUqe$JLAdZ`6m+etZ4&?f(1g>vR8Ii*|dKvCU$gdC!^OpO@#ypPP1hp^Moi8bw|MT3vIX~_0oG$#PaA@w@c^0?!%B1uAu}$8}$LFYs)w~di(^Q|oVV9D_67%vxCZY3pZiddQB3p#<03{Y#pQY#Y)UR}l715; zGHv>2G#v2Twm)qxSKqoVORbOnOJpyZR>iPqVnJ}&w)N~e=QGXiV&nGC|9x5F>on`4 zd7qzG{MuzVuYB{pO@^-{_`bIF{;aXAyCd7j_2+tFPx2j;a8|7|<}HRt!!g?S2xR{xclUUlei z(H!YD$(C27&7NH^sx&^HsdwD)m2UYHo9Ev@eo3wU6Rdx8j^Q`{uWS_;_bi^gfk_12 eY)PLMf#2NW(HgylJS!(N0D-5gpUXO@geCwbvyQg_ delta 281 zcmcc0dW&^}p~DnU7srr_Id89>%?f4|aSNRMTbQd@4U^UDDu$Ypi3`;xPSA-oyT-ikyvh0d`|js&-(6{ZJzDI^ zmm(`U{{8auasJDzPEVB#d%f~rLF&8uKYu=b&68-aIdeE+kZWJ-5H>xuSh>|{@geDAY;H}2S$0Z aH}djFwR`tGI@YEuCehEd;3(xfV}h&U3QI+1R`mAC*`ChkRN zowYkCB50vPLP>QE$>e*Fp0k3V3m@EJSe`!vI%7Qmo;s630a9IC)&u5eTwlEW@Ok~_ zai+uMb^ zc~wuCF2^~+Vi;HThM9TzeKVYG$FqxZxv95I$YFQ4yZv#0{q^5rS8th_VOXBm8{kRv jj+4;=N0Yz-C>HEL4!0|dR&JFC00000NkvXXu0mjf3|ozF literal 734 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^W_Y?d zhE&XXd(E&*I8mnkp^w^TMUMz+X>M-mjo)Op$%W)EI+~>VhEYtlb;1toZDwMVpZVT+ zZh5fZ{yz78gPbz$1)JBgA1GFL>gW_mQfisOp{PbB=Ip8iUvK(AznVNWIbxPm{S8y!YX$nyTtwA6^w&U$fRbQx>zg&hY-dGx73s(j@O+ zJbG_`%^LL>z2lb69OAcs9{NB3@f^n%0b#`>E*yq}PCg@t`7mk!|0~>jGeG|DzWZ0^ zHRtr#=L)Auw|@=E-(h6W_xi8N`{h@!RsTNz(4wYV!v4Ph@#PEe6{WT%ZeDGEVDmF; eF8YSo#{CWz8vS7s@m9bD%i!ti=d#Wzp$Pzqh4&W# diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-closed-emphasis-linux.png index a2226093852faa687142a1bb91d042d19c8290a0..704126f035653fb0774cdee96f97b4e79662ef02 100644 GIT binary patch delta 363 zcmV-x0hIoe2AT$tF?!YQl zRv@?rx1fz1&;_WiAc|`Uf%r3mrI{2VxP**0uh%@!3O)|JoO7!?8ck+bfX=uc0GFMU z!2&#!+yWMVP3i%|usfeUyL;#1;`+6@-#K1vd9r$Q{N?G#&)-j0^_BtH7>%d(h5>kS z|K8(UH@BzGYAxH->Fu4Xi}}{8!=rl30Ck0f< z+=OfSd3st;7#@eVCK0aX-SM}2!tlI3{#s8MhKpo!+yWt!+yV#|_8W}PFjumg`4IpB002ov JPDHLkV1iOjwBi5& delta 358 zcmV-s0h#`q29pMmF;dM*L_t(|obBB`YLrm`hEXS(K&COw7+gSHK_dRN5kYVnT3Bl1 zT0|r+BakX6NhQe?LY9#sRw>=WX!Cf@IV*Vi;Njk{x|7Ltb`R)m)C1tIli>kUf3ayj zU<~uc;?3K42ali3=kt2Y09LEj<;9P$N1s>M*Y%bGY)&?|>J0;U|Ka1|iiq2c(U(uRx3~3{ z0Zb;-S-k=7G}lp+@B$Q*?gAE*?gAE*?gADWCPIk)22u?$#l@KvU;qFB07*qoM6N<$ Ef-W7cApigX diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-closed-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-closed-muted-linux.png index a2226093852faa687142a1bb91d042d19c8290a0..a1698feecceac2b87553caf3fcbc106dbe159eb7 100644 GIT binary patch delta 344 zcmV-e0jK_x29*YoF;vea~2A)Gm zlhP(<@Cn#IVnM~K}4Fh<-^Z3c#JB!(@ z9x{f-YwgiHB;c2-Xq zk3(CM2$%Ba@M}F`Jg*(va#kkOwR*zC1!9Pv5>j{qeKj qGJwfsb-msI7nvv5)SyIOTBIgS8gLT4+M_f1z1)Y3a1gON^m}#59^ZDqb zv$xCH`{$o|{<-QjL)hx8PmlJmcb^}A{rcBwj5&U0+g|Z9SNwnY_+j_-%`@3UuN%!i z`|X?D+jn+0_P@jOB^zG9h?-|t9p^7`{@*`G+e99vm~P__`giW%T&do3(Eg!(_1{+; z=6&$DwzFKT&U4I@x?Z4ac+kzT+1Hql71tC+`9IkING0a<`q{Iq4pr1_G3_kSJ^eJ* zHqqwvQ&(U}&Ys-6w(2m$x^;DWV*JlOAN}^NY;P*V>Z`B*y!m}`y8rg=+kr9UqjouR uFXKCt>wz7e0!d0OGdL90oT$tE%NE3IaP;U*kpy5WXYh3Ob6Mw<&;$UAD-v@6 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-open-emphasis-linux.png index 75b6ff587fa03a8a25036d18e6c808fcfcbb7699..e630605f7b4e81a4573647303c786d3139ddce1e 100644 GIT binary patch literal 797 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^u6w#T zhE&XXd)+!q)PbQbFhB1eXN!aZSJVv-u9dpY35mJM=`W>Nvac(o@GjDG5RpDTWn)nG zV`UeU1eXHt>#vHx%n|*=Q*-7_iqZZewijovGC!zSck1XANK$HgV=NZgv{kpd5ki;L( z|2I}wum0My|JJ*Ep0mdKI;Vst E08Mx&bN~PV delta 355 zcmV-p0i6Dw295@hF;B=zL_t(|obA@JZjE68$6?<&rzhGT2B``giACZP#K36k_2`1p z?XY#g=mNUcAnBlDYMUs^CHPo=K7F1m_~%W2@B0qJV*L`(nbiZ}qLbkQCX>(tEPt^@ zJzyHPSHsgsn-A|SudiHNzjt(e{^sE9#oo!M{j)|9;V9m~zi@41UQd_?chw)e_55=^ z;h%Q6yH!t^7%w5jL z`26+$*Jpbtr)Tw)DHw*udc6TIG~ZE^;Q?6|{Q?AqFA7I8x26C9002ovPDHLkV1iLq Bv#|gG diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-open-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-open-muted-linux.png index 899db901bf17c3bfb72eda4d737029db3b3dd291..a208982883ff71e27bc20b53e363ec284a351319 100644 GIT binary patch delta 374 zcmbQjHlJ;RVc1Pi7srr_Id88Y?BWezIG$Mk?A{$~XSUYPN$d-5+_<5^o$rwLUUJIT z^bahHZ+>J*TArg3c5U;F39}{{o;su*vwD8=zW1E}=Kd-@H`8ZXcd|qJQaJ|qxsxX{ z2G#q%W=x)uKWG2H2PdCxweIdM{yL5E&z=99zCV2WJH4O(yZ!ZOwhdO1Gp|as6?}ep zS$q4tv(H|ConUz8+3V%{@v+v$ncv@jt~$+N<37FU^Y-$uf5n*`F?Y?GSG>$We!V=Klw4f+ z>QKqPuzbk_=l|;O&X3=7yY9>H5AJ(Y877}B3CwR$K3gm@Igv3^te&C5z@RhYLC91F OAngj7e}Ds(x%>4YXKdf+=p=@Yjid- zeP1}$Y|&h4kLA4y$p@5ToO%RGIsH~0H+;V4LF$a>v-8y^|GcKUz<4eD0ax{j2PGzd zV3M4;L9zaG)d7o`c)$2Jv6U6+#p#x-xAz=)`0CBwTV# zc=-G~@j7NPGHj7KKJV|w>@ThS_Ugfsdqzz6RyoSuy}L%e=X~>R>8~w?0uL2#?`wQs zp8N2XT}S<);%K|SQT{)cul-j3np634L;DO4MK!06PJyI}v+N-*(L|x-LeIWte7yPA z{k7^J;y(OorMl&osOH!r$qSXDB$r&QjXUT3HN<5M&HzuWajGtcES&fQzZaHnMQLdKwY zv$gC!=PzdceD(6>fDxUINR1{UwO@rs?R?c-7_+pw>a9mwjjt~Lhty^Mvm=e7T*v4sJA@FH~9dQ z7zvogBk%3?ucfw$J7m(?mG0d7dHre-_)zwzqU>M`Q`8NxkukFep&={MKs%! zti6@LpFVoJn}7fRKWn%5oJld7dtLg0+h>{9$%%}4VmIu&Lbdy^CiZhP0D-5gpUXO@ GgeCwwPo=;B delta 314 zcmey#`i6Caq3<$J7srr_IdAXo%@s+Ma0@Kk%jahCVT}*-GG>D(3R;Z~0!&qoV)jQF z)EJywV%pRVjT8+Z<`tzMu@tqbG7bN=DRQmZVc7+n*Rdb??>G4%V^Eyg*M_H(+iySD zkF%@zks))u>U59KnI?w6c=fk_w# zCFD|&zCSvzdMX diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-fgColor-open-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-fgColor-open-linux.png index 290f8b83332e75c0582163b4eba1811979065a20..40edd7c63439069a8e20feef9f09aa758e3ad47e 100644 GIT binary patch literal 763 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^wtBia zhE&XXd(AK_gi)j|Fx^N}a-P5<1I?T(K^p|4xg9sLd7DpQ?bsTtCk{-kdYP_W!4Ee@`!;9dG|yS9r7e?DyBD)t>!$^7Acw|FqQ$ z<&5-BU)`{;^!cf+ub0cmU5!>dX1#0c?C*WAIUhf@uoifDO^=`bYs<%?IkFv8b17B5 zO=H9E+`51Eebu1~%X54#JGSP}zkfye*y+Nu4bXr*e%*g{^VfokEit^1;GSDo^Y`7+ y$@TSSU#E4>JS(=kia93ZULY0YnHUfMW!FBgJ+U?~_aZPgGkCiCxvX|5K(y1j|V_x$|xx4_bRS3#cP{Al5Js2I`2`1p-HpNsZHW`hNxz{Jep>FVdQ I&MBb@03H4g0ssI2 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-bgColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-bgColor-closed-emphasis-linux.png index fa154cac4afd1232d8827217c6a479be60a700dd..7c3a0a4fdf1fc1c082d5533eaa3a5060cb78f042 100644 GIT binary patch literal 742 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^7I?Zi zhE&XXdu?N`aG^|FVp00TBb|g&IwKa)NPf9yYMuxF-yy{+{AJ9)2l zg&%w0y1n~ortQND%X5q_JGMW4k@5ej1$%)}N2frNQp*euMKz}p!z{?RFX#W-@)#HZ z0uS%)yLcSm!dbnp_uJ=eZknF|;lTFa zJM8DNI~-`g$;@!idqV@yK_(*>?h^t!3eL3P%X{mSQ?fdWMnb-aOV_3~6UcqVp z>RrJM+lN^@|CVuHbGv)*&bfI7Tkq8ErlG@!iP39%tA77Bt3GtK==WP8AjfuYn*WZd zy#2A}o7oF)&Od(tagAL+mWX+y`RDk%$Nwtk*)lz_-P7XGmcS_4#G1k(HbF6BU^vI@ Yr|Rg|&3E&20OkS)Pgg&ebxsLQ0GQt(8UO$Q diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-bgColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-bgColor-open-emphasis-linux.png index 6f8122e8ee5fddfc05b76fb888d9c0cae7a14159..c54e94ee6439db7b2cf7bfd8c9f3f47e59a6dbe2 100644 GIT binary patch literal 749 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^mV3H5 zhE&XXd(A#;GNVj;;e8X+`i!<~PHlO5atAy=a?Cp>y`x+FQs5ks^9wGxZsIgEk+OB( zWRw5md2y4zeZ>RwHG0?k8_q3}W8k05p{VB6(J7Fm)G~ugOyAdx%hQea$Jx{u*L^NB z+P`jl&xyL-H}BT%`~9nK|J^ImerImx6b9y77@ii-Pxp`Kznp5D64UmwsOoD@#JX~O zJD`f5@-GR`&DX!;eEihHUEtwCwf^w0Egy^KD0fiPrBwAcEe*4|@$X-_ZQ>r8=Nw8l zH{N{BzFYtOzrR0Y^DPYzzbcB& uZ(u)b&1ER) literal 831 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbO{KRsO> zLn`LHz3%8WHBhGg;o|wso_VTLd9Jq{n!jCIkl3B^V9}waESV~a7B8x9AK;xc_x)45 z^IUa*`1cg_nLQ8R%_vY{Q_XO|n^SCpVuV9m0;6OTYYGPqILA)DVSH1*Q>Nd4dj7Gm zH(&0En0B+6@6g{e>pc1S$Ijk8yyLdr`FV%snzjbbzrR;j-fVr^c?%8k(?)jt?4;G* z-5;O+K7aG`4ek05z4q3ZT2&u9SoHg=(3+{YbmparZI9R2XQqj>X&55(Hu{>^-+RCy zF4%CVZZAvr(tUp`XW2eX*!j0=?islQb@BCor0UCe7uJ?p=}k-hHmA8@|J}aZ$Cnot ye>bS+`d_%ka{sNfa*Q8@_O;M5nGhK$$Lz}$bfb06{91rHg2B_(&t;ucLK6TpFB72v diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-borderColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-borderColor-closed-emphasis-linux.png index 4f67575fac93967b33bfedb1ea7a64778bac2ffc..1c56fac18f43529e1c71c56a60583225aa8e6877 100644 GIT binary patch literal 775 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^4tlyc zhE&XXd)?koB$1&#apuh(I`tt;Ue4X(8!jAUu8{OUpxE>MViY%5cC@#L%E2`%>nd2> zXJ4QA-14CQy#0NTf^2Z6D4rtE&p~ zpCQR^bHs(iP|(SzML<|_q%v~?`De`ke0g#e(|^(UL!SHo-MAwB?6~u6kCw?bG4~%7D{Hyx=>`_*2b#(sB#X7SY*!2F%-l%v8Hf{O;C(*XiH#}qy^_=!Z(J05q{G@KDqgMqxJ3n z)X22+i9H+Fy|##n?VEppU*FfNxwh?!5wkyjIeNOV?q9|?o`0KkPFIwCtdNnF@AsFt zKQr%efl%JDy8ZKQ8?E1z?Y=3zLp4IWu;|go-J#2u`+ZsaVS3J$-{tw~{y*05t@@kx zjpg4#ZtfETIttDk8h8#e8L^CVhzWxp_RZ`c^4G`hpJ~fzcAPs~dENT!z_4!4-z?j- zRj~bV;y0Fe1v_@lvTcm^JJkE*zVhYy4d+(LF|41Pj86jjlU;9FZW(v__=HM@4opy zz5Kg)_;vH&&#O)|^~`=7xHpk;U!BFjJ+?F27Rqhnxoq%e+1H0vf9k5^^CKC`Yp40o zUO8`rjlBB*$ju!E(=tB<=$9GveQilCSRMD~_S5%OhwR_}d9!5R1_M5uBQ6|X+Tm6;REA2ILq=E+q||3%{uMdr<)_looMtT$!) THnX?D)Xd=N>gTe~DWM4f6R`!^ literal 844 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbQdY@RNT zAr*7pUibAA36yBNc)QH^iF=B|24;@m@!c0$6BuMK8E9VOD|yi1HzU;c;~ddFC#T!& zEHAFA+bPe$C_hb(;X_;#YYKzu+#%zBTs?W#oK)Ut zm2&5IFaP-YW8#_h>%Gq>a$L)biHYsKe0lTI^bh@+vyLs_d_MVeqH*1wySldR550Ft z$@lwBn|FXQZ?jy}R-wyfyT7pT70mwnK{aOO`}_O!Y#;6~t1Si!-h0qWwnNGB-0;wI zY|9shdyoK(kkwx^b;k3`mz**W%w8)-Xn*{)DY}Y@-Nt_R*{B~v>yAAB`}fBC;}%wS za+j|~UQ3wweB*7~-uQlgZ~uqu&%XTmwC<%K!~2Kc9ONb!T7~Ezw)aa7cpm&e3d$Y~ Mp00i_>zopr01UhuhX4Qo diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-borderColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-borderColor-open-emphasis-linux.png index ec3535facaa5fe050827ac6ac7455a4416a58cb6..c3f4816275c6b6ad3bad36c310d300b4393c4af6 100644 GIT binary patch literal 790 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^E_k{) zhE&XXd)?44BvHaGF>Qt*+rowfg@v0pZrp6Juz>kpqw5Zq?8izmZQtC4w%-vNqGL{=e57fC*Sn5P2rh* z^W2*U2cNwA`1R;(pbi`N>qXC>c-kh~e13fVYl~q=f$rp;(iO><-~O#SB=JZ1-i`0! z{I5CxZ)x8Ax$00t43*qY)qtS4VK>&u8O#HP2h)Gi=>@v0pY~TBs;Jpw+F77`J^uc6 z;bX;rpT^oI^30CzzFT#e;a|;flh`}6bL9P=bwlDPUOa!D-JTmiYD4oS52WP(UvZCN s`>f|0M_f1z1)Y3a1cVi-%lyZ*dbhsYRJRN*U_xi`boFyt=akR{05EbXrvLx| literal 871 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbQdik>cx zAr*7pUN`g$4U}-Z$oyVaiKTVH!iA+QVmBh9EyTIK*%J>gxzZ$fBWgy68}}kLyNwqP zISK75E|1A(i7%Q|`+on{`idG;2BvN4{0uuZ4>B3CaGwy+QE=YSz(Wg8#Cf>``QO8C zKfbwl_v4HA&RImQO*^01^RaNVuBA18e-{wC9wpnL4|Z}!J0|Gj%7`R8fI zRw@7YZ+gF8yH@e>-{m)!Jn9dVZ0_BjY1^1R=iWZkYNmRQYff+Ss=Jn2MOa^)e#mo2 z0RR1cvuz*lFZ=f(`njxgN@xNA^0hiZ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-borderColor-open-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-borderColor-open-muted-linux.png index eefd4f416df03a72b537cd7f49f9d0c7f5eef313..e9d9ef90c73e3dbc7b50b428f334d26fa7d9a76e 100644 GIT binary patch literal 767 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^c6z!v zhE&XXd)+Z>vLi!V;(vS3+gH*ihE8pIz}uzGfBA9cyhoB;u7$~tOOGCVA?OpnK6(Cg z7I|iUW8>Uy&-EM5#qc*g_iGUlRy^XuVJPV2LnY?4uMLK0PEY=NbobL|U-!gZk7nC& z|L*&JwY&E3z4u=3l`eCH%=+`Mc$qC~KmW`4T{bKH>jXoe&siJqopWE_UvB<&8e>JD zT*}s+E7W_^e|`$JP2^FsIkBaH-R|ZdtCi|K2j_n{xv%a|fd7x>x%%s0aW)qUQ_bmA z4F~!f1`PF&IiT?P6Mmc zx)thDu+;O_D{D>*0myh*%p5t=XXpM~*JcGNm z3nuuSFeCiQI!K?@tVrtze;|V*ztUwP&kwS@b06J zr}r<5*AM$TP4=GHU5R=1D(8;GoKv?m}2x8{FdH*)o zHgS(kI=9lD8{bc_hJ*_=82`k?+Ryf#cYfLD#1-3nPW(Lk>-N!Cm)CE8y?b}n>Asu5 l*uEzHAntP?ox|;o{Ga7I%=0JgH~>t-44$rjF6*2UngFK}16BY4 literal 824 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbO{pFCY0 zLn`LHz3%80<0#>F(a7V8sYQW`#95akqDK_g*>{}OTU5wtmbTz#L(}3byT4d!|MiyvQS6!?(&jiI4mNJqhWLj%u2CLLHN&LUHc@Ti%(DbDzAGwZBBel-|E-1Zw6Pi zC#=0Pee?Rw>Th(m$Lk-ATG@P_9mb)VvuPM2bTvAA>Ae4T=jUzMe5YA%l_{rz^uUF>FVdQ&MBb@012QY;{X5v diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-fgColor-open-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-fgColor-open-linux.png index 849e2e3624fe3f2ddecd856e3a18289864dda1bf..157c5d1fb150f67c65f6359fa43a17e1b0c1a07f 100644 GIT binary patch literal 754 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^)_A%& zhE&XXd(Ad0gi)j|@$sJ{7LyMyFkH#vC@o#C5Vq}6UQA<(`@fK+{Ml}+HGKs+l|4iX zd5zCj>sQVbt&ypC_(oQ4?j0tp?XMXNE_VtfDYeYtP*ij3pc3=O7C8gE%})=zufMl$ z-kury{jYVIi}vo^@#|me-Xn!@j2 zZswF$RsP#|&&cTB#kF^X+%TsY{!-1vX~avkQ3MO(9giI~CD)z4*}Q$iB}6-yFi literal 838 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbQd44y8I zAr*7pUN_8|5-8#JQ2OK&Z;4&%eLl*DwD1 zrZL~8>A%}QzP#Ok)A+_=?;Qd1*U~qu%jj&6*E<-s;`;G@UnB3-?PTFTA)uq+yrF^T zAd}H32TK^NY5n#0k4^QVgGIle3IRF4K3G6FR`YBd{;u2iU*>#$8P=HDy!?YaII+AD jWYB-8$}$MT_aBo+r9s{%ZS@7fjKSdP>gTe~DWM4fGNB}P diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-bgColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-bgColor-closed-emphasis-linux.png index d954994cb64dd5d76130319bb5ee23e1e12795bf..a7bf2a2cbf593affd1fc5af833f542b840874f7a 100644 GIT binary patch delta 306 zcmcb`dX;s8p>w~di(^Q|oVV9D_67%vxCZY3pZiddQB3p#<03{Y#pQY#Y)UR}l715; zGHv>2G#v2Twm)qxSKqoVORbOnOJpyZR>iPqVnJ}&w)N~e=QGXiV&nGC|9x5F>on`4 zd7qzG{MuzVuYB{pO@^-{_`bIF{;aXAyCd7j_2+tFPx2j;a8|7|<}HRt!!g?S2xR{xclUUlei z(H!YD$(C27&7NH^sx&^HsdwD)m2UYHo9Ev@eo3wU6Rdx8j^Q`{uWS_;_bi^gfk_12 eY)PLMf#2NW(HgylJS!(N0D-5gpUXO@geCwbvyQg_ delta 281 zcmcc0dW&^}p~DnU7srr_Id89>%?f4|aSNRMTbQd@4U^UDDu$Ypi3`;xPSA-oyT-ikyvh0d`|js&-(6{ZJzDI^ zmm(`U{{8auasJDzPEVB#d%f~rLF&8uKYu=b&68-aIdeE+kZWJ-5H>xuSh>|{@geDAY;H}2S$0Z aH}djFwR`tGI@YEuCehEd;3(xfV}h&U3QI+1R`mAC*`ChkRN zowYkCB50vPLP>QE$>e*Fp0k3V3m@EJSe`!vI%7Qmo;s5;0a9IC)&u5eTwlEW@Ok~_ zai+uMb^ zc~wuCF2^~+Vi;HThM9TzeKVYG$FqxZxv95I$YFQ4yZv#0{q^5rS8th_VOXBm8{kRv jj+4OwP?JCb9~SIC4!0|dR&JFC00000NkvXXu0mjftgnnV literal 725 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^`aNA7 zLn`LHy|%G8I8ekjaR2|@hk}e^q8At!F0x5@Bz1mD-T-k&v=b$4X@xc*!(>?z;<^{vePY0IllAFFU*|1ELd*OuQ; zEzAWTUX9~-|E+&~XX9i?pB4dO#Um~phJsEbh8h0bcK&P5@23m%6b`NaD>1$5(BGmt z(rc0}uSlCcyIxdjd^}U{xZx|^@+UUWzkmFaTKgwh|K=RSZ~R}`DlYC>Oy>am%^e=C W(Obx~axyTTGI+ZBxvX?!YQl zRv@?rx1fz1&;_WiAc|`Uf%r3mrI{2VxP**0uh%@!3O)|JoO7!?8ck+bfX=uc0GFMU z!2&#!+yWMVP3i%|usfeUyL;#1;`+6@-#K1vd9r$Q{N?G#&)-j0^_BtH7>%d(h5>kS z|K8(UH@BzGYAxH->Fu4Xi}}{8!=rl30Ck0f< z+=OfSd3st;7#@eVCK0aX-SM}2!tlI3{#s8MhKpo!+yWt!+yV#|_8W}PFjumg`4IpB002ov JPDHLkV1iOjwBi5& delta 358 zcmV-s0h#`q29pMmF;dM*L_t(|obBB`YLrm`hEXS(K&COw7+gSHK_dRN5kYVnT3Bl1 zT0|r+BakX6NhQe?LY9#sRw>=WX!Cf@IV*Vi;Njk{x|7Ltb`R)m)C1tIli>kUf3ayj zU<~uc;?3K42ali3=kt2Y09LEj<;9P$N1s>M*Y%bGY)&?|>J0;U|Ka1|iiq2c(U(uRx3~3{ z0Zb;-S-k=7G}lp+@B$Q*?gAE*?gAE*?gADWCPIk)22u?$#l@KvU;qFB07*qoM6N<$ Ef-W7cApigX diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-borderColor-closed-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-borderColor-closed-muted-linux.png index a2226093852faa687142a1bb91d042d19c8290a0..a1698feecceac2b87553caf3fcbc106dbe159eb7 100644 GIT binary patch delta 344 zcmV-e0jK_x29*YoF;vea~2A)Gm zlhP(<@Cn#IVnM~K}4Fh<-^Z3c#JB!(@ z9x{f-YwgiHB;c2-Xq zk3(CM2$%Ba@M}F`Jg*(va#kkOwR*zC1!9Pv5>j{qeKj qGJwfsb-msI7nvv5)SyIOTBIgS8gLT4+M_f1z1)Y3a1gON^m}#59^ZDqb zv$xCH`{$o|{<-QjL)hx8PmlJmcb^}A{rcBwj5&U0+g|Z9SNwnY_+j_-%`@3UuN%!i z`|X?D+jn+0_P@jOB^zG9h?-|t9p^7`{@*`G+e99vm~P__`giW%T&do3(Eg!(_1{+; z=6&$DwzFKT&U4I@x?Z4ac+kzT+1Hql71tC+`9IkING0a<`q{Iq4pr1_G3_kSJ^eJ* zHqqwvQ&(U}&Ys-6w(2m$x^;DWV*JlOAN}^NY;P*V>Z`B*y!m}`y8rg=+kr9UqjouR uFXKCt>wz7e0!d0OGdL90oT$tE%NE3IaP;U*kpy5WXYh3Ob6Mw<&;$UAD-v@6 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-borderColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-borderColor-open-emphasis-linux.png index 704126f035653fb0774cdee96f97b4e79662ef02..e630605f7b4e81a4573647303c786d3139ddce1e 100644 GIT binary patch delta 402 zcmbQmHkWOJVd!;F7srr_Id899XNfv6v<2qp-Q#SLFyM;1!NIjsw>cp(H#z;K6ifDX zg%sXJdJZDer>ATT%6_cuVv^uezDg7u%jHW=#U<;3s%`{B*j+1=95U+FSi*xLOm`taxPWcKC9<$?See$T{S@iOly z`hM}-SL@49w^p5ySav%5_4Kl7X8Luv>Z9@{8=k-L*;bZ!RruKE%CBy=i9AYkPL@>e zoo6tw_3PTILlS>D|KC_$z4~j*{#)sFU)(KQcy$ZM+|R-5|-v SvvV~A5O})!xvX?!YQl zRv@?rx1fz1&;_WiAc|`Uf%r3mrI{2VxP**0uh%@!3O)|JoO7!?8ck+bfX=uc0GFMU zu>n$lP3i%|usfeUyL;#1;`+6@-#K1vd9r$Q{N?G#&)-j0^_BtH7>%d(h5>kS|K8(U zH@BzGYAxH->Fu4Xi}}{8!=rl30CH-~;&;mD;&;mD;&;mD;&;mGCNj+eA z&JXtM3H(>wglqYEdRk8y9*4Fj5w7Lk@wa-y@Vq_#T2B~;jnQ~oZy130%O88Q`R;tS zHT8hM*z#oc`taz<{9 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-borderColor-open-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-borderColor-open-muted-linux.png index a1698feecceac2b87553caf3fcbc106dbe159eb7..a208982883ff71e27bc20b53e363ec284a351319 100644 GIT binary patch literal 799 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^ZhE>n zhE&XXd;MS+Zveyb#PVnN?pQmswRTQoUvT5b4Gr#mhqU*SQ?{mmU|D?gBSX^i9F4GR zn`cazHOcVQA?=ve^ON_z=lnPKSLwN#KFhk39nzP|F}Tm=P*ij3=oCm&YMDVLrtfRU zG=!>7N~`}x1yUyo+nU==y@sx(`{=ZBZIx4%34 z?Df|PhG(9=UalV>Yh9fA{q5(f(+oE5(~CYHyIXar!fgG$b?QBiE#5QF`d<+~R{ZD5 z&8kBZe>nf&`u2Bg)gk-b?B@&S8AzBb9&zC?6m;@w5fC1+%$z8GiSyUaIodY<@0wkp zxqn~%YW1Gu3w1qPyl?*gv1^{eyuJMEUvVZ!%w2Ql6)*FTUoX!lB^MXII#jYREMM}# z`M>(R^W*p2uKV))gZti8hRG*O0`nV`&lZbNF@>New|a&O1B1?p2O(2|DW1X8)z4*} HQ$iB}uKgz* delta 344 zcmV-e0jK_-29*YoF;vea~2A)Gm zlhP(<@Cn#IVnM~K}4Fh<-^Z3c#JB!(@ z9x{f-YwgiHB;c2-Xq zk3(CM2$%Ba@M}F`Jg*(va#kkOwR*zC1!9Pv5>j{qeKj qGJwfsb-msI7n&osOH!r$qSXDB$r&QjXUT3HN<5M&HzuWajGtcES&fQzZaHnMQLdKwY zv$gC!=PzdceD(6>fDxUINR1{UwO@rs?R?c-7_+pw>a9mwjjt~Lhty^Mvm=e7T*v4sJA@FH~9dQ z7zvogBk%3?ucfw$J7m(?mG0d7dHre-_)zwzqU>M`Q`8NxkukFep&={MKs%! zti6@LpFVoJn}7fRKWn%5oJld7dtLg0+h>{9$%%}4VmIu&Lbdy^CiZhP0D-5gpUXO@ GgeCwwPo=;B delta 314 zcmey#`i6Caq3<$J7srr_IdAXo%@s+Ma0@Kk%jahCVT}*-GG>D(3R;Z~0!&qoV)jQF z)EJywV%pRVjT8+Z<`tzMu@tqbG7bN=DRQmZVc7+n*Rdb??>G4%V^Eyg*M_H(+iySD zkF%@zks))u>U59KnI?w6c=fk_w# zCFD|&zCSvzdMX diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-fgColor-open-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-high-contrast-fgColor-open-linux.png index aba0e4e27c101a78baf9d3cdc3b9461a1e419544..40edd7c63439069a8e20feef9f09aa758e3ad47e 100644 GIT binary patch delta 304 zcmV-00nh&W1^We%F;=xnL_t(|obA>zYE%IfhEZoS85y1sqA)3J)Kah!TMI$521_@P z1&Fm?7udH`H>lR*Je zVYa9TOwVxj=>FqpH|{ literal 762 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^ws^WY zhE&XXd(Ad0gi*pR@qG%Du#t)|H*drXuAXm6nmbr7UOL9wkzK$&O)08#X@WkB?w^+> ztjmhnc$Sp#8lTr0=X{-J3*YB(N{O!=i{dq(gF`}+133H1P8`}a|Sopn&-?szrQZt+QK4E2N;%+@aA70KYxGS@Ar=u z-P@E3jPdaN2Jf@hT!w;9J}m;mibq^H=)m0ge~FuR@4G3Vdw_|V!PC{xWt~$(698yG B5>EgC diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-bgColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-bgColor-closed-emphasis-linux.png index fba4af9f820b48034357b083acfed215d10f8e34..df5ded992d5429e19b833c54bb3a25840225aa2d 100644 GIT binary patch literal 735 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^W_r3f zhE&XXd)GEABvGO*QGL#(i4!uWimX#sxe>KP+*5H`0b>;F_en~*9VxPAVLu&ZP9JYx(yMgV`rytjW3uU|iX z_U+wo9|!MEb!$7^{PpI^i${NccviYMH8ISNbMC9>$ItIyzwWiD@z(zj|K5Io|CK2B zV@s=>^JmL{ZTVR=N4BG2Q~m7yP&UFmz736*{OYod4$Kl_&V`$tIr%!v;_B-EA_l@!MDN6x!y(f5_D;+l;+72}i`4}Ozp XiZV#ADr{8-rdS3~S3j3^P6Y~#MKR<7| z|NQ+v)5EV{KKu6W3(M676&vj5%E)d%icmId>+n!ayyeF;bjKL_t(|obBB)N?c(WhEXSDASh!u;ua*OOAuUuByE~3BehNT zkS4XbfWRyvWpE3kokJwe3m12SDddJpf)ilc51pR6DE( z%+JH~?#tcN=KkezyQ{ZM$mwc%d46~#~;gis@K7D(*{kg4IOw@;q)%VY5 z^@^GC93Ab)uiy2A>2jPsh;X#$KY!~9)8#mO5R;JskCSi#W;{6B$va2;FUQ$~lZ|%u z{Md!+OB{eEqn7yFA$3zdUYt^_B@aT`e!qk8ZBl^^o~l48u@wfLD`V0&^7r Xk$5mQ(od2L00000NkvXXu0mjfYD0%8 delta 293 zcmV+=0owlJ1?B~iF;t*QL_t(|obBB)YE)quhEYeyDQt{E7&j0rn~*wfz#V9r!YyPG z)3^l7xC0?=>X63H4LA^z*jNn6bq#l#=U#Ho3SK^V;P3v$FbvOt&hvTzJavdm`)%gii%5<1q;&FAg)_j<)d ztxrFFxVWrW%#7#gXm>Y1>Iu{3IC~J`X#f8HsV7XAjy{;!r zm*ea~grmJZ`B+bwF2~u!vK}x$@4tLqEMMN=UhN*Y^_B@)9jp(J&yLPF^^o~l48u@w rfG5p!6qBCOT5gU}!4)R=~Zx}1-2amT-FU~7XTYdGF(1pm=><3)cojN)Nl9XCza44!#iTSzefW)-< zcJ(!1p8UCb`|0${Ri_!AMbGZuy?s0X_vhj3uSByMeD-)DA}=R5$F@3dy~LSg&A+eD zw_6v^bD*?j(tG{5Yr@Bh|2^9=&wx$P@6+$&=c^7?)XlA3t=@Cc{$c#?kN;wAAI>k^ zv^m;eqGvLd9Z%JepqF80>)Csrr=)M6ccA{Lr^U%%$DRU1tY%B6i^a*L_i46?Hr>|S zUvVZE$j*Io>*B$j+P8nce*E+$dv7Yk=e1{#?%n(L@ZYKv62Mfk>K=pmtk)VxTsRB` joqSpZgcYgF{KxR2(PV17uJk=%(q`~<^>bP0l+XkK?W?K^D<1n~T^p*Xpdvx!X8(Zg1<v?a_mv%m}XXD<|vNtii4Bp+_XLv3*|LnZO63NMt(^9{29IN>F z>1xIIy8LfEeT9E-UH$mtVe?I6iFqxnH*Wu5_>INy!^6+lZwgx|MQDF~ef>R*@ME)!XyW%{w%)H#KtFO=X6Et?G(&i;R!#fqmv3yYCt717;!yPgg&e IbxsLQ0D`bI?EnA( diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-borderColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-borderColor-open-emphasis-linux.png index 7e5b581621a0f1030697d7736e0f0fb63034a574..a681a2bfb044c4304883e6a817d9f85b989d3f80 100644 GIT binary patch literal 776 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^4tcsb zhE&XXdsjCvB#@ykaapkGQjSS}35+VNr@4OIWDro{x~>}%{;*KPB!g!IlZ>b5E(Q(( zmJ&6`DT&9>Jo4c5$$KoHud=?KV>Z3vT$n9`o|T}JPm6%C;t>}PLn<+EuVe3d zc>4V2!`JWMlUu+4pVjK^JPA9k_m>wJekpi=Yii}*R0d;v&bg0HcAsBwH|Lr*+vgYG zo=*2)e_fmHfu+^S+5M}l4prQ%kGd{=OyQ7c*#5oZ=iVNFheAR>Z-!>B@Yyp*Zsft=*7V}+Z3M7XVZf78@SIFizF$v%-~Q| hbL!|6pf0nX(b&wS-{zrRA24Y%c)I$ztaD0e0suN22jTz# delta 325 zcmV-L0lNN(28afbI!rHa6mcAf;chAGNXjCX3lxPYcohFsHP{NS&_h&l11xAzKot^E z1da>P01JVTkTztw0U6YrAAOz^d@{+K`Hq^|dcEENI-B(XIPa5j0a9&js~#|h)2|;t zJULh$zdZeRQg0c+e0#aLac^h;aDMq}y=4G1KM9@U{o%utH_z%7gIV5saQ)zEygaBo8F4~$6O;B`pROs4&A&Hn{Ln6-%P)D| zVENAU54*xXd^p4#|9$PT!W#CHvR8~Bu5}6|DYeYtP*ij3pc3;&0Dr{1vwsiYJ^J+X z*R#()uDoZYeE8tMdmk@8{FU?L%f@?~47BIB_?7;y{rmm-`l_QowLi*!J$jvVIXw{PBE6MlBOaGS!RllSJ= ztW`fV{c%p>3U;0I&*h)5POR9s@1~92)#$VoiyQZ??W|(vUv-|AZrYc;m+_v-`9Nw# eD3PgSFH^sTLE_s#=}o`{%i!ti=d#Wzp$Pz;od!Js literal 840 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbQdOr9=| zAr*7pUboE(OB8XtI9uLe!V%9S2^X9Sco-Eu9M-InnLRaBid*}*LWIV|8J;s(l1gP8 z=1+LHclPdU9CCgeALg9>Y~#MKR<7| z|NQ+v)5EV{KKu6W3(M676&vj5%E)d%icmId>+n!ayyeF;bjKL_t(|obBB)N?c(WhEXSDASh!u;ua*OOAuUuByE~3BehNT zkS4XbfWRyvWpE3kokJwe3m12SDddJpf)ilc51pR6DE( z%+JH~?#tcN=KkezyQ{ZM$mwc%d46~#~;gis@K7D(*{kg4IOw@;q)%VY5 z^@^GC93Ab)uiy2A>2jPsh;X#$KY!~9)8#mO5R;JskCSi#W;{6B$va2;FUQ$~lZ|%u z{Md!+OB{eEqn7yFA$3zdUYt^_B@aT`e!qk8ZBl^^o~l48u@wfLD`V0&^7r Xk$5mQ(od2L00000NkvXXu0mjfYD0%8 delta 293 zcmV+=0owlJ1?B~iF;t*QL_t(|obBB)YE)quhEYeyDQt{E7&j0rn~*wfz#V9r!YyPG z)3^l7xC0?=>X63H4LA^z*jNn6bq#l#=U#Ho3SK^V;P3v$FbvOt&hvTzJavdm`)%gii%5<1q;&FAg)_j<)d ztxrFFxVWrW%#7#gXm>Y1>Iu{3IC~J`X#f8HsV7XAjy{;!r zm*ea~grmJZ`B+bwF2~u!vK}x$@4tLqEMMN=UhN*Y^_B@)9jp(J&yLPF^^o~l48u@w rfG5p!6qBCsW|Mzr-RJ(-}T!PE7(frU1xrJL z{fqnmqo}OB^!JW^>$m%y_?A`v{zt+8FHerH4&9rYCT7Pe`}*1A<@2A5f9>k5`uyAHVsZIU4Nc%KN$(m~OaaF;AFDL_t(|obBB)iW6ZRhhgKUO0&_6EFoYc!d_&-EdrKS79POD z%HG1liwI(~5W-$WXPdO+879p;!#>Xme*EEuulrWxIKBWnFY5vD+>@~ZQdHQw9hvBK-G9%mV^?rAAxW9Y-YFlqvn3YdLr~2~s+pph$>J>9}`|j=MPao?Q z3*$LD*~9TvPna*qxqt{KJD<<>g!yuu3y71E0g{uz0b@R#Y_r+a6XwftE+E3m-t2ev zg!yuu3#{t_%k$yz{%U=7JUtG>Q@v$Iw%hCd?&ffRR}Wd9)i{pz26)yyN0Wg8Zx;3+ XWHKIuh5!KBB$mzI5CVYJS^Xk^Z@ zNzALu!DYsr#BG)7A1nPnd~7cNQEn{V_E7XfWh{TgbiWn>VZ|dZ9EO5UK2%~p``Yle z`1^zezvBpvUq<@&8qD_Cz7%sXVm|GQ?gucQ(f9&gDcVx sTtCaS&fri~bL!|6NK$H{1M^0GeYiol>?XA=V9I6iboFyt=akR{01n&#PXGV_ delta 282 zcmV+#0pke5rcy1^%&l--0zFmbp${DaKqD{#V`!7fX-Sy0A4zikpWUw zTh;^S=i&DMpYt!*mluzBH}#eYS>N2+-aXhmIo){ozTPr33!j9J_4DiTzu!OV6%)0y zfAs0w_j<+5c#e*C_4ijjVY(b=1tJ{n>EXVfFkOzb0+W#elartUV?d+5*?3z|m@daz zfe1(Y@bR#oFkOzbf@M8me)d0~tu0?)UtT=k-PBtqWPNjMd-q`PJ9Ls gd5)8D0dE%U8U8ph(;OKrzW@LL07*qoM6N<$f?Lszm;e9( diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-borderColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-borderColor-closed-emphasis-linux.png index 5bf0ad262487c625d62b95cc9786a3418e264efd..888b57d6f4eb55c033f5ae8e00d5e09e5e1473d2 100644 GIT binary patch delta 371 zcmZo?>tUN<7=Fyt#WAE}&fB}TexZR3Zh`YBbj%fs>$zdTk)*11&8+Xhp=+EO&KVMo zYgv^yY}_QkJB_dDPy$bv*}n-hY?c?S-R6Ex>frR*Z{`%QHjdU26K^h`}pnRV~F#p4P zTN~R|>VGbO3pano*<2{(!`n@Jm2m><~r%!+IBMkWWKZ4zP|?N2+I%x_>jzl#9~JYD@<);T3K F0RRB0vHJi3 delta 377 zcmeBSYiFBa7;@0l#WAE}&fB}Xd7*&}Zh^moJTJ2|FYFg{bt)*GTB)cKbYBWY)gUv`OFmrseZhn+<(0^DfxDg8e|L`o#6x6VG$Q z5L@2tuMLKO{*-?Eb@q0?y8XFx=U(eFN9b+;{_dU3TKW6?wyxRElW%=9v=R+S8==$Z?{{8b?-kf1@87QLyVn0oG5N-fWh?J7T%Yw? fWAa4CNU?tmVz*6ZN51#fV*mnAS3j3^P6b8CQ4fH#PLsd_F_X{& zA#XP80b}_6;p6*9PflLFK0Q9Jw+vvpT5a9h+g{(_ymGnTGJu7jgwFBq-otOtp4Te| zbK<Yfm57D+b^>I?MMLFY5{8`EhVqPZ)y;XPJKfswa%+^vl`4nNrbbUzj>pcFdm0C zljrCxSNGS8jg6Co!_!Zn>n#IVu2x&O_qNv$>LFuTOw&|vfHTc=6q8W_Sr&f)hZ{7I T>J8~$00000NkvXXu0mjfVTYLb delta 329 zcmV-P0k-~x28RZaF;u}xL_t(|obBB$ZdFkLMp61wNz(@dp^p|tLU47Jbs(OoKw>ax z42A(95J)5rM@UErp@j|v`h%#uOyQz7hpsh(FE`ma=c=n#IVF1PpY?i{Tj-@di1w+vvzBcXG=c=_t%r_c3@!909$ z|M|10^@;(wj?VJs>v26{JjdTp>j`5J;Vf5ISM`MPTweaJCyc>A;a~gk{#`xcpSFK+ zSWg&?laqk~$dk|kJWsY+4;at>!C^gt|B91vmaVOu^@Q>GXfug$mfh8zdct`2Ry*~C zF}RM-^5kf}SS*fDPR}nc>Ma9UF1PRPu8!7^>LFv;n5L=T0N0x9D3QMxk-!#_z!s6f b78d>h7TYwNS?^6Q00000NkvXXu0mjfax z42A(95J)5rM@UErp@j|v`h%#uOyQz7hpsh(FE`ma=c=n#IVF1PpY?i{Tj-@di1w+vvzBcXG=c=_t%r_c3@!909$ z|M|10^@;(wj?VJs>v26{JjdTp>j`5J;Vf5ISM`MPTweaJCyc>A;a~gk{#`xcpSFK+ zSWg&?lapZq+mm1cDNnXp4;at>!C^gt|B91vmaVOu^@Q>GXfug$mfh8zdct`2Ry*~C zF}RM-^5kf}SS*fDPR}nc>Ma9UF1PRPu8!7^>LFv;n5L=T0N0x9D3Putk&rbO{s0!+ VG@DuPO)dZc002ovPDHLkV1gxJqHzEK delta 309 zcmV-50m}Y|2KEJzF;B2bL_t(|obBDcZBtPIhG9F7kwIYq)6fx06wxvQNc4yyG6+MU zOu!2Chzcom6vzYcXA-Q-3OCiuAO=T>()P16GC9MuEhwv(X(P-sL5vEzEc z7=C?Qe0X=gyFBc_*HcEYIazE^S7$HQckkCzMzHjg&^g|}z5ep?P_G!w!zZg}uh;d8 z0eFti^7WGfZ*2G3q0J(~S^iwr3kG!cvtBR=--I{z>dmH}@K3uq-`5ic<0g~A0f>{( z0eMa)LWmvL1IBZ4zON_nUvU%8a_3&XU_cISCK1lEeYC14jAwi5&}Q)*o#pAv_3~)3 zyFC2h1|oU)%R4M7&-OoR7e_i-`i8FJv zr_Z;&wJx0JKxxUOzvk{=TR!fwin$_uOyQ8{zS{q>{u1YpueX2Anf$^3$Mw3m_t&Za zx%|w!`fJNU3r?!Jo2r38U&DYwUI7XZmVerQhdlM>SO@z{^!J-hM%>rz*b)Q3u2MArP#7A<8o zJCrHP>80Sd!Q!36u~*NGuWxN?Z=7AZeAdmPoi>ame%F{E>=0Hw;=*Al=;YHPKqcnJ zt5pXi_`dJoQ(2S$@!!$&@8e(VGDk$;pA)~Uur&Ssmt!}pPBWy{30WQ8%wBG{w=QbE z#F?Mj+w*N}g4Rnk6qigopFjV)@UhK5eyo~jz$WPT>Gz8b^9<(2v;Y3uV)#StPx|-! zmJj}?m1l?fOZ1pi-T71v3;GzAvsKPu-rcp4wvGS0%pa;OKbLbw_}JrxzAA@2pNVgK z&G~p{{GK>}iDqEfzTMrQrmfx0uisx+vwAyELT>HnJ5OhamwkJsm^?#w`spfWne20c o9i0M6N-Z-u6xE!l%lyljecoi@x;YzLfC-$z)78&qol`;+0CxBf9RL6T diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-borderColor-open-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-borderColor-open-muted-linux.png index 73b7887d425edf68f4c13930094a1fe3f87b66db..ccef00764bbcdfff9d4b075f43e057e09d0d556b 100644 GIT binary patch delta 362 zcmeBX`@%ZGFmRoxi(^Q|oVRxkvqTaZ+8*9573@q9lpCb*qp6cIELnl9V_Am{6^+0QKx9zVawxZeD9<}5LX^ickW*?yBZG6tnw``Tbw z^K)ax@5JqY_x%60d7e?zhdC7t(|t>h#N5tZ2@axn;9%@#Z}> z+xBg}ldJ#z{<>G1$`*D}Hg=J7?Y@?r-85&}%6kmvv$&ZjKV*y)`^RwktU*o3@5x&j OfWXt$&t;ucLK6VN{Iu`@ delta 370 zcmeyu+RZk>Fyg4Ei(^Q|oVRzavqA$I+Acm(yLyykQn#3CddasSLB_IOjgT{Q3Cu z_i@*>*@|C2+ne1#@2WQ211qc3>%Xsm#rZf=e*aqa9>C1#~#f8 zus*i_*T#7t{H-l-tXAha=E-3w=;YHPAgp-A1;U(ofo0-8F}z6F|Moiep65>z*3Uao zf7H|BbW-Kgc?NRwxoU#vHti`~JQP4oSqgr$^e_+=|e-c0B)_|Ng5mkKC;- sh~Sqz{LIAnE8C6>G47Kc86(BMu}|YL>9&)1zrp|np00i_>zopr0NOjVS^xk5 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-borderColor-severe-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-borderColor-severe-muted-linux.png index b1b4d8646f6ec4b14d2a0df34b10198175a84adb..3004b48472d35af7607fdcfc86eae5f8bd6d6f29 100644 GIT binary patch delta 352 zcmV-m0iXW&1&s!fF;~Y)L_t(|obBB`YE@AHMp0jk&qfG}2|9#eVYIdMr?CrI1yVQ# zD@TwjlMt)~yV$6urD7_Fpu~rwC}>2UQ@B>!W7ZnM$A!%~w>q=sa(N2qtkeVGq?1tr zQh%}4dcYWde*W<8(Zi2#pC5lYs<#YazP7Qxb$fGn@9gu2?Z@hlEs))U4c!byJr_+C#K&#!Nv>Iq};Px#mFK0U4{ z{L>D$=k?&yk)SM*pe&J~ERmork)R1stM!2K9Bj|) z3H(=_gp-^(ccGpz9v^KY5l(XP>dkt>c-FUW)f2|xIy%Xf`}?z%(~H9w$6puqmI2Jy yHrB7*+1%Z$hm2viTrTSkaH6@6lhFZL7VHnFku;Zdp^ixa0000 zS!RFjI`y9C71hE163raxGwWnub3UHg_x)>&;Scpc+5PeR*Q)=y{BGU)SDej-LK8P= zO+3#{F5>jN_O;>To!I!R!avqqaHdDDJO7IF@yCm4LJxIbzujDQsN$M`8PMV#edmh) zJ-V8-(WY+yOg?*%2j=F<<(5AepZ;}%q0aKmRptkppILEDT&IKN6dqCgd8sB@<=!)& PFaUw4tDnm{r-UW|76ZAB diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-fgColor-closed-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-fgColor-closed-linux.png index f5a4112bebe78921d1bc3beecc582279880cdfba..9f112128e39fd209d257e2691afba3140a1e03f2 100644 GIT binary patch delta 282 zcmV+#0pE~No_onTD|q?ffxr6~!!SGoI*;oC@X(QgP*);^ z*s>llKmUGjuRea>T;AMmZ|f}+vbQ=|A0Hl_pFMxMs<+I{!Y83)egAO!>)Vfd#YDY& z|MuP2FZGI<@f;m(^Ygl%FkOzb0}+n)|Igog!gM*#4wHcan3JFZUOl|Sd2><{907*qoM6N<$f@M2~*Z=?k delta 283 zcmaFPdWUs_q2Dx57srr_IdAV8W{D)qv?qoy^O}`o;}s#M?P%lG)ynZrGib>PUM4X) zR~GHaX);H1X5HvZpOJe{@{^7FkB{x*``$(OKK{Y?V$XW^1JUXe*K15%pcU+Fn^5`B z&fdQ6|3-To*?#@6(u;OAdiLF~?Wa#yoj$atM#$>w-M@#=$M1hFYW(%-=jFe5 z->y1(sG`sBTYCKp^)u5S&v9s(ym#Nf)e!dNgN%uj8<+woConqOKTLW4JpF6S&!RcP z9R-{EZ~NLN?vr`W0_+{& WDF&CT&L{gY0D-5gpUXO@geCyQaEfRE diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-fgColor-open-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-high-contrast-fgColor-open-linux.png index 2a6ac09140b94598ba531ded84d6b38eaaed15a2..27e2fab7895725a580db228b01fdd9dd3863c524 100644 GIT binary patch delta 290 zcmV+-0p0%R1?mNmF;}EXL_t(|obBB)YE)quhEXR>geV9>2sTNTH3SKE!hkCfTtW(4 zOR-FoGD`@!g1|spk*vYWG!h5_K?63|HQZ^Qd&xN~c=_Ogzxx-%FgyV|TlD~V?2|D8 zQdMkO515}{cYi;fe_LPQ+}=ObTP9?0cV~69e|mEK>gBU~%gii%5<1q0&+D&OKk5|| z_5SVQ#g|pRVrD!?N4xy~vz{m zInD+|INH0{2la&Ma-0n;>jCp~_VLa3a%+8kb9?_#Z<&z2-JR9Z{^`kaJ!F0s!!Xnv o;8F7&g^{f)k)St`pbZw-fA4NEy;!#`{Qv*}07*qoM6N<$g7j>P{r~^~ delta 290 zcmV+-0p0%U1?L5jF;t;RL_t(|obBDQN|s?9hvB|bX!yuM!4AR3R%wP{={~hPJn3c)#U-U%aj(`0<#_!<6>i`Ct2y=6j{+q--F2Ztx8FLqwmTV`hAlhCoge>}eW zbzZNSsMl}bfB14%ub3In(b4|={#j3$F2`Ae2uJ(3y00fpm*cEKlVJhGlYjv+LE&i6 zms|CO>2jPkh;X!5Z{F1trps~Guu%_~pQF#;o^5VkUtX;4ZtE=*vfSR?+dnuwIjx7x o&te#cdILOao}-gN0dE%j517p``TWTgS^xk507*qoM6N<$g7<}#Z2$lO diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-bgColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-bgColor-closed-emphasis-linux.png index fba4af9f820b48034357b083acfed215d10f8e34..df5ded992d5429e19b833c54bb3a25840225aa2d 100644 GIT binary patch literal 735 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^W_r3f zhE&XXd)GEABvGO*QGL#(i4!uWimX#sxe>KP+*5H`0b>;F_en~*9VxPAVLu&ZP9JYx(yMgV`rytjW3uU|iX z_U+wo9|!MEb!$7^{PpI^i${NccviYMH8ISNbMC9>$ItIyzwWiD@z(zj|K5Io|CK2B zV@s=>^JmL{ZTVR=N4BG2Q~m7yP&UFmz736*{OYod4$Kl_&V`$tIr%!v;_B-EA_l@!MDN6x!y(f5_D;+l;+72}i`4}Ozp XiZV#ADr{8-rdS3~S3j3^P6Y~#MKR<7| z|NQ+v)5EV{KKu6W3(M676&vj5%E)d%icmId>+n!a@US~P_qAn+vlevnX%P@sJmSJ(NF}EA8ul~i4}X4l z`tIdt|DG1^UcKGt#LKM8%DR%`y>`}-*P_$X9!|cn(XO_7$KRc6!+ox_cVGQ}KK*Og z%#Sj%Z;!9P|Fz|1(Hz^3f-TSO>tAzTeri!IKuz~i)w8rT%;MHbYxm#!$8R=I?k)TJ zZ^t}?*uKr}hpP_!srkF3Znw>iJNs?&%D+zIw2al&Ki{9X?)ujWKO=b#2jn+|pDh+i nQfisOp{VB6(J4R==6{BX6$Yl4{3me(6D@zp>KV)_5;*Qc*vK0jW5 z(fHe?X7TgO)#dN?&O68#cWCObuRl+};H*CV_PY0muvh2LzP~8^ZQAYi(`n~;8ios9 zjouo>e!F_H`WxNt@%jg&R{lOeuW#Ol?RV<-KD)?#OT5gU}!4)R=~Zx}1-2amT-FU~7XTYdGF(1pm=><3)cojN)Nl9XCza44!#iTSzefW)-< zcJ(!1p8UCb`|0${Ri_!AMbGZuy?s0X_vhj3uSByMeD-)DA}=R5$F@3dy~LSg&A+eD zw_6v^bD*?j(tG{5Yr@Bh|2^9=&wx$P@6+$&=c^7?)XlA3t=@Cc{$c#?kN;wAAI>k^ zv^m;eqGvLd9Z%JepqF80>)Csrr=)M6ccA{Lr^U%%$DRU1tY%B6i^a*L_i46?Hr>|S zUvVZE$j*Io>*B$j+P8nce*E+$dv7Yk=e1{#?%n(L@ZYKv62Mfk>K=pmtk)VxTsRB` joqSpZgcYgF{KxR2(PV17uJk=%(q`~<^>bP0l+XkK?W?K^D<1n~T^p*Xpdvx!X8(Zg1<v?a_mv%m}XXD<|vNtii4Bp+_XLv3*|LnZO63NMt(^9{29IN>F z>1xIIy8LfEeT9E-UH$mtVe?I6iFqxnH*Wu5_>INy!^6+lZwgx|MQDF~ef>R*@ME)!XyW%{w%)H#KtFO=X6Et?G(&i;R!#fqmv3yYCt717;!yPgg&e IbxsLQ0D`bI?EnA( diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-borderColor-open-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-borderColor-open-emphasis-linux.png index c03df760bde542e4f96643d005e0dd1ca68ce2d7..a681a2bfb044c4304883e6a817d9f85b989d3f80 100644 GIT binary patch literal 776 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^4tcsb zhE&XXdsjCvB#@ykaapkGQjSS}35+VNr@4OIWDro{x~>}%{;*KPB!g!IlZ>b5E(Q(( zmJ&6`DT&9>Jo4c5$$KoHud=?KV>Z3vT$n9`o|T}JPm6%C;t>}PLn<+EuVe3d zc>4V2!`JWMlUu+4pVjK^JPA9k_m>wJekpi=Yii}*R0d;v&bg0HcAsBwH|Lr*+vgYG zo=*2)e_fmHfu+^S+5M}l4prQ%kGd{=OyQ7c*#5oZ=iVNFheAR>Z-!>B@Yyp*Zsft=*7V}+Z3M7XVZf78@SIFizF$v%-~Q| hbL!|6pf0nX(b&wS-{zrRA24Y%c)I$ztaD0e0suN22jTz# literal 884 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbQddY&$h zAr*7p-muOJ4U}kmC~BJW8Mz4 zUu-i-WqNt7@?)jjhl6d?zrOEHjhx0PP>}PDp<%I*j)L=s2A+dVMl9SX1ZcqNx%!6j z&*twhKmYjg;Np$ik5zAKZ_c!BH$3+0%gT+Fe^1@mRi3`)+&r+*u}wOs-w5`6eE99| z$G0ah-!!&3a5CEb_|N0~>E{zHIIkb;Pd}gT|3F~(`g>>Q9k4qXC0t+kZo}TWXFn@A^@0{KBhszCW#DN`u)M}k#0Vzs^)7L QFdH#=y85}Sb4q9e07~#ZJ^%m! diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-fgColor-closed-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-fgColor-closed-linux.png index fba4af9f820b48034357b083acfed215d10f8e34..4e2308faa9840255680b639a716567d92ed3cdbe 100644 GIT binary patch literal 734 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgMk!dage(c!@6@aFBuq^W_Y?d zhE&XXd)L-WHc_JOq0G!6=L<^=T)!y_>gaBo8F4~$6O;B`pROs4&A&Hn{Ln6-%P)D| zVENAU54*xXd^p4#|9$PT!W#CHvR8~Bu5}6|DYeYtP*ij3pc3;&0Dr{1vwsiYJ^J+X z*R#()uDoZYeE8tMdmk@8{FU?L%f@?~47BIB_?7;y{rmm-`l_QowLi*!J$jvVIXw{PBE6MlBOaGS!RllSJ= ztW`fV{c%p>3U;0I&*h)5POR9s@1~92)#$VoiyQZ??W|(vUv-|AZrYc;m+_v-`9Nw# eD3PgSFH^sTLE_s#=}o`{%i!ti=d#Wzp$Pz;od!Js literal 840 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8=cbN%6-;EI^8}ILO_JVcj{ImkbQdOr9=| zAr*7pUboE(OB8XtI9uLe!V%9S2^X9Sco-Eu9M-InnLRaBid*}*LWIV|8J;s(l1gP8 z=1+LHclPdU9CCgeALg9>Y~#MKR<7| z|NQ+v)5EV{KKu6W3(M676&vj5%E)d%icmId>+n!a@US~P_qAn+vlevnX%P@sJmSJ(NF}EA8ul~i4}X4l z`tIdt|DG1^UcKGt#LKM8%DR%`y>`}-*P_$X9!|cn(XO_7$KRc6!+ox_cVGQ}KK*Og z%#Sj%Z;!9P|Fz|1(Hz^3f-TSO>tAzTeri!IKuz~i)w8rT%;MHbYxm#!$8R=I?k)TJ zZ^t}?*uKr}hpP_!srkF3Znw>iJNs?&%D+zIw2al&Ki{9X?)ujWKO=b#2jn+|pDh+i nQfisOp{VB6(J4R==6{BX6$Yl4{3me(6D@zp>KV)_5;*Qc*vK0jW5 z(fHe?X7TgO)#dN?&O68#cWCObuRl+};H*CV_PY0muvh2LzP~8^ZQAYi(`n~;8ios9 zjouo>e!F_H`WxNt@%jg&R{lOeuW#Ol?RV<-KD)?#sW|Mzr-RJ(-}T!PE7(frU1xrJL z{fqnmqo}OB^!JW^>$m%y_?A`v{zt+8FHerH4&9rYCT7Pe`}*1A<@2A5f9>k5`uyAHVsZIU4Nc%KN$(m~OaaF;AFDL_t(|obBB)iW6ZRhhgKUO0&_6EFoYc!d_&-EdrKS79POD z%HG1liwI(~5W-$WXPdO+879p;!#>Xme*EEuulrWxIKBWnFY5vD+>@~ZQdHQw9hvBK-G9%mV^?rAAxW9Y-YFlqvn3YdLr~2~s+pph$>J>9}`|j=MPao?Q z3*$LD*~9TvPna*qxqt{KJD<<>g!yuu3y71E0g{uz0b@R#Y_r+a6XwftE+E3m-t2ev zg!yuu3#{t_%k$yz{%U=7JUtG>Q@v$Iw%hCd?&ffRR}Wd9)i{pz26)yyN0Wg8Zx;3+ XWHK0gLn9MGaH8C70`KI4}h0Wk+3L} zpaLpY=JkN}bNBG?%lBWGH}}iOr+UkTEVed|_P5VYcRsv-TW?u2Gd~F(>*U+*#ntb6 z#YBBN{P^SRUcF+?c#e+t^LklNm@dazfe1(Y^Y^))FkOzb0+XQvF_Vx2LX(gJLX(gJ zK|iByzMIz*rps|wAi~j(4;J-=>2jPE_->7M{(1M!e0F(rzkGbEw@k=lYvX8t`|Nb5 v9Mgbe^)Sz9kM2B00000NkvXXu0mjfqz03h delta 307 zcmaFP`hsrcO~I#gnLj?Km5*8X<;uPrZ&=J0k*UdUuHc>|Lo7OdbP zll%IqpKanUnRI3)nYUkeFNPQ}?Q6qN%OAfgH^$tHy=%Ab{cBy}O?z+MwYIxsZ@aSn u%=sjVwkl?u%z29^A7o6PynvBM>^J{2M}xgwd0+Q30D-5gpUXO@geCy?qLm*2 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-high-contrast-borderColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-high-contrast-borderColor-closed-emphasis-linux.png index 5bf0ad262487c625d62b95cc9786a3418e264efd..888b57d6f4eb55c033f5ae8e00d5e09e5e1473d2 100644 GIT binary patch delta 371 zcmZo?>tUN<7=Fyt#WAE}&fB}TexZR3Zh`YBbj%fs>$zdTk)*11&8+Xhp=+EO&KVMo zYgv^yY}_QkJB_dDPy$bv*}n-hY?c?S-R6Ex>frR*Z{`%QHjdU26K^h`}pnRV~F#p4P zTN~R|>VGbO3pano*<2{(!`n@Jm2m><~r%!+IBMkWWKZ4zP|?N2+I%x_>jzl#9~JYD@<);T3K F0RRB0vHJi3 delta 377 zcmeBSYiFBa7;@0l#WAE}&fB}Xd7*&}Zh^moJTJ2|FYFg{bt)*GTB)cKbYBWY)gUv`OFmrseZhn+<(0^DfxDg8e|L`o#6x6VG$Q z5L@2tuMLKO{*-?Eb@q0?y8XFx=U(eFN9b+;{_dU3TKW6?wyxRElW%=9v=R+S8==$Z?{{8b?-kf1@87QLyVn0oG5N-fWh?J7T%Yw? fWAa4CNU?tmVz*6ZN51#fV*mnAS3j3^P6Z@Fjix1z{F@N zy3z>NfdZNUi?M}q^?Bu-3jR#;<=$D{X`bgDptGt6z+ESk(E(CtyY+xE%s+nq{_yek z+v$99QEwT*wB4=`4>r$^riTyeEd!W561v2%H*aq~eXdsw=HAmM_g}xNR}8>)bdj4c zU+W3uxjp+{PZ)y;m$|;K7mR1Vx~eCP!9U?&d-VQYJ>j2retc51K>-N?Ot~Z?B#(9v^KX5iYXce_T%(&-!4$o-hX2(M2{dU+k<_x2I?GBP0MmB6 zK0MewKdOg}VVdW;-T-%+>nM}Y0wR;p0wI&o0u~nj0MX(zf+GZlD*ylh07*qoM6N<$ Ef@|iJZvX%Q delta 325 zcmV-L0lNP91&0QZF;u}xL_t(|obBB$ZdFkLMp61wNz(@dp^p|tLU47Jbs(OoKw>ax z42A(95J)5rM@UErp@j|v`h%#uOyQz7hpsh(FE`ma=c=n#IVF1PpY?i{Tj-@di1w+vvzBcXG=c=_t%r_c3@!909$ z|M|10^@;(wj?VJs>v26{JjdTp>j`5J;Vf5ISM`MPTweaJCyc>A;a~gk{#`xcpSFK+ zSWg&?latW_YLkEgnoqV_4;at>!C^gt|B91vmaVOu^@Q>GXfug$mfh8zdct`2Ry*~C zF}RM-^5kf}SS*fDPR}nc>Ma9UF1PRPu8!7^>LFv;n5L=T0N0x9D3ibfB9ov3Hx~W? X7TYwNS?^6Q00000NkvXXu0mjfW{RTi diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-high-contrast-borderColor-done-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-high-contrast-borderColor-done-muted-linux.png index b4c2599aa8a2691868bd6e1a6c9278319991778d..5bf0ad262487c625d62b95cc9786a3418e264efd 100644 GIT binary patch delta 323 zcmV-J0lfb91&0QZF;u}xL_t(|obBB$ZdFkLMp61wNz(@dp^p|tLU47Jbs(OoKw>ax z42A(95J)5rM@UErp@j|v`h%#uOyQz7hpsh(FE`ma=c=n#IVF1PpY?i{Tj-@di1w+vvzBcXG=c=_t%r_c3@!909$ z|M|10^@;(wj?VJs>v26{JjdTp>j`5J;Vf5ISM`MPTweaJCyc>A;a~gk{#`xcpSFK+ zSWg&?lapZq+mm1cDNnXp4;at>!C^gt|B91vmaVOu^@Q>GXfug$mfh8zdct`2Ry*~C zF}RM-^5kf}SS*fDPR}nc>Ma9UF1PRPu8!7^>LFv;n5L=T0N0x9D3Putk&rbO{s0!+ VG@DuPO)dZc002ovPDHLkV1gxJqHzEK delta 309 zcmV-50m}Y|2KEJzF;B2bL_t(|obBDcZBtPIhG9F7kwIYq)6fx06wxvQNc4yyG6+MU zOu!2Chzcom6vzYcXA-Q-3OCiuAO=T>()P16GC9MuEhwv(X(P-sL5vEzEc z7=C?Qe0X=gyFBc_*HcEYIazE^S7$HQckkCzMzHjg&^g|}z5ep?P_G!w!zZg}uh;d8 z0eFti^7WGfZ*2G3q0J(~S^iwr3kG!cvtBR=--I{z>dmH}@K3uq-`5ic<0g~A0f>{( z0eMa)LWmvL1IBZ4zON_nUvU%8a_3&XU_cISCK1lEeYC14jAwi5&}Q)*o#pAv_3~)3 zyFC2h1|oU)%R4M7&-OoR7e_i-`i8FJv zr_Z;&wJx0JKxxUOzvk{=TR!fwin$_uOyQ8{zS{q>{u1YpueX2Anf$^3$Mw3m_t&Za zx%|w!`fJNU3r?!Jo2r38U&DYwUI7XZmVerQhdlM>SO@z{^!J-h|^&L2LjWfeJL!xmltMZ18n*?~L@iiSv z;OR2^H(`d&@`AP7+^*MFEpIftTJ5NIDzHR&VZr%C&%crfCds7*V`&;}ze!KX1vAF(g(dL^K z1^>@|PXF4)xTDYS)5EK;s}5Dz?W+v;muTit|M~Z?yKSOPdi?&Y!p9!W|FGWH#&(tZ zpUdCE&0ldg7YaG~vSZr>PM$7>e5i}B)9gpB__4=FVIl;%zyfc3{%W0YxKxb7CfSXQ}u>vuZpaLOe z*7blfeEG3>`(d~Jy#M;Mo-%^tqs8WAb^2s||86~H1WP{&o#XYp-TRAuy<#xWAFkfK z@Rt8O*U?!%ep2AU&MzI>EFzrc>UX_hK;M7W3kKn~aIo#G+x3Kh+UD%Ko-i0+lYs%c zlYjwAN!Yp`FrLlXbv=RqiZ9_T_wLjS2ISCY65%Y59yq9jZ5-M>uA{TOe73%|+-)!S z->&K@BRD=qD0wR;30yh@^0MpGde2Dv#v;Y7A07*qo IM6N<$f)FQ~Z@Fjix1z{F@N zy3z>NfdZNUi?M}q^?Bu-3jR#;<=$D{X`bgDptGt6z+ESku>n$RyY+xE%s+nq{_yek z+v$99QEwT*wB4=`4>r$^riTyeEd!W561v2%H*aq~eXdsw=HAmM_g}xNR}8>)bdj4c zU+W3uxjp+{PZ)y;m$|;K7mR1Vx~eCP!9U?&d-VQYJ>j2retc3-7>tvXQ330dU;!CU zwp$Mv&-w95J%Rst~Z?B#(9v^KX5iYXce_T%(&-!4$o-hX2(M2{dU+k<_x2I?G zBP0MmB6K0MewKdOg}VVdW;-T-%+>nM?tLy^7~7XARy;xmFH1cfUA0000E~No_onTD|q?ffxr6~!!SGoI*;oC@X(QgP*);^ z*s>llKmUGjuRea>T;AMmZ|f}+vbQ=|A0Hl_pFMxMs<+I{!Y83)egAO!>)Vfd#YDY& z|MuP2FZGI<@f;m(^Ygl%FkOzb0}+n)|Igog!gM*#4wHcan3JFZUOl|Sd2><{907*qoM6N<$f@M2~*Z=?k delta 283 zcmaFPdWUs_q2Dx57srr_IdAV8W{D)qv?qoy^O}`o;}s#M?P%lG)ynZrGib>PUM4X) zR~GHaX);H1X5HvZpOJe{@{^7FkB{x*``$(OKK{Y?V$XW^1JUXe*K15%pcU+Fn^5`B z&fdQ6|3-To*?#@6(u;OAdiLF~?Wa#yoj$atM#$>w-M@#=$M1hFYW(%-=jFe5 z->y1(sG`sBTYCKp^)u5S&v9s(ym#Nf)e!dNgN%uj8<+woConqOKTLW4JpF6S&!RcP z9R-{EZ~NLN?vr`W0_+{& WDF&CT&L{gY0D-5gpUXO@geCyQaEfRE diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-high-contrast-fgColor-open-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-high-contrast-fgColor-open-linux.png index 9f112128e39fd209d257e2691afba3140a1e03f2..27e2fab7895725a580db228b01fdd9dd3863c524 100644 GIT binary patch delta 290 zcmV+-0p0%R1?mNmF;}EXL_t(|obBB)YE)quhEXR>geV9>2sTNTH3SKE!hkCfTtW(4 zOR-FoGD`@!g1|spk*vYWG!h5_K?63|HQZ^Qd&xN~c=_Ogzxx-%FgyV|TlD~V?2~Z< zQdMkO515}{cYi;fe_LPQ+}=ObTP9?0cV~69e|mEK>gBU~%gii%5<1q0&+D&OKk5|| z_5SVQ#g|pRVrD!?N4xy~vz{m zInD+|INH0{2la&Ma-0n;>jCp~_VLa3a%+8kb9?_#Z<&z2-JR9Z{^`kaJ!F0s!!Xnv o;8F7&g^|G)k)St`pdl96fA4NEy;!#`{Qv*}07*qoM6N<$f<~!}qyPW_ delta 288 zcmV+*0pI@W1?L5jF;t;RL_t(|obBB)YE)quhEYdHgh;HyU_G6i2pAIV#Kz7gWCNzK zG)+pEU}qzCLP#K+u$x+jREhzsn>E~No_onTD|q?ffxr6~!!SGoI*;oC@X(X40w$Bb z0v40L0vA-W9xy-ues8Zne%@T(+-+~`Efcc0I#?ec9-W^(f4Qo+%*?_kp<{jjaQf@p zk9x&Ky?X!l-PbSmika~o9c}aTx}GpyjTP9?0b+A4@JUTzChs@7n m7>0TSJZPSylR*J*7P|)| Date: Wed, 10 Sep 2025 09:16:16 +0200 Subject: [PATCH 08/14] fix some issues --- src/tokens/functional/color/bgColor.json5 | 24 ++++++++++++++----- src/tokens/functional/color/borderColor.json5 | 15 ++++++++++-- src/tokens/functional/color/fgColor.json5 | 6 +++-- 3 files changed, 35 insertions(+), 10 deletions(-) diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index 05bbf1357..ae288b2b0 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -457,6 +457,20 @@ $value: '{base.color.red.4}', alpha: 0.1, }, + 'dark-protanopia-deuteranopia': { + $value: '{base.color.yellow.4}', + alpha: 0.1, + }, + 'light-protanopia-deuteranopia': { + $value: '{base.color.yellow.0}', + }, + 'dark-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.yellow.4}', + alpha: 0.1, + }, + 'light-protanopia-deuteranopia-high-contrast': { + $value: '{base.color.yellow.0}', + }, }, }, }, @@ -473,10 +487,10 @@ }, }, 'org.primer.overrides': { - 'light-protanopia-deuteranopia': '{base.color.red.5}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.red.5}', - 'dark-protanopia-deuteranopia': '{base.color.red.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.red.9}', + 'light-protanopia-deuteranopia': '{base.color.yellow.5}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.yellow.5}', + 'dark-protanopia-deuteranopia': '{base.color.yellow.5}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.9}', 'dark-high-contrast': '{base.color.red.9}', 'dark-dimmed-high-contrast': '{base.color.red.7}', 'dark-tritanopia-high-contrast': '{base.color.red.9}', @@ -497,7 +511,6 @@ web: 'var(--bgColor-closed-muted) /* utility class: .color-bg-closed */', }, }, - 'org.primer.overrides': {}, }, }, emphasis: { @@ -512,7 +525,6 @@ web: 'var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */', }, }, - 'org.primer.overrides': {}, }, }, }, diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5 index 1c75c9b79..5b4a1f61f 100644 --- a/src/tokens/functional/color/borderColor.json5 +++ b/src/tokens/functional/color/borderColor.json5 @@ -566,6 +566,10 @@ $value: '{base.color.red.3}', alpha: 1, }, + 'light-protanopia-deuteranopia': { + $value: '{base.color.yellow.3}', + alpha: 0.4, + }, 'dark-high-contrast': { $value: '{base.color.red.4}', alpha: 1, @@ -579,11 +583,15 @@ alpha: 1, }, 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.red.4}', + $value: '{base.color.yellow.4}', alpha: 1, }, + 'dark-protanopia-deuteranopia': { + $value: '{base.color.yellow.4}', + alpha: 0.4, + }, 'light-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.red.4}', + $value: '{base.color.yellow.4}', alpha: 1, }, }, @@ -604,6 +612,9 @@ }, 'org.primer.overrides': { 'dark-dimmed-high-contrast': '{base.color.red.2}', + 'light-protanopia-deuteranopia': '{base.color.yellow.5}', + 'dark-protanopia-deuteranopia': '{base.color.yellow.5}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.2}', }, }, }, diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index b813e25f7..620cb83b0 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -292,10 +292,12 @@ 'dark-high-contrast': '{base.color.red.3}', 'dark-dimmed-high-contrast': '{base.color.red.1}', 'dark-tritanopia-high-contrast': '{base.color.red.3}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.red.3}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.3}', + 'dark-protanopia-deuteranopia': '{base.color.yellow.3}', 'light-high-contrast': '{base.color.red.6}', 'light-tritanopia-high-contrast': '{base.color.red.6}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.red.6}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.yellow.6}', + 'light-protanopia-deuteranopia': '{base.color.yellow.5}', }, }, }, From 77e84267539ce24a7429b673181660bca3384ebe Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Wed, 10 Sep 2025 22:40:23 +0200 Subject: [PATCH 09/14] fix for danger button tritanopia dark --- src/tokens/component/button.json5 | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/tokens/component/button.json5 b/src/tokens/component/button.json5 index 5a66db6bd..a7aff5521 100644 --- a/src/tokens/component/button.json5 +++ b/src/tokens/component/button.json5 @@ -1148,17 +1148,17 @@ 'dark-dimmed-high-contrast': { $value: '{base.color.red.1}', }, - 'dark-protanopia-deuteranopia': { - $value: '#FA5E55', - }, 'dark-high-contrast': { $value: '{base.color.red.2}', }, + 'dark-protanopia-deuteranopia': { + $value: '{base.color.yellow.3}', + }, 'dark-tritanopia-high-contrast': { $value: '{base.color.red.2}', }, 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{base.color.orange.2}', + $value: '{base.color.yellow.2}', }, }, }, From 88e69f15aa280505ade55c5c00f274efac31f687 Mon Sep 17 00:00:00 2001 From: lukasoppermann <813754+lukasoppermann@users.noreply.github.com> Date: Thu, 11 Sep 2025 09:00:43 +0000 Subject: [PATCH 10/14] github-actions[bot] Regenerated snapshots --- ...h-contrast-bgColor-closed-emphasis-linux.png | Bin 725 -> 720 bytes ...ntrast-borderColor-closed-emphasis-linux.png | Bin 794 -> 775 bytes ...ntrast-borderColor-danger-emphasis-linux.png | Bin 782 -> 775 bytes ...ontrast-control-borderColor-danger-linux.png | Bin 782 -> 775 bytes ...ontrast-progressBar-bgColor-danger-linux.png | Bin 725 -> 720 bytes 5 files changed, 0 insertions(+), 0 deletions(-) diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-bgColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-bgColor-closed-emphasis-linux.png index a7bf2a2cbf593affd1fc5af833f542b840874f7a..1c5cca05f2b8a3646608219537db2f6311414d3a 100644 GIT binary patch delta 284 zcmV+%0ptGF1<(bMBSr#+NklbPK#Y^51&8m-o4ttJR3Z^ zy&FG%&)=>$fB#Q|CFW_h87%STrT| z5dX;s8au5S!age(c!@6@aFBuq^`aNA7Ln`LHy|%G8I8ekjaR2|@hk}e^q8At! zF{e@k5VwdMCy3v+>oSL68If9oIL**Mv8V!z(RIf`h=KK!@s{MVe{ zPZ#DX99sQXVtUn~zeRJT*CbnBkv4mFy{OXoc&6TQ!&kcHPi&rl|M(@f_D`_>%{hkO o_`kAMT->vG;zS*YiQ)pkxx=G1dJB10PG$fCPgg&ebxsLQ09~SubpQYW diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-closed-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-borderColor-closed-emphasis-linux.png index 704126f035653fb0774cdee96f97b4e79662ef02..41d57ec3fc2f48311f619ff4815ffa70f69b8af4 100644 GIT binary patch delta 343 zcmV-d0jU0(28RZaBUJ*tNklcqh-ZgpczcKE9RN%Gv-rD+5TA@d6W* z?gAE*?gAE*?gABPC)wUyef8q*lLs5yn^y<(9G_l%_&o`#>h-nd!92&O7w`8^_g)|U{PlY<&uq4`Hh_-943nV&St$Mh p00960T1oUX00006NklPx%)Ja4^RCt{2-92hlQ2>TvXEFnsNh(vA z;DCi#TL?B{CpPZDDpgh>xCXbNjT_JfsI4H1YY2h(GlHd=6d|~Tj5e>=JkJU~4!oRm zt2-J^W>%d(h5>kS|K8(UH@BzGYAxH->Fu4Xi}}{8!=rl30Ck0f<+=OfSd3st;7#@eVCK0aX-SM}2!tlI3{#s8MhKcqh-ZgpczcKE9RN%Gv-rD+5TA!2&mv z?E(vv?E(vv?E(jAC)wUyef8q*lLs5yn^y<(9G_l%_&o`#>h-nd!92&O7w`8^_g)|U{PlY<&uq4`Hh_-943psjSt$Mh p00960T1oUX00006NklPx%$Vo&&RCt{2*0FAlVF1Tr-#Moz+8zd} z3LA+<;u6HbXzKOog3;};b-?HXy44`*pkiv9D9R=HSbjczo-6q0O@8nD4#Q&o6405| z1K^^QK><>Ku|+*#8n#!%(?^>R?<}vcTwA|)bbS8i;OxcT$*1F=^_B^k53{v;!vws1 za%JcK<;~?#51EF|<#6xD;^x))tNpWj%LKUBM|pgASx=ar2eWR-hKF9Pne#!2M%qN`7m3nH%!3$kKeXev+dPvV>#4YCgAA! z{Pq6VXL~27XZ4gR7>31qy#X#X-%*jS9+99dk)RJ2{Q?AqFA7I8x26C9002ovPDHLk FV1gVGvxEQu diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-control-borderColor-danger-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-control-borderColor-danger-linux.png index 75b6ff587fa03a8a25036d18e6c808fcfcbb7699..41d57ec3fc2f48311f619ff4815ffa70f69b8af4 100644 GIT binary patch delta 343 zcmV-d0jU0t28RZaBUJ*tNklcqh-ZgpczcKE9RN%Gv-rD+5TA!2&mv z?E(vv?E(vv?E(jAC)wUyef8q*lLs5yn^y<(9G_l%_&o`#>h-nd!92&O7w`8^_g)|U{PlY<&uq4`Hh_-943psjSt$Mh p00960T1oUX00006NklPx%$Vo&&RCt{2*0FAlVF1Tr-#Moz+8zd} z3LA+<;u6HbXzKOog3;};b-?HXy44`*pkiv9D9R=HSbjczo-6q0O@8nD4#Q&o6405| z1K^^QK><>Ku|+*#8n#!%(?^>R?<}vcTwA|)bbS8i;OxcT$*1F=^_B^k53{v;!vws1 za%JcK<;~?#51EF|<#6xD;^x))tNpWj%LKUBM|pgASx=ar2eWR-hKF9Pne#!2M%qN`7m3nH%!3$kKeXev+dPvV>#4YCgAA! z{Pq6VXL~27XZ4gR7>31qy#X#X-%*jS9+99dk)RJ2{Q?AqFA7I8x26C9002ovPDHLk FV1gVGvxEQu diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-progressBar-bgColor-danger-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-high-contrast-progressBar-bgColor-danger-linux.png index a7bf2a2cbf593affd1fc5af833f542b840874f7a..1c5cca05f2b8a3646608219537db2f6311414d3a 100644 GIT binary patch delta 284 zcmV+%0ptGF1<(bMBSr#+NklbPK#Y^51&8m-o4ttJR3Z^ zy&FG%&)=>$fB#Q|CFW_h87%STrT| z5dX;s8au5S!age(c!@6@aFBuq^`aNA7Ln`LHy|%G8I8ekjaR2|@hk}e^q8At! zF{e@k5VwdMCy3v+>oSL68If9oIL**Mv8V!z(RIf`h=KK!@s{MVe{ zPZ#DX99sQXVtUn~zeRJT*CbnBkv4mFy{OXoc&6TQ!&kcHPi&rl|M(@f_D`_>%{hkO o_`kAMT->vG;zS*YiQ)pkxx=G1dJB10PG$fCPgg&ebxsLQ09~SubpQYW From 0cc7f414b66def2bc6fb0340962f28bdb9c548b5 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 6 Oct 2025 11:03:39 +0200 Subject: [PATCH 11/14] changed done to gray and draft to purple (upsell) --- .changeset/modern-items-notice.md | 2 +- src/tokens/functional/color/bgColor.json5 | 61 ++----- src/tokens/functional/color/borderColor.json5 | 150 +++--------------- src/tokens/functional/color/fgColor.json5 | 23 +-- 4 files changed, 42 insertions(+), 194 deletions(-) diff --git a/.changeset/modern-items-notice.md b/.changeset/modern-items-notice.md index 0ecd000ce..ce1d87c91 100644 --- a/.changeset/modern-items-notice.md +++ b/.changeset/modern-items-notice.md @@ -2,4 +2,4 @@ '@primer/primitives': patch --- -Changes open colors to blue for tritanopia and colorblind +Changes open colors to blue for tritanopia and colorblind themes. Also changed done to gray and draft to purple (upsell). diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index 0c6474bf3..ed0d1aa6e 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -530,7 +530,7 @@ }, draft: { muted: { - $value: '{bgColor.neutral.muted}', + $value: '{bgColor.upsell.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -541,28 +541,10 @@ web: 'var(--bgColor-draft-muted)', }, }, - 'org.primer.overrides': { - 'light-tritanopia': '{bgColor.neutral.muted}', - 'light-tritanopia-high-contrast': '{bgColor.neutral.muted}', - 'dark-tritanopia': { - $value: '{bgColor.neutral.muted}', - alpha: 0.1, - }, - 'light-protanopia-deuteranopia': '{bgColor.neutral.muted}', - 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}', - 'dark-protanopia-deuteranopia': { - $value: '{bgColor.neutral.muted}', - alpha: 0.1, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{bgColor.neutral.muted}', - alpha: 0.1, - }, - }, }, }, emphasis: { - $value: '{bgColor.neutral.emphasis}', + $value: '{bgColor.upsell.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -578,7 +560,7 @@ }, done: { muted: { - $value: '{base.color.purple.0}', + $value: '{bgColor.neutral.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -589,24 +571,10 @@ web: 'var(--bgColor-done-muted) /* utility class: .color-bg-done */', }, }, - 'org.primer.overrides': { - dark: { - $value: '{base.color.purple.4}', - alpha: 0.15, - }, - 'light-protanopia-deuteranopia': '{bgColor.neutral.muted}', - 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}', - 'dark-protanopia-deuteranopia': '{bgColor.neutral.muted}', - 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}', - 'dark-tritanopia': '{bgColor.neutral.muted}', - 'dark-tritanopia-high-contrast': '{bgColor.neutral.muted}', - 'light-tritanopia': '{bgColor.neutral.muted}', - 'light-tritanopia-high-contrast': '{bgColor.neutral.muted}', - }, }, }, emphasis: { - $value: '{base.color.purple.5}', + $value: '{bgColor.neutral.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -617,24 +585,12 @@ web: 'var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */', }, }, - 'org.primer.overrides': { - 'dark-high-contrast': '{base.color.purple.9}', - 'dark-dimmed-high-contrast': '{base.color.purple.7}', - 'light-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', - 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}', - 'dark-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', - 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}', - 'dark-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', - 'dark-tritanopia': '{bgColor.neutral.emphasis}', - 'light-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', - 'light-tritanopia': '{bgColor.neutral.emphasis}', - }, }, }, }, upsell: { muted: { - $value: '{bgColor.done.muted}', + $value: '{base.color.purple.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -648,6 +604,10 @@ 'org.primer.overrides': { 'light-protanopia-deuteranopia': '{base.color.purple.0}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.0}', + 'dark': { + $value: '{base.color.purple.4}', + alpha: 0.15, + }, 'dark-protanopia-deuteranopia': { $value: '{base.color.purple.4}', alpha: 0.15, @@ -670,7 +630,7 @@ }, }, emphasis: { - $value: '{bgColor.done.emphasis}', + $value: '{base.color.purple.5}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -690,6 +650,7 @@ 'dark-tritanopia-high-contrast': '{base.color.purple.9}', 'light-tritanopia': '{base.color.purple.5}', 'light-tritanopia-high-contrast': '{base.color.purple.5}', + 'dark-high-contrast': '{base.color.purple.9}', }, }, }, diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5 index 34c9eb7f5..b8446d5ec 100644 --- a/src/tokens/functional/color/borderColor.json5 +++ b/src/tokens/functional/color/borderColor.json5 @@ -40,7 +40,7 @@ 'org.primer.overrides': { 'dark-dimmed': { $value: '{base.color.neutral.7}', - alpha: 0.7, + alpha: 0.8, }, 'dark-dimmed-high-contrast': { $value: '{borderColor.default}', @@ -72,7 +72,7 @@ }, }, }, - alpha: 0.7, + alpha: 0.8, }, emphasis: { $value: '{base.color.neutral.8}', @@ -651,7 +651,7 @@ }, draft: { muted: { - $value: '{borderColor.neutral.muted}', + $value: '{borderColor.upsell.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -662,44 +662,10 @@ web: 'var(--borderColor-draft-muted)', }, }, - 'org.primer.overrides': { - 'dark-tritanopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'dark-tritanopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - 'light-tritanopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'light-tritanopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - 'dark-protanopia-deuteranopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - 'light-protanopia-deuteranopia': { - $value: '{borderColor.default}', - alpha: 0.4, - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.default}', - alpha: 1, - }, - }, }, }, emphasis: { - $value: '{borderColor.neutral.emphasis}', + $value: '{borderColor.upsell.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -715,7 +681,7 @@ }, done: { muted: { - $value: '{base.color.purple.3}', + $value: '{borderColor.neutral.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -726,58 +692,10 @@ web: 'var(--borderColor-done-muted) /* utility class: .color-border-done */', }, }, - 'org.primer.overrides': { - dark: '{base.color.purple.4}', - 'light-high-contrast': { - $value: '{base.color.purple.3}', - alpha: 1, - }, - 'dark-high-contrast': { - $value: '{base.color.purple.4}', - alpha: 1, - }, - 'dark-dimmed-high-contrast': { - $value: '{base.color.purple.2}', - alpha: 1, - }, - 'light-tritanopia': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'dark-tritanopia': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'light-tritanopia-high-contrast': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'dark-tritanopia-high-contrast': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'light-protanopia-deuteranopia': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'dark-protanopia-deuteranopia': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.neutral.muted}', - alpha: 1, - }, - }, - }, - alpha: 0.4, + } }, emphasis: { - $value: '{base.color.purple.5}', + $value: '{borderColor.neutral.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -788,47 +706,12 @@ web: 'var(--borderColor-done-emphasis)', }, }, - 'org.primer.overrides': { - 'dark-dimmed-high-contrast': '{base.color.purple.2}', - 'dark-protanopia-deuteranopia': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'light-protanopia-deuteranopia': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'light-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'dark-protanopia-deuteranopia-high-contrast': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'light-tritanopia': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'dark-tritanopia': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'light-tritanopia-high-contrast': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - 'dark-tritanopia-high-contrast': { - $value: '{borderColor.neutral.emphasis}', - alpha: 1, - }, - }, }, }, }, upsell: { muted: { - $value: '{borderColor.done.muted}', + $value: '{base.color.purple.3}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -844,6 +727,10 @@ $value: '{base.color.purple.3}', alpha: 1, }, + dark: { + $value: '{base.color.purple.4}', + alpha: 0.4, + }, 'dark-protanopia-deuteranopia': { $value: '{base.color.purple.4}', alpha: 0.4, @@ -856,6 +743,10 @@ $value: '{base.color.purple.4}', alpha: 1, }, + 'dark-dimmed-high-contrast': { + $value: '{base.color.purple.4}', + alpha: 1, + }, 'light-tritanopia': { $value: '{base.color.purple.3}', alpha: 1, @@ -872,11 +763,15 @@ $value: '{base.color.purple.4}', alpha: 1, }, + 'dark-high-contrast': { + $value: '{base.color.purple.4}', + alpha: 1, + }, }, }, }, emphasis: { - $value: '{borderColor.done.emphasis}', + $value: '{base.color.purple.5}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -900,6 +795,9 @@ 'dark-protanopia-deuteranopia-high-contrast': { $value: '{base.color.purple.5}', }, + 'dark-dimmed-high-contrast': { + $value: '{base.color.purple.5}', + }, 'light-tritanopia': { $value: '{base.color.purple.5}', }, diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index e9affd557..433492672 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -316,7 +316,7 @@ }, }, draft: { - $value: '{fgColor.neutral}', + $value: '{fgColor.upsell}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -330,7 +330,7 @@ }, }, done: { - $value: '{base.color.purple.5}', + $value: '{fgColor.neutral}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -341,24 +341,10 @@ web: 'var(--fgColor-done) /* utility class: .color-fg-done */', }, }, - 'org.primer.overrides': { - dark: '{base.color.purple.4}', - 'dark-high-contrast': '#D3ABFF', - 'dark-dimmed-high-contrast': '{base.color.purple.1}', - 'light-high-contrast': '{base.color.purple.6}', - 'light-protanopia-deuteranopia': '{base.color.neutral.9}', - 'dark-protanopia-deuteranopia': '{base.color.neutral.9}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', - 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}', - 'light-tritanopia': '{base.color.neutral.9}', - 'dark-tritanopia': '{base.color.neutral.9}', - 'dark-tritanopia-high-contrast': '{base.color.neutral.11}', - 'light-tritanopia-high-contrast': '{base.color.neutral.11}', - }, }, }, upsell: { - $value: '{fgColor.done}', + $value: '{base.color.purple.5}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -373,11 +359,14 @@ 'light-protanopia-deuteranopia': '{base.color.purple.5}', 'dark-protanopia-deuteranopia': '{base.color.purple.4}', 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.1}', + 'dark-dimmed-high-contrast': '{base.color.purple.1}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.6}', 'light-tritanopia': '{base.color.purple.5}', 'dark-tritanopia': '{base.color.purple.4}', 'dark-tritanopia-high-contrast': '{base.color.purple.1}', 'light-tritanopia-high-contrast': '{base.color.purple.6}', + 'dark-high-contrast': '{base.color.purple.1}', + 'light-high-contrast': '{base.color.purple.6}', }, }, }, From c8e3bb8a1d795f135e5a248e1833adff163eb621 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 6 Oct 2025 14:30:46 +0200 Subject: [PATCH 12/14] fix contrasts --- src/tokens/functional/color/bgColor.json5 | 7 ++++--- src/tokens/functional/color/fgColor.json5 | 1 + 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index ed0d1aa6e..61930c3ab 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -645,12 +645,13 @@ 'light-protanopia-deuteranopia': '{base.color.purple.5}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', 'dark-protanopia-deuteranopia': '{base.color.purple.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.7}', 'dark-tritanopia': '{base.color.purple.5}', - 'dark-tritanopia-high-contrast': '{base.color.purple.9}', + 'dark-tritanopia-high-contrast': '{base.color.purple.7}', 'light-tritanopia': '{base.color.purple.5}', 'light-tritanopia-high-contrast': '{base.color.purple.5}', - 'dark-high-contrast': '{base.color.purple.9}', + 'dark-high-contrast': '{base.color.purple.7}', + 'dark-dimmed-high-contrast': '{base.color.purple.7}', }, }, }, diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index 433492672..f409fee48 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -356,6 +356,7 @@ }, }, 'org.primer.overrides': { + 'dark': '{base.color.purple.4}', 'light-protanopia-deuteranopia': '{base.color.purple.5}', 'dark-protanopia-deuteranopia': '{base.color.purple.4}', 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.1}', From 24d427e28d418c04f7d4f9fc191d80ed3e82df5e Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Tue, 7 Oct 2025 09:32:39 +0200 Subject: [PATCH 13/14] improve contrast --- .changeset/modern-items-notice.md | 2 +- src/tokens/functional/color/bgColor.json5 | 22 ++++++++++++------- src/tokens/functional/color/borderColor.json5 | 8 +++---- src/tokens/functional/color/fgColor.json5 | 4 ++-- 4 files changed, 21 insertions(+), 15 deletions(-) diff --git a/.changeset/modern-items-notice.md b/.changeset/modern-items-notice.md index ce1d87c91..929d0ef83 100644 --- a/.changeset/modern-items-notice.md +++ b/.changeset/modern-items-notice.md @@ -2,4 +2,4 @@ '@primer/primitives': patch --- -Changes open colors to blue for tritanopia and colorblind themes. Also changed done to gray and draft to purple (upsell). +Changes open colors to blue for tritanopia and colorblind themes. Also changed draft to gray for all themes and added a bit more contrast to colorblind modes. diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index 61930c3ab..367efeaa1 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -250,10 +250,16 @@ }, 'org.primer.overrides': { dark: '{base.color.blue.5}', + 'dark-protanopia-deuteranopia': '{base.color.blue.7}', + 'dark-tritanopia': '{base.color.blue.7}', 'dark-high-contrast': '{base.color.blue.9}', 'dark-dimmed-high-contrast': '{base.color.blue.7}', 'dark-tritanopia-high-contrast': '{base.color.blue.9}', 'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.9}', + 'light-tritanopia': '{base.color.blue.7}', + 'light-protanopia-deuteranopia': '{base.color.blue.7}', + 'light-tritanopia-high-contrast': '{base.color.blue.7}', + 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.7}', }, }, }, @@ -530,7 +536,7 @@ }, draft: { muted: { - $value: '{bgColor.upsell.muted}', + $value: '{bgColor.neutral.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -544,7 +550,7 @@ }, }, emphasis: { - $value: '{bgColor.upsell.emphasis}', + $value: '{bgColor.neutral.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -560,7 +566,7 @@ }, done: { muted: { - $value: '{bgColor.neutral.muted}', + $value: '{bgColor.upsell.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -574,7 +580,7 @@ }, }, emphasis: { - $value: '{bgColor.neutral.emphasis}', + $value: '{bgColor.upsell.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -645,13 +651,13 @@ 'light-protanopia-deuteranopia': '{base.color.purple.5}', 'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.5}', 'dark-protanopia-deuteranopia': '{base.color.purple.5}', - 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.7}', 'dark-tritanopia': '{base.color.purple.5}', - 'dark-tritanopia-high-contrast': '{base.color.purple.7}', 'light-tritanopia': '{base.color.purple.5}', 'light-tritanopia-high-contrast': '{base.color.purple.5}', - 'dark-high-contrast': '{base.color.purple.7}', - 'dark-dimmed-high-contrast': '{base.color.purple.7}', + 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}', + 'dark-tritanopia-high-contrast': '{base.color.purple.9}', + 'dark-high-contrast': '{base.color.purple.9}', + 'dark-dimmed-high-contrast': '{base.color.purple.9}', }, }, }, diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5 index b8446d5ec..edf5303c8 100644 --- a/src/tokens/functional/color/borderColor.json5 +++ b/src/tokens/functional/color/borderColor.json5 @@ -651,7 +651,7 @@ }, draft: { muted: { - $value: '{borderColor.upsell.muted}', + $value: '{borderColor.neutral.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -665,7 +665,7 @@ }, }, emphasis: { - $value: '{borderColor.upsell.emphasis}', + $value: '{borderColor.neutral.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -681,7 +681,7 @@ }, done: { muted: { - $value: '{borderColor.neutral.muted}', + $value: '{borderColor.upsell.muted}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -695,7 +695,7 @@ } }, emphasis: { - $value: '{borderColor.neutral.emphasis}', + $value: '{borderColor.upsell.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5 index f409fee48..7411a5fe8 100644 --- a/src/tokens/functional/color/fgColor.json5 +++ b/src/tokens/functional/color/fgColor.json5 @@ -316,7 +316,7 @@ }, }, draft: { - $value: '{fgColor.upsell}', + $value: '{fgColor.neutral}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -330,7 +330,7 @@ }, }, done: { - $value: '{fgColor.neutral}', + $value: '{fgColor.upsell}', $type: 'color', $extensions: { 'org.primer.figma': { From 7e217c341202feaef5f601ffbbadffbbe7e981a9 Mon Sep 17 00:00:00 2001 From: lukasoppermann <813754+lukasoppermann@users.noreply.github.com> Date: Tue, 7 Oct 2025 08:41:36 +0000 Subject: [PATCH 14/14] github-actions[bot] Regenerated snapshots --- ...-colorblind-borderColor-done-muted-linux.png | Bin 819 -> 715 bytes ...gh-contrast-borderColor-done-muted-linux.png | Bin 775 -> 739 bytes ...-tritanopia-borderColor-done-muted-linux.png | Bin 824 -> 715 bytes ...gh-contrast-borderColor-done-muted-linux.png | Bin 775 -> 739 bytes 4 files changed, 0 insertions(+), 0 deletions(-) diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-borderColor-done-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-borderColor-done-muted-linux.png index 7a5751cd48935b4a68c580d090136b270663b0d7..f3a49f6aa7566041afad9437eea464b903827277 100644 GIT binary patch literal 715 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgBci@8a!PbLn`LHxoevh$|&IQ zu=3NQBkx4ZmKm7oISP7ze>7>6_-PZpgKjQ9>O$K8h4wsRtNHHqz~uh+md3+A=D$-T z*H`)0pBU;H`Q;?X+%MlkbX+H`T|@)!3u9Qt=~!_du05dr;otQ|q80*uJ@pZ8LDmve&NggX)qUP`*I{FZXM-`*no!@V~6yyqaH_jXPRlxTan+1T3XRMdePGj_IZni191v@_y}Sd!o- z(Hl)WB{;Lw6oMP-AFn$c(Rk*2V}bhh&_m4T&(EHF`LIC3;du#z=H$IhCX+8P$%j8w z*}t!s|9#%}>%Z@QKN$FW^G3_~xIGbf_u5;$I-v9vllfA+x`b9?sSj)HCB`PZ83ckjBx`%GZ+IVNSG`HDEOto`QL z*mrDy?7I)Ll)vMBW^~I%X->-L49gjr#d%vi=PaIVQ@hhDvghsBf8YB-uKM`k6_oQe7nh1)Eo}A1GCK>gW_mQfisOp{PbB=IpNxhJXH) ze*1OycD}m(xpU`U>oP~^ZU6r6oy=PK`}?-8+0K)2Sb1Ubo{FEZ9xp%twdV%*Vp?$guPg|>+{$M5^U=1dlNs1qI@{OBYTAIAUw@GsW(;rwm& z1rh!dJ(H>Ic&dg3y$stH$uDvK-@!!N#{XTD3#P4II~y2cKQfFv3#Q$@I=AXj#kVl) zuPuh4z-Yamlynnl{?^^#W#pD|^maV+UaDCQmjUz4`hJsE$Eds)d d)Mfr-5W8(MJMz7+9x!Dyc)I$ztaD0e0svcG9^wE1 diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-borderColor-done-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-borderColor-done-muted-linux.png index a6f6821cb25616dd0f16a5904d4d15e591e5624e..f3a49f6aa7566041afad9437eea464b903827277 100644 GIT binary patch literal 715 zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!S8*@_$r+7LgBci@8a!PbLn`LHxoevh$|&IQ zu=3NQBkx4ZmKm7oISP7ze>7>6_-PZpgKjQ9>O$K8h4wsRtNHHqz~uh+md3+A=D$-T z*H`)0pBU;H`Q;?X+%MlkbX+H`T|@)!3u9Qt=~!_L{zL3J*yniWj<{zrad5fKz^YVep+p{Y~8ZA#v^uHspDKTQtX zHEU(rW}VYU3{2ZLvoq|On!qU8#G1k(HbF7Mp^YTYn>79hFFqI@TmL@U##ZkB%>3Qb z$@R9!&Mtp!{WG}_joUK{VJt?9Rs>I++$ZE%h5m!}bDImcbVG{}^{TXhvzK$O{0o0)wZkpUXO@geCw5 CH_jXPRlxTan+1T3XRMdePGj_IZni191v@_y}Sd!o- z(Hl)WB{;Lw6oMP-AFn$c(Rk*2V}bhh&_m4T&(EHF`LIC3;du#z=H$IhCX+8P$%j8w z*}t!s|9#%}>%Z@QKN$FW^G3_~xIGbf_u5;$I-v9vllfA+x`b9?sSj)HCB`PZ83ckjBx`%GZ+IVNSG`HDEOto`QL z*mrDy?7I)Ll)vMBW^~I%X->-L49gjr#d%vi=PaIVQ@hhDvghsBf8YB-uKM`k6_oQe7nh1)Eo}A1GCK>gW_mQfisOp{PbB=IpNxhJXH) ze*1OycD}m(xpU`U>oP~^ZU6r6oy=PK`}?-8+0K)2Sb1Ubo{FEZ9xp%twdV%*Vp?$guPg|>+{$M5^U=1dlNs1qI@{OBYTAIAUw@GsW(;rwm& z1rh!dJ(H>Ic&dg3y$stH$uDvK-@!!N#{XTD3#P4II~y2cKQfFv3#Q$@I=AXj#kVl) zuPuh4z-Yamlynnl{?^^#W#pD|^maV+UaDCQmjUz4`hJsE$Eds)d d)Mfr-5W8(MJMz7+9x!Dyc)I$ztaD0e0svcG9^wE1