Button style enhancement (#2792)

* initial commit * remove duplicate prop * update snapshots * create dev test stories * media test * object type sx value * fix comments * skipSx true for tests * revert back the complicated function as it turns out everything was working in the first place :-O * update snapshots * update snapshots * revert color tokens * snippy snaps --------- Co-authored-by: langermank <18661030+langermank@users.noreply.github.com>
primer · Feb 1, 2023 · 03b470b · 03b470b
1 parent 6a9f7c5
commit 03b470b
Show file tree

Hide file tree

Showing 359 changed files with 2,630 additions and 683 deletions.
diff --git a/.changeset/angry-spoons-grin.md b/.changeset/angry-spoons-grin.md
@@ -0,0 +1,10 @@
+---
+"@primer/react": patch
+---
+
+- Add a block prop for full width
+- Add alignContent prop to align content to center or start for full width buttons
+- Use control sizing CSS variable values (not using CSS vars just yet)
+- Use height over padding for more control over sizing
+- Adjust invisible button variant to match new design using ActionList colors
+
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Danger-dark-colorblind-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Danger-dark-colorblind-linux.png
diff --git a/...apshots/components/Button.test.ts-snapshots/Button-Danger-dark-dimmed-linux.png b/...apshots/components/Button.test.ts-snapshots/Button-Danger-dark-dimmed-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Danger-dark-high-contrast-linux.png b/.../components/Button.test.ts-snapshots/Button-Danger-dark-high-contrast-linux.png
diff --git a/...ight/snapshots/components/Button.test.ts-snapshots/Button-Danger-dark-linux.png b/...ight/snapshots/components/Button.test.ts-snapshots/Button-Danger-dark-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Danger-dark-tritanopia-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Danger-dark-tritanopia-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Danger-light-colorblind-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Danger-light-colorblind-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Danger-light-high-contrast-linux.png b/...components/Button.test.ts-snapshots/Button-Danger-light-high-contrast-linux.png
diff --git a/...ght/snapshots/components/Button.test.ts-snapshots/Button-Danger-light-linux.png b/...ght/snapshots/components/Button.test.ts-snapshots/Button-Danger-light-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Danger-light-tritanopia-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Danger-light-tritanopia-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Default-dark-colorblind-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Default-dark-colorblind-linux.png
diff --git a/...pshots/components/Button.test.ts-snapshots/Button-Default-dark-dimmed-linux.png b/...pshots/components/Button.test.ts-snapshots/Button-Default-dark-dimmed-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Default-dark-high-contrast-linux.png b/...components/Button.test.ts-snapshots/Button-Default-dark-high-contrast-linux.png
diff --git a/...ght/snapshots/components/Button.test.ts-snapshots/Button-Default-dark-linux.png b/...ght/snapshots/components/Button.test.ts-snapshots/Button-Default-dark-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Default-dark-tritanopia-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Default-dark-tritanopia-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Default-light-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Default-light-colorblind-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Default-light-high-contrast-linux.png b/...omponents/Button.test.ts-snapshots/Button-Default-light-high-contrast-linux.png
diff --git a/...ht/snapshots/components/Button.test.ts-snapshots/Button-Default-light-linux.png b/...ht/snapshots/components/Button.test.ts-snapshots/Button-Default-light-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Default-light-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Default-light-tritanopia-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Disabled-dark-high-contrast-linux.png b/...omponents/Button.test.ts-snapshots/Button-Disabled-dark-high-contrast-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Disabled-light-colorblind-linux.png b/.../components/Button.test.ts-snapshots/Button-Disabled-light-colorblind-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Disabled-light-high-contrast-linux.png b/...mponents/Button.test.ts-snapshots/Button-Disabled-light-high-contrast-linux.png
diff --git a/...t/snapshots/components/Button.test.ts-snapshots/Button-Disabled-light-linux.png b/...t/snapshots/components/Button.test.ts-snapshots/Button-Disabled-light-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Disabled-light-tritanopia-linux.png b/.../components/Button.test.ts-snapshots/Button-Disabled-light-tritanopia-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Invisible-dark-colorblind-linux.png b/.../components/Button.test.ts-snapshots/Button-Invisible-dark-colorblind-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Invisible-dark-dimmed-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Invisible-dark-dimmed-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png b/...mponents/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png
diff --git a/...t/snapshots/components/Button.test.ts-snapshots/Button-Invisible-dark-linux.png b/...t/snapshots/components/Button.test.ts-snapshots/Button-Invisible-dark-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Invisible-dark-tritanopia-linux.png b/.../components/Button.test.ts-snapshots/Button-Invisible-dark-tritanopia-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Invisible-light-colorblind-linux.png b/...components/Button.test.ts-snapshots/Button-Invisible-light-colorblind-linux.png
diff --git a/...ponents/Button.test.ts-snapshots/Button-Invisible-light-high-contrast-linux.png b/...ponents/Button.test.ts-snapshots/Button-Invisible-light-high-contrast-linux.png
diff --git a/.../snapshots/components/Button.test.ts-snapshots/Button-Invisible-light-linux.png b/.../snapshots/components/Button.test.ts-snapshots/Button-Invisible-light-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Invisible-light-tritanopia-linux.png b/...components/Button.test.ts-snapshots/Button-Invisible-light-tritanopia-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Large-dark-colorblind-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Large-dark-colorblind-linux.png
diff --git a/...napshots/components/Button.test.ts-snapshots/Button-Large-dark-dimmed-linux.png b/...napshots/components/Button.test.ts-snapshots/Button-Large-dark-dimmed-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Large-dark-high-contrast-linux.png b/...s/components/Button.test.ts-snapshots/Button-Large-dark-high-contrast-linux.png
diff --git a/...right/snapshots/components/Button.test.ts-snapshots/Button-Large-dark-linux.png b/...right/snapshots/components/Button.test.ts-snapshots/Button-Large-dark-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Large-dark-tritanopia-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Large-dark-tritanopia-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Large-light-colorblind-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Large-light-colorblind-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Large-light-high-contrast-linux.png b/.../components/Button.test.ts-snapshots/Button-Large-light-high-contrast-linux.png
diff --git a/...ight/snapshots/components/Button.test.ts-snapshots/Button-Large-light-linux.png b/...ight/snapshots/components/Button.test.ts-snapshots/Button-Large-light-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Large-light-tritanopia-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Large-light-tritanopia-linux.png
diff --git a/...onents/Button.test.ts-snapshots/Button-Leading-Visual-dark-colorblind-linux.png b/...onents/Button.test.ts-snapshots/Button-Leading-Visual-dark-colorblind-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Leading-Visual-dark-dimmed-linux.png b/...components/Button.test.ts-snapshots/Button-Leading-Visual-dark-dimmed-linux.png
diff --git a/...nts/Button.test.ts-snapshots/Button-Leading-Visual-dark-high-contrast-linux.png b/...nts/Button.test.ts-snapshots/Button-Leading-Visual-dark-high-contrast-linux.png
diff --git a/...pshots/components/Button.test.ts-snapshots/Button-Leading-Visual-dark-linux.png b/...pshots/components/Button.test.ts-snapshots/Button-Leading-Visual-dark-linux.png
diff --git a/...onents/Button.test.ts-snapshots/Button-Leading-Visual-dark-tritanopia-linux.png b/...onents/Button.test.ts-snapshots/Button-Leading-Visual-dark-tritanopia-linux.png
diff --git a/...nents/Button.test.ts-snapshots/Button-Leading-Visual-light-colorblind-linux.png b/...nents/Button.test.ts-snapshots/Button-Leading-Visual-light-colorblind-linux.png
diff --git a/...ts/Button.test.ts-snapshots/Button-Leading-Visual-light-high-contrast-linux.png b/...ts/Button.test.ts-snapshots/Button-Leading-Visual-light-high-contrast-linux.png
diff --git a/...shots/components/Button.test.ts-snapshots/Button-Leading-Visual-light-linux.png b/...shots/components/Button.test.ts-snapshots/Button-Leading-Visual-light-linux.png
diff --git a/...nents/Button.test.ts-snapshots/Button-Leading-Visual-light-tritanopia-linux.png b/...nents/Button.test.ts-snapshots/Button-Leading-Visual-light-tritanopia-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Medium-dark-colorblind-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Medium-dark-colorblind-linux.png
diff --git a/...apshots/components/Button.test.ts-snapshots/Button-Medium-dark-dimmed-linux.png b/...apshots/components/Button.test.ts-snapshots/Button-Medium-dark-dimmed-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Medium-dark-high-contrast-linux.png b/.../components/Button.test.ts-snapshots/Button-Medium-dark-high-contrast-linux.png
diff --git a/...ight/snapshots/components/Button.test.ts-snapshots/Button-Medium-dark-linux.png b/...ight/snapshots/components/Button.test.ts-snapshots/Button-Medium-dark-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Medium-dark-tritanopia-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Medium-dark-tritanopia-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Medium-light-colorblind-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Medium-light-colorblind-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Medium-light-high-contrast-linux.png b/...components/Button.test.ts-snapshots/Button-Medium-light-high-contrast-linux.png
diff --git a/...ght/snapshots/components/Button.test.ts-snapshots/Button-Medium-light-linux.png b/...ght/snapshots/components/Button.test.ts-snapshots/Button-Medium-light-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Medium-light-tritanopia-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Medium-light-tritanopia-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Outline-dark-colorblind-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Outline-dark-colorblind-linux.png
diff --git a/...pshots/components/Button.test.ts-snapshots/Button-Outline-dark-dimmed-linux.png b/...pshots/components/Button.test.ts-snapshots/Button-Outline-dark-dimmed-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Outline-dark-high-contrast-linux.png b/...components/Button.test.ts-snapshots/Button-Outline-dark-high-contrast-linux.png
diff --git a/...ght/snapshots/components/Button.test.ts-snapshots/Button-Outline-dark-linux.png b/...ght/snapshots/components/Button.test.ts-snapshots/Button-Outline-dark-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Outline-dark-tritanopia-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Outline-dark-tritanopia-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Outline-light-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Outline-light-colorblind-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Outline-light-high-contrast-linux.png b/...omponents/Button.test.ts-snapshots/Button-Outline-light-high-contrast-linux.png
diff --git a/...ht/snapshots/components/Button.test.ts-snapshots/Button-Outline-light-linux.png b/...ht/snapshots/components/Button.test.ts-snapshots/Button-Outline-light-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Outline-light-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Outline-light-tritanopia-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Playground-dark-colorblind-linux.png b/...components/Button.test.ts-snapshots/Button-Playground-dark-colorblind-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Playground-dark-dimmed-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Playground-dark-dimmed-linux.png
diff --git a/...ponents/Button.test.ts-snapshots/Button-Playground-dark-high-contrast-linux.png b/...ponents/Button.test.ts-snapshots/Button-Playground-dark-high-contrast-linux.png
diff --git a/.../snapshots/components/Button.test.ts-snapshots/Button-Playground-dark-linux.png b/.../snapshots/components/Button.test.ts-snapshots/Button-Playground-dark-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Playground-dark-tritanopia-linux.png b/...components/Button.test.ts-snapshots/Button-Playground-dark-tritanopia-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Playground-light-colorblind-linux.png b/...omponents/Button.test.ts-snapshots/Button-Playground-light-colorblind-linux.png
diff --git a/...onents/Button.test.ts-snapshots/Button-Playground-light-high-contrast-linux.png b/...onents/Button.test.ts-snapshots/Button-Playground-light-high-contrast-linux.png
diff --git a/...snapshots/components/Button.test.ts-snapshots/Button-Playground-light-linux.png b/...snapshots/components/Button.test.ts-snapshots/Button-Playground-light-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Playground-light-tritanopia-linux.png b/...omponents/Button.test.ts-snapshots/Button-Playground-light-tritanopia-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Primary-dark-colorblind-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Primary-dark-colorblind-linux.png
diff --git a/...pshots/components/Button.test.ts-snapshots/Button-Primary-dark-dimmed-linux.png b/...pshots/components/Button.test.ts-snapshots/Button-Primary-dark-dimmed-linux.png
diff --git a/...components/Button.test.ts-snapshots/Button-Primary-dark-high-contrast-linux.png b/...components/Button.test.ts-snapshots/Button-Primary-dark-high-contrast-linux.png
diff --git a/...ght/snapshots/components/Button.test.ts-snapshots/Button-Primary-dark-linux.png b/...ght/snapshots/components/Button.test.ts-snapshots/Button-Primary-dark-linux.png
diff --git a/...ts/components/Button.test.ts-snapshots/Button-Primary-dark-tritanopia-linux.png b/...ts/components/Button.test.ts-snapshots/Button-Primary-dark-tritanopia-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Primary-light-high-contrast-linux.png b/...omponents/Button.test.ts-snapshots/Button-Primary-light-high-contrast-linux.png
diff --git a/...ht/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-linux.png b/...ht/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Small-dark-colorblind-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Small-dark-colorblind-linux.png
diff --git a/...napshots/components/Button.test.ts-snapshots/Button-Small-dark-dimmed-linux.png b/...napshots/components/Button.test.ts-snapshots/Button-Small-dark-dimmed-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Small-dark-high-contrast-linux.png b/...s/components/Button.test.ts-snapshots/Button-Small-dark-high-contrast-linux.png
diff --git a/...right/snapshots/components/Button.test.ts-snapshots/Button-Small-dark-linux.png b/...right/snapshots/components/Button.test.ts-snapshots/Button-Small-dark-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Small-dark-tritanopia-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Small-dark-tritanopia-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Small-light-colorblind-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Small-light-colorblind-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Small-light-high-contrast-linux.png b/.../components/Button.test.ts-snapshots/Button-Small-light-high-contrast-linux.png
diff --git a/...ight/snapshots/components/Button.test.ts-snapshots/Button-Small-light-linux.png b/...ight/snapshots/components/Button.test.ts-snapshots/Button-Small-light-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Small-light-tritanopia-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Small-light-tritanopia-linux.png
diff --git a/...ents/Button.test.ts-snapshots/Button-Trailing-Counter-dark-colorblind-linux.png b/...ents/Button.test.ts-snapshots/Button-Trailing-Counter-dark-colorblind-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Trailing-Counter-dark-dimmed-linux.png b/...mponents/Button.test.ts-snapshots/Button-Trailing-Counter-dark-dimmed-linux.png
diff --git a/...s/Button.test.ts-snapshots/Button-Trailing-Counter-dark-high-contrast-linux.png b/...s/Button.test.ts-snapshots/Button-Trailing-Counter-dark-high-contrast-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Trailing-Counter-dark-linux.png
diff --git a/...ents/Button.test.ts-snapshots/Button-Trailing-Counter-dark-tritanopia-linux.png b/...ents/Button.test.ts-snapshots/Button-Trailing-Counter-dark-tritanopia-linux.png
diff --git a/...nts/Button.test.ts-snapshots/Button-Trailing-Counter-light-colorblind-linux.png b/...nts/Button.test.ts-snapshots/Button-Trailing-Counter-light-colorblind-linux.png
diff --git a/.../Button.test.ts-snapshots/Button-Trailing-Counter-light-high-contrast-linux.png b/.../Button.test.ts-snapshots/Button-Trailing-Counter-light-high-contrast-linux.png
diff --git a/...ots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-linux.png b/...ots/components/Button.test.ts-snapshots/Button-Trailing-Counter-light-linux.png
diff --git a/...nts/Button.test.ts-snapshots/Button-Trailing-Counter-light-tritanopia-linux.png b/...nts/Button.test.ts-snapshots/Button-Trailing-Counter-light-tritanopia-linux.png
diff --git a/...nents/Button.test.ts-snapshots/Button-Trailing-Visual-dark-colorblind-linux.png b/...nents/Button.test.ts-snapshots/Button-Trailing-Visual-dark-colorblind-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Trailing-Visual-dark-dimmed-linux.png b/...omponents/Button.test.ts-snapshots/Button-Trailing-Visual-dark-dimmed-linux.png
diff --git a/...ts/Button.test.ts-snapshots/Button-Trailing-Visual-dark-high-contrast-linux.png b/...ts/Button.test.ts-snapshots/Button-Trailing-Visual-dark-high-contrast-linux.png
diff --git a/...shots/components/Button.test.ts-snapshots/Button-Trailing-Visual-dark-linux.png b/...shots/components/Button.test.ts-snapshots/Button-Trailing-Visual-dark-linux.png
diff --git a/...nents/Button.test.ts-snapshots/Button-Trailing-Visual-dark-tritanopia-linux.png b/...nents/Button.test.ts-snapshots/Button-Trailing-Visual-dark-tritanopia-linux.png
diff --git a/...ents/Button.test.ts-snapshots/Button-Trailing-Visual-light-colorblind-linux.png b/...ents/Button.test.ts-snapshots/Button-Trailing-Visual-light-colorblind-linux.png
diff --git a/...s/Button.test.ts-snapshots/Button-Trailing-Visual-light-high-contrast-linux.png b/...s/Button.test.ts-snapshots/Button-Trailing-Visual-light-high-contrast-linux.png
diff --git a/...hots/components/Button.test.ts-snapshots/Button-Trailing-Visual-light-linux.png b/...hots/components/Button.test.ts-snapshots/Button-Trailing-Visual-light-linux.png
diff --git a/...ents/Button.test.ts-snapshots/Button-Trailing-Visual-light-tritanopia-linux.png b/...ents/Button.test.ts-snapshots/Button-Trailing-Visual-light-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Danger-dark-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Danger-dark-colorblind-linux.png
diff --git a/...components/IconButton.test.ts-snapshots/IconButton-Danger-dark-dimmed-linux.png b/...components/IconButton.test.ts-snapshots/IconButton-Danger-dark-dimmed-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Danger-dark-high-contrast-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Danger-dark-high-contrast-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Danger-dark-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Danger-dark-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Danger-dark-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Danger-dark-tritanopia-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Danger-light-colorblind-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Danger-light-colorblind-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Danger-light-high-contrast-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Danger-light-high-contrast-linux.png
diff --git a/...shots/components/IconButton.test.ts-snapshots/IconButton-Danger-light-linux.png b/...shots/components/IconButton.test.ts-snapshots/IconButton-Danger-light-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Danger-light-tritanopia-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Danger-light-tritanopia-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-colorblind-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-colorblind-linux.png
diff --git a/...omponents/IconButton.test.ts-snapshots/IconButton-Default-dark-dimmed-linux.png b/...omponents/IconButton.test.ts-snapshots/IconButton-Default-dark-dimmed-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Default-dark-high-contrast-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Default-dark-high-contrast-linux.png
diff --git a/...shots/components/IconButton.test.ts-snapshots/IconButton-Default-dark-linux.png b/...shots/components/IconButton.test.ts-snapshots/IconButton-Default-dark-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-tritanopia-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-tritanopia-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-colorblind-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-colorblind-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Default-light-high-contrast-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Default-light-high-contrast-linux.png
diff --git a/...hots/components/IconButton.test.ts-snapshots/IconButton-Default-light-linux.png b/...hots/components/IconButton.test.ts-snapshots/IconButton-Default-light-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-tritanopia-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-tritanopia-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Disabled-dark-high-contrast-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Disabled-dark-high-contrast-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-colorblind-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-colorblind-linux.png
diff --git a/.../IconButton.test.ts-snapshots/IconButton-Disabled-light-high-contrast-linux.png b/.../IconButton.test.ts-snapshots/IconButton-Disabled-light-high-contrast-linux.png
diff --git a/...ots/components/IconButton.test.ts-snapshots/IconButton-Disabled-light-linux.png b/...ots/components/IconButton.test.ts-snapshots/IconButton-Disabled-light-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-tritanopia-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-tritanopia-linux.png
diff --git a/.../IconButton.test.ts-snapshots/IconButton-Invisible-dark-high-contrast-linux.png b/.../IconButton.test.ts-snapshots/IconButton-Invisible-dark-high-contrast-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Invisible-light-colorblind-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Invisible-light-colorblind-linux.png
diff --git a/...IconButton.test.ts-snapshots/IconButton-Invisible-light-high-contrast-linux.png b/...IconButton.test.ts-snapshots/IconButton-Invisible-light-high-contrast-linux.png
diff --git a/...ts/components/IconButton.test.ts-snapshots/IconButton-Invisible-light-linux.png b/...ts/components/IconButton.test.ts-snapshots/IconButton-Invisible-light-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Invisible-light-tritanopia-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Invisible-light-tritanopia-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-colorblind-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-colorblind-linux.png
diff --git a/.../components/IconButton.test.ts-snapshots/IconButton-Large-dark-dimmed-linux.png b/.../components/IconButton.test.ts-snapshots/IconButton-Large-dark-dimmed-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Large-dark-high-contrast-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Large-dark-high-contrast-linux.png
diff --git a/...apshots/components/IconButton.test.ts-snapshots/IconButton-Large-dark-linux.png b/...apshots/components/IconButton.test.ts-snapshots/IconButton-Large-dark-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-tritanopia-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-colorblind-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Large-light-high-contrast-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Large-light-high-contrast-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Large-light-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Large-light-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-colorblind-linux.png
diff --git a/...components/IconButton.test.ts-snapshots/IconButton-Medium-dark-dimmed-linux.png b/...components/IconButton.test.ts-snapshots/IconButton-Medium-dark-dimmed-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Medium-dark-high-contrast-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Medium-dark-high-contrast-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Medium-dark-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Medium-dark-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-tritanopia-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-colorblind-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-colorblind-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Medium-light-high-contrast-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Medium-light-high-contrast-linux.png
diff --git a/...shots/components/IconButton.test.ts-snapshots/IconButton-Medium-light-linux.png b/...shots/components/IconButton.test.ts-snapshots/IconButton-Medium-light-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-tritanopia-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-tritanopia-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-colorblind-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-colorblind-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Playground-dark-dimmed-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Playground-dark-dimmed-linux.png
diff --git a/...IconButton.test.ts-snapshots/IconButton-Playground-dark-high-contrast-linux.png b/...IconButton.test.ts-snapshots/IconButton-Playground-dark-high-contrast-linux.png
diff --git a/...ts/components/IconButton.test.ts-snapshots/IconButton-Playground-dark-linux.png b/...ts/components/IconButton.test.ts-snapshots/IconButton-Playground-dark-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-tritanopia-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-tritanopia-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-colorblind-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-colorblind-linux.png
diff --git a/...conButton.test.ts-snapshots/IconButton-Playground-light-high-contrast-linux.png b/...conButton.test.ts-snapshots/IconButton-Playground-light-high-contrast-linux.png
diff --git a/...s/components/IconButton.test.ts-snapshots/IconButton-Playground-light-linux.png b/...s/components/IconButton.test.ts-snapshots/IconButton-Playground-light-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-tritanopia-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-tritanopia-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Primary-dark-colorblind-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Primary-dark-colorblind-linux.png
diff --git a/...omponents/IconButton.test.ts-snapshots/IconButton-Primary-dark-dimmed-linux.png b/...omponents/IconButton.test.ts-snapshots/IconButton-Primary-dark-dimmed-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Primary-dark-high-contrast-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Primary-dark-high-contrast-linux.png
diff --git a/...shots/components/IconButton.test.ts-snapshots/IconButton-Primary-dark-linux.png b/...shots/components/IconButton.test.ts-snapshots/IconButton-Primary-dark-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Primary-dark-tritanopia-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Primary-dark-tritanopia-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Primary-light-high-contrast-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Primary-light-high-contrast-linux.png
diff --git a/...hots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-linux.png b/...hots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-colorblind-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-colorblind-linux.png
diff --git a/.../components/IconButton.test.ts-snapshots/IconButton-Small-dark-dimmed-linux.png b/.../components/IconButton.test.ts-snapshots/IconButton-Small-dark-dimmed-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Small-dark-high-contrast-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Small-dark-high-contrast-linux.png
diff --git a/...apshots/components/IconButton.test.ts-snapshots/IconButton-Small-dark-linux.png b/...apshots/components/IconButton.test.ts-snapshots/IconButton-Small-dark-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-tritanopia-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-colorblind-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Small-light-high-contrast-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Small-light-high-contrast-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Small-light-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Small-light-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-tritanopia-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-colorblind-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-colorblind-linux.png
diff --git a/...components/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-dimmed-linux.png b/...components/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-dimmed-linux.png
diff --git a/...nts/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-high-contrast-linux.png b/...nts/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-high-contrast-linux.png
diff --git a/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-linux.png b/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-tritanopia-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Danger-dark-tritanopia-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Danger-light-colorblind-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Danger-light-colorblind-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Danger-light-high-contrast-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Danger-light-high-contrast-linux.png
diff --git a/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Danger-light-linux.png b/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Danger-light-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Danger-light-tritanopia-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Danger-light-tritanopia-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Default-dark-colorblind-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Default-dark-colorblind-linux.png
diff --git a/...omponents/LinkButton.test.ts-snapshots/LinkButton-Default-dark-dimmed-linux.png b/...omponents/LinkButton.test.ts-snapshots/LinkButton-Default-dark-dimmed-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Default-dark-high-contrast-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Default-dark-high-contrast-linux.png
diff --git a/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Default-dark-linux.png b/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Default-dark-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Default-dark-tritanopia-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Default-dark-tritanopia-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Default-light-colorblind-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Default-light-colorblind-linux.png
diff --git a/...s/LinkButton.test.ts-snapshots/LinkButton-Default-light-high-contrast-linux.png b/...s/LinkButton.test.ts-snapshots/LinkButton-Default-light-high-contrast-linux.png
diff --git a/...hots/components/LinkButton.test.ts-snapshots/LinkButton-Default-light-linux.png b/...hots/components/LinkButton.test.ts-snapshots/LinkButton-Default-light-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Default-light-tritanopia-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Default-light-tritanopia-linux.png
diff --git a/...nts/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-colorblind-linux.png b/...nts/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-colorblind-linux.png
diff --git a/...ponents/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-dimmed-linux.png b/...ponents/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-dimmed-linux.png
diff --git a/.../LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png b/.../LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png
diff --git a/...ots/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-linux.png b/...ots/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-linux.png
diff --git a/...nts/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-tritanopia-linux.png b/...nts/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-tritanopia-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Invisible-light-colorblind-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Invisible-light-colorblind-linux.png
diff --git a/...LinkButton.test.ts-snapshots/LinkButton-Invisible-light-high-contrast-linux.png b/...LinkButton.test.ts-snapshots/LinkButton-Invisible-light-high-contrast-linux.png
diff --git a/...ts/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-light-linux.png b/...ts/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-light-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Invisible-light-tritanopia-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Invisible-light-tritanopia-linux.png
diff --git a/...ponents/LinkButton.test.ts-snapshots/LinkButton-Large-dark-colorblind-linux.png b/...ponents/LinkButton.test.ts-snapshots/LinkButton-Large-dark-colorblind-linux.png
diff --git a/.../components/LinkButton.test.ts-snapshots/LinkButton-Large-dark-dimmed-linux.png b/.../components/LinkButton.test.ts-snapshots/LinkButton-Large-dark-dimmed-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Large-dark-high-contrast-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Large-dark-high-contrast-linux.png
diff --git a/...apshots/components/LinkButton.test.ts-snapshots/LinkButton-Large-dark-linux.png b/...apshots/components/LinkButton.test.ts-snapshots/LinkButton-Large-dark-linux.png
diff --git a/...ponents/LinkButton.test.ts-snapshots/LinkButton-Large-dark-tritanopia-linux.png b/...ponents/LinkButton.test.ts-snapshots/LinkButton-Large-dark-tritanopia-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Large-light-colorblind-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Large-light-colorblind-linux.png
diff --git a/...nts/LinkButton.test.ts-snapshots/LinkButton-Large-light-high-contrast-linux.png b/...nts/LinkButton.test.ts-snapshots/LinkButton-Large-light-high-contrast-linux.png
diff --git a/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Large-light-linux.png b/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Large-light-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Large-light-tritanopia-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Large-light-tritanopia-linux.png
diff --git a/...inkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-colorblind-linux.png b/...inkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-colorblind-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-dimmed-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-dimmed-linux.png
diff --git a/...Button.test.ts-snapshots/LinkButton-Leading-Visual-dark-high-contrast-linux.png b/...Button.test.ts-snapshots/LinkButton-Leading-Visual-dark-high-contrast-linux.png
diff --git a/...omponents/LinkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-linux.png b/...omponents/LinkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-linux.png
diff --git a/...inkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-tritanopia-linux.png b/...inkButton.test.ts-snapshots/LinkButton-Leading-Visual-dark-tritanopia-linux.png
diff --git a/...nkButton.test.ts-snapshots/LinkButton-Leading-Visual-light-colorblind-linux.png b/...nkButton.test.ts-snapshots/LinkButton-Leading-Visual-light-colorblind-linux.png
diff --git a/...utton.test.ts-snapshots/LinkButton-Leading-Visual-light-high-contrast-linux.png b/...utton.test.ts-snapshots/LinkButton-Leading-Visual-light-high-contrast-linux.png
diff --git a/...mponents/LinkButton.test.ts-snapshots/LinkButton-Leading-Visual-light-linux.png b/...mponents/LinkButton.test.ts-snapshots/LinkButton-Leading-Visual-light-linux.png
diff --git a/...nkButton.test.ts-snapshots/LinkButton-Leading-Visual-light-tritanopia-linux.png b/...nkButton.test.ts-snapshots/LinkButton-Leading-Visual-light-tritanopia-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-colorblind-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-colorblind-linux.png
diff --git a/...components/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-dimmed-linux.png b/...components/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-dimmed-linux.png
diff --git a/...nts/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-high-contrast-linux.png b/...nts/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-high-contrast-linux.png
diff --git a/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-linux.png b/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-tritanopia-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Medium-dark-tritanopia-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Medium-light-colorblind-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Medium-light-colorblind-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Medium-light-high-contrast-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Medium-light-high-contrast-linux.png
diff --git a/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Medium-light-linux.png b/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Medium-light-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Medium-light-tritanopia-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Medium-light-tritanopia-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-colorblind-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-colorblind-linux.png
diff --git a/...omponents/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-dimmed-linux.png b/...omponents/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-dimmed-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-high-contrast-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-high-contrast-linux.png
diff --git a/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-linux.png b/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-tritanopia-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Outline-dark-tritanopia-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Outline-light-colorblind-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Outline-light-colorblind-linux.png
diff --git a/...s/LinkButton.test.ts-snapshots/LinkButton-Outline-light-high-contrast-linux.png b/...s/LinkButton.test.ts-snapshots/LinkButton-Outline-light-high-contrast-linux.png
diff --git a/...hots/components/LinkButton.test.ts-snapshots/LinkButton-Outline-light-linux.png b/...hots/components/LinkButton.test.ts-snapshots/LinkButton-Outline-light-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Outline-light-tritanopia-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Outline-light-tritanopia-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-colorblind-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-colorblind-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-dimmed-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-dimmed-linux.png
diff --git a/...LinkButton.test.ts-snapshots/LinkButton-Playground-dark-high-contrast-linux.png b/...LinkButton.test.ts-snapshots/LinkButton-Playground-dark-high-contrast-linux.png
diff --git a/...ts/components/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-linux.png b/...ts/components/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-tritanopia-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Playground-dark-tritanopia-linux.png
diff --git a/...s/LinkButton.test.ts-snapshots/LinkButton-Playground-light-colorblind-linux.png b/...s/LinkButton.test.ts-snapshots/LinkButton-Playground-light-colorblind-linux.png
diff --git a/...inkButton.test.ts-snapshots/LinkButton-Playground-light-high-contrast-linux.png b/...inkButton.test.ts-snapshots/LinkButton-Playground-light-high-contrast-linux.png
diff --git a/...s/components/LinkButton.test.ts-snapshots/LinkButton-Playground-light-linux.png b/...s/components/LinkButton.test.ts-snapshots/LinkButton-Playground-light-linux.png
diff --git a/...s/LinkButton.test.ts-snapshots/LinkButton-Playground-light-tritanopia-linux.png b/...s/LinkButton.test.ts-snapshots/LinkButton-Playground-light-tritanopia-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-colorblind-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-colorblind-linux.png
diff --git a/...omponents/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-dimmed-linux.png b/...omponents/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-dimmed-linux.png
diff --git a/...ts/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-high-contrast-linux.png b/...ts/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-high-contrast-linux.png
diff --git a/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-linux.png b/...shots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-tritanopia-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-Primary-dark-tritanopia-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png
diff --git a/...s/LinkButton.test.ts-snapshots/LinkButton-Primary-light-high-contrast-linux.png b/...s/LinkButton.test.ts-snapshots/LinkButton-Primary-light-high-contrast-linux.png
diff --git a/...hots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-linux.png b/...hots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png
diff --git a/...ponents/LinkButton.test.ts-snapshots/LinkButton-Small-dark-colorblind-linux.png b/...ponents/LinkButton.test.ts-snapshots/LinkButton-Small-dark-colorblind-linux.png
diff --git a/.../components/LinkButton.test.ts-snapshots/LinkButton-Small-dark-dimmed-linux.png b/.../components/LinkButton.test.ts-snapshots/LinkButton-Small-dark-dimmed-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Small-dark-high-contrast-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Small-dark-high-contrast-linux.png
diff --git a/...apshots/components/LinkButton.test.ts-snapshots/LinkButton-Small-dark-linux.png b/...apshots/components/LinkButton.test.ts-snapshots/LinkButton-Small-dark-linux.png
diff --git a/...ponents/LinkButton.test.ts-snapshots/LinkButton-Small-dark-tritanopia-linux.png b/...ponents/LinkButton.test.ts-snapshots/LinkButton-Small-dark-tritanopia-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Small-light-colorblind-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Small-light-colorblind-linux.png
diff --git a/...nts/LinkButton.test.ts-snapshots/LinkButton-Small-light-high-contrast-linux.png b/...nts/LinkButton.test.ts-snapshots/LinkButton-Small-light-high-contrast-linux.png
diff --git a/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Small-light-linux.png b/...pshots/components/LinkButton.test.ts-snapshots/LinkButton-Small-light-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-Small-light-tritanopia-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-Small-light-tritanopia-linux.png
diff --git a/...nkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-colorblind-linux.png b/...nkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-colorblind-linux.png
diff --git a/...s/LinkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-dimmed-linux.png b/...s/LinkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-dimmed-linux.png
diff --git a/...utton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-high-contrast-linux.png b/...utton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-high-contrast-linux.png
diff --git a/...mponents/LinkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-linux.png b/...mponents/LinkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-linux.png
diff --git a/...nkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-tritanopia-linux.png b/...nkButton.test.ts-snapshots/LinkButton-Trailing-Visual-dark-tritanopia-linux.png
diff --git a/...kButton.test.ts-snapshots/LinkButton-Trailing-Visual-light-colorblind-linux.png b/...kButton.test.ts-snapshots/LinkButton-Trailing-Visual-light-colorblind-linux.png
diff --git a/...tton.test.ts-snapshots/LinkButton-Trailing-Visual-light-high-contrast-linux.png b/...tton.test.ts-snapshots/LinkButton-Trailing-Visual-light-high-contrast-linux.png
diff --git a/...ponents/LinkButton.test.ts-snapshots/LinkButton-Trailing-Visual-light-linux.png b/...ponents/LinkButton.test.ts-snapshots/LinkButton-Trailing-Visual-light-linux.png
diff --git a/...kButton.test.ts-snapshots/LinkButton-Trailing-Visual-light-tritanopia-linux.png b/...kButton.test.ts-snapshots/LinkButton-Trailing-Visual-light-tritanopia-linux.png
diff --git a/...Button.test.ts-snapshots/LinkButton-With-React-Router-dark-colorblind-linux.png b/...Button.test.ts-snapshots/LinkButton-With-React-Router-dark-colorblind-linux.png
diff --git a/...LinkButton.test.ts-snapshots/LinkButton-With-React-Router-dark-dimmed-linux.png b/...LinkButton.test.ts-snapshots/LinkButton-With-React-Router-dark-dimmed-linux.png
diff --git a/...ton.test.ts-snapshots/LinkButton-With-React-Router-dark-high-contrast-linux.png b/...ton.test.ts-snapshots/LinkButton-With-React-Router-dark-high-contrast-linux.png
diff --git a/...onents/LinkButton.test.ts-snapshots/LinkButton-With-React-Router-dark-linux.png b/...onents/LinkButton.test.ts-snapshots/LinkButton-With-React-Router-dark-linux.png
diff --git a/...Button.test.ts-snapshots/LinkButton-With-React-Router-dark-tritanopia-linux.png b/...Button.test.ts-snapshots/LinkButton-With-React-Router-dark-tritanopia-linux.png
diff --git a/...utton.test.ts-snapshots/LinkButton-With-React-Router-light-colorblind-linux.png b/...utton.test.ts-snapshots/LinkButton-With-React-Router-light-colorblind-linux.png
diff --git a/...on.test.ts-snapshots/LinkButton-With-React-Router-light-high-contrast-linux.png b/...on.test.ts-snapshots/LinkButton-With-React-Router-light-high-contrast-linux.png
diff --git a/...nents/LinkButton.test.ts-snapshots/LinkButton-With-React-Router-light-linux.png b/...nents/LinkButton.test.ts-snapshots/LinkButton-With-React-Router-light-linux.png
diff --git a/...utton.test.ts-snapshots/LinkButton-With-React-Router-light-tritanopia-linux.png b/...utton.test.ts-snapshots/LinkButton-With-React-Router-light-tritanopia-linux.png
diff --git a/...t.ts-snapshots/UnderlineNav-Counters-Loading-State-dark-high-contrast-linux.png b/...t.ts-snapshots/UnderlineNav-Counters-Loading-State-dark-high-contrast-linux.png
diff --git a/....ts-snapshots/UnderlineNav-Counters-Loading-State-light-high-contrast-linux.png b/....ts-snapshots/UnderlineNav-Counters-Loading-State-light-high-contrast-linux.png
diff --git a/...erlineNav.test.ts-snapshots/UnderlineNav-Profile-Page-dark-colorblind-linux.png b/...erlineNav.test.ts-snapshots/UnderlineNav-Profile-Page-dark-colorblind-linux.png
diff --git a/.../UnderlineNav.test.ts-snapshots/UnderlineNav-Profile-Page-dark-dimmed-linux.png b/.../UnderlineNav.test.ts-snapshots/UnderlineNav-Profile-Page-dark-dimmed-linux.png
diff --git a/...ineNav.test.ts-snapshots/UnderlineNav-Profile-Page-dark-high-contrast-linux.png b/...ineNav.test.ts-snapshots/UnderlineNav-Profile-Page-dark-high-contrast-linux.png