diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-colorblind-linux.png
index 7be2b4c98f3..9b014f82edf 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-colorblind-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-dimmed-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-dimmed-linux.png
index 4ce39b2966e..48bea878d4a 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-dimmed-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-high-contrast-linux.png
index dbe3c1c0408..62742f54f12 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-linux.png
index 7be2b4c98f3..9b014f82edf 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-tritanopia-linux.png
index 7be2b4c98f3..9b014f82edf 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-tritanopia-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-colorblind-linux.png
index 0a977ee1050..a78db119a8d 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-colorblind-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-high-contrast-linux.png
index 407e1ab70cf..8c66354ef18 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-linux.png
index 70451e68f2e..a78db119a8d 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-tritanopia-linux.png
index 0a977ee1050..a78db119a8d 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-tritanopia-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Block-Description-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-colorblind-linux.png
index 3c28cf620ff..96fc6bb0e3b 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-colorblind-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-dimmed-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-dimmed-linux.png
index 9d0d09c6674..271b3c8464e 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-dimmed-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-high-contrast-linux.png
index 91a737a2251..0bcd6c66b90 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-linux.png
index 0e579c3a48e..96fc6bb0e3b 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-tritanopia-linux.png
index 3c28cf620ff..96fc6bb0e3b 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-tritanopia-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-colorblind-linux.png
index ad822ecceb0..0f1c61ce2b9 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-colorblind-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-high-contrast-linux.png
index aa613944f89..a5c00e79985 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-linux.png
index 964bc494b17..0f1c61ce2b9 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-tritanopia-linux.png
index 75c9dd2458b..0f1c61ce2b9 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-tritanopia-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Inline-Description-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-colorblind-linux.png
index 4052467ff65..8868f919b29 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-colorblind-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-dimmed-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-dimmed-linux.png
index 410236f7d20..03509e04197 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-dimmed-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-high-contrast-linux.png
index dee40b96201..b432ce92265 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-linux.png
index 4052467ff65..8868f919b29 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-tritanopia-linux.png
index 4052467ff65..8868f919b29 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-tritanopia-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-colorblind-linux.png
index db9d702ee2f..80f5897e047 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-colorblind-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-high-contrast-linux.png
index 61728ad8e2d..812355be878 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-linux.png
index bc780bd02b2..80f5897e047 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-linux.png differ
diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-tritanopia-linux.png
index db9d702ee2f..80f5897e047 100644
Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-tritanopia-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-With-Avatars-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Auburn-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Blue-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Brown-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Coral-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Cyan-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Default-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Gray-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Green-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Indigo-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lemon-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Lime-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Olive-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Orange-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pine-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Pink-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Plum-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Purple-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Red-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Size-Large-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Size-Large-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Size-Large-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Size-Large-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Size-Small-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Size-Small-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Size-Small-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Size-Small-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Teal-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-dimmed-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-dimmed-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-dimmed-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-dimmed-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-dark-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-tritanopia-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-colorblind-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-colorblind-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-colorblind-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-colorblind-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-high-contrast-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-high-contrast-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-high-contrast-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-high-contrast-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-linux.png
diff --git a/.playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-tritanopia-linux.png b/.playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-tritanopia-linux.png
similarity index 100%
rename from .playwright/snapshots/components/drafts/Label.test.ts-snapshots/Label-Yellow-light-tritanopia-linux.png
rename to .playwright/snapshots/components/drafts/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-tritanopia-linux.png
diff --git a/e2e/components/drafts/Label.test.ts b/e2e/components/drafts/IssueLabel.test.ts
similarity index 59%
rename from e2e/components/drafts/Label.test.ts
rename to e2e/components/drafts/IssueLabel.test.ts
index 4963bf64005..010e1d1d073 100644
--- a/e2e/components/drafts/Label.test.ts
+++ b/e2e/components/drafts/IssueLabel.test.ts
@@ -5,98 +5,98 @@ import {themes} from '../../test-helpers/themes'
const variants = [
{
title: 'Default',
- id: 'drafts-components-label--default',
+ id: 'drafts-components-issuelabel--default',
},
{
title: 'Auburn',
- id: 'drafts-components-label-features--auburn',
+ id: 'drafts-components-issuelabel-features--auburn',
},
{
title: 'Blue',
- id: 'drafts-components-label-features--blue',
+ id: 'drafts-components-issuelabel-features--blue',
},
{
title: 'Brown',
- id: 'drafts-components-label-features--brown',
+ id: 'drafts-components-issuelabel-features--brown',
},
{
title: 'Coral',
- id: 'drafts-components-label-features--coral',
+ id: 'drafts-components-issuelabel-features--coral',
},
{
title: 'Cyan',
- id: 'drafts-components-label-features--cyan',
+ id: 'drafts-components-issuelabel-features--cyan',
},
{
title: 'Gray',
- id: 'drafts-components-label-features--gray',
+ id: 'drafts-components-issuelabel-features--gray',
},
{
title: 'Green',
- id: 'drafts-components-label-features--green',
+ id: 'drafts-components-issuelabel-features--green',
},
{
title: 'Indigo',
- id: 'drafts-components-label-features--indigo',
+ id: 'drafts-components-issuelabel-features--indigo',
},
{
title: 'Lemon',
- id: 'drafts-components-label-features--lemon',
+ id: 'drafts-components-issuelabel-features--lemon',
},
{
title: 'Lime',
- id: 'drafts-components-label-features--lime',
+ id: 'drafts-components-issuelabel-features--lime',
},
{
title: 'Olive',
- id: 'drafts-components-label-features--olive',
+ id: 'drafts-components-issuelabel-features--olive',
},
{
title: 'Orange',
- id: 'drafts-components-label-features--orange',
+ id: 'drafts-components-issuelabel-features--orange',
},
{
title: 'Pine',
- id: 'drafts-components-label-features--pine',
+ id: 'drafts-components-issuelabel-features--pine',
},
{
title: 'Pink',
- id: 'drafts-components-label-features--pink',
+ id: 'drafts-components-issuelabel-features--pink',
},
{
title: 'Plum',
- id: 'drafts-components-label-features--plum',
+ id: 'drafts-components-issuelabel-features--plum',
},
{
title: 'Purple',
- id: 'drafts-components-label-features--purple',
+ id: 'drafts-components-issuelabel-features--purple',
},
{
title: 'Red',
- id: 'drafts-components-label-features--red',
+ id: 'drafts-components-issuelabel-features--red',
},
{
title: 'Teal',
- id: 'drafts-components-label-features--teal',
+ id: 'drafts-components-issuelabel-features--teal',
},
{
title: 'Yellow',
- id: 'drafts-components-label-features--yellow',
+ id: 'drafts-components-issuelabel-features--yellow',
},
] as const
const sizes = [
{
title: 'Size: Large',
- id: 'drafts-components-label-features--size-large',
+ id: 'drafts-components-issuelabel-features--size-large',
},
{
title: 'Size: Small',
- id: 'drafts-components-label-features--size-small',
+ id: 'drafts-components-issuelabel-features--size-small',
},
] as const
-test.describe('Label', () => {
+test.describe('IssueLabel', () => {
for (const story of variants) {
test.describe(story.title, () => {
for (const theme of themes) {
@@ -115,7 +115,7 @@ test.describe('Label', () => {
})
// Default state
- expect(await page.screenshot()).toMatchSnapshot(`Label.${story.title}.${theme}.png`)
+ expect(await page.screenshot()).toMatchSnapshot(`IssueLabel.${story.title}.${theme}.png`)
})
test('axe @aat', async ({page}) => {
@@ -145,7 +145,7 @@ test.describe('Label', () => {
})
// Default state
- expect(await page.screenshot()).toMatchSnapshot(`Label.${story.title}.png`)
+ expect(await page.screenshot()).toMatchSnapshot(`IssueLabel.${story.title}.png`)
})
test('axe @aat', async ({page}) => {
diff --git a/package-lock.json b/package-lock.json
index c09139429f6..a1b08482a5e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36281,6 +36281,11 @@
"version": "2.8.9",
"license": "ISC"
},
+ "node_modules/hsluv": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/hsluv/-/hsluv-1.0.1.tgz",
+ "integrity": "sha512-zCaFTiDqBLQjCCFBu0qg7z9ASYPd+Bxx2GDCVZJsnehjK80S+jByqhuFz0pCd2Aw3FSKr18AWbRlwnKR0YdizQ=="
+ },
"node_modules/html-dom-parser": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-1.2.0.tgz",
@@ -62162,6 +62167,7 @@
"focus-visible": "^5.2.0",
"fzy.js": "^0.4.1",
"history": "^5.0.0",
+ "hsluv": "1.0.1",
"lodash.isempty": "^4.4.0",
"lodash.isobject": "^3.0.2",
"react-intersection-observer": "^9.4.3",
diff --git a/packages/react/package.json b/packages/react/package.json
index 3ab477266ac..5a5324623f3 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -109,6 +109,7 @@
"focus-visible": "^5.2.0",
"fzy.js": "^0.4.1",
"history": "^5.0.0",
+ "hsluv": "1.0.1",
"lodash.isempty": "^4.4.0",
"lodash.isobject": "^3.0.2",
"react-intersection-observer": "^9.4.3",
diff --git a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
index c29dc006f94..bedfd5008c0 100644
--- a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -268,6 +268,8 @@ exports[`@primer/react/drafts should not update exports without a semver change
"InlineAutocomplete",
"type InlineAutocompleteProps",
"type InteractiveMarkdownViewerProps",
+ "IssueLabel",
+ "type IssueLabelProps",
"MarkdownEditor",
"type MarkdownEditorHandle",
"type MarkdownEditorProps",
@@ -366,6 +368,8 @@ exports[`@primer/react/experimental should not update exports without a semver c
"InlineAutocomplete",
"type InlineAutocompleteProps",
"type InteractiveMarkdownViewerProps",
+ "IssueLabel",
+ "type IssueLabelProps",
"MarkdownEditor",
"type MarkdownEditorHandle",
"type MarkdownEditorProps",
diff --git a/packages/react/src/drafts/IssueLabel/IssueLabel.features.stories.tsx b/packages/react/src/drafts/IssueLabel/IssueLabel.features.stories.tsx
index 9bb03c7c530..07faa9ee6c4 100644
--- a/packages/react/src/drafts/IssueLabel/IssueLabel.features.stories.tsx
+++ b/packages/react/src/drafts/IssueLabel/IssueLabel.features.stories.tsx
@@ -1,6 +1,7 @@
import React from 'react'
import {IssueLabel} from '../IssueLabel'
import type {Meta} from '@storybook/react'
+import type {Hex} from './IssueLabel'
const meta = {
title: 'Drafts/Components/IssueLabel/Features',
@@ -51,12 +52,12 @@ export const SizeLarge = () => Issue label
export const SizeSmall = () => Issue label
-export const Hex = hex => Issue label
-Hex.args = {
+export const HexColor = (hex: Hex) => Issue label
+HexColor.args = {
hex: '#59B200',
variant: undefined,
}
-Hex.argTypes = {
+HexColor.argTypes = {
hex: {control: {type: 'color'}},
variant: {control: {disable: true}},
}
diff --git a/packages/react/src/drafts/IssueLabel/IssueLabel.stories.tsx b/packages/react/src/drafts/IssueLabel/IssueLabel.stories.tsx
index 6ce1016ffef..d17c0bc639f 100644
--- a/packages/react/src/drafts/IssueLabel/IssueLabel.stories.tsx
+++ b/packages/react/src/drafts/IssueLabel/IssueLabel.stories.tsx
@@ -3,7 +3,7 @@ import {IssueLabel} from '../IssueLabel'
import type {Meta, StoryObj} from '@storybook/react'
const meta = {
- title: 'Drafts/Components/Label',
+ title: 'Drafts/Components/IssueLabel',
component: IssueLabel,
} satisfies Meta
@@ -15,6 +15,10 @@ export const Playground: StoryObj = {
render: args => Issue label,
args: {},
argTypes: {
+ fillColor: {
+ hex: undefined,
+ control: {type: 'color', presetColors: ['red', 'green', 'blue', 'brown', 'black', 'white', 'salmon', 'orange']},
+ },
size: {
control: 'select',
option: ['small', 'large'],
diff --git a/packages/react/src/drafts/IssueLabel/IssueLabel.tsx b/packages/react/src/drafts/IssueLabel/IssueLabel.tsx
index fd88053cb69..4d44b7834e2 100644
--- a/packages/react/src/drafts/IssueLabel/IssueLabel.tsx
+++ b/packages/react/src/drafts/IssueLabel/IssueLabel.tsx
@@ -1,6 +1,9 @@
import React from 'react'
import styled from 'styled-components'
import {get} from '../../constants'
+import {getColorsFromHex} from './getColorFromHex'
+import {useTheme} from '../../ThemeProvider'
+export type Hex = `#${string}`
type LabelColorVariant =
| 'pink'
@@ -29,7 +32,7 @@ export interface IssueLabelProps extends React.PropsWithChildren {
/**
*
*/
- fillColor?: string
+ fillColor?: Hex
/**
*
@@ -43,8 +46,21 @@ export interface IssueLabelProps extends React.PropsWithChildren {
}
export function IssueLabel({children, fillColor, size = 'small', variant = 'gray', ...rest}: IssueLabelProps) {
+ const {resolvedColorScheme} = useTheme()
+ const mode = resolvedColorScheme?.startsWith('dark') ? 'dark' : 'light'
+ // TODO: get the bgColor, getting it from theme.colorScheme seems a bit sketchy
+ const bgColors: Record = {
+ light: '#ffffff',
+ dark: '#0d1117',
+ }
+
return (
-
+
{children}
)
diff --git a/packages/react/src/drafts/IssueLabel/getColorFromHex.ts b/packages/react/src/drafts/IssueLabel/getColorFromHex.ts
new file mode 100644
index 00000000000..81aed0f5858
--- /dev/null
+++ b/packages/react/src/drafts/IssueLabel/getColorFromHex.ts
@@ -0,0 +1,143 @@
+import {getContrast} from 'color2k'
+import {Hsluv} from 'hsluv'
+import type {Hex} from './IssueLabel'
+
+/**
+ * transforms a hex color provided by the user into a color object with background and text colors
+ * @param colorHex — the hex color provided by the user
+ * @param colorScheme — the color scheme the user has currently set
+ * @param bgColor — the background color from the selected theme, needed to calc the contrast for the colors
+ * @returns
+ */
+export const getColorsFromHex = (
+ colorHex: Hex,
+ colorScheme = 'light',
+ bgColor: Hex,
+): React.CSSProperties | undefined => {
+ // start values for light mode
+ let bgLightness = 96
+ let lightnessIncrement: 1 | -1 = -1
+ let ratio = 4.5
+ // start values for dark mode
+ if (colorScheme.startsWith('dark')) {
+ bgLightness = 16
+ lightnessIncrement = 1
+ ratio = 5.5
+ }
+
+ // get hue and saturation value from hex color
+ // eslint-disable-next-line prefer-const
+ let {h, s} = hexToHsluv(colorHex)
+
+ // avoid intense bright colors
+ // Hue range: 58 - 198
+ // 58 marks the transition from yellow to yellow-green
+ // 198 makes the tranisiton from cyan to blue
+ // yellow, yellow-green, green, cyan, blue tend to be bright and intense
+ // Setting the hue range of 58 and 198 helps avoid bright colors
+ // saturation: represents the intensity of a color, measured as a percentage from 0 to 100. Capping at 70% to avoid intense bright colors
+ if (h >= 58 && h <= 198 && s > 70) {
+ s = 70
+ }
+ /**
+ * creating a background color from the provided hex color
+ */
+ const {colorHex: backgroundColor, lightness: currentBgLightness} = getColorWithContrast(
+ hsluvToHex({h, s, l: bgLightness}) as Hex,
+ bgColor,
+ 1.2,
+ lightnessIncrement,
+ )
+
+ // avoid intense bright colors
+ if (h >= 58 && h <= 316 && s > 80) {
+ s = 80
+ }
+ /**
+ * creating a text color from with a contrast ratio of at least 4.5 to the generated background color
+ */
+ const {colorHex: textColor} = getColorWithContrast(
+ hsluvToHex({h, s, l: 50}) as Hex,
+ backgroundColor,
+ ratio,
+ lightnessIncrement as 1 | -1,
+ )
+
+ return {
+ '--label-bgColor-rest': backgroundColor,
+ '--label-bgColor-hover': hsluvToHex({h, s, l: currentBgLightness + 4 * lightnessIncrement}),
+ '--label-bgColor-active': hsluvToHex({h, s, l: currentBgLightness + 8 * lightnessIncrement}),
+ '--label-fgColor': textColor,
+ '--label-fgColor-hover': textColor,
+ '--label-fgColor-active': textColor,
+ } as React.CSSProperties
+}
+/**
+ * Changes the lightness of a hex color until the contrast ratio is reached and returns the new hex color
+ * @param colorHex — initial hex color
+ * @param bgHex — color to check the contrast against
+ * @param contrastRatio — the contrast ratio to reach
+ * @param increment — the direction to change the lightness depending on the color scheme
+ * @returns the new hex color
+ */
+const getColorWithContrast = (
+ fgColor: Hex,
+ bgColor: Hex,
+ contrastRatio: number,
+ increment: 1 | -1,
+): {colorHex: Hex; lightness: number} => {
+ const hsluv = hexToHsluv(fgColor)
+ let color: string = fgColor
+
+ // change lightness until contrast is reached
+ while (getContrast(color, bgColor) < contrastRatio && hsluv.l > 0 && hsluv.l < 100) {
+ hsluv.l += increment
+ color = hsluvToHex(hsluv)
+ }
+
+ return {
+ colorHex: color as Hex,
+ lightness: hsluv.l,
+ }
+}
+
+/**
+ * Takes a hex value and returns the hue, saturation and lightness for HSLuv as an object
+ * @param hex user provided hex string
+ * @returns an object with the hue, saturation and lightness values
+ */
+const hexToHsluv = (
+ hex: Hex,
+): {
+ h: number
+ s: number
+ l: number
+} => {
+ // convert hex to hsluv
+ const color = new Hsluv()
+ color.hex = hex
+ color.hexToHsluv()
+ // extract h, s and l values
+ const {hsluv_h: h, hsluv_s: s, hsluv_l: l} = color
+ // return h, s, l as an object
+ return {h, s, l}
+}
+/**
+ * Takes an object with hue, saturation and lightness values and returns a hex string
+ * @param hex user provided hex string
+ * @returns an object with the hue, saturation and lightness values
+ */
+const hsluvToHex = ({h, s, l}: {h: number; s: number; l: number}): string => {
+ // create a new HSLuv color object and assign values
+ const color = new Hsluv()
+ // eslint-disable-next-line camelcase
+ color.hsluv_h = h
+ // eslint-disable-next-line camelcase
+ color.hsluv_s = s
+ // eslint-disable-next-line camelcase
+ color.hsluv_l = l
+ // convert hsluv to hex
+ color.hsluvToHex()
+ // return hex string
+ return color.hex
+}