diff --git a/.changeset/smooth-beds-clap.md b/.changeset/smooth-beds-clap.md
new file mode 100644
index 000000000..4a8206b0a
--- /dev/null
+++ b/.changeset/smooth-beds-clap.md
@@ -0,0 +1,5 @@
+---
+"@primer/primitives": patch
+---
+
+Add display color tokens
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-button-star-iconColor-linux.png
new file mode 100644
index 000000000..c2fa22de4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-button-star-iconColor-linux.png
new file mode 100644
index 000000000..c2fa22de4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..df77400d8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..8188ad6cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ae94a64c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..a32a9cd9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..0b094b134
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..752094129
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..673836e48
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..dce717da3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..e17c7abad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..d3f9fa654
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..d9915df3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6ae575510
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b984b186d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..d5320a6fb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..23d89ed3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..84857aa5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..68421d488
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..5a02051d5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..87b662339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..e3dac6186
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..29516d400
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..4d473877b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..208b31365
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..a8c924f93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..159c52686
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..aeaa9282e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..2fdcad285
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cb2f4dd3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d91459ed8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-fgColor-linux.png
new file mode 100644
index 000000000..2ff460e61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..8824ca588
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..022071156
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c520d6e88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..fbf85a201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..0e8a0359e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..95f464afb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..34a9b85af
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..f6f5b3afc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..7b231d5ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..d42fdb408
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b1f6b340d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..259f445b4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..8636bcbd8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1024d3cf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..1a735b63b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..f4f41a4fc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..72fb57f4c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..6d3f74131
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..7a94426b8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..d1c4d9f6e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..d2d4663ad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..ab07587a6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..53064e331
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..0bc0729dd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..ddb8d266e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..7710f36f5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..701b5247b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b56d0e82a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..a96ad31e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..5c9e4f2b6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..87bbebade
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..ec9518158
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..0fa0e557a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..f41d352bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..c1dc7a1f4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..75fe1f16b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..9c06d4537
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..97ee7eb64
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..a2005b89a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-fgColor-linux.png
new file mode 100644
index 000000000..e9c5d2293
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a94d73b1f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..2cd203937
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..59a325778
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..bc5633839
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..3a719cefa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cded5b08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..a630e9122
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2e327b04c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..c1f35e7b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..c259e10f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..df77400d8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..8188ad6cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ae94a64c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..a32a9cd9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..0b094b134
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..752094129
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..673836e48
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..dce717da3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..e17c7abad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..d3f9fa654
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..d9915df3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6ae575510
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b984b186d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..d5320a6fb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..23d89ed3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..84857aa5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..68421d488
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..5a02051d5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..87b662339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..e3dac6186
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..29516d400
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..4d473877b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..208b31365
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..a8c924f93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..159c52686
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..aeaa9282e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..2fdcad285
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cb2f4dd3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d91459ed8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-fgColor-linux.png
new file mode 100644
index 000000000..2ff460e61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..8824ca588
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..022071156
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c520d6e88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..fbf85a201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..0e8a0359e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..95f464afb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..34a9b85af
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..f6f5b3afc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..7b231d5ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..d42fdb408
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b1f6b340d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..259f445b4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..8636bcbd8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1024d3cf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..1a735b63b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..f4f41a4fc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..72fb57f4c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..6d3f74131
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..7a94426b8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..d1c4d9f6e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..d2d4663ad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..ab07587a6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..53064e331
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..0bc0729dd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..ddb8d266e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..7710f36f5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..701b5247b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b56d0e82a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..a96ad31e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..5c9e4f2b6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..87bbebade
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..ec9518158
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..0fa0e557a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..f41d352bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..c1dc7a1f4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..75fe1f16b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..9c06d4537
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..97ee7eb64
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..a2005b89a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-fgColor-linux.png
new file mode 100644
index 000000000..e9c5d2293
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a94d73b1f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..2cd203937
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..59a325778
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..bc5633839
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..3a719cefa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cded5b08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..a630e9122
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2e327b04c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..c1f35e7b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..c259e10f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-button-star-iconColor-linux.png
new file mode 100644
index 000000000..190b0a621
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..88bb9d0b0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..dd9ed14fc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..1a262a5fb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..1a534e66c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..c17e2e2bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..c53ea9f37
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..ce0328a59
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..486ed49dd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..a8d4305c6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..33aab3a90
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..794fe4f56
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..4182383e7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b676a43d3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..9ef1cbe0b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..0c8243b37
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..c5d6c0605
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..3906688c4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..864152cb2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..cfe67714e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..65d2bfd51
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..8ffa3727b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..aed08fb77
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..8995ba412
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..3b232f7a2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..7222b3605
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..df5e26cd9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..e1db8d200
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..1eb89ffac
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..cf77cd8e1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-fgColor-linux.png
new file mode 100644
index 000000000..517841a5a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..8fe5e8bef
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..0f3f6dd7a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e528a7e86
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..3ab383e5c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..93e242072
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..697d9ce0e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..409f53041
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..75dcd6877
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..151136bf2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..1a4f56bd6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..7657ac581
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..30f492262
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..07932cdb1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..efb7cdc7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..0e09b22a5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..afac0b059
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..1b57bbd07
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..90a2ae7a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..f93f068e9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..617f746b6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..8924605a7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..c1cbe1c60
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..79bf29b00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..cca74bc7d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..cebecb2aa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..57226450a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..441b39ef0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b8922b2b4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..5d8bd7a39
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..3e1d42b89
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..85692e542
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..7a8564fb7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..337f2a743
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..dc821d725
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..d358b2e53
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..4ebf47270
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..a55a435ef
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..36148f904
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..bb3322aae
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-fgColor-linux.png
new file mode 100644
index 000000000..ec24406e3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..5761192b7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..c8c956952
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..a6ae8068c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..0e395e352
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..f9a66b7ae
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b2bd2cf4b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..39fd95144
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c25775d0a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..7388cff94
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..38b8f03fb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-button-star-iconColor-linux.png
new file mode 100644
index 000000000..c2fa22de4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..df77400d8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..8188ad6cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ae94a64c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..a32a9cd9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..0b094b134
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..752094129
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..673836e48
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..dce717da3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..e17c7abad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..d3f9fa654
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..d9915df3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6ae575510
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b984b186d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..d5320a6fb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..23d89ed3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..84857aa5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..68421d488
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..5a02051d5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..87b662339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..e3dac6186
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..29516d400
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..4d473877b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..208b31365
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..a8c924f93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..159c52686
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..aeaa9282e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..2fdcad285
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cb2f4dd3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d91459ed8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-fgColor-linux.png
new file mode 100644
index 000000000..2ff460e61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..8824ca588
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..022071156
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c520d6e88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..fbf85a201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..0e8a0359e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..95f464afb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..34a9b85af
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..f6f5b3afc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..7b231d5ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..d42fdb408
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b1f6b340d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..259f445b4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..8636bcbd8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1024d3cf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..1a735b63b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..f4f41a4fc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..72fb57f4c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..6d3f74131
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..7a94426b8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..d1c4d9f6e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..d2d4663ad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..ab07587a6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..53064e331
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..0bc0729dd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..ddb8d266e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..7710f36f5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..701b5247b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..b56d0e82a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..a96ad31e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..5c9e4f2b6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..87bbebade
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..ec9518158
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..0fa0e557a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..f41d352bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..c1dc7a1f4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..75fe1f16b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..9c06d4537
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..97ee7eb64
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..a2005b89a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-fgColor-linux.png
new file mode 100644
index 000000000..e9c5d2293
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a94d73b1f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..2cd203937
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..59a325778
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..bc5633839
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..3a719cefa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cded5b08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..a630e9122
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2e327b04c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..c1f35e7b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..c259e10f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-button-star-iconColor-linux.png
new file mode 100644
index 000000000..924f8dc08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-button-star-iconColor-linux.png
new file mode 100644
index 000000000..924f8dc08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..221f85536
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..fcaefbbf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..aae5e7b9e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..986a44300
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..b26a5d4a8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cc1095bd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..4c0a965b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c829f6e15
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..ca33c7147
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..bb839b47d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b0978bad3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6aa6414ae
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..05e65a462
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..28ea0d173
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..038e1f005
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a0804faf8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..abce31271
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cf98db944
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..a7369aacf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..71110a511
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..133164eed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..e399993bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ccdcf9ac9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..4f9f03422
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..ce6f93a8b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9a1777a88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..0d40ce339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..4636934da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d8ea66e00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-fgColor-linux.png
new file mode 100644
index 000000000..8f23559a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9bb70c4ce
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..8809bb1f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..969e94579
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..e5de7de16
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..d22278969
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..faaef9b93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..77b151c9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2dff40f18
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..6c10143fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..cad1856c5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..35aa3ec1b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..bad860a71
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..9db707ded
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1683ab02e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..621526ff7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..c71b7d7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..f2282e201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..99924dcd2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..55c3556ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..a7049c1cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..27658eddc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..87dd34c77
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..a9f9746b7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..20fad3229
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..6e4ecd54f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..ffaf2a286
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..45f002dbe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..715dc8b92
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..e1bba6f5a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..ba7d0c39e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..4fd2496d9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..6b30716b9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..729513160
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..499b208db
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..b64b406d7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b4cd32b7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..36ea6141b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c94452abe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..5790c5cef
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-fgColor-linux.png
new file mode 100644
index 000000000..464d5313f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..172f62b32
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..f5fb58f21
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e0ebeb7d6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..fe0d393d1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..35fce0197
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..2129cd59d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..1d99a3d86
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e307ce7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..5b42a9e27
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..09ff31d06
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..221f85536
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..fcaefbbf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..aae5e7b9e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..986a44300
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..b26a5d4a8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cc1095bd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..4c0a965b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c829f6e15
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..ca33c7147
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..bb839b47d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b0978bad3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6aa6414ae
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..05e65a462
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..28ea0d173
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..038e1f005
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a0804faf8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..abce31271
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cf98db944
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..a7369aacf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..71110a511
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..133164eed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..e399993bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ccdcf9ac9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..4f9f03422
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..ce6f93a8b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9a1777a88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..0d40ce339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..4636934da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d8ea66e00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-fgColor-linux.png
new file mode 100644
index 000000000..8f23559a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9bb70c4ce
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..8809bb1f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..969e94579
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..e5de7de16
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..d22278969
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..faaef9b93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..77b151c9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2dff40f18
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..6c10143fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..cad1856c5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..35aa3ec1b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..bad860a71
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..9db707ded
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1683ab02e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..621526ff7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..c71b7d7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..f2282e201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..99924dcd2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..55c3556ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..a7049c1cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..27658eddc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..87dd34c77
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..a9f9746b7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..20fad3229
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..6e4ecd54f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..ffaf2a286
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..45f002dbe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..715dc8b92
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..e1bba6f5a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..ba7d0c39e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..4fd2496d9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..6b30716b9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..729513160
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..499b208db
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..b64b406d7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b4cd32b7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..36ea6141b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c94452abe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..5790c5cef
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-fgColor-linux.png
new file mode 100644
index 000000000..464d5313f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..172f62b32
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..f5fb58f21
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e0ebeb7d6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..fe0d393d1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..35fce0197
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..2129cd59d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..1d99a3d86
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e307ce7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..5b42a9e27
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..09ff31d06
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-button-star-iconColor-linux.png
new file mode 100644
index 000000000..924f8dc08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..221f85536
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..fcaefbbf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..aae5e7b9e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..986a44300
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..b26a5d4a8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cc1095bd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..4c0a965b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c829f6e15
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..ca33c7147
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..bb839b47d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b0978bad3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6aa6414ae
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..05e65a462
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..28ea0d173
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..038e1f005
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a0804faf8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..abce31271
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cf98db944
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..a7369aacf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..71110a511
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..133164eed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..e399993bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ccdcf9ac9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..4f9f03422
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..ce6f93a8b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9a1777a88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..0d40ce339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..4636934da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d8ea66e00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-fgColor-linux.png
new file mode 100644
index 000000000..8f23559a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9bb70c4ce
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..8809bb1f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..969e94579
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..e5de7de16
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..d22278969
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..faaef9b93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..77b151c9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2dff40f18
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..6c10143fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..cad1856c5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..35aa3ec1b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..bad860a71
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..9db707ded
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1683ab02e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..621526ff7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..c71b7d7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..f2282e201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..99924dcd2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..55c3556ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..a7049c1cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..27658eddc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..87dd34c77
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..a9f9746b7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..20fad3229
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..6e4ecd54f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..ffaf2a286
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..45f002dbe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..715dc8b92
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..e1bba6f5a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..ba7d0c39e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..4fd2496d9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..6b30716b9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..729513160
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..499b208db
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..b64b406d7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b4cd32b7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..36ea6141b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c94452abe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..5790c5cef
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-fgColor-linux.png
new file mode 100644
index 000000000..464d5313f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..172f62b32
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..f5fb58f21
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e0ebeb7d6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..fe0d393d1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..35fce0197
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..2129cd59d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..1d99a3d86
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e307ce7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..5b42a9e27
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..09ff31d06
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-button-star-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-button-star-iconColor-linux.png
new file mode 100644
index 000000000..924f8dc08
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-button-star-iconColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..221f85536
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-bgColor-muted-linux.png
new file mode 100644
index 000000000..fcaefbbf7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..aae5e7b9e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-borderColor-muted-linux.png
new file mode 100644
index 000000000..986a44300
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-fgColor-linux.png
new file mode 100644
index 000000000..b26a5d4a8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-auburn-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9cc1095bd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-bgColor-muted-linux.png
new file mode 100644
index 000000000..4c0a965b2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c829f6e15
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-borderColor-muted-linux.png
new file mode 100644
index 000000000..ca33c7147
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-fgColor-linux.png
new file mode 100644
index 000000000..bb839b47d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-blue-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b0978bad3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-bgColor-muted-linux.png
new file mode 100644
index 000000000..6aa6414ae
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..05e65a462
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-borderColor-muted-linux.png
new file mode 100644
index 000000000..28ea0d173
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-fgColor-linux.png
new file mode 100644
index 000000000..038e1f005
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-brown-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..a0804faf8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-bgColor-muted-linux.png
new file mode 100644
index 000000000..abce31271
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..cf98db944
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-borderColor-muted-linux.png
new file mode 100644
index 000000000..a7369aacf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-fgColor-linux.png
new file mode 100644
index 000000000..71110a511
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-cyan-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..133164eed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-bgColor-muted-linux.png
new file mode 100644
index 000000000..e399993bf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..ccdcf9ac9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-borderColor-muted-linux.png
new file mode 100644
index 000000000..4f9f03422
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-fgColor-linux.png
new file mode 100644
index 000000000..ce6f93a8b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-gray-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9a1777a88
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-bgColor-muted-linux.png
new file mode 100644
index 000000000..0d40ce339
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..4636934da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-borderColor-muted-linux.png
new file mode 100644
index 000000000..d8ea66e00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-fgColor-linux.png
new file mode 100644
index 000000000..8f23559a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-green-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..9bb70c4ce
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-bgColor-muted-linux.png
new file mode 100644
index 000000000..8809bb1f8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..969e94579
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-borderColor-muted-linux.png
new file mode 100644
index 000000000..e5de7de16
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-fgColor-linux.png
new file mode 100644
index 000000000..d22278969
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-indigo-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..faaef9b93
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-bgColor-muted-linux.png
new file mode 100644
index 000000000..77b151c9a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..2dff40f18
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-borderColor-muted-linux.png
new file mode 100644
index 000000000..6c10143fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-fgColor-linux.png
new file mode 100644
index 000000000..cad1856c5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lemon-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..35aa3ec1b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-bgColor-muted-linux.png
new file mode 100644
index 000000000..bad860a71
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..9db707ded
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-borderColor-muted-linux.png
new file mode 100644
index 000000000..1683ab02e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-fgColor-linux.png
new file mode 100644
index 000000000..621526ff7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-lime-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..c71b7d7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-bgColor-muted-linux.png
new file mode 100644
index 000000000..f2282e201
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..99924dcd2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-borderColor-muted-linux.png
new file mode 100644
index 000000000..55c3556ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-fgColor-linux.png
new file mode 100644
index 000000000..a7049c1cc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-olive-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..27658eddc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-bgColor-muted-linux.png
new file mode 100644
index 000000000..87dd34c77
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..a9f9746b7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-borderColor-muted-linux.png
new file mode 100644
index 000000000..20fad3229
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-fgColor-linux.png
new file mode 100644
index 000000000..6e4ecd54f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-orange-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..ffaf2a286
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-bgColor-muted-linux.png
new file mode 100644
index 000000000..45f002dbe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..715dc8b92
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-borderColor-muted-linux.png
new file mode 100644
index 000000000..e1bba6f5a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-fgColor-linux.png
new file mode 100644
index 000000000..ba7d0c39e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pine-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..4fd2496d9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-bgColor-muted-linux.png
new file mode 100644
index 000000000..6b30716b9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..729513160
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-borderColor-muted-linux.png
new file mode 100644
index 000000000..499b208db
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-fgColor-linux.png
new file mode 100644
index 000000000..b64b406d7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-purple-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..b4cd32b7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-bgColor-muted-linux.png
new file mode 100644
index 000000000..36ea6141b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..c94452abe
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-borderColor-muted-linux.png
new file mode 100644
index 000000000..5790c5cef
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-fgColor-linux.png
new file mode 100644
index 000000000..464d5313f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-red-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..172f62b32
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-bgColor-muted-linux.png
new file mode 100644
index 000000000..f5fb58f21
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e0ebeb7d6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-borderColor-muted-linux.png
new file mode 100644
index 000000000..fe0d393d1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-fgColor-linux.png
new file mode 100644
index 000000000..35fce0197
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-teal-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-bgColor-emphasis-linux.png
new file mode 100644
index 000000000..2129cd59d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-bgColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-bgColor-muted-linux.png
new file mode 100644
index 000000000..1d99a3d86
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-bgColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-borderColor-emphasis-linux.png
new file mode 100644
index 000000000..e307ce7cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-borderColor-emphasis-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-borderColor-muted-linux.png
new file mode 100644
index 000000000..5b42a9e27
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-borderColor-muted-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-fgColor-linux.png
new file mode 100644
index 000000000..09ff31d06
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-yellow-fgColor-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-colorblind-theme-1-linux.png
new file mode 100644
index 000000000..20869b1da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-high-contrast-theme-1-linux.png
new file mode 100644
index 000000000..f24fedce7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-theme-1-linux.png
new file mode 100644
index 000000000..20869b1da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-tritanopia-theme-1-linux.png
new file mode 100644
index 000000000..20869b1da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-colorblind-theme-1-linux.png
new file mode 100644
index 000000000..78b16f3c6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-high-contrast-theme-1-linux.png
new file mode 100644
index 000000000..45ac94b31
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-theme-1-linux.png
new file mode 100644
index 000000000..78b16f3c6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-tritanopia-theme-1-linux.png
new file mode 100644
index 000000000..78b16f3c6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--background-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-colorblind-theme-1-linux.png
new file mode 100644
index 000000000..59e400942
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-high-contrast-theme-1-linux.png
new file mode 100644
index 000000000..4021f2ed9
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-theme-1-linux.png
new file mode 100644
index 000000000..59e400942
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-tritanopia-theme-1-linux.png
new file mode 100644
index 000000000..59e400942
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-colorblind-theme-1-linux.png
new file mode 100644
index 000000000..25ce5f927
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-high-contrast-theme-1-linux.png
new file mode 100644
index 000000000..9bb8901a5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-theme-1-linux.png
new file mode 100644
index 000000000..25ce5f927
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-tritanopia-theme-1-linux.png
new file mode 100644
index 000000000..25ce5f927
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--border-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-colorblind-theme-1-linux.png
new file mode 100644
index 000000000..c9040779c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-high-contrast-theme-1-linux.png
new file mode 100644
index 000000000..b3f8ea9b7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-theme-1-linux.png
new file mode 100644
index 000000000..c9040779c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-tritanopia-theme-1-linux.png
new file mode 100644
index 000000000..c9040779c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-colorblind-theme-1-linux.png
new file mode 100644
index 000000000..9952f5572
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-high-contrast-theme-1-linux.png
new file mode 100644
index 000000000..c15b05e0c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-theme-1-linux.png
new file mode 100644
index 000000000..9952f5572
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-tritanopia-theme-1-linux.png
new file mode 100644
index 000000000..9952f5572
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-alpha-display--foreground-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-colorblind-theme-1-linux.png
index a9a27d5b3..3f887a45e 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-high-contrast-theme-1-linux.png
index d6e5598a0..7f928f97b 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-theme-1-linux.png
index b5a54e4f0..bf23279da 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-tritanopia-theme-1-linux.png
index c949e83ed..f6188e149 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-colorblind-theme-1-linux.png
index 76dc9df10..2c797d538 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-high-contrast-theme-1-linux.png
index 12b0f3fa1..bd064346a 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-theme-1-linux.png
index 93eedb11d..72a49b4df 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-tritanopia-theme-1-linux.png
index 0b5ae569d..55fa2c4b8 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--button-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-colorblind-theme-1-linux.png
index e5e8199a0..9197004ed 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-high-contrast-theme-1-linux.png
index c01add9c0..d4fdb81d4 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-theme-1-linux.png
index c9017cbdd..87293e6e2 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-tritanopia-theme-1-linux.png
index b65f47cf1..c342c4a4c 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-colorblind-theme-1-linux.png
index 2b0bfe767..9d732a92d 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-high-contrast-theme-1-linux.png
index d3ccc9c62..3ca4aaa65 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-theme-1-linux.png
index d115f7e95..0fcc682e8 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-tritanopia-theme-1-linux.png
index 88a600f40..05c86ea22 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--control-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-colorblind-theme-1-linux.png
index 0fdca2f73..10cd6c2ee 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-high-contrast-theme-1-linux.png
index 86e418d61..b69376218 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-theme-1-linux.png
index 0fdca2f73..10cd6c2ee 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-tritanopia-theme-1-linux.png
index 0fdca2f73..10cd6c2ee 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-colorblind-theme-1-linux.png
index c47139d20..e21ca2600 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-high-contrast-theme-1-linux.png
index 276293fcf..f182cdbe3 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-theme-1-linux.png
index c47139d20..e21ca2600 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-tritanopia-theme-1-linux.png
index c47139d20..e21ca2600 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-patterns--underline-nav-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-colorblind-theme-1-linux.png
index 31b213511..ab1c00861 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-high-contrast-theme-1-linux.png
index 0e62c667a..1baf24fa9 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-theme-1-linux.png
index 349ff645f..6eb591f1a 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-tritanopia-theme-1-linux.png
index 60b5346ba..6cd486d2c 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-colorblind-theme-1-linux.png
index dc3dc93ed..17359c975 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-high-contrast-theme-1-linux.png
index 72242f7db..2240a89c8 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-theme-1-linux.png
index fc1b58a3c..24722c812 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-tritanopia-theme-1-linux.png
index 24546c403..196dc125b 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-migration-tables--no-change-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/docs/storybook/.storybook/preview.css b/docs/storybook/.storybook/preview.css
index c2a1b67cf..88180c10d 100644
--- a/docs/storybook/.storybook/preview.css
+++ b/docs/storybook/.storybook/preview.css
@@ -9,12 +9,12 @@
 @import '../../../dist/css/functional/typography/typography.css';
 
 /* color */
-@import '../../../dist/css/functional/themes/light.css';
-@import '../../../dist/css/functional/themes/light-tritanopia.css';
-@import '../../../dist/css/functional/themes/light-high-contrast.css';
-@import '../../../dist/css/functional/themes/light-colorblind.css';
-@import '../../../dist/css/functional/themes/dark.css';
-@import '../../../dist/css/functional/themes/dark-colorblind.css';
-@import '../../../dist/css/functional/themes/dark-dimmed.css';
-@import '../../../dist/css/functional/themes/dark-high-contrast.css';
-@import '../../../dist/css/functional/themes/dark-tritanopia.css';
+@import '../../../dist/internalCss/light.css';
+@import '../../../dist/internalCss/light-tritanopia.css';
+@import '../../../dist/internalCss/light-high-contrast.css';
+@import '../../../dist/internalCss/light-colorblind.css';
+@import '../../../dist/internalCss/dark.css';
+@import '../../../dist/internalCss/dark-colorblind.css';
+@import '../../../dist/internalCss/dark-dimmed.css';
+@import '../../../dist/internalCss/dark-high-contrast.css';
+@import '../../../dist/internalCss/dark-tritanopia.css';
diff --git a/docs/storybook/stories/Color/Functional/Display.stories.tsx b/docs/storybook/stories/Color/Functional/Display.stories.tsx
new file mode 100644
index 000000000..b82e9e859
--- /dev/null
+++ b/docs/storybook/stories/Color/Functional/Display.stories.tsx
@@ -0,0 +1,163 @@
+import React from 'react'
+// eslint-disable-next-line import/extensions
+import colorTokens from '../../../../../tokens-next-private/docs/functional/themes/light.json'
+import {ColorTokenSwatch} from '../../StorybookComponents/ColorTokenSwatch/ColorTokenSwatch'
+import {DataTable, Table} from '@primer/react/drafts'
+import {InlineCode} from '../../StorybookComponents/InlineCode/InlineCode'
+import {getTokensByName} from '../../utilities/getTokensByName'
+
+export default {
+  title: 'Color/Alpha/Display',
+  parameters: {
+    controls: {hideNoControlsWarning: true},
+    options: {
+      showPanel: false,
+    },
+    tags: ['excludeSnapshot'],
+  },
+}
+
+export const Foreground = () => {
+  const data = getTokensByName(colorTokens, 'display')
+    .map(token => {
+      return {
+        id: token.name,
+        ...token,
+      }
+    })
+    .filter(token => token.name.includes('fgColor'))
+
+  return (
+    <Table.Container>
+      <h1 className="sr-only" id="table-heading">
+        Foreground
+      </h1>
+      <DataTable
+        aria-labelledby="pattern"
+        data={data}
+        columns={[
+          {
+            header: 'Sample',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => {
+              return <ColorTokenSwatch textColor={row.name} />
+            },
+          },
+          {
+            header: 'Token',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => {
+              return <InlineCode value={row.name} copyClipboard />
+            },
+          },
+          {
+            header: 'Output value',
+            field: 'value',
+            rowHeader: true,
+            renderCell: row => {
+              return <p>{row.value}</p>
+            },
+          },
+        ]}
+      />
+    </Table.Container>
+  )
+}
+
+export const Background = () => {
+  const data = getTokensByName(colorTokens, 'display')
+    .map(token => {
+      return {
+        id: token.name,
+        ...token,
+      }
+    })
+    .filter(token => token.name.includes('bgColor'))
+  return (
+    <Table.Container>
+      <h1 className="sr-only" id="table-heading">
+        Background
+      </h1>
+      <DataTable
+        aria-labelledby="pattern"
+        data={data}
+        columns={[
+          {
+            header: 'Sample',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => {
+              return <ColorTokenSwatch bgColor={row.name} />
+            },
+          },
+          {
+            header: 'Token',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => {
+              return <InlineCode value={row.name} copyClipboard />
+            },
+          },
+          {
+            header: 'Output value',
+            field: 'value',
+            rowHeader: true,
+            renderCell: row => {
+              return <p>{row.value}</p>
+            },
+          },
+        ]}
+      />
+    </Table.Container>
+  )
+}
+
+export const Border = () => {
+  const data = getTokensByName(colorTokens, 'display')
+    .map(token => {
+      return {
+        id: token.name,
+        ...token,
+      }
+    })
+    .filter(token => token.name.includes('borderColor'))
+  return (
+    <Table.Container>
+      <h1 className="sr-only" id="table-heading">
+        Border
+      </h1>
+      <DataTable
+        aria-labelledby="pattern"
+        data={data}
+        columns={[
+          {
+            header: 'Sample',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => {
+              return <ColorTokenSwatch borderColor={row.name} />
+            },
+          },
+          {
+            header: 'Token',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => {
+              return <InlineCode value={row.name} copyClipboard />
+            },
+          },
+          {
+            header: 'Output value',
+            field: 'value',
+            rowHeader: true,
+            renderCell: row => {
+              return <p>{row.value}</p>
+            },
+          },
+        ]}
+      />
+    </Table.Container>
+  )
+}
diff --git a/docs/storybook/stories/Color/Patterns/AllPatterns.stories.tsx b/docs/storybook/stories/Color/Patterns/AllPatterns.stories.tsx
index 9156adfa7..d312623a0 100644
--- a/docs/storybook/stories/Color/Patterns/AllPatterns.stories.tsx
+++ b/docs/storybook/stories/Color/Patterns/AllPatterns.stories.tsx
@@ -40,7 +40,7 @@ export const Avatar = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -112,7 +112,7 @@ export const Control = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -165,7 +165,7 @@ export const Counter = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -230,7 +230,7 @@ export const Button = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -329,7 +329,7 @@ export const Header = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -382,7 +382,7 @@ export const Menu = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -435,7 +435,7 @@ export const Overlay = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -488,7 +488,7 @@ export const SelectMenu = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -541,7 +541,7 @@ export const SideNav = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -594,7 +594,7 @@ export const TimelineBadge = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -647,7 +647,7 @@ export const UnderlineNav = () => {
             renderCell: row => {
               return (
                 <ColorTokenSwatch
-                  bgColor={row.name.includes('bgColor') ? row.name : undefined}
+                  bgColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
                   textColor={row.name.includes('fgColor') ? row.name : undefined}
                   shadowColor={row.name.includes('shadow') ? row.name : undefined}
                   borderColor={row.name.includes('borderColor') ? row.name : undefined}
@@ -698,7 +698,11 @@ export const Selection = () => {
             field: 'name',
             rowHeader: true,
             renderCell: row => {
-              return <ColorTokenSwatch selectionColor={row.name.includes('bgColor') ? row.name : undefined} />
+              return (
+                <ColorTokenSwatch
+                  selectionColor={row.name.includes('bgColor') || row.name.includes('iconColor') ? row.name : undefined}
+                />
+              )
             },
           },
           {
diff --git a/src/tokens/functional/color/dark/display-dark.json5 b/src/tokens/functional/color/dark/display-dark.json5
new file mode 100644
index 000000000..8aace1ee4
--- /dev/null
+++ b/src/tokens/functional/color/dark/display-dark.json5
@@ -0,0 +1,1060 @@
+{
+  display: {
+    blue: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.blue.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.blue.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.blue.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.blue.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.blue.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    green: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.green.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.green.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.green.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.green.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.green.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    orange: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.orange.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.orange.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.orange.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.orange.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.orange.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    purple: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.purple.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.purple.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.purple.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.purple.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.purple.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    red: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.red.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.red.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.red.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.red.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.red.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    yellow: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.yellow.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.yellow.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.yellow.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.yellow.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.yellow.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    gray: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.gray.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.gray.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.gray.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    auburn: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.auburn.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.auburn.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.auburn.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.auburn.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.auburn.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    brown: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.brown.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.brown.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.brown.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.brown.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.brown.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    lemon: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.lemon.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lemon.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.lemon.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.lemon.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lemon.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    olive: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.olive.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.olive.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.olive.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.olive.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.olive.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    lime: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.lime.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lime.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.lime.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.lime.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lime.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    pine: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.pine.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pine.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.pine.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.pine.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pine.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    teal: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.teal.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.teal.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.teal.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.teal.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.teal.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    cyan: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.cyan.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.cyan.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.cyan.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.cyan.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.cyan.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    indigo: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.indigo.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.indigo.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.indigo.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.indigo.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.indigo.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+  },
+}
diff --git a/src/tokens/functional/color/dark/patterns-dark.json5 b/src/tokens/functional/color/dark/patterns-dark.json5
index fc7d3d78c..58c6be988 100644
--- a/src/tokens/functional/color/dark/patterns-dark.json5
+++ b/src/tokens/functional/color/dark/patterns-dark.json5
@@ -1557,6 +1557,20 @@
         },
       },
     },
+    star: {
+      iconColor: {
+        $value: '{base.color.yellow.2}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component (internal)',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
   },
   buttonCounter: {
     default: {
diff --git a/src/tokens/functional/color/light/display-light.json5 b/src/tokens/functional/color/light/display-light.json5
new file mode 100644
index 000000000..8aace1ee4
--- /dev/null
+++ b/src/tokens/functional/color/light/display-light.json5
@@ -0,0 +1,1060 @@
+{
+  display: {
+    blue: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.blue.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.blue.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.blue.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.blue.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.blue.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    green: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.green.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.green.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.green.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.green.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.green.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    orange: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.orange.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.orange.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.orange.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.orange.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.orange.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    purple: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.purple.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.purple.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.purple.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.purple.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.purple.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    red: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.red.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.red.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.red.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.red.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.red.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    yellow: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.yellow.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.yellow.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.yellow.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.yellow.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.yellow.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    gray: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.gray.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.gray.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.gray.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    auburn: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.auburn.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.auburn.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.auburn.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.auburn.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.auburn.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    brown: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.brown.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.brown.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.brown.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.brown.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.brown.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    lemon: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.lemon.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lemon.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.lemon.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.lemon.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lemon.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    olive: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.olive.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.olive.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.olive.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.olive.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.olive.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    lime: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.lime.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lime.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.lime.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.lime.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.lime.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    pine: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.pine.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pine.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.pine.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.pine.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.pine.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    teal: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.teal.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.teal.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.teal.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.teal.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.teal.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    cyan: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.cyan.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.cyan.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.cyan.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.cyan.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.cyan.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+    indigo: {
+      bgColor: {
+        muted: {
+          $value: '{base.display.color.indigo.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.indigo.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['bgColor'],
+            },
+          },
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.indigo.6}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      borderColor: {
+        muted: {
+          $value: '{base.display.color.indigo.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+        emphasis: {
+          $value: '{base.display.color.indigo.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['borderColor'],
+            },
+          },
+        },
+      },
+    },
+  },
+}
diff --git a/src/tokens/functional/color/light/patterns-light.json5 b/src/tokens/functional/color/light/patterns-light.json5
index 8289fc102..1134ee93d 100644
--- a/src/tokens/functional/color/light/patterns-light.json5
+++ b/src/tokens/functional/color/light/patterns-light.json5
@@ -1553,6 +1553,20 @@
         },
       },
     },
+    star: {
+      iconColor: {
+        $value: '{base.color.yellow.2}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component (internal)',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
   },
   buttonCounter: {
     default: {