diff --git a/.changeset/rich-falcons-fix.md b/.changeset/rich-falcons-fix.md new file mode 100644 index 00000000000..7f7480625f9 --- /dev/null +++ b/.changeset/rich-falcons-fix.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Bump @primer/primitives to `7.11.3` diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png index 50f5d07a817..2281fbe632f 100644 Binary files a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png and b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-colorblind-linux.png index 9b73bd813a6..57a8035a103 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-dimmed-linux.png index 8965f196e13..785baad294f 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-high-contrast-linux.png index 86abd706ce1..1f6eaedbfd4 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-linux.png index 9b73bd813a6..57a8035a103 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-tritanopia-linux.png index 9b73bd813a6..57a8035a103 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-colorblind-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-colorblind-linux.png index 30a233cd4f1..83f2a69d703 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-high-contrast-linux.png index b23bad431fd..2603396c2cb 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-linux.png index 30a233cd4f1..8c683c160db 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-tritanopia-linux.png index 30a233cd4f1..83f2a69d703 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-colorblind-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-colorblind-linux.png index 884aa8bbad7..921cd88588f 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-colorblind-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-dimmed-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-dimmed-linux.png index c56baf847a2..f87197ad28f 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-dimmed-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-high-contrast-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-high-contrast-linux.png index 1e4c94be789..128ad7d792f 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-high-contrast-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-linux.png index 884aa8bbad7..921cd88588f 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-tritanopia-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-tritanopia-linux.png index 884aa8bbad7..921cd88588f 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-tritanopia-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-colorblind-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-colorblind-linux.png index 8d41de3fe33..32188c40b5c 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-colorblind-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-high-contrast-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-high-contrast-linux.png index e096d5eea4c..c7c1ac84be9 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-high-contrast-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-linux.png index 8d41de3fe33..7d07ad6a94d 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-tritanopia-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-tritanopia-linux.png index 8d41de3fe33..32188c40b5c 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-tritanopia-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-colorblind-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-colorblind-linux.png index 619b8811477..090759a8048 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-colorblind-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png index 3d8dbfce602..1e05b74e6fd 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-high-contrast-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-high-contrast-linux.png index df2504f7743..e7f84a7f008 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-high-contrast-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-linux.png index 619b8811477..090759a8048 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-tritanopia-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-tritanopia-linux.png index 619b8811477..090759a8048 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-tritanopia-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-colorblind-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-colorblind-linux.png index 95eefe14f3f..aea3c6eb037 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-colorblind-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-high-contrast-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-high-contrast-linux.png index 40b47ce0d57..9099b96851d 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-high-contrast-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-linux.png index 95eefe14f3f..6e8ff89ea9d 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-linux.png differ diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-tritanopia-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-tritanopia-linux.png index 95eefe14f3f..aea3c6eb037 100644 Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-tritanopia-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png b/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png index d0a519fedaf..6878d8bb402 100644 Binary files a/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png and b/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png differ diff --git a/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png index 05b4f7a0686..570da72bb57 100644 Binary files a/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png b/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png index 5d29c7760aa..ce551d62f6e 100644 Binary files a/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png and b/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png differ diff --git a/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png b/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png index fe9d1529568..52d9e399bc6 100644 Binary files a/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png and b/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png differ diff --git a/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png index 9a76a1a362d..e90d5ce6ca8 100644 Binary files a/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png index ea3f43522f6..d092e4f433f 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png index 74e72ecb972..77b6ad379d7 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png index 74e72ecb972..77b6ad379d7 100644 Binary files a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png and b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png index f9c7887d701..dcb863c703d 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png index efb8f7dd2e6..774b38e65ac 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png index 192fbdacff2..d131a1f5bb3 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png index e67384dd649..c915775af30 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png index 095532a1e63..8c44c81ea66 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png index ba71e4adde6..5cbf93fcda4 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png index 706caa8285a..1edb20cbc5a 100644 Binary files a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png and b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-linux.png index 706caa8285a..1edb20cbc5a 100644 Binary files a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-linux.png and b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-linux.png differ diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png index 706caa8285a..1edb20cbc5a 100644 Binary files a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png and b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png index 3130880f414..31591dc9330 100644 Binary files a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png and b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png index 3130880f414..31591dc9330 100644 Binary files a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png and b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png index 6b3ad6ba720..820f52a0629 100644 Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png index e102c590113..ba4ccaa3ad1 100644 Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png index e102c590113..ba4ccaa3ad1 100644 Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png index 20bf1cab4c5..fe97f45e458 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png index 536374a808f..301c43c94bb 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png index eaf143952e9..85ffaa1425f 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png index d00eb90115d..b6d2ac847d3 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png index eaf143952e9..85ffaa1425f 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png index 20bf1cab4c5..fe97f45e458 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png index 536374a808f..301c43c94bb 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png differ diff --git a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png index 536374a808f..301c43c94bb 100644 Binary files a/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png b/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png index ea3f43522f6..d092e4f433f 100644 Binary files a/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png and b/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png b/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png index 74e72ecb972..77b6ad379d7 100644 Binary files a/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png and b/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png b/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png index 74e72ecb972..77b6ad379d7 100644 Binary files a/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png and b/.playwright/snapshots/components/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png index 3ec3dfae389..880e8bba038 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png index 3ec3dfae389..880e8bba038 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png index d8672abd13f..e3561801067 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png index d8672abd13f..e3561801067 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png index 3e218f038ac..10a249d2b64 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png index 3e218f038ac..10a249d2b64 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png index 3e218f038ac..10a249d2b64 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png index 3e218f038ac..10a249d2b64 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png index 9eac5cf6e16..aadbf93f056 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png index 9eac5cf6e16..aadbf93f056 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png index 3e218f038ac..10a249d2b64 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png index 3e218f038ac..10a249d2b64 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png index 661da510ca5..6fba1ac5ba5 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png index 2e1c04b8b4e..e3974a563ce 100644 Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png index 5856176cd07..1fc3d3feaa1 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png index 5856176cd07..1fc3d3feaa1 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png index a2ce796a665..a65d97b86c1 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png index a2ce796a665..a65d97b86c1 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png index f6aa79cfbee..abca384630b 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png index f6aa79cfbee..abca384630b 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png index 3b950185d76..8a796ceaa37 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png index 3b950185d76..8a796ceaa37 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png index 6ccb899ae0b..bb5d1d7bc32 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png index 6ccb899ae0b..bb5d1d7bc32 100644 Binary files a/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png and b/.playwright/snapshots/components/ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png index ad21e477386..f95d5672cc1 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png index 12f03ddc32a..aa5d5f25958 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png index 076dbc2abba..f748bbe29b4 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png index 07be038bbba..90a3547c39f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png index c547e056859..467d253bff2 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png index 4f9f0834138..f21ab0fbda6 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png index dd94962b697..aec358269e2 100644 Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png index dd94962b697..aec358269e2 100644 Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png index c75354aabbd..81c7d0951a4 100644 Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png index 90bf45967f5..81c7d0951a4 100644 Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png b/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png index b4b0b83b715..32941a049ee 100644 Binary files a/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png and b/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png b/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png index b4b0b83b715..32941a049ee 100644 Binary files a/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png and b/.playwright/snapshots/components/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png index bbdd037c7d8..3e1a61e1aa9 100644 Binary files a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png and b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png differ diff --git a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png index 05b3659066c..6e6a4d27d05 100644 Binary files a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png and b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png differ diff --git a/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png index 4c3c74532e0..98f70c63986 100644 Binary files a/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png b/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png index d0d7457cd56..dee58e0190d 100644 Binary files a/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png b/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png index c529b52c437..d8ae656a340 100644 Binary files a/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/UnderlineNav.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png b/.playwright/snapshots/components/UnderlineNav.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png index c8a8d5ef1a1..70ccf9551b0 100644 Binary files a/.playwright/snapshots/components/UnderlineNav.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png and b/.playwright/snapshots/components/UnderlineNav.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png differ diff --git a/package-lock.json b/package-lock.json index 359407c1794..c5f045cc897 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.1", + "@primer/primitives": "7.11.3", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", @@ -6503,9 +6503,9 @@ } }, "node_modules/@primer/primitives": { - "version": "7.11.1", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.1.tgz", - "integrity": "sha512-Sdss4XG96nqBqrTAyg+RuFOj+U5wkICK8n2hafcyT+lpSlZoIwcbmhyFjmDy9f88FkhHe2q0uCpQ8PjKd8ILTQ==" + "version": "7.11.3", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.3.tgz", + "integrity": "sha512-od+rjE04X5sAtGncn9v7/ehZS2O9/tBpQpRsNirU5d4EuOwWMXTt3c6zMBkke136jbmJ0VbGhU+DrLwhj0AM9w==" }, "node_modules/@react-aria/ssr": { "version": "3.5.0", @@ -60766,9 +60766,9 @@ "requires": {} }, "@primer/primitives": { - "version": "7.11.1", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.1.tgz", - "integrity": "sha512-Sdss4XG96nqBqrTAyg+RuFOj+U5wkICK8n2hafcyT+lpSlZoIwcbmhyFjmDy9f88FkhHe2q0uCpQ8PjKd8ILTQ==" + "version": "7.11.3", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.3.tgz", + "integrity": "sha512-od+rjE04X5sAtGncn9v7/ehZS2O9/tBpQpRsNirU5d4EuOwWMXTt3c6zMBkke136jbmJ0VbGhU+DrLwhj0AM9w==" }, "@react-aria/ssr": { "version": "3.5.0", diff --git a/package.json b/package.json index 6f3651f447c..ae4a7dc2322 100644 --- a/package.json +++ b/package.json @@ -94,7 +94,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.1", + "@primer/primitives": "7.11.3", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", diff --git a/src/Breadcrumbs/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap b/src/Breadcrumbs/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap index c66412b13b3..39ec4605f7d 100644 --- a/src/Breadcrumbs/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap +++ b/src/Breadcrumbs/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap @@ -15,7 +15,7 @@ exports[`Breadcrumbs.Item adds activeClassName={SELECTED_CLASS} when it gets a " } .c0.selected { - color: #24292f; + color: #1F2328; pointer-events: none; } @@ -42,7 +42,7 @@ exports[`Breadcrumbs.Item renders consistently 1`] = ` } .c0.selected { - color: #24292f; + color: #1F2328; pointer-events: none; } @@ -67,7 +67,7 @@ exports[`Breadcrumbs.Item respects the "selected" prop 1`] = ` } .c0.selected { - color: #24292f; + color: #1F2328; pointer-events: none; } diff --git a/src/CounterLabel/__snapshots__/CounterLabel.test.tsx.snap b/src/CounterLabel/__snapshots__/CounterLabel.test.tsx.snap index 4fed3becb94..e58baa1e1cc 100644 --- a/src/CounterLabel/__snapshots__/CounterLabel.test.tsx.snap +++ b/src/CounterLabel/__snapshots__/CounterLabel.test.tsx.snap @@ -10,7 +10,7 @@ exports[`CounterLabel renders consistently 1`] = ` line-height: 1; border-radius: 20px; background-color: rgba(175,184,193,0.2); - color: #24292f; + color: #1F2328; } .c0:empty { diff --git a/src/Flash/__tests__/__snapshots__/Flash.test.tsx.snap b/src/Flash/__tests__/__snapshots__/Flash.test.tsx.snap index f9881867f3a..e9d29a2ea00 100644 --- a/src/Flash/__tests__/__snapshots__/Flash.test.tsx.snap +++ b/src/Flash/__tests__/__snapshots__/Flash.test.tsx.snap @@ -3,13 +3,13 @@ exports[`Flash renders consistently 1`] = ` .c0 { position: relative; - color: #24292f; + color: #1F2328; padding: 16px; border-style: solid; border-width: 1px; border-radius: 6px; margin-top: 0; - color: #24292f; + color: #1F2328; background-color: #ddf4ff; border-color: rgba(84,174,255,0.4); } diff --git a/src/Link/__tests__/__snapshots__/Link.test.tsx.snap b/src/Link/__tests__/__snapshots__/Link.test.tsx.snap index 1f8d25ac1e7..eaad8694936 100644 --- a/src/Link/__tests__/__snapshots__/Link.test.tsx.snap +++ b/src/Link/__tests__/__snapshots__/Link.test.tsx.snap @@ -140,7 +140,7 @@ exports[`Link respects hoverColor prop 1`] = ` exports[`Link respects the "sx" prop when "muted" prop is also passed 1`] = ` .c0 { - color: #57606a; + color: #656d76; -webkit-text-decoration: none; text-decoration: none; color: #ffffff; @@ -177,7 +177,7 @@ exports[`Link respects the "sx" prop when "muted" prop is also passed 1`] = ` exports[`Link respects the "muted" prop 1`] = ` .c0 { - color: #57606a; + color: #656d76; -webkit-text-decoration: none; text-decoration: none; } diff --git a/src/NavList/__snapshots__/NavList.test.tsx.snap b/src/NavList/__snapshots__/NavList.test.tsx.snap index 280735a4df8..4901416b63a 100644 --- a/src/NavList/__snapshots__/NavList.test.tsx.snap +++ b/src/NavList/__snapshots__/NavList.test.tsx.snap @@ -48,7 +48,7 @@ exports[`NavList renders a simple list 1`] = ` border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -132,7 +132,7 @@ exports[`NavList renders a simple list 1`] = ` border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -236,7 +236,7 @@ exports[`NavList renders a simple list 1`] = ` @media (hover:hover) and (pointer:fine) { .c2:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c2:focus-visible, @@ -248,7 +248,7 @@ exports[`NavList renders a simple list 1`] = ` .c2:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -261,7 +261,7 @@ exports[`NavList renders a simple list 1`] = ` @media (hover:hover) and (pointer:fine) { .c6:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c6:focus-visible, @@ -273,7 +273,7 @@ exports[`NavList renders a simple list 1`] = ` .c6:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -412,7 +412,7 @@ exports[`NavList renders with groups 1`] = ` padding-right: 16px; font-size: 12px; font-weight: 600; - color: #57606a; + color: #656d76; } .c4 { @@ -444,7 +444,7 @@ exports[`NavList renders with groups 1`] = ` border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -528,7 +528,7 @@ exports[`NavList renders with groups 1`] = ` border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -632,7 +632,7 @@ exports[`NavList renders with groups 1`] = ` @media (hover:hover) and (pointer:fine) { .c6:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c6:focus-visible, @@ -644,7 +644,7 @@ exports[`NavList renders with groups 1`] = ` .c6:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -657,7 +657,7 @@ exports[`NavList renders with groups 1`] = ` @media (hover:hover) and (pointer:fine) { .c10:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c10:focus-visible, @@ -669,7 +669,7 @@ exports[`NavList renders with groups 1`] = ` .c10:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -835,7 +835,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; - color: #57606a; + color: #656d76; margin-left: 8px; font-weight: initial; } @@ -871,7 +871,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -997,7 +997,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -1110,7 +1110,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav @media (hover:hover) and (pointer:fine) { .c10:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c10:focus-visible, @@ -1122,7 +1122,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav .c10:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -1135,7 +1135,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav @media (hover:hover) and (pointer:fine) { .c3:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c3:focus-visible, @@ -1147,7 +1147,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav .c3:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -1296,7 +1296,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; - color: #57606a; + color: #656d76; margin-left: 8px; font-weight: initial; } @@ -1332,7 +1332,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -1464,7 +1464,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t border-radius: 6px; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; - color: #24292f; + color: #1F2328; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -1583,7 +1583,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t @media (hover:hover) and (pointer:fine) { .c10:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c10:focus-visible, @@ -1595,7 +1595,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t .c10:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } @@ -1608,7 +1608,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t @media (hover:hover) and (pointer:fine) { .c3:hover:not([aria-disabled]) { background-color: rgba(208,215,222,0.32); - color: #24292f; + color: #1F2328; } .c3:focus-visible, @@ -1620,7 +1620,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t .c3:active:not([aria-disabled]) { background-color: rgba(208,215,222,0.48); - color: #24292f; + color: #1F2328; } } diff --git a/src/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap b/src/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap index 6556fd291a7..459dc27156d 100644 --- a/src/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap +++ b/src/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap @@ -119,7 +119,7 @@ exports[`SegmentedControl renders consistently 1`] = ` } .c2 svg { - fill: #57606a; + fill: #656d76; } .c2:focus:focus-visible:not(:last-child):after { @@ -182,7 +182,7 @@ exports[`SegmentedControl renders consistently 1`] = ` } .c4 svg { - fill: #57606a; + fill: #656d76; } .c4:hover .segmentedControl-content { @@ -253,7 +253,7 @@ exports[`SegmentedControl renders consistently 1`] = ` } .c5 svg { - fill: #57606a; + fill: #656d76; } .c5:hover .segmentedControl-content { diff --git a/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap b/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap index 896c2c3e434..ba583e95a8c 100644 --- a/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap +++ b/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap @@ -19,7 +19,7 @@ exports[`StateLabel renders children 1`] = ` color: #ffffff; text-align: center; border-radius: 100px; - background-color: #2da44e; + background-color: #1f883d; color: #ffffff; padding-left: 12px; padding-right: 12px; @@ -79,7 +79,7 @@ exports[`StateLabel renders consistently 1`] = ` color: #ffffff; text-align: center; border-radius: 100px; - background-color: #2da44e; + background-color: #1f883d; color: #ffffff; padding-left: 12px; padding-right: 12px; @@ -139,7 +139,7 @@ exports[`StateLabel respects the status prop 1`] = ` color: #ffffff; text-align: center; border-radius: 100px; - background-color: #2da44e; + background-color: #1f883d; color: #ffffff; padding-left: 12px; padding-right: 12px; @@ -369,7 +369,7 @@ exports[`StateLabel respects the variant prop 1`] = ` color: #ffffff; text-align: center; border-radius: 100px; - background-color: #2da44e; + background-color: #1f883d; color: #ffffff; padding-left: 8px; padding-right: 8px; @@ -428,7 +428,7 @@ exports[`StateLabel respects the variant prop 2`] = ` color: #ffffff; text-align: center; border-radius: 100px; - background-color: #2da44e; + background-color: #1f883d; color: #ffffff; padding-left: 12px; padding-right: 12px; diff --git a/src/TabNav/__tests__/__snapshots__/TabNav.test.tsx.snap b/src/TabNav/__tests__/__snapshots__/TabNav.test.tsx.snap index 117b0f21e9c..fe365f58ce8 100644 --- a/src/TabNav/__tests__/__snapshots__/TabNav.test.tsx.snap +++ b/src/TabNav/__tests__/__snapshots__/TabNav.test.tsx.snap @@ -5,7 +5,7 @@ exports[`TabNav TabNav.Link renders consistently 1`] = ` padding: 8px 12px; font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; background-color: transparent; @@ -31,13 +31,13 @@ exports[`TabNav TabNav.Link renders consistently 1`] = ` .c0:hover, .c0:focus { - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; } .c0.selected { - color: #24292f; + color: #1F2328; border-color: #d0d7de; border-top-right-radius: 6px; border-top-left-radius: 6px; diff --git a/src/Timeline/__tests__/__snapshots__/Timeline.test.tsx.snap b/src/Timeline/__tests__/__snapshots__/Timeline.test.tsx.snap index 0d5bc6c3cb6..e7455fe8441 100644 --- a/src/Timeline/__tests__/__snapshots__/Timeline.test.tsx.snap +++ b/src/Timeline/__tests__/__snapshots__/Timeline.test.tsx.snap @@ -49,7 +49,7 @@ exports[`Timeline.Badge renders consistently 1`] = ` .c1 { margin-right: 8px; margin-left: -15px; - color: #57606a; + color: #656d76; background-color: #eaeef2; display: -webkit-box; display: -webkit-flex; @@ -148,7 +148,7 @@ exports[`Timeline.Item renders with condensed prop 1`] = ` height: 16px; margin-top: 8px; margin-bottom: 8px; - color: #57606a; + color: #656d76; background-color: #ffffff; border: 0; } diff --git a/src/Token/__tests__/__snapshots__/Token.test.tsx.snap b/src/Token/__tests__/__snapshots__/Token.test.tsx.snap index 410fcaeef94..0eb72bbc832 100644 --- a/src/Token/__tests__/__snapshots__/Token.test.tsx.snap +++ b/src/Token/__tests__/__snapshots__/Token.test.tsx.snap @@ -28,7 +28,7 @@ exports[`Token components AvatarToken renders all sizes 1`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -56,10 +56,10 @@ exports[`Token components AvatarToken renders all sizes 1`] = ` padding-left: 4px; padding-right: 4px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; padding-left: 4px; @@ -251,7 +251,7 @@ exports[`Token components AvatarToken renders all sizes 2`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -279,10 +279,10 @@ exports[`Token components AvatarToken renders all sizes 2`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; padding-left: 4px; @@ -474,7 +474,7 @@ exports[`Token components AvatarToken renders all sizes 3`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -502,10 +502,10 @@ exports[`Token components AvatarToken renders all sizes 3`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; padding-left: 4px; @@ -697,7 +697,7 @@ exports[`Token components AvatarToken renders all sizes 4`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -727,10 +727,10 @@ exports[`Token components AvatarToken renders all sizes 4`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; padding-left: 4px; @@ -922,7 +922,7 @@ exports[`Token components AvatarToken renders all sizes 5`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -952,10 +952,10 @@ exports[`Token components AvatarToken renders all sizes 5`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; padding-left: 4px; @@ -1143,10 +1143,10 @@ exports[`Token components AvatarToken renders consistently 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; } @@ -1214,7 +1214,7 @@ exports[`Token components AvatarToken renders isSelected 1`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -1242,10 +1242,10 @@ exports[`Token components AvatarToken renders isSelected 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: #24292f; + border-color: #1F2328; border-style: solid; border-width: 1px; - color: #24292f; + color: #1F2328; max-width: 100%; padding-left: 4px; } @@ -1352,7 +1352,7 @@ exports[`Token components AvatarToken renders with a remove button 1`] = ` line-height: 1; vertical-align: middle; border-radius: 50%; - box-shadow: 0 0 0 1px rgba(27,31,36,0.15); + box-shadow: 0 0 0 1px rgba(31,35,40,0.15); width: 100%; height: 100%; } @@ -1380,10 +1380,10 @@ exports[`Token components AvatarToken renders with a remove button 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; padding-left: 4px; @@ -2440,10 +2440,10 @@ exports[`Token components IssueLabelToken renders consistently 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; } @@ -3163,10 +3163,10 @@ exports[`Token components Token renders all sizes 1`] = ` padding-left: 4px; padding-right: 4px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -3343,10 +3343,10 @@ exports[`Token components Token renders all sizes 2`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -3523,10 +3523,10 @@ exports[`Token components Token renders all sizes 3`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -3705,10 +3705,10 @@ exports[`Token components Token renders all sizes 4`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -3887,10 +3887,10 @@ exports[`Token components Token renders all sizes 5`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -4054,10 +4054,10 @@ exports[`Token components Token renders consistently 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; } @@ -4134,10 +4134,10 @@ exports[`Token components Token renders isSelected 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: #24292f; + border-color: #1F2328; border-style: solid; border-width: 1px; - color: #24292f; + color: #1F2328; max-width: 100%; } @@ -4224,10 +4224,10 @@ exports[`Token components Token renders with a leadingVisual 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; } @@ -4330,10 +4330,10 @@ exports[`Token components Token renders with a remove button 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } diff --git a/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap b/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap index 775b5196971..780d5a96d38 100644 --- a/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap +++ b/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap @@ -42,7 +42,7 @@ exports[`UnderlineNav renders consistently 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - color: #24292f; + color: #1F2328; text-align: center; -webkit-text-decoration: none; text-decoration: none; @@ -126,7 +126,7 @@ exports[`UnderlineNav renders consistently 1`] = ` line-height: 1; border-radius: 20px; background-color: rgba(175,184,193,0.2); - color: #24292f; + color: #1F2328; } .c7:empty { diff --git a/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap b/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap index 889609579e2..476f0bd791c 100644 --- a/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap +++ b/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap @@ -12,7 +12,7 @@ exports[`Pagination renders consistently 1`] = ` padding: 0.5rem calc((2rem - 1.25rem) / 2); font-style: normal; line-height: 1; - color: #24292f; + color: #1F2328; text-align: center; white-space: nowrap; vertical-align: middle; diff --git a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap index ae80a3d1458..203b3082ca3 100644 --- a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap +++ b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap @@ -4,7 +4,7 @@ exports[`ActionMenu renders consistently 1`] = ` .c0 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; line-height: 1.5; - color: #24292f; + color: #1F2328; } .c2 { @@ -25,7 +25,7 @@ exports[`ActionMenu renders consistently 1`] = ` .c1 { border-radius: 6px; border: 1px solid; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); font-family: inherit; font-weight: 500; font-size: 14px; @@ -64,7 +64,7 @@ exports[`ActionMenu renders consistently 1`] = ` transition-property: color,fill,background-color,border-color; color: #24292f; background-color: #f6f8fa; - box-shadow: 0 1px 0 rgba(27,31,36,0.04),inset 0 1px 0 rgba(255,255,255,0.25); + box-shadow: 0 1px 0 rgba(31,35,40,0.04),inset 0 1px 0 rgba(255,255,255,0.25); } .c1:focus:not(:disabled) { @@ -210,17 +210,17 @@ exports[`ActionMenu renders consistently 1`] = ` .c1:hover:not([disabled]) { background-color: #f3f4f6; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } .c1:active:not([disabled]) { background-color: hsla(220,14%,93%,1); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } .c1[aria-expanded=true] { background-color: hsla(220,14%,93%,1); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } @media (forced-colors:active) { diff --git a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap index 5b02f210d7f..5a929d12ade 100644 --- a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +++ b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap @@ -4,7 +4,7 @@ exports[`AnchoredOverlay renders consistently 1`] = ` .c0 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; line-height: 1.5; - color: #24292f; + color: #1F2328; } .c1 { @@ -31,8 +31,8 @@ exports[`AnchoredOverlay renders consistently 1`] = ` font-size: 14px; color: #24292f; background-color: #f6f8fa; - border: 1px solid rgba(27,31,36,0.15); - box-shadow: 0 1px 0 rgba(27,31,36,0.04),inset 0 1px 0 rgba(255,255,255,0.25); + border: 1px solid rgba(31,35,40,0.15); + box-shadow: 0 1px 0 rgba(31,35,40,0.04),inset 0 1px 0 rgba(255,255,255,0.25); } .c1:hover { @@ -54,7 +54,7 @@ exports[`AnchoredOverlay renders consistently 1`] = ` .c1:hover { background-color: #f3f4f6; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } .c1:focus { @@ -68,7 +68,7 @@ exports[`AnchoredOverlay renders consistently 1`] = ` .c1:disabled { color: #8c959f; background-color: #f6f8fa; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); }
summary { @@ -268,12 +268,12 @@ exports[`SelectMenu right-aligned modal has right: 0px 1`] = ` } .c4 .SelectMenuTab:not([aria-checked='true']):hover { - color: #24292f; + color: #1F2328; background-color: #f6f8fa; } .c4 .SelectMenuTab:not([aria-checked='true']):active { - color: #24292f; + color: #1F2328; background-color: #f6f8fa; } } @@ -286,7 +286,7 @@ exports[`SelectMenu right-aligned modal has right: 0px 1`] = ` font-size: 12px; border: 1px solid #d0d7de; border-radius: 6px; - box-shadow: 0 1px 0 rgba(27,31,36,0.04); + box-shadow: 0 1px 0 rgba(31,35,40,0.04); } } diff --git a/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap b/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap index eafafb07094..5548fe2693d 100644 --- a/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +++ b/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap @@ -4,7 +4,7 @@ exports[`SelectPanel renders consistently 1`] = ` .c0 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; line-height: 1.5; - color: #24292f; + color: #1F2328; } .c1 { @@ -31,8 +31,8 @@ exports[`SelectPanel renders consistently 1`] = ` font-size: 14px; color: #24292f; background-color: #f6f8fa; - border: 1px solid rgba(27,31,36,0.15); - box-shadow: 0 1px 0 rgba(27,31,36,0.04),inset 0 1px 0 rgba(255,255,255,0.25); + border: 1px solid rgba(31,35,40,0.15); + box-shadow: 0 1px 0 rgba(31,35,40,0.04),inset 0 1px 0 rgba(255,255,255,0.25); } .c1:hover { @@ -54,7 +54,7 @@ exports[`SelectPanel renders consistently 1`] = ` .c1:hover { background-color: #f3f4f6; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } .c1:focus { @@ -68,7 +68,7 @@ exports[`SelectPanel renders consistently 1`] = ` .c1:disabled { color: #8c959f; background-color: #f6f8fa; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } .c2 { diff --git a/src/__tests__/__snapshots__/SideNav.test.tsx.snap b/src/__tests__/__snapshots__/SideNav.test.tsx.snap index 416de17cba3..d54bec24567 100644 --- a/src/__tests__/__snapshots__/SideNav.test.tsx.snap +++ b/src/__tests__/__snapshots__/SideNav.test.tsx.snap @@ -42,7 +42,7 @@ exports[`SideNav SideNav.Link renders consistently 1`] = ` } .c2.variant-normal > .c1 { - color: #24292f; + color: #1F2328; padding: 16px; border: 0; border-top: 1px solid hsla(210,18%,87%,1); @@ -100,13 +100,13 @@ exports[`SideNav SideNav.Link renders consistently 1`] = ` } .c2.variant-lightweight > .c1:hover { - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; } .c2.variant-lightweight > .c1:focus { - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; outline: solid 1px #0969da; @@ -115,7 +115,7 @@ exports[`SideNav SideNav.Link renders consistently 1`] = ` .c2.variant-lightweight > .c1[aria-current='page'], .c2.variant-lightweight > .c1[aria-selected='true'] { - color: #24292f; + color: #1F2328; font-weight: 500; } diff --git a/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap b/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap index 0766b036b9e..8e37ba389fc 100644 --- a/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +++ b/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap @@ -8,7 +8,7 @@ exports[`SubNav.Link adds activeClassName={SELECTED_CLASS} when it gets a "to" p font-size: 14px; line-height: 20px; min-height: 34px; - color: #24292f; + color: #1F2328; text-align: center; -webkit-text-decoration: none; text-decoration: none; @@ -47,7 +47,7 @@ exports[`SubNav.Link adds activeClassName={SELECTED_CLASS} when it gets a "to" p .c0:hover .SubNav-octicon, .c0:focus .SubNav-octicon { - color: #57606a; + color: #656d76; } .c0.selected { @@ -75,7 +75,7 @@ exports[`SubNav.Link renders consistently 1`] = ` font-size: 14px; line-height: 20px; min-height: 34px; - color: #24292f; + color: #1F2328; text-align: center; -webkit-text-decoration: none; text-decoration: none; @@ -114,7 +114,7 @@ exports[`SubNav.Link renders consistently 1`] = ` .c0:hover .SubNav-octicon, .c0:focus .SubNav-octicon { - color: #57606a; + color: #656d76; } .c0.selected { @@ -140,7 +140,7 @@ exports[`SubNav.Link respects the "selected" prop 1`] = ` font-size: 14px; line-height: 20px; min-height: 34px; - color: #24292f; + color: #1F2328; text-align: center; -webkit-text-decoration: none; text-decoration: none; @@ -179,7 +179,7 @@ exports[`SubNav.Link respects the "selected" prop 1`] = ` .c0:hover .SubNav-octicon, .c0:focus .SubNav-octicon { - color: #57606a; + color: #656d76; } .c0.selected { diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap index 8233b77b875..cf603aced9c 100644 --- a/src/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -4,7 +4,7 @@ exports[`TextInput renders 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -70,7 +70,7 @@ exports[`TextInput renders 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -123,7 +123,7 @@ exports[`TextInput renders block 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -197,7 +197,7 @@ exports[`TextInput renders block 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -250,7 +250,7 @@ exports[`TextInput renders consistently 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -316,7 +316,7 @@ exports[`TextInput renders consistently 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -368,7 +368,7 @@ exports[`TextInput renders contrast 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -435,7 +435,7 @@ exports[`TextInput renders contrast 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -488,7 +488,7 @@ exports[`TextInput renders error 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -561,7 +561,7 @@ exports[`TextInput renders error 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -614,7 +614,7 @@ exports[`TextInput renders large 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -686,7 +686,7 @@ exports[`TextInput renders large 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -740,7 +740,7 @@ exports[`TextInput renders leadingVisual 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -806,7 +806,7 @@ exports[`TextInput renders leadingVisual 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -886,7 +886,7 @@ exports[`TextInput renders monospace 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -953,7 +953,7 @@ exports[`TextInput renders monospace 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -1006,7 +1006,7 @@ exports[`TextInput renders placeholder 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -1072,7 +1072,7 @@ exports[`TextInput renders placeholder 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -1126,7 +1126,7 @@ exports[`TextInput renders small 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -1200,7 +1200,7 @@ exports[`TextInput renders small 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -1407,7 +1407,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` .c4 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: #57606a; + color: #656d76; } .c4 [data-component="text"] { @@ -1422,7 +1422,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` .c4 [data-component="trailingAction"] { margin-right: -4px; - color: #57606a; + color: #656d76; } .c4 [data-component="buttonContent"] { @@ -1458,7 +1458,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` } .c4[data-component="IconButton"][data-no-visuals] { - color: #57606a; + color: #656d76; } .c4[data-no-visuals] { @@ -1485,7 +1485,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -1545,7 +1545,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -2046,7 +2046,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` .c3 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: #57606a; + color: #656d76; } .c3 [data-component="text"] { @@ -2061,7 +2061,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` .c3 [data-component="trailingAction"] { margin-right: -4px; - color: #57606a; + color: #656d76; } .c3 [data-component="buttonContent"] { @@ -2097,7 +2097,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` } .c3[data-component="IconButton"][data-no-visuals] { - color: #57606a; + color: #656d76; } .c3[data-no-visuals] { @@ -2124,7 +2124,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -2184,7 +2184,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -2440,7 +2440,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` .c4 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: #57606a; + color: #656d76; } .c4 [data-component="text"] { @@ -2455,7 +2455,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` .c4 [data-component="trailingAction"] { margin-right: -4px; - color: #57606a; + color: #656d76; } .c4 [data-component="buttonContent"] { @@ -2491,7 +2491,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` } .c4[data-component="IconButton"][data-no-visuals] { - color: #57606a; + color: #656d76; } .c4[data-no-visuals] { @@ -2518,7 +2518,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -2578,7 +2578,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -2905,7 +2905,7 @@ exports[`TextInput renders trailingVisual 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -2971,7 +2971,7 @@ exports[`TextInput renders trailingVisual 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3051,7 +3051,7 @@ exports[`TextInput renders warning 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -3071,7 +3071,7 @@ exports[`TextInput renders warning 1`] = ` background-position: right 8px center; padding-left: 0; padding-right: 0; - border-color: #bf8700; + border-color: #9a6700; } .c0 input, @@ -3118,7 +3118,7 @@ exports[`TextInput renders warning 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3192,7 +3192,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -3258,7 +3258,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3365,7 +3365,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -3431,7 +3431,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3570,7 +3570,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -3636,7 +3636,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3752,7 +3752,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -3818,7 +3818,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -4003,7 +4003,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -4069,7 +4069,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -4254,7 +4254,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -4320,7 +4320,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -4499,7 +4499,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -4565,7 +4565,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -4712,7 +4712,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -4778,7 +4778,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -4957,7 +4957,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -5023,7 +5023,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -5179,7 +5179,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -5253,7 +5253,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -5479,7 +5479,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -5545,7 +5545,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -5770,7 +5770,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -5842,7 +5842,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -6034,7 +6034,7 @@ exports[`TextInput should render a password input 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -6100,7 +6100,7 @@ exports[`TextInput should render a password input 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; diff --git a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap index dfd5e6076bd..74fb09e3715 100644 --- a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap @@ -55,7 +55,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -128,7 +128,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -180,10 +180,10 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -191,7 +191,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -826,13 +826,13 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = ` .c8 { font-size: 16px; - color: #57606a; + color: #656d76; } .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -905,7 +905,7 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -957,10 +957,10 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -968,7 +968,7 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -1241,7 +1241,7 @@ exports[`TextInputWithTokens renders as block layout 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -1332,7 +1332,7 @@ exports[`TextInputWithTokens renders as block layout 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -1445,7 +1445,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -1522,7 +1522,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -1574,10 +1574,10 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -1585,7 +1585,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -2169,7 +2169,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -2249,7 +2249,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -2299,10 +2299,10 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = ` padding-left: 4px; padding-right: 4px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -2310,7 +2310,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -2894,7 +2894,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -2974,7 +2974,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3024,10 +3024,10 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -3035,7 +3035,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -3619,7 +3619,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -3692,7 +3692,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -3742,10 +3742,10 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -3753,7 +3753,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -4337,7 +4337,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -4410,7 +4410,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -4462,10 +4462,10 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -4473,7 +4473,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -5057,7 +5057,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -5130,7 +5130,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -5182,10 +5182,10 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -5193,7 +5193,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -5777,7 +5777,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`] .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -5852,7 +5852,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`] -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -5904,10 +5904,10 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`] padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -5915,7 +5915,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`] .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -6499,7 +6499,7 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -6572,7 +6572,7 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -6624,17 +6624,17 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; } .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c5 { @@ -6944,7 +6944,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -7017,7 +7017,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -7069,10 +7069,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -7080,7 +7080,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -7719,7 +7719,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -7792,7 +7792,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -7844,10 +7844,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -7855,7 +7855,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c6:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c9 { @@ -8526,7 +8526,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -8599,7 +8599,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -8651,10 +8651,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -8662,7 +8662,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -9310,7 +9310,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -9383,7 +9383,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -9435,10 +9435,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -9446,7 +9446,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c7:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c10 { @@ -10163,7 +10163,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -10236,7 +10236,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -10288,10 +10288,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -10299,7 +10299,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c7:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c10 { @@ -11016,7 +11016,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -11089,7 +11089,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -11141,10 +11141,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -11152,7 +11152,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c7:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c10 { @@ -11863,7 +11863,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -11936,7 +11936,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -11988,10 +11988,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -11999,7 +11999,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -12678,7 +12678,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -12751,7 +12751,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -12803,10 +12803,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -12814,7 +12814,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c6:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c9 { @@ -13525,7 +13525,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -13598,7 +13598,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -13650,10 +13650,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -13661,7 +13661,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -14349,7 +14349,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -14429,7 +14429,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -14479,10 +14479,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-left: 4px; padding-right: 4px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -14490,7 +14490,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c7:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c10 { @@ -15247,7 +15247,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -15320,7 +15320,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -15372,10 +15372,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -15383,7 +15383,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c7:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c10 { @@ -16140,7 +16140,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -16213,7 +16213,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -16263,10 +16263,10 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding-left: 8px; padding-right: 8px; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -16274,7 +16274,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` .c7:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c10 { @@ -16997,7 +16997,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -17070,7 +17070,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -17122,10 +17122,10 @@ exports[`TextInputWithTokens renders with tokens 1`] = ` padding-top: 0; padding-bottom: 0; background-color: rgba(234,238,242,0.5); - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); border-style: solid; border-width: 1px; - color: #57606a; + color: #656d76; max-width: 100%; padding-right: 0; } @@ -17133,7 +17133,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = ` .c4:hover { background-color: rgba(175,184,193,0.2); box-shadow: 0 3px 6px rgba(140,149,159,0.15); - color: #24292f; + color: #1F2328; } .c7 { @@ -17704,7 +17704,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -17777,7 +17777,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -18378,7 +18378,7 @@ exports[`TextInputWithTokens renders without tokens 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; @@ -18451,7 +18451,7 @@ exports[`TextInputWithTokens renders without tokens 1`] = ` -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; - color: #57606a; + color: #656d76; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; diff --git a/src/__tests__/__snapshots__/Textarea.test.tsx.snap b/src/__tests__/__snapshots__/Textarea.test.tsx.snap index 291f828423b..b0c63ebe245 100644 --- a/src/__tests__/__snapshots__/Textarea.test.tsx.snap +++ b/src/__tests__/__snapshots__/Textarea.test.tsx.snap @@ -4,7 +4,7 @@ exports[`Textarea renders consistently 1`] = ` .c0 { font-size: 14px; line-height: 20px; - color: #24292f; + color: #1F2328; vertical-align: middle; background-color: #ffffff; border: 1px solid #d0d7de; diff --git a/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap b/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap index 9c4e84902b4..101fd03be24 100644 --- a/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap +++ b/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap @@ -2,7 +2,7 @@ exports[`has default theme 1`] = ` .c0 { - color: #24292f; + color: #1F2328; margin-bottom: 4px; } diff --git a/src/__tests__/__snapshots__/ToggleSwitch.test.tsx.snap b/src/__tests__/__snapshots__/ToggleSwitch.test.tsx.snap index e953cf1f2f5..be527cef621 100644 --- a/src/__tests__/__snapshots__/ToggleSwitch.test.tsx.snap +++ b/src/__tests__/__snapshots__/ToggleSwitch.test.tsx.snap @@ -49,7 +49,7 @@ exports[`renders consistently 1`] = ` } .c8 { - color: #57606a; + color: #656d76; line-height: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; @@ -100,7 +100,7 @@ exports[`renders consistently 1`] = ` .c1 { font-size: 14px; - color: #24292f; + color: #1F2328; margin-left: 8px; margin-right: 8px; position: relative; diff --git a/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap b/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap index 400ce2f4e58..728670dcac0 100644 --- a/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap +++ b/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap @@ -6,7 +6,7 @@ exports[`UnderlineNav.Link adds activeClassName={SELECTED_CLASS} when it gets a margin-right: 16px; font-size: 14px; line-height: 1.5; - color: #24292f; + color: #1F2328; text-align: center; border-bottom: 2px solid transparent; -webkit-text-decoration: none; @@ -15,7 +15,7 @@ exports[`UnderlineNav.Link adds activeClassName={SELECTED_CLASS} when it gets a .c0:hover, .c0:focus { - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; border-bottom-color: rgba(175,184,193,0.2); @@ -25,16 +25,16 @@ exports[`UnderlineNav.Link adds activeClassName={SELECTED_CLASS} when it gets a .c0:hover .PRC-UnderlineNav-octicon, .c0:focus .PRC-UnderlineNav-octicon { - color: #57606a; + color: #656d76; } .c0.PRC-selected { - color: #24292f; + color: #1F2328; border-bottom-color: #fd8c73; } .c0.PRC-selected .PRC-UnderlineNav-octicon { - color: #24292f; + color: #1F2328; } .c0:focus:not(:disabled) { @@ -66,7 +66,7 @@ exports[`UnderlineNav.Link renders consistently 1`] = ` margin-right: 16px; font-size: 14px; line-height: 1.5; - color: #24292f; + color: #1F2328; text-align: center; border-bottom: 2px solid transparent; -webkit-text-decoration: none; @@ -75,7 +75,7 @@ exports[`UnderlineNav.Link renders consistently 1`] = ` .c0:hover, .c0:focus { - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; border-bottom-color: rgba(175,184,193,0.2); @@ -85,16 +85,16 @@ exports[`UnderlineNav.Link renders consistently 1`] = ` .c0:hover .PRC-UnderlineNav-octicon, .c0:focus .PRC-UnderlineNav-octicon { - color: #57606a; + color: #656d76; } .c0.PRC-selected { - color: #24292f; + color: #1F2328; border-bottom-color: #fd8c73; } .c0.PRC-selected .PRC-UnderlineNav-octicon { - color: #24292f; + color: #1F2328; } .c0:focus:not(:disabled) { @@ -124,7 +124,7 @@ exports[`UnderlineNav.Link respects the "selected" prop 1`] = ` margin-right: 16px; font-size: 14px; line-height: 1.5; - color: #24292f; + color: #1F2328; text-align: center; border-bottom: 2px solid transparent; -webkit-text-decoration: none; @@ -133,7 +133,7 @@ exports[`UnderlineNav.Link respects the "selected" prop 1`] = ` .c0:hover, .c0:focus { - color: #24292f; + color: #1F2328; -webkit-text-decoration: none; text-decoration: none; border-bottom-color: rgba(175,184,193,0.2); @@ -143,16 +143,16 @@ exports[`UnderlineNav.Link respects the "selected" prop 1`] = ` .c0:hover .PRC-UnderlineNav-octicon, .c0:focus .PRC-UnderlineNav-octicon { - color: #57606a; + color: #656d76; } .c0.PRC-selected { - color: #24292f; + color: #1F2328; border-bottom-color: #fd8c73; } .c0.PRC-selected .PRC-UnderlineNav-octicon { - color: #24292f; + color: #1F2328; } .c0:focus:not(:disabled) { diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap index 0d03464691c..be542c3adff 100644 --- a/src/__tests__/__snapshots__/themePreval.test.ts.snap +++ b/src/__tests__/__snapshots__/themePreval.test.ts.snap @@ -5,7 +5,7 @@ exports[`snapshot theme-preval.js 1`] = ` // this file was prevaled // This file needs to be a JavaScript file using CommonJS to be compatible with preval -// Cache bust: 2023-02-23 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) +// Cache bust: 2023-03-30 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) var themePreval = { "animation": { "easeOutCubic": "cubic-bezier(0.33, 1, 0.68, 1)" @@ -47,15 +47,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#24292f", - "fg": "#24292f", + "numText": "#1F2328", + "fg": "#1F2328", "numBg": "#ccffd8", "lineBg": "#e6ffec", "wordBg": "#abf2bc" }, "deletion": { - "numText": "#24292f", - "fg": "#24292f", + "numText": "#1F2328", + "fg": "#1F2328", "numBg": "#ffd7d5", "lineBg": "#ffebe9", "wordBg": "rgba(255,129,130,0.4)" @@ -64,13 +64,13 @@ var themePreval = { "numBg": "rgba(84,174,255,0.4)" }, "expander": { - "icon": "#57606a" + "icon": "#656d76" } }, "diffstat": { - "deletionBorder": "rgba(27,31,36,0.15)", - "additionBorder": "rgba(27,31,36,0.15)", - "additionBg": "#2da44e" + "deletionBorder": "rgba(31,35,40,0.15)", + "additionBorder": "rgba(31,35,40,0.15)", + "additionBg": "#1f883d" }, "searchKeyword": { "hl": "#fff8c5" @@ -110,16 +110,16 @@ var themePreval = { } }, "codemirror": { - "text": "#24292f", + "text": "#1F2328", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#57606a", - "cursor": "#24292f", + "linenumberText": "#656d76", + "cursor": "#1F2328", "selectionBg": "rgba(84,174,255,0.4)", "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#24292f", + "matchingbracketText": "#1F2328", "linesBg": "#ffffff", "syntax": { "comment": "#24292f", @@ -146,12 +146,12 @@ var themePreval = { "inputBg": "#32383f", "donutError": "#fa4549", "donutPending": "#bf8700", - "donutSuccess": "#2da44e", + "donutSuccess": "#1f883d", "donutNeutral": "#afb8c1", "dropdownText": "#afb8c1", "dropdownBg": "#32383f", "dropdownBorder": "#424a53", - "dropdownShadow": "rgba(27,31,36,0.3)", + "dropdownShadow": "rgba(31,35,40,0.3)", "dropdownHoverText": "#f6f8fa", "dropdownHoverBg": "#424a53", "dropdownBtnHoverText": "#f6f8fa", @@ -224,7 +224,7 @@ var themePreval = { }, "avatar": { "bg": "#ffffff", - "border": "rgba(27,31,36,0.15)", + "border": "rgba(31,35,40,0.15)", "stackFade": "#afb8c1", "stackFadeMore": "#d0d7de" }, @@ -283,23 +283,23 @@ var themePreval = { "btn": { "text": "#24292f", "bg": "#f6f8fa", - "border": "rgba(27,31,36,0.15)", + "border": "rgba(31,35,40,0.15)", "hoverBg": "#f3f4f6", - "hoverBorder": "rgba(27,31,36,0.15)", + "hoverBorder": "rgba(31,35,40,0.15)", "activeBg": "hsla(220,14%,93%,1)", - "activeBorder": "rgba(27,31,36,0.15)", + "activeBorder": "rgba(31,35,40,0.15)", "selectedBg": "hsla(220,14%,94%,1)", - "counterBg": "rgba(27,31,36,0.08)", + "counterBg": "rgba(31,35,40,0.08)", "primary": { "text": "#ffffff", - "bg": "#2da44e", - "border": "rgba(27,31,36,0.15)", - "hoverBg": "#2c974b", - "hoverBorder": "rgba(27,31,36,0.15)", - "selectedBg": "hsla(137,55%,36%,1)", + "bg": "#1f883d", + "border": "rgba(31,35,40,0.15)", + "hoverBg": "#1a7f37", + "hoverBorder": "rgba(31,35,40,0.15)", + "selectedBg": "hsla(137,66%,28%,1)", "disabledText": "rgba(255,255,255,0.8)", "disabledBg": "#94d3a2", - "disabledBorder": "rgba(27,31,36,0.15)", + "disabledBorder": "rgba(31,35,40,0.15)", "icon": "rgba(255,255,255,0.8)", "counterBg": "rgba(255,255,255,0.2)" }, @@ -307,11 +307,11 @@ var themePreval = { "text": "#0969da", "hoverText": "#ffffff", "hoverBg": "#0969da", - "hoverBorder": "rgba(27,31,36,0.15)", + "hoverBorder": "rgba(31,35,40,0.15)", "hoverCounterBg": "rgba(255,255,255,0.2)", "selectedText": "#ffffff", "selectedBg": "hsla(212,92%,42%,1)", - "selectedBorder": "rgba(27,31,36,0.15)", + "selectedBorder": "rgba(31,35,40,0.15)", "disabledText": "rgba(9,105,218,0.5)", "disabledBg": "#f6f8fa", "disabledCounterBg": "rgba(9,105,218,0.05)", @@ -321,11 +321,11 @@ var themePreval = { "text": "#cf222e", "hoverText": "#ffffff", "hoverBg": "#a40e26", - "hoverBorder": "rgba(27,31,36,0.15)", + "hoverBorder": "rgba(31,35,40,0.15)", "hoverCounterBg": "rgba(255,255,255,0.2)", "selectedText": "#ffffff", "selectedBg": "hsla(356,72%,44%,1)", - "selectedBorder": "rgba(27,31,36,0.15)", + "selectedBorder": "rgba(31,35,40,0.15)", "disabledText": "rgba(207,34,46,0.5)", "disabledBg": "#f6f8fa", "disabledCounterBg": "rgba(207,34,46,0.05)", @@ -350,7 +350,7 @@ var themePreval = { "danger": { "hoverBg": "rgba(255,235,233,0.64)", "activeBg": "#ffebe9", - "hoverText": "#cf222e" + "hoverText": "#d1242f" } }, "switchTrack": { @@ -358,7 +358,7 @@ var themePreval = { "hoverBg": "hsla(210,24%,90%,1)", "activeBg": "hsla(210,24%,88%,1)", "disabledBg": "#8c959f", - "fg": "#57606a", + "fg": "#656d76", "disabledFg": "#ffffff", "border": "rgba(0,0,0,0)", "checked": { @@ -404,8 +404,8 @@ var themePreval = { } }, "fg": { - "default": "#24292f", - "muted": "#57606a", + "default": "#1F2328", + "muted": "#656d76", "subtle": "#6e7781", "onEmphasis": "#ffffff" }, @@ -418,7 +418,7 @@ var themePreval = { "border": { "default": "#d0d7de", "muted": "hsla(210,18%,87%,1)", - "subtle": "rgba(27,31,36,0.15)" + "subtle": "rgba(31,35,40,0.15)" }, "neutral": { "emphasisPlus": "#24292f", @@ -434,13 +434,13 @@ var themePreval = { }, "success": { "fg": "#1a7f37", - "emphasis": "#2da44e", + "emphasis": "#1f883d", "muted": "rgba(74,194,107,0.4)", "subtle": "#dafbe1" }, "attention": { "fg": "#9a6700", - "emphasis": "#bf8700", + "emphasis": "#9a6700", "muted": "rgba(212,167,44,0.4)", "subtle": "#fff8c5" }, @@ -451,19 +451,19 @@ var themePreval = { "subtle": "#fff1e5" }, "danger": { - "fg": "#cf222e", + "fg": "#d1242f", "emphasis": "#cf222e", "muted": "rgba(255,129,130,0.4)", "subtle": "#ffebe9" }, "open": { "fg": "#1a7f37", - "emphasis": "#2da44e", + "emphasis": "#1f883d", "muted": "rgba(74,194,107,0.4)", "subtle": "#dafbe1" }, "closed": { - "fg": "#cf222e", + "fg": "#d1242f", "emphasis": "#cf222e", "muted": "rgba(255,129,130,0.4)", "subtle": "#ffebe9" @@ -485,12 +485,12 @@ var themePreval = { "disabled": "#8c959f" }, "canvas": { - "backdrop": "rgba(27,31,36,0.5)", + "backdrop": "rgba(31,35,40,0.5)", "sticky": "rgba(255,255,255,0.95)" }, "border": { "active": "#fd8c73", - "contrast": "rgba(27,31,36,0.1)" + "contrast": "rgba(31,35,40,0.1)" } } }, @@ -506,32 +506,32 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" + "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" }, "overlay": { - "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)" + "shadow": "0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)" }, "btn": { - "shadow": "0 1px 0 rgba(27,31,36,0.04)", + "shadow": "0 1px 0 rgba(31,35,40,0.04)", "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)", "primary": { - "shadow": "0 1px 0 rgba(27,31,36,0.1)", + "shadow": "0 1px 0 rgba(31,35,40,0.1)", "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", "selectedShadow": "inset 0 1px 0 rgba(0,45,17,0.2)" }, "outline": { - "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)", + "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)" }, "danger": { - "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)", + "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", "selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)" } }, "shadow": { - "small": "0 1px 0 rgba(27,31,36,0.04)", + "small": "0 1px 0 rgba(31,35,40,0.04)", "medium": "0 3px 6px rgba(140,149,159,0.15)", "large": "0 8px 24px rgba(140,149,159,0.2)", "extraLarge": "0 12px 28px rgba(140,149,159,0.3)" @@ -554,14 +554,14 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#0e1116", + "numText": "#010409", "fg": "#ffffff", "numBg": "#ccffd8", "lineBg": "#e6ffec", "wordBg": "#055d20" }, "deletion": { - "numText": "#0e1116", + "numText": "#010409", "fg": "#ffffff", "numBg": "#ffd7d5", "lineBg": "#fff0ee", @@ -577,7 +577,7 @@ var themePreval = { "diffstat": { "deletionBorder": "rgba(1,4,9,0.8)", "additionBorder": "rgba(1,4,9,0.8)", - "additionBg": "#117f32" + "additionBg": "#055d20" }, "searchKeyword": { "hl": "#fcf7be" @@ -617,16 +617,16 @@ var themePreval = { } }, "codemirror": { - "text": "#0e1116", + "text": "#010409", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#66707b", "linenumberText": "#0e1116", - "cursor": "#0e1116", + "cursor": "#010409", "selectionBg": "#368cf9", "activelineBg": "#e7ecf0", - "matchingbracketText": "#0e1116", + "matchingbracketText": "#010409", "linesBg": "#ffffff", "syntax": { "comment": "#0e1116", @@ -653,7 +653,7 @@ var themePreval = { "inputBg": "#20252c", "donutError": "#d5232c", "donutPending": "#956400", - "donutSuccess": "#117f32", + "donutSuccess": "#055d20", "donutNeutral": "#acb6c0", "dropdownText": "#acb6c0", "dropdownBg": "#20252c", @@ -911,7 +911,7 @@ var themePreval = { } }, "fg": { - "default": "#0e1116", + "default": "#010409", "muted": "#0e1116", "subtle": "#66707b", "onEmphasis": "#ffffff" @@ -958,19 +958,19 @@ var themePreval = { "subtle": "#fff2d5" }, "danger": { - "fg": "#a0111f", + "fg": "#d1242f", "emphasis": "#a0111f", "muted": "#ee5a5d", "subtle": "#fff0ee" }, "open": { "fg": "#055d20", - "emphasis": "#117f32", + "emphasis": "#055d20", "muted": "rgba(38,161,72,0.4)", "subtle": "#d2fedb" }, "closed": { - "fg": "#a0111f", + "fg": "#d1242f", "emphasis": "#a0111f", "muted": "rgba(238,90,93,0.4)", "subtle": "#fff0ee" @@ -1013,7 +1013,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" + "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" }, "overlay": { "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)" @@ -1061,15 +1061,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#24292f", - "fg": "#24292f", + "numText": "#1b1f24", + "fg": "#1b1f24", "numBg": "rgba(84,174,255,0.4)", "lineBg": "rgba(221,244,255,0.5)", "wordBg": "rgba(84,174,255,0.4)" }, "deletion": { - "numText": "#24292f", - "fg": "#24292f", + "numText": "#1b1f24", + "fg": "#1b1f24", "numBg": "rgba(247,153,57,0.4)", "lineBg": "rgba(255,245,232,0.5)", "wordBg": "rgba(255,188,109,0.5)" @@ -1078,13 +1078,13 @@ var themePreval = { "numBg": "rgba(84,174,255,0.4)" }, "expander": { - "icon": "#57606a" + "icon": "#656d76" } }, "diffstat": { "deletionBorder": "rgba(27,31,36,0.15)", "additionBorder": "rgba(27,31,36,0.15)", - "additionBg": "#218bff" + "additionBg": "#1f883d" }, "searchKeyword": { "hl": "#fff8c5" @@ -1124,16 +1124,16 @@ var themePreval = { } }, "codemirror": { - "text": "#24292f", + "text": "#1b1f24", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#57606a", - "cursor": "#24292f", + "linenumberText": "#656d76", + "cursor": "#1b1f24", "selectionBg": "rgba(84,174,255,0.4)", "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#24292f", + "matchingbracketText": "#1b1f24", "linesBg": "#ffffff", "syntax": { "comment": "#24292f", @@ -1160,7 +1160,7 @@ var themePreval = { "inputBg": "#32383f", "donutError": "#dd7815", "donutPending": "#bf8700", - "donutSuccess": "#218bff", + "donutSuccess": "#1f883d", "donutNeutral": "#afb8c1", "dropdownText": "#afb8c1", "dropdownBg": "#32383f", @@ -1306,7 +1306,7 @@ var themePreval = { "counterBg": "rgba(27,31,36,0.08)", "primary": { "text": "#ffffff", - "bg": "#218bff", + "bg": "#1f883d", "border": "rgba(27,31,36,0.15)", "hoverBg": "#0969da", "hoverBorder": "rgba(27,31,36,0.15)", @@ -1364,7 +1364,7 @@ var themePreval = { "danger": { "hoverBg": "rgba(255,245,232,0.64)", "activeBg": "#fff5e8", - "hoverText": "#b35900" + "hoverText": "#d1242f" } }, "switchTrack": { @@ -1372,7 +1372,7 @@ var themePreval = { "hoverBg": "hsla(210,24%,90%,1)", "activeBg": "hsla(210,24%,88%,1)", "disabledBg": "#8c959f", - "fg": "#57606a", + "fg": "#656d76", "disabledFg": "#ffffff", "border": "rgba(0,0,0,0)", "checked": { @@ -1418,8 +1418,8 @@ var themePreval = { } }, "fg": { - "default": "#24292f", - "muted": "#57606a", + "default": "#1b1f24", + "muted": "#656d76", "subtle": "#6e7781", "onEmphasis": "#ffffff" }, @@ -1448,13 +1448,13 @@ var themePreval = { }, "success": { "fg": "#0969da", - "emphasis": "#218bff", + "emphasis": "#1f883d", "muted": "rgba(84,174,255,0.4)", "subtle": "#ddf4ff" }, "attention": { "fg": "#9a6700", - "emphasis": "#bf8700", + "emphasis": "#9a6700", "muted": "rgba(212,167,44,0.4)", "subtle": "#fff8c5" }, @@ -1465,7 +1465,7 @@ var themePreval = { "subtle": "#fff5e8" }, "danger": { - "fg": "#b35900", + "fg": "#d1242f", "emphasis": "#b35900", "muted": "rgba(247,153,57,0.4)", "subtle": "#fff5e8" @@ -1520,7 +1520,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" + "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" }, "overlay": { "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)" @@ -1568,15 +1568,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#24292f", - "fg": "#24292f", + "numText": "#1b1f24", + "fg": "#1b1f24", "numBg": "rgba(84,174,255,0.4)", "lineBg": "rgba(221,244,255,0.5)", "wordBg": "rgba(84,174,255,0.4)" }, "deletion": { - "numText": "#24292f", - "fg": "#24292f", + "numText": "#1b1f24", + "fg": "#1b1f24", "numBg": "rgba(255,129,130,0.4)", "lineBg": "rgba(255,235,233,0.5)", "wordBg": "rgba(255,171,168,0.5)" @@ -1585,13 +1585,13 @@ var themePreval = { "numBg": "rgba(84,174,255,0.4)" }, "expander": { - "icon": "#57606a" + "icon": "#656d76" } }, "diffstat": { "deletionBorder": "rgba(27,31,36,0.15)", "additionBorder": "rgba(27,31,36,0.15)", - "additionBg": "#218bff" + "additionBg": "#1f883d" }, "searchKeyword": { "hl": "#fff8c5" @@ -1631,16 +1631,16 @@ var themePreval = { } }, "codemirror": { - "text": "#24292f", + "text": "#1b1f24", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#57606a", - "cursor": "#24292f", + "linenumberText": "#656d76", + "cursor": "#1b1f24", "selectionBg": "rgba(84,174,255,0.4)", "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#24292f", + "matchingbracketText": "#1b1f24", "linesBg": "#ffffff", "syntax": { "comment": "#24292f", @@ -1667,7 +1667,7 @@ var themePreval = { "inputBg": "#32383f", "donutError": "#fa4549", "donutPending": "#bf8700", - "donutSuccess": "#218bff", + "donutSuccess": "#1f883d", "donutNeutral": "#afb8c1", "dropdownText": "#afb8c1", "dropdownBg": "#32383f", @@ -1813,7 +1813,7 @@ var themePreval = { "counterBg": "rgba(27,31,36,0.08)", "primary": { "text": "#ffffff", - "bg": "#218bff", + "bg": "#1f883d", "border": "rgba(27,31,36,0.15)", "hoverBg": "#0969da", "hoverBorder": "rgba(27,31,36,0.15)", @@ -1871,7 +1871,7 @@ var themePreval = { "danger": { "hoverBg": "rgba(255,235,233,0.64)", "activeBg": "#ffebe9", - "hoverText": "#cf222e" + "hoverText": "#d1242f" } }, "switchTrack": { @@ -1879,7 +1879,7 @@ var themePreval = { "hoverBg": "hsla(210,24%,90%,1)", "activeBg": "hsla(210,24%,88%,1)", "disabledBg": "#8c959f", - "fg": "#57606a", + "fg": "#656d76", "disabledFg": "#ffffff", "border": "rgba(0,0,0,0)", "checked": { @@ -1925,8 +1925,8 @@ var themePreval = { } }, "fg": { - "default": "#24292f", - "muted": "#57606a", + "default": "#1b1f24", + "muted": "#656d76", "subtle": "#6e7781", "onEmphasis": "#ffffff" }, @@ -1955,13 +1955,13 @@ var themePreval = { }, "success": { "fg": "#0969da", - "emphasis": "#218bff", + "emphasis": "#1f883d", "muted": "rgba(84,174,255,0.4)", "subtle": "#ddf4ff" }, "attention": { "fg": "#9a6700", - "emphasis": "#bf8700", + "emphasis": "#9a6700", "muted": "rgba(212,167,44,0.4)", "subtle": "#fff8c5" }, @@ -1972,7 +1972,7 @@ var themePreval = { "subtle": "#ffebe9" }, "danger": { - "fg": "#cf222e", + "fg": "#d1242f", "emphasis": "#cf222e", "muted": "rgba(255,129,130,0.4)", "subtle": "#ffebe9" @@ -2027,7 +2027,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" + "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" }, "overlay": { "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)" @@ -2075,24 +2075,24 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#c9d1d9", - "fg": "#c9d1d9", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(63,185,80,0.3)", "lineBg": "rgba(46,160,67,0.15)", "wordBg": "rgba(46,160,67,0.4)" }, "deletion": { - "numText": "#c9d1d9", - "fg": "#c9d1d9", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(248,81,73,0.3)", - "lineBg": "rgba(248,81,73,0.15)", + "lineBg": "rgba(248,81,73,0.1)", "wordBg": "rgba(248,81,73,0.4)" }, "hunk": { "numBg": "rgba(56,139,253,0.4)" }, "expander": { - "icon": "#8b949e" + "icon": "#7d8590" } }, "diffstat": { @@ -2138,16 +2138,16 @@ var themePreval = { } }, "codemirror": { - "text": "#c9d1d9", + "text": "#e6edf3", "bg": "#0d1117", "guttersBg": "#0d1117", "guttermarkerText": "#0d1117", "guttermarkerSubtleText": "#6e7681", - "linenumberText": "#8b949e", - "cursor": "#c9d1d9", + "linenumberText": "#7d8590", + "cursor": "#e6edf3", "selectionBg": "rgba(56,139,253,0.4)", "activelineBg": "rgba(110,118,129,0.1)", - "matchingbracketText": "#c9d1d9", + "matchingbracketText": "#e6edf3", "linesBg": "#0d1117", "syntax": { "comment": "#8b949e", @@ -2162,57 +2162,57 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#c9d1d9", - "textSecondary": "#8b949e", - "textLink": "#58a6ff", - "btnIcon": "#8b949e", - "btnHoverIcon": "#c9d1d9", + "textPrimary": "#e6edf3", + "textSecondary": "#7d8590", + "textLink": "#2f81f7", + "btnIcon": "#7d8590", + "btnHoverIcon": "#e6edf3", "btnHoverBg": "rgba(110,118,129,0.1)", - "inputText": "#8b949e", + "inputText": "#7d8590", "inputPlaceholderText": "#6e7681", - "inputFocusText": "#c9d1d9", + "inputFocusText": "#e6edf3", "inputBg": "#161b22", "donutError": "#f85149", "donutPending": "#d29922", "donutSuccess": "#2ea043", "donutNeutral": "#8b949e", - "dropdownText": "#c9d1d9", + "dropdownText": "#e6edf3", "dropdownBg": "#161b22", "dropdownBorder": "#30363d", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#c9d1d9", + "dropdownHoverText": "#e6edf3", "dropdownHoverBg": "rgba(110,118,129,0.1)", - "dropdownBtnHoverText": "#c9d1d9", + "dropdownBtnHoverText": "#e6edf3", "dropdownBtnHoverBg": "rgba(110,118,129,0.1)", "scrollbarThumbBg": "rgba(110,118,129,0.4)", - "headerLabelText": "#8b949e", - "headerLabelOpenText": "#c9d1d9", + "headerLabelText": "#7d8590", + "headerLabelOpenText": "#e6edf3", "headerBorder": "#21262d", - "headerIcon": "#8b949e", - "lineText": "#8b949e", + "headerIcon": "#7d8590", + "lineText": "#7d8590", "lineNumText": "#6e7681", "lineTimestampText": "#6e7681", "lineHoverBg": "rgba(110,118,129,0.1)", - "lineSelectedBg": "rgba(56,139,253,0.15)", - "lineSelectedNumText": "#58a6ff", + "lineSelectedBg": "rgba(56,139,253,0.1)", + "lineSelectedNumText": "#2f81f7", "lineDtFmText": "#ffffff", "lineDtFmBg": "#9e6a03", "gateBg": "rgba(187,128,9,0.15)", - "gateText": "#8b949e", + "gateText": "#7d8590", "gateWaitingText": "#d29922", "stepHeaderOpenBg": "#161b22", "stepErrorText": "#f85149", "stepWarningText": "#d29922", - "loglineText": "#8b949e", + "loglineText": "#7d8590", "loglineNumText": "#6e7681", "loglineDebugText": "#a371f7", - "loglineErrorText": "#8b949e", + "loglineErrorText": "#7d8590", "loglineErrorNumText": "#6e7681", - "loglineErrorBg": "rgba(248,81,73,0.15)", - "loglineWarningText": "#8b949e", + "loglineErrorBg": "rgba(248,81,73,0.1)", + "loglineWarningText": "#7d8590", "loglineWarningNumText": "#d29922", "loglineWarningBg": "rgba(187,128,9,0.15)", - "loglineCommandText": "#58a6ff", + "loglineCommandText": "#2f81f7", "loglineSectionText": "#3fb950", "ansi": { "black": "#0d1117", @@ -2386,7 +2386,7 @@ var themePreval = { "hoverBg": "hsla(215,8%,72%,0.1)", "activeBg": "rgba(110,118,129,0.4)", "disabledBg": "#21262d", - "fg": "#8b949e", + "fg": "#7d8590", "disabledFg": "#010409", "border": "rgba(0,0,0,0)", "checked": { @@ -2428,12 +2428,12 @@ var themePreval = { "hoverBg": "rgba(177,186,196,0.12)" }, "directory": { - "fill": "#8b949e" + "fill": "#7d8590" } }, "fg": { - "default": "#c9d1d9", - "muted": "#8b949e", + "default": "#e6edf3", + "muted": "#7d8590", "subtle": "#6e7681", "onEmphasis": "#ffffff" }, @@ -2455,10 +2455,10 @@ var themePreval = { "subtle": "rgba(110,118,129,0.1)" }, "accent": { - "fg": "#58a6ff", + "fg": "#2f81f7", "emphasis": "#1f6feb", "muted": "rgba(56,139,253,0.4)", - "subtle": "rgba(56,139,253,0.15)" + "subtle": "rgba(56,139,253,0.1)" }, "success": { "fg": "#3fb950", @@ -2476,13 +2476,13 @@ var themePreval = { "fg": "#db6d28", "emphasis": "#bd561d", "muted": "rgba(219,109,40,0.4)", - "subtle": "rgba(219,109,40,0.15)" + "subtle": "rgba(219,109,40,0.1)" }, "danger": { "fg": "#f85149", "emphasis": "#da3633", "muted": "rgba(248,81,73,0.4)", - "subtle": "rgba(248,81,73,0.15)" + "subtle": "rgba(248,81,73,0.1)" }, "open": { "fg": "#3fb950", @@ -2500,13 +2500,13 @@ var themePreval = { "fg": "#a371f7", "emphasis": "#8957e5", "muted": "rgba(163,113,247,0.4)", - "subtle": "rgba(163,113,247,0.15)" + "subtle": "rgba(163,113,247,0.1)" }, "sponsors": { "fg": "#db61a2", "emphasis": "#bf4b8a", "muted": "rgba(219,97,162,0.4)", - "subtle": "rgba(219,97,162,0.15)" + "subtle": "rgba(219,97,162,0.1)" }, "primer": { "fg": { @@ -2537,7 +2537,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 #0d1117" + "childShadow": "0 0 0 2px #0d1117" }, "overlay": { "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)" @@ -2585,24 +2585,24 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#adbac7", - "fg": "#adbac7", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(87,171,90,0.3)", "lineBg": "rgba(70,149,74,0.15)", "wordBg": "rgba(70,149,74,0.4)" }, "deletion": { - "numText": "#adbac7", - "fg": "#adbac7", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(229,83,75,0.3)", - "lineBg": "rgba(229,83,75,0.15)", + "lineBg": "rgba(229,83,75,0.1)", "wordBg": "rgba(229,83,75,0.4)" }, "hunk": { "numBg": "rgba(65,132,228,0.4)" }, "expander": { - "icon": "#768390" + "icon": "#7d8590" } }, "diffstat": { @@ -2648,16 +2648,16 @@ var themePreval = { } }, "codemirror": { - "text": "#adbac7", + "text": "#e6edf3", "bg": "#22272e", "guttersBg": "#22272e", "guttermarkerText": "#22272e", "guttermarkerSubtleText": "#636e7b", - "linenumberText": "#768390", - "cursor": "#adbac7", + "linenumberText": "#7d8590", + "cursor": "#e6edf3", "selectionBg": "rgba(65,132,228,0.4)", "activelineBg": "rgba(99,110,123,0.1)", - "matchingbracketText": "#adbac7", + "matchingbracketText": "#e6edf3", "linesBg": "#22272e", "syntax": { "comment": "#768390", @@ -2672,57 +2672,57 @@ var themePreval = { }, "checks": { "bg": "#1c2128", - "textPrimary": "#adbac7", - "textSecondary": "#768390", - "textLink": "#539bf5", - "btnIcon": "#768390", - "btnHoverIcon": "#adbac7", + "textPrimary": "#e6edf3", + "textSecondary": "#7d8590", + "textLink": "#2f81f7", + "btnIcon": "#7d8590", + "btnHoverIcon": "#e6edf3", "btnHoverBg": "rgba(99,110,123,0.1)", - "inputText": "#768390", + "inputText": "#7d8590", "inputPlaceholderText": "#636e7b", - "inputFocusText": "#adbac7", + "inputFocusText": "#e6edf3", "inputBg": "#2d333b", "donutError": "#e5534b", "donutPending": "#c69026", "donutSuccess": "#46954a", "donutNeutral": "#768390", - "dropdownText": "#adbac7", + "dropdownText": "#e6edf3", "dropdownBg": "#2d333b", "dropdownBorder": "#444c56", "dropdownShadow": "rgba(28,33,40,0.3)", - "dropdownHoverText": "#adbac7", + "dropdownHoverText": "#e6edf3", "dropdownHoverBg": "rgba(99,110,123,0.1)", - "dropdownBtnHoverText": "#adbac7", + "dropdownBtnHoverText": "#e6edf3", "dropdownBtnHoverBg": "rgba(99,110,123,0.1)", "scrollbarThumbBg": "rgba(99,110,123,0.4)", - "headerLabelText": "#768390", - "headerLabelOpenText": "#adbac7", + "headerLabelText": "#7d8590", + "headerLabelOpenText": "#e6edf3", "headerBorder": "#373e47", - "headerIcon": "#768390", - "lineText": "#768390", + "headerIcon": "#7d8590", + "lineText": "#7d8590", "lineNumText": "#636e7b", "lineTimestampText": "#636e7b", "lineHoverBg": "rgba(99,110,123,0.1)", - "lineSelectedBg": "rgba(65,132,228,0.15)", - "lineSelectedNumText": "#539bf5", + "lineSelectedBg": "rgba(65,132,228,0.1)", + "lineSelectedNumText": "#2f81f7", "lineDtFmText": "#cdd9e5", "lineDtFmBg": "#966600", "gateBg": "rgba(174,124,20,0.15)", - "gateText": "#768390", + "gateText": "#7d8590", "gateWaitingText": "#c69026", "stepHeaderOpenBg": "#2d333b", "stepErrorText": "#e5534b", "stepWarningText": "#c69026", - "loglineText": "#768390", + "loglineText": "#7d8590", "loglineNumText": "#636e7b", "loglineDebugText": "#986ee2", - "loglineErrorText": "#768390", + "loglineErrorText": "#7d8590", "loglineErrorNumText": "#636e7b", - "loglineErrorBg": "rgba(229,83,75,0.15)", - "loglineWarningText": "#768390", + "loglineErrorBg": "rgba(229,83,75,0.1)", + "loglineWarningText": "#7d8590", "loglineWarningNumText": "#c69026", "loglineWarningBg": "rgba(174,124,20,0.15)", - "loglineCommandText": "#539bf5", + "loglineCommandText": "#2f81f7", "loglineSectionText": "#57ab5a", "ansi": { "black": "#22272e", @@ -2896,7 +2896,7 @@ var themePreval = { "hoverBg": "hsla(213,11%,69%,0.1)", "activeBg": "rgba(99,110,123,0.4)", "disabledBg": "#373e47", - "fg": "#768390", + "fg": "#7d8590", "disabledFg": "#1c2128", "border": "rgba(0,0,0,0)", "checked": { @@ -2938,12 +2938,12 @@ var themePreval = { "hoverBg": "rgba(144,157,171,0.12)" }, "directory": { - "fill": "#768390" + "fill": "#7d8590" } }, "fg": { - "default": "#adbac7", - "muted": "#768390", + "default": "#e6edf3", + "muted": "#7d8590", "subtle": "#636e7b", "onEmphasis": "#cdd9e5" }, @@ -2965,10 +2965,10 @@ var themePreval = { "subtle": "rgba(99,110,123,0.1)" }, "accent": { - "fg": "#539bf5", + "fg": "#2f81f7", "emphasis": "#316dca", "muted": "rgba(65,132,228,0.4)", - "subtle": "rgba(65,132,228,0.15)" + "subtle": "rgba(65,132,228,0.1)" }, "success": { "fg": "#57ab5a", @@ -2986,13 +2986,13 @@ var themePreval = { "fg": "#cc6b2c", "emphasis": "#ae5622", "muted": "rgba(204,107,44,0.4)", - "subtle": "rgba(204,107,44,0.15)" + "subtle": "rgba(204,107,44,0.1)" }, "danger": { "fg": "#e5534b", "emphasis": "#c93c37", "muted": "rgba(229,83,75,0.4)", - "subtle": "rgba(229,83,75,0.15)" + "subtle": "rgba(229,83,75,0.1)" }, "open": { "fg": "#57ab5a", @@ -3010,13 +3010,13 @@ var themePreval = { "fg": "#986ee2", "emphasis": "#8256d0", "muted": "rgba(152,110,226,0.4)", - "subtle": "rgba(152,110,226,0.15)" + "subtle": "rgba(152,110,226,0.1)" }, "sponsors": { "fg": "#c96198", "emphasis": "#ae4c82", "muted": "rgba(201,97,152,0.4)", - "subtle": "rgba(201,97,152,0.15)" + "subtle": "rgba(201,97,152,0.1)" }, "primer": { "fg": { @@ -3047,7 +3047,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 #22272e" + "childShadow": "0 0 0 2px #22272e" }, "overlay": { "shadow": "0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85)" @@ -3095,24 +3095,24 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#f0f3f6", + "numText": "#e6edf3", "fg": "#0a0c10", "numBg": "rgba(38,205,77,0.3)", "lineBg": "rgba(9,180,58,0.15)", "wordBg": "#09b43a" }, "deletion": { - "numText": "#f0f3f6", + "numText": "#e6edf3", "fg": "#0a0c10", "numBg": "rgba(255,106,105,0.3)", - "lineBg": "rgba(255,106,105,0.15)", + "lineBg": "rgba(255,106,105,0.1)", "wordBg": "#ff6a69" }, "hunk": { "numBg": "rgba(64,158,255,0.4)" }, "expander": { - "icon": "#f0f3f6" + "icon": "#e6edf3" } }, "diffstat": { @@ -3158,16 +3158,16 @@ var themePreval = { } }, "codemirror": { - "text": "#f0f3f6", + "text": "#e6edf3", "bg": "#0a0c10", "guttersBg": "#0a0c10", "guttermarkerText": "#0a0c10", "guttermarkerSubtleText": "#9ea7b3", "linenumberText": "#f0f3f6", - "cursor": "#f0f3f6", + "cursor": "#e6edf3", "selectionBg": "rgba(64,158,255,0.4)", "activelineBg": "rgba(158,167,179,0.1)", - "matchingbracketText": "#f0f3f6", + "matchingbracketText": "#e6edf3", "linesBg": "#0a0c10", "syntax": { "comment": "#bdc4cc", @@ -3182,39 +3182,39 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#f0f3f6", + "textPrimary": "#e6edf3", "textSecondary": "#f0f3f6", - "textLink": "#71b7ff", + "textLink": "#2f81f7", "btnIcon": "#f0f3f6", - "btnHoverIcon": "#f0f3f6", + "btnHoverIcon": "#e6edf3", "btnHoverBg": "rgba(158,167,179,0.1)", "inputText": "#f0f3f6", "inputPlaceholderText": "#9ea7b3", - "inputFocusText": "#f0f3f6", + "inputFocusText": "#e6edf3", "inputBg": "#272b33", "donutError": "#ff6a69", "donutPending": "#f0b72f", "donutSuccess": "#09b43a", "donutNeutral": "#bdc4cc", - "dropdownText": "#f0f3f6", + "dropdownText": "#e6edf3", "dropdownBg": "#272b33", "dropdownBorder": "#7a828e", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#f0f3f6", + "dropdownHoverText": "#e6edf3", "dropdownHoverBg": "rgba(158,167,179,0.1)", - "dropdownBtnHoverText": "#f0f3f6", + "dropdownBtnHoverText": "#e6edf3", "dropdownBtnHoverBg": "rgba(158,167,179,0.1)", "scrollbarThumbBg": "rgba(158,167,179,0.4)", "headerLabelText": "#f0f3f6", - "headerLabelOpenText": "#f0f3f6", + "headerLabelOpenText": "#e6edf3", "headerBorder": "#7a828e", "headerIcon": "#f0f3f6", "lineText": "#f0f3f6", "lineNumText": "#9ea7b3", "lineTimestampText": "#9ea7b3", "lineHoverBg": "rgba(158,167,179,0.1)", - "lineSelectedBg": "rgba(64,158,255,0.15)", - "lineSelectedNumText": "#71b7ff", + "lineSelectedBg": "rgba(64,158,255,0.1)", + "lineSelectedNumText": "#2f81f7", "lineDtFmText": "#0a0c10", "lineDtFmBg": "#e09b13", "gateBg": "rgba(224,155,19,0.15)", @@ -3228,11 +3228,11 @@ var themePreval = { "loglineDebugText": "#b780ff", "loglineErrorText": "#f0f3f6", "loglineErrorNumText": "#9ea7b3", - "loglineErrorBg": "rgba(255,106,105,0.15)", + "loglineErrorBg": "rgba(255,106,105,0.1)", "loglineWarningText": "#f0f3f6", "loglineWarningNumText": "#f0b72f", "loglineWarningBg": "rgba(224,155,19,0.15)", - "loglineCommandText": "#71b7ff", + "loglineCommandText": "#2f81f7", "loglineSectionText": "#26cd4d", "ansi": { "black": "#0a0c10", @@ -3452,7 +3452,7 @@ var themePreval = { } }, "fg": { - "default": "#f0f3f6", + "default": "#e6edf3", "muted": "#f0f3f6", "subtle": "#9ea7b3", "onEmphasis": "#0a0c10" @@ -3475,10 +3475,10 @@ var themePreval = { "subtle": "rgba(158,167,179,0.1)" }, "accent": { - "fg": "#71b7ff", + "fg": "#2f81f7", "emphasis": "#409eff", "muted": "#409eff", - "subtle": "rgba(64,158,255,0.15)" + "subtle": "rgba(64,158,255,0.1)" }, "success": { "fg": "#26cd4d", @@ -3496,13 +3496,13 @@ var themePreval = { "fg": "#e7811d", "emphasis": "#e7811d", "muted": "#e7811d", - "subtle": "rgba(231,129,29,0.15)" + "subtle": "rgba(231,129,29,0.1)" }, "danger": { "fg": "#ff6a69", "emphasis": "#ff6a69", "muted": "#ff6a69", - "subtle": "rgba(255,106,105,0.15)" + "subtle": "rgba(255,106,105,0.1)" }, "open": { "fg": "#26cd4d", @@ -3520,13 +3520,13 @@ var themePreval = { "fg": "#b780ff", "emphasis": "#b87fff", "muted": "#b780ff", - "subtle": "rgba(183,128,255,0.15)" + "subtle": "rgba(183,128,255,0.1)" }, "sponsors": { "fg": "#ef6eb1", "emphasis": "#ef6eb1", "muted": "#ef6eb1", - "subtle": "rgba(239,110,177,0.15)" + "subtle": "rgba(239,110,177,0.1)" }, "primer": { "fg": { @@ -3557,7 +3557,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 #0a0c10" + "childShadow": "0 0 0 2px #0a0c10" }, "overlay": { "shadow": "0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85)" @@ -3605,24 +3605,24 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#c9d1d9", - "fg": "#c9d1d9", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(88,166,255,0.3)", "lineBg": "rgba(56,139,253,0.15)", "wordBg": "rgba(56,139,253,0.4)" }, "deletion": { - "numText": "#c9d1d9", - "fg": "#c9d1d9", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(212,118,22,0.3)", - "lineBg": "rgba(212,118,22,0.15)", + "lineBg": "rgba(212,118,22,0.1)", "wordBg": "rgba(212,118,22,0.4)" }, "hunk": { "numBg": "rgba(56,139,253,0.4)" }, "expander": { - "icon": "#8b949e" + "icon": "#7d8590" } }, "diffstat": { @@ -3668,16 +3668,16 @@ var themePreval = { } }, "codemirror": { - "text": "#c9d1d9", + "text": "#e6edf3", "bg": "#0d1117", "guttersBg": "#0d1117", "guttermarkerText": "#0d1117", "guttermarkerSubtleText": "#6e7681", - "linenumberText": "#8b949e", - "cursor": "#c9d1d9", + "linenumberText": "#7d8590", + "cursor": "#e6edf3", "selectionBg": "rgba(56,139,253,0.4)", "activelineBg": "rgba(110,118,129,0.1)", - "matchingbracketText": "#c9d1d9", + "matchingbracketText": "#e6edf3", "linesBg": "#0d1117", "syntax": { "comment": "#8b949e", @@ -3692,57 +3692,57 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#c9d1d9", - "textSecondary": "#8b949e", - "textLink": "#58a6ff", - "btnIcon": "#8b949e", - "btnHoverIcon": "#c9d1d9", + "textPrimary": "#e6edf3", + "textSecondary": "#7d8590", + "textLink": "#2f81f7", + "btnIcon": "#7d8590", + "btnHoverIcon": "#e6edf3", "btnHoverBg": "rgba(110,118,129,0.1)", - "inputText": "#8b949e", + "inputText": "#7d8590", "inputPlaceholderText": "#6e7681", - "inputFocusText": "#c9d1d9", + "inputFocusText": "#e6edf3", "inputBg": "#161b22", "donutError": "#d47616", "donutPending": "#d29922", "donutSuccess": "#388bfd", "donutNeutral": "#8b949e", - "dropdownText": "#c9d1d9", + "dropdownText": "#e6edf3", "dropdownBg": "#161b22", "dropdownBorder": "#30363d", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#c9d1d9", + "dropdownHoverText": "#e6edf3", "dropdownHoverBg": "rgba(110,118,129,0.1)", - "dropdownBtnHoverText": "#c9d1d9", + "dropdownBtnHoverText": "#e6edf3", "dropdownBtnHoverBg": "rgba(110,118,129,0.1)", "scrollbarThumbBg": "rgba(110,118,129,0.4)", - "headerLabelText": "#8b949e", - "headerLabelOpenText": "#c9d1d9", + "headerLabelText": "#7d8590", + "headerLabelOpenText": "#e6edf3", "headerBorder": "#21262d", - "headerIcon": "#8b949e", - "lineText": "#8b949e", + "headerIcon": "#7d8590", + "lineText": "#7d8590", "lineNumText": "#6e7681", "lineTimestampText": "#6e7681", "lineHoverBg": "rgba(110,118,129,0.1)", - "lineSelectedBg": "rgba(56,139,253,0.15)", - "lineSelectedNumText": "#58a6ff", + "lineSelectedBg": "rgba(56,139,253,0.1)", + "lineSelectedNumText": "#2f81f7", "lineDtFmText": "#ffffff", "lineDtFmBg": "#9e6a03", "gateBg": "rgba(187,128,9,0.15)", - "gateText": "#8b949e", + "gateText": "#7d8590", "gateWaitingText": "#d29922", "stepHeaderOpenBg": "#161b22", "stepErrorText": "#d47616", "stepWarningText": "#d29922", - "loglineText": "#8b949e", + "loglineText": "#7d8590", "loglineNumText": "#6e7681", "loglineDebugText": "#a371f7", - "loglineErrorText": "#8b949e", + "loglineErrorText": "#7d8590", "loglineErrorNumText": "#6e7681", - "loglineErrorBg": "rgba(212,118,22,0.15)", - "loglineWarningText": "#8b949e", + "loglineErrorBg": "rgba(212,118,22,0.1)", + "loglineWarningText": "#7d8590", "loglineWarningNumText": "#d29922", "loglineWarningBg": "rgba(187,128,9,0.15)", - "loglineCommandText": "#58a6ff", + "loglineCommandText": "#2f81f7", "loglineSectionText": "#58a6ff", "ansi": { "black": "#0d1117", @@ -3916,7 +3916,7 @@ var themePreval = { "hoverBg": "hsla(215,8%,72%,0.1)", "activeBg": "rgba(110,118,129,0.4)", "disabledBg": "#21262d", - "fg": "#8b949e", + "fg": "#7d8590", "disabledFg": "#010409", "border": "rgba(0,0,0,0)", "checked": { @@ -3958,12 +3958,12 @@ var themePreval = { "hoverBg": "rgba(177,186,196,0.12)" }, "directory": { - "fill": "#8b949e" + "fill": "#7d8590" } }, "fg": { - "default": "#c9d1d9", - "muted": "#8b949e", + "default": "#e6edf3", + "muted": "#7d8590", "subtle": "#6e7681", "onEmphasis": "#ffffff" }, @@ -3985,10 +3985,10 @@ var themePreval = { "subtle": "rgba(110,118,129,0.1)" }, "accent": { - "fg": "#58a6ff", + "fg": "#2f81f7", "emphasis": "#1f6feb", "muted": "rgba(56,139,253,0.4)", - "subtle": "rgba(56,139,253,0.15)" + "subtle": "rgba(56,139,253,0.1)" }, "success": { "fg": "#58a6ff", @@ -4006,13 +4006,13 @@ var themePreval = { "fg": "#d47616", "emphasis": "#b76100", "muted": "rgba(212,118,22,0.4)", - "subtle": "rgba(212,118,22,0.15)" + "subtle": "rgba(212,118,22,0.1)" }, "danger": { "fg": "#d47616", "emphasis": "#b76100", "muted": "rgba(212,118,22,0.4)", - "subtle": "rgba(212,118,22,0.15)" + "subtle": "rgba(212,118,22,0.1)" }, "open": { "fg": "#ec8e2c", @@ -4030,13 +4030,13 @@ var themePreval = { "fg": "#a371f7", "emphasis": "#8957e5", "muted": "rgba(163,113,247,0.4)", - "subtle": "rgba(163,113,247,0.15)" + "subtle": "rgba(163,113,247,0.1)" }, "sponsors": { "fg": "#db61a2", "emphasis": "#bf4b8a", "muted": "rgba(219,97,162,0.4)", - "subtle": "rgba(219,97,162,0.15)" + "subtle": "rgba(219,97,162,0.1)" }, "primer": { "fg": { @@ -4067,7 +4067,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 #0d1117" + "childShadow": "0 0 0 2px #0d1117" }, "overlay": { "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)" @@ -4115,24 +4115,24 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#c9d1d9", - "fg": "#c9d1d9", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(88,166,255,0.3)", "lineBg": "rgba(56,139,253,0.15)", "wordBg": "rgba(56,139,253,0.4)" }, "deletion": { - "numText": "#c9d1d9", - "fg": "#c9d1d9", + "numText": "#e6edf3", + "fg": "#e6edf3", "numBg": "rgba(248,81,73,0.3)", - "lineBg": "rgba(248,81,73,0.15)", + "lineBg": "rgba(248,81,73,0.1)", "wordBg": "rgba(248,81,73,0.4)" }, "hunk": { "numBg": "rgba(56,139,253,0.4)" }, "expander": { - "icon": "#8b949e" + "icon": "#7d8590" } }, "diffstat": { @@ -4178,16 +4178,16 @@ var themePreval = { } }, "codemirror": { - "text": "#c9d1d9", + "text": "#e6edf3", "bg": "#0d1117", "guttersBg": "#0d1117", "guttermarkerText": "#0d1117", "guttermarkerSubtleText": "#6e7681", - "linenumberText": "#8b949e", - "cursor": "#c9d1d9", + "linenumberText": "#7d8590", + "cursor": "#e6edf3", "selectionBg": "rgba(56,139,253,0.4)", "activelineBg": "rgba(110,118,129,0.1)", - "matchingbracketText": "#c9d1d9", + "matchingbracketText": "#e6edf3", "linesBg": "#0d1117", "syntax": { "comment": "#8b949e", @@ -4202,57 +4202,57 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#c9d1d9", - "textSecondary": "#8b949e", - "textLink": "#58a6ff", - "btnIcon": "#8b949e", - "btnHoverIcon": "#c9d1d9", + "textPrimary": "#e6edf3", + "textSecondary": "#7d8590", + "textLink": "#2f81f7", + "btnIcon": "#7d8590", + "btnHoverIcon": "#e6edf3", "btnHoverBg": "rgba(110,118,129,0.1)", - "inputText": "#8b949e", + "inputText": "#7d8590", "inputPlaceholderText": "#6e7681", - "inputFocusText": "#c9d1d9", + "inputFocusText": "#e6edf3", "inputBg": "#161b22", "donutError": "#f85149", "donutPending": "#d29922", "donutSuccess": "#388bfd", "donutNeutral": "#8b949e", - "dropdownText": "#c9d1d9", + "dropdownText": "#e6edf3", "dropdownBg": "#161b22", "dropdownBorder": "#30363d", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#c9d1d9", + "dropdownHoverText": "#e6edf3", "dropdownHoverBg": "rgba(110,118,129,0.1)", - "dropdownBtnHoverText": "#c9d1d9", + "dropdownBtnHoverText": "#e6edf3", "dropdownBtnHoverBg": "rgba(110,118,129,0.1)", "scrollbarThumbBg": "rgba(110,118,129,0.4)", - "headerLabelText": "#8b949e", - "headerLabelOpenText": "#c9d1d9", + "headerLabelText": "#7d8590", + "headerLabelOpenText": "#e6edf3", "headerBorder": "#21262d", - "headerIcon": "#8b949e", - "lineText": "#8b949e", + "headerIcon": "#7d8590", + "lineText": "#7d8590", "lineNumText": "#6e7681", "lineTimestampText": "#6e7681", "lineHoverBg": "rgba(110,118,129,0.1)", - "lineSelectedBg": "rgba(56,139,253,0.15)", - "lineSelectedNumText": "#58a6ff", + "lineSelectedBg": "rgba(56,139,253,0.1)", + "lineSelectedNumText": "#2f81f7", "lineDtFmText": "#ffffff", "lineDtFmBg": "#9e6a03", "gateBg": "rgba(187,128,9,0.15)", - "gateText": "#8b949e", + "gateText": "#7d8590", "gateWaitingText": "#d29922", "stepHeaderOpenBg": "#161b22", "stepErrorText": "#f85149", "stepWarningText": "#d29922", - "loglineText": "#8b949e", + "loglineText": "#7d8590", "loglineNumText": "#6e7681", "loglineDebugText": "#a371f7", - "loglineErrorText": "#8b949e", + "loglineErrorText": "#7d8590", "loglineErrorNumText": "#6e7681", - "loglineErrorBg": "rgba(248,81,73,0.15)", - "loglineWarningText": "#8b949e", + "loglineErrorBg": "rgba(248,81,73,0.1)", + "loglineWarningText": "#7d8590", "loglineWarningNumText": "#d29922", "loglineWarningBg": "rgba(187,128,9,0.15)", - "loglineCommandText": "#58a6ff", + "loglineCommandText": "#2f81f7", "loglineSectionText": "#58a6ff", "ansi": { "black": "#0d1117", @@ -4426,7 +4426,7 @@ var themePreval = { "hoverBg": "hsla(215,8%,72%,0.1)", "activeBg": "rgba(110,118,129,0.4)", "disabledBg": "#21262d", - "fg": "#8b949e", + "fg": "#7d8590", "disabledFg": "#010409", "border": "rgba(0,0,0,0)", "checked": { @@ -4468,12 +4468,12 @@ var themePreval = { "hoverBg": "rgba(177,186,196,0.12)" }, "directory": { - "fill": "#8b949e" + "fill": "#7d8590" } }, "fg": { - "default": "#c9d1d9", - "muted": "#8b949e", + "default": "#e6edf3", + "muted": "#7d8590", "subtle": "#6e7681", "onEmphasis": "#ffffff" }, @@ -4495,10 +4495,10 @@ var themePreval = { "subtle": "rgba(110,118,129,0.1)" }, "accent": { - "fg": "#58a6ff", + "fg": "#2f81f7", "emphasis": "#1f6feb", "muted": "rgba(56,139,253,0.4)", - "subtle": "rgba(56,139,253,0.15)" + "subtle": "rgba(56,139,253,0.1)" }, "success": { "fg": "#58a6ff", @@ -4516,13 +4516,13 @@ var themePreval = { "fg": "#f85149", "emphasis": "#da3633", "muted": "rgba(248,81,73,0.4)", - "subtle": "rgba(248,81,73,0.15)" + "subtle": "rgba(248,81,73,0.1)" }, "danger": { "fg": "#f85149", "emphasis": "#da3633", "muted": "rgba(248,81,73,0.4)", - "subtle": "rgba(248,81,73,0.15)" + "subtle": "rgba(248,81,73,0.1)" }, "open": { "fg": "#ff7b72", @@ -4540,13 +4540,13 @@ var themePreval = { "fg": "#a371f7", "emphasis": "#8957e5", "muted": "rgba(163,113,247,0.4)", - "subtle": "rgba(163,113,247,0.15)" + "subtle": "rgba(163,113,247,0.1)" }, "sponsors": { "fg": "#db61a2", "emphasis": "#bf4b8a", "muted": "rgba(219,97,162,0.4)", - "subtle": "rgba(219,97,162,0.15)" + "subtle": "rgba(219,97,162,0.1)" }, "primer": { "fg": { @@ -4577,7 +4577,7 @@ var themePreval = { } }, "avatar": { - "childShadow": "-2px -2px 0 #0d1117" + "childShadow": "0 0 0 2px #0d1117" }, "overlay": { "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)" diff --git a/src/__tests__/deprecated/__snapshots__/ActionList.test.tsx.snap b/src/__tests__/deprecated/__snapshots__/ActionList.test.tsx.snap index aeba8dd6d70..e261d464937 100644 --- a/src/__tests__/deprecated/__snapshots__/ActionList.test.tsx.snap +++ b/src/__tests__/deprecated/__snapshots__/ActionList.test.tsx.snap @@ -144,7 +144,7 @@ exports[`ActionList.Item renders consistently 1`] = ` display: -ms-flexbox; display: flex; border-radius: 6px; - color: #24292f; + color: #1F2328; -webkit-transition: background 33.333ms linear; transition: background 33.333ms linear; -webkit-text-decoration: none; diff --git a/src/__tests__/deprecated/__snapshots__/ActionMenu.test.tsx.snap b/src/__tests__/deprecated/__snapshots__/ActionMenu.test.tsx.snap index a293df82422..2b488c64daf 100644 --- a/src/__tests__/deprecated/__snapshots__/ActionMenu.test.tsx.snap +++ b/src/__tests__/deprecated/__snapshots__/ActionMenu.test.tsx.snap @@ -25,8 +25,8 @@ exports[`ActionMenu renders consistently 1`] = ` font-size: 14px; color: #24292f; background-color: #f6f8fa; - border: 1px solid rgba(27,31,36,0.15); - box-shadow: 0 1px 0 rgba(27,31,36,0.04),inset 0 1px 0 rgba(255,255,255,0.25); + border: 1px solid rgba(31,35,40,0.15); + box-shadow: 0 1px 0 rgba(31,35,40,0.04),inset 0 1px 0 rgba(255,255,255,0.25); } .c0:hover { @@ -48,7 +48,7 @@ exports[`ActionMenu renders consistently 1`] = ` .c0:hover { background-color: #f3f4f6; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); } .c0:focus { @@ -62,7 +62,7 @@ exports[`ActionMenu renders consistently 1`] = ` .c0:disabled { color: #8c959f; background-color: #f6f8fa; - border-color: rgba(27,31,36,0.15); + border-color: rgba(31,35,40,0.15); }