diff --git a/.changeset/dirty-foxes-cover.md b/.changeset/dirty-foxes-cover.md new file mode 100644 index 000000000..a34ecb45a --- /dev/null +++ b/.changeset/dirty-foxes-cover.md @@ -0,0 +1,5 @@ +--- +"@primer/primitives": major +--- + +Fix inconsistent HC transparent colors diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-closed-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-closed-muted-linux.png index d87cc3009..a1698feec 100644 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-closed-muted-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-closed-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-upsell-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-upsell-muted-linux.png index 0bf14c7e6..86cebc0ee 100644 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-upsell-muted-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-borderColor-upsell-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-closed-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-closed-muted-linux.png index e1b93366e..176f7e789 100644 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-closed-muted-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-closed-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-upsell-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-upsell-muted-linux.png index ca510f83a..b4c2599aa 100644 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-upsell-muted-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-borderColor-upsell-muted-linux.png differ diff --git a/blob-report/report.zip b/blob-report/report.zip index 9bb55b8b2..ca6032d57 100644 Binary files a/blob-report/report.zip and b/blob-report/report.zip differ diff --git a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 index 20bf218d5..a0acb451f 100644 --- a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +++ b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 @@ -70,58 +70,24 @@ }, }, accent: { - muted: { - $value: '{base.color.blue.5}', - $type: 'color', - alpha: 0.1, - }, emphasis: { $value: '{base.color.blue.9}', $type: 'color', }, }, success: { - muted: { - $value: '{base.color.green.4}', - $type: 'color', - alpha: 0.14, - }, emphasis: { $value: '{base.color.green.9}', $type: 'color', }, }, - open: { - muted: { - $value: '{bgColor.success.muted}', - $type: 'color', - alpha: 0.14, - }, - }, danger: { - muted: { - $value: '{base.color.red.4}', - $type: 'color', - alpha: 0.09, - }, emphasis: { $value: '{base.color.red.9}', $type: 'color', }, }, - closed: { - muted: { - $value: '{bgColor.danger.muted}', - $type: 'color', - alpha: 0.09, - }, - }, severe: { - muted: { - $value: '{base.color.orange.4}', - $type: 'color', - alpha: 0.088, - }, emphasis: { $value: '{base.color.orange.9}', $type: 'color', @@ -134,29 +100,12 @@ }, }, done: { - muted: { - $value: '{base.color.purple.5}', - $type: 'color', - alpha: 0.09, - }, emphasis: { $value: '{base.color.purple.9}', $type: 'color', }, }, - upsell: { - muted: { - $value: '{bgColor.done.muted}', - $type: 'color', - alpha: 0.09, - }, - }, sponsors: { - muted: { - $value: '{base.color.pink.5}', - $type: 'color', - alpha: 0.09, - }, emphasis: { $value: '{base.color.pink.9}', $type: 'color', @@ -215,6 +164,20 @@ alpha: 1, }, }, + closed: { + muted: { + $value: '{borderColor.danger.muted}', + $type: 'color', + alpha: 1, + }, + }, + upsell: { + muted: { + $value: '{borderColor.done.muted}', + $type: 'color', + alpha: 1, + }, + }, severe: { muted: { $value: '{base.color.orange.4}', diff --git a/src/tokens/functional/color/light/overrides/light.high-contrast.json5 b/src/tokens/functional/color/light/overrides/light.high-contrast.json5 index f027d5e97..8fabd7472 100644 --- a/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +++ b/src/tokens/functional/color/light/overrides/light.high-contrast.json5 @@ -171,6 +171,20 @@ alpha: 1, }, }, + upsell: { + muted: { + $value: '{borderColor.done.muted}', + $type: 'color', + alpha: 1, + }, + }, + closed: { + muted: { + $value: '{borderColor.danger.muted}', + $type: 'color', + alpha: 1, + }, + }, }, // patterns avatar: {