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 +}