diff --git a/.changeset/old-falcons-learn.md b/.changeset/old-falcons-learn.md new file mode 100644 index 00000000000..f6754815ece --- /dev/null +++ b/.changeset/old-falcons-learn.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Bump @primer/primitives to `7.11.5` 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 2281fbe632f..50f5d07a817 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/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 6878d8bb402..69652b9d407 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 570da72bb57..eb38f151e8a 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 ce551d62f6e..5d29c7760aa 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 52d9e399bc6..fe9d1529568 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 e90d5ce6ca8..9a76a1a362d 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 d092e4f433f..ea3f43522f6 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 77b6ad379d7..a052c678e1a 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 77b6ad379d7..a052c678e1a 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 dcb863c703d..f9c7887d701 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 774b38e65ac..937d2b63599 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 d131a1f5bb3..192fbdacff2 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 c915775af30..e67384dd649 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 8c44c81ea66..095532a1e63 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 5cbf93fcda4..ba71e4adde6 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-Primary-light-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png index 31591dc9330..a5195d7faab 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 31591dc9330..a5195d7faab 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 820f52a0629..6b3ad6ba720 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 ba4ccaa3ad1..a37365f6706 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 ba4ccaa3ad1..a37365f6706 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 fe97f45e458..20bf1cab4c5 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 301c43c94bb..536374a808f 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 85ffaa1425f..eaf143952e9 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 b6d2ac847d3..d00eb90115d 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 85ffaa1425f..eaf143952e9 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 fe97f45e458..20bf1cab4c5 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 301c43c94bb..536374a808f 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 301c43c94bb..536374a808f 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 d092e4f433f..ea3f43522f6 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 77b6ad379d7..a052c678e1a 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 77b6ad379d7..a052c678e1a 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 880e8bba038..3ec3dfae389 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 880e8bba038..3ec3dfae389 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 e3561801067..f067a314d85 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 e3561801067..f067a314d85 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 10a249d2b64..79ed33e909a 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 10a249d2b64..79ed33e909a 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 10a249d2b64..79ed33e909a 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 10a249d2b64..79ed33e909a 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 aadbf93f056..d46f9fb0edc 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 aadbf93f056..d46f9fb0edc 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 10a249d2b64..79ed33e909a 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 10a249d2b64..79ed33e909a 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 6fba1ac5ba5..661da510ca5 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 e3974a563ce..00eb93d62fd 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 1fc3d3feaa1..8fb530e4f42 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 1fc3d3feaa1..8fb530e4f42 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 a65d97b86c1..e76fb24c8ec 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 a65d97b86c1..e76fb24c8ec 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 abca384630b..78eb499a53e 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 abca384630b..78eb499a53e 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 8a796ceaa37..0aaa7fbba71 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 8a796ceaa37..0aaa7fbba71 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 bb5d1d7bc32..e7264497419 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 bb5d1d7bc32..e7264497419 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 f95d5672cc1..ad21e477386 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 aa5d5f25958..12f03ddc32a 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 f748bbe29b4..076dbc2abba 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 90a3547c39f..07be038bbba 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 467d253bff2..c547e056859 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 f21ab0fbda6..4f9f0834138 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 aec358269e2..37f6ccedcda 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 aec358269e2..37f6ccedcda 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 81c7d0951a4..5b06c01d3de 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 81c7d0951a4..5b06c01d3de 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 32941a049ee..8c40a473f94 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 32941a049ee..8c40a473f94 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 3e1a61e1aa9..bbdd037c7d8 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 6e6a4d27d05..05b3659066c 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 98f70c63986..6d01548327b 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 dee58e0190d..d6f669f395b 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 d8ae656a340..d1ae2cfe203 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 70ccf9551b0..b8f46c2878d 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/contributor-docs/testing.md b/contributor-docs/testing.md index 4fb980aacdb..7dbc66c57c1 100644 --- a/contributor-docs/testing.md +++ b/contributor-docs/testing.md @@ -80,20 +80,20 @@ We are slowly moving away from using `Jest` snapshots as a way to test visual ch #### Updating `theme-preval` snapshots -If you need to update the `theme-preval` snapshots, you will need to run the following commands: - -```sh -npm run build -npm run test -- -u -``` - -After running that command, make sure to update the cache-busting timestamp in [src/theme-preval.js](https://github.com/primer/react/blob/main/src/theme-preval.js) +If you need to update the `theme-preval` snapshots, make sure to first update the cache-busting timestamp in [src/theme-preval.js](https://github.com/primer/react/blob/main/src/theme-preval.js) ```diff - // Cache bust: 2022-02-23 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) + // Cache bust: 2023-02-24 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) ``` +After you will need to run the following commands and commit changes to the `themePreval.test.ts.snap` file: + +```sh +npm run build +npm run test -- -u +``` + ### Running Tests | Task | Command | diff --git a/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js b/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js index 8aa56b5aa38..a2871551839 100644 --- a/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +++ b/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js @@ -11,7 +11,6 @@ function ThemeSwitcher() { return ( {selectedItem?.name} - {/* eslint-disable-next-line primer-react/no-system-props */} {items.map((type, index) => ( diff --git a/generated/components.json b/generated/components.json index 68faf8c7a3e..258ef082452 100644 --- a/generated/components.json +++ b/generated/components.json @@ -3438,7 +3438,7 @@ "stories": [ { "id": "components-relativetime--default", - "code": "(args) => {\n const { date, ...rest } = args\n return \n}" + "code": "() => " } ], "props": [ diff --git a/package-lock.json b/package-lock.json index c5f045cc897..31e37b84ccb 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.3", + "@primer/primitives": "7.11.5", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", @@ -54,7 +54,7 @@ "@rollup/plugin-node-resolve": "15.0.1", "@rollup/plugin-replace": "5.0.2", "@rollup/plugin-terser": "0.4.0", - "@rollup/plugin-typescript": "11.0.0", + "@rollup/plugin-typescript": "11.1.0", "@rollup/plugin-virtual": "3.0.1", "@size-limit/preset-big-lib": "8.2.4", "@storybook/addon-a11y": "6.5.16", @@ -77,7 +77,7 @@ "@testing-library/user-event": "^14.3.0", "@types/chroma-js": "2.1.4", "@types/jest": "29.4.0", - "@types/jest-axe": "3.5.3", + "@types/jest-axe": "3.5.5", "@types/lodash.groupby": "4.6.7", "@types/lodash.isempty": "4.4.7", "@types/lodash.isobject": "3.0.7", @@ -96,7 +96,7 @@ "babel-plugin-macros": "3.1.0", "babel-plugin-open-source": "1.3.4", "babel-plugin-preval": "5.1.0", - "babel-plugin-styled-components": "2.0.2", + "babel-plugin-styled-components": "2.1.1", "babel-plugin-transform-commonjs": "1.1.6", "babel-plugin-transform-replace-expressions": "0.2.0", "babel-polyfill": "6.26.0", @@ -114,7 +114,7 @@ "eslint-plugin-mdx": "2.0.5", "eslint-plugin-playwright": "0.12.0", "eslint-plugin-prettier": "4.2.1", - "eslint-plugin-primer-react": "2.0.2", + "eslint-plugin-primer-react": "2.0.3", "eslint-plugin-react": "7.32.2", "eslint-plugin-react-hooks": "4.6.0", "eslint-plugin-storybook": "0.6.11", @@ -6503,9 +6503,12 @@ } }, "node_modules/@primer/primitives": { - "version": "7.11.3", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.3.tgz", - "integrity": "sha512-od+rjE04X5sAtGncn9v7/ehZS2O9/tBpQpRsNirU5d4EuOwWMXTt3c6zMBkke136jbmJ0VbGhU+DrLwhj0AM9w==" + "version": "7.11.5", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.5.tgz", + "integrity": "sha512-UmFQA0BZ5BIQKrlKg1TOEjDzeeI2NWyeh/5cCvXVOjfLegCXIlHf/xCLl1KCYO4YeegHmC9g5tpPLTlWjtcbaA==", + "dependencies": { + "markdown-table-ts": "^1.0.3" + } }, "node_modules/@react-aria/ssr": { "version": "3.5.0", @@ -6705,9 +6708,9 @@ } }, "node_modules/@rollup/plugin-typescript": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz", - "integrity": "sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.1.0.tgz", + "integrity": "sha512-86flrfE+bSHB69znnTV6kVjkncs2LBMhcTCyxWgRxLyfXfQrxg4UwlAqENnjrrxnSNS/XKCDJCl8EkdFJVHOxw==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.1", @@ -25284,9 +25287,9 @@ } }, "node_modules/@types/jest-axe": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/@types/jest-axe/-/jest-axe-3.5.3.tgz", - "integrity": "sha512-ad9qI9f+00N8IlOuGh6dnZ6o0BDdV9VhGfTUr1zCejsPvOfZd6eohffe4JYxUoUuRYEftyMcaJ6Ux4+MsOpGHg==", + "version": "3.5.5", + "resolved": "https://registry.npmjs.org/@types/jest-axe/-/jest-axe-3.5.5.tgz", + "integrity": "sha512-b8WDIdoeKtr/JDJ2+QjFXMuS8UhfdMA6+15Z5KjjIie3jQrSXD9KZWMSQxc0nPtx7L9rIFKdiDpQk+m7s4a/8w==", "dev": true, "dependencies": { "@types/jest": "*", @@ -27960,15 +27963,16 @@ } }, "node_modules/babel-plugin-styled-components": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.2.tgz", - "integrity": "sha512-7eG5NE8rChnNTDxa6LQfynwgHTVOYYaHJbUYSlOhk8QBXIQiMBKq4gyfHBBKPrxUcVBXVJL61ihduCpCQbuNbw==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.1.tgz", + "integrity": "sha512-c8lJlszObVQPguHkI+akXv8+Jgb9Ccujx0EetL7oIvwU100LxO6XAGe45qry37wUL40a5U9f23SYrivro2XKhA==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-module-imports": "^7.16.0", "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11" + "lodash": "^4.17.21", + "picomatch": "^2.3.0" }, "peerDependencies": { "styled-components": ">= 2" @@ -33652,9 +33656,9 @@ } }, "node_modules/eslint-plugin-primer-react": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/eslint-plugin-primer-react/-/eslint-plugin-primer-react-2.0.2.tgz", - "integrity": "sha512-wygo7b6BoBdPbZ5uYJnBBn2jpqsrMen1Wx/QJXcMbzQw2IB9gj2CpxCGl9hoe8v9edUff2gsafxu6Kcwp+700g==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-primer-react/-/eslint-plugin-primer-react-2.0.3.tgz", + "integrity": "sha512-kBa00bVvYEmOm7Xp7kQViT8KtN0FtXZTDKA1JdWB8eMKiyYev3dU+zA1kV8LuEbaNqV0o382Vd9eKOxe/ors3A==", "dev": true, "dependencies": { "@styled-system/props": "^5.1.5", @@ -45847,6 +45851,11 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/markdown-table-ts": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/markdown-table-ts/-/markdown-table-ts-1.0.3.tgz", + "integrity": "sha512-lYrp7FXmBqpmGmsEF92WnSukdgYvLm15FPIODZOx9+3nobkxJxjBYcszqZf5VqTjBtISPSNC7zjU9o3zwpL6AQ==" + }, "node_modules/markdownlint": { "version": "0.27.0", "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.27.0.tgz", @@ -60766,9 +60775,12 @@ "requires": {} }, "@primer/primitives": { - "version": "7.11.3", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.3.tgz", - "integrity": "sha512-od+rjE04X5sAtGncn9v7/ehZS2O9/tBpQpRsNirU5d4EuOwWMXTt3c6zMBkke136jbmJ0VbGhU+DrLwhj0AM9w==" + "version": "7.11.5", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.5.tgz", + "integrity": "sha512-UmFQA0BZ5BIQKrlKg1TOEjDzeeI2NWyeh/5cCvXVOjfLegCXIlHf/xCLl1KCYO4YeegHmC9g5tpPLTlWjtcbaA==", + "requires": { + "markdown-table-ts": "^1.0.3" + } }, "@react-aria/ssr": { "version": "3.5.0", @@ -60900,9 +60912,9 @@ } }, "@rollup/plugin-typescript": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz", - "integrity": "sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.1.0.tgz", + "integrity": "sha512-86flrfE+bSHB69znnTV6kVjkncs2LBMhcTCyxWgRxLyfXfQrxg4UwlAqENnjrrxnSNS/XKCDJCl8EkdFJVHOxw==", "dev": true, "requires": { "@rollup/pluginutils": "^5.0.1", @@ -74781,9 +74793,9 @@ } }, "@types/jest-axe": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/@types/jest-axe/-/jest-axe-3.5.3.tgz", - "integrity": "sha512-ad9qI9f+00N8IlOuGh6dnZ6o0BDdV9VhGfTUr1zCejsPvOfZd6eohffe4JYxUoUuRYEftyMcaJ6Ux4+MsOpGHg==", + "version": "3.5.5", + "resolved": "https://registry.npmjs.org/@types/jest-axe/-/jest-axe-3.5.5.tgz", + "integrity": "sha512-b8WDIdoeKtr/JDJ2+QjFXMuS8UhfdMA6+15Z5KjjIie3jQrSXD9KZWMSQxc0nPtx7L9rIFKdiDpQk+m7s4a/8w==", "dev": true, "requires": { "@types/jest": "*", @@ -76883,15 +76895,16 @@ } }, "babel-plugin-styled-components": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.2.tgz", - "integrity": "sha512-7eG5NE8rChnNTDxa6LQfynwgHTVOYYaHJbUYSlOhk8QBXIQiMBKq4gyfHBBKPrxUcVBXVJL61ihduCpCQbuNbw==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.1.tgz", + "integrity": "sha512-c8lJlszObVQPguHkI+akXv8+Jgb9Ccujx0EetL7oIvwU100LxO6XAGe45qry37wUL40a5U9f23SYrivro2XKhA==", "dev": true, "requires": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-module-imports": "^7.16.0", "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11" + "lodash": "^4.17.21", + "picomatch": "^2.3.0" } }, "babel-plugin-syntax-jsx": { @@ -81510,9 +81523,9 @@ } }, "eslint-plugin-primer-react": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/eslint-plugin-primer-react/-/eslint-plugin-primer-react-2.0.2.tgz", - "integrity": "sha512-wygo7b6BoBdPbZ5uYJnBBn2jpqsrMen1Wx/QJXcMbzQw2IB9gj2CpxCGl9hoe8v9edUff2gsafxu6Kcwp+700g==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-primer-react/-/eslint-plugin-primer-react-2.0.3.tgz", + "integrity": "sha512-kBa00bVvYEmOm7Xp7kQViT8KtN0FtXZTDKA1JdWB8eMKiyYev3dU+zA1kV8LuEbaNqV0o382Vd9eKOxe/ors3A==", "dev": true, "requires": { "@styled-system/props": "^5.1.5", @@ -90443,6 +90456,11 @@ } } }, + "markdown-table-ts": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/markdown-table-ts/-/markdown-table-ts-1.0.3.tgz", + "integrity": "sha512-lYrp7FXmBqpmGmsEF92WnSukdgYvLm15FPIODZOx9+3nobkxJxjBYcszqZf5VqTjBtISPSNC7zjU9o3zwpL6AQ==" + }, "markdownlint": { "version": "0.27.0", "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.27.0.tgz", diff --git a/package.json b/package.json index 2a8e5875eb6..11e16110d19 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.3", + "@primer/primitives": "7.11.5", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", @@ -132,7 +132,7 @@ "@rollup/plugin-node-resolve": "15.0.1", "@rollup/plugin-replace": "5.0.2", "@rollup/plugin-terser": "0.4.0", - "@rollup/plugin-typescript": "11.0.0", + "@rollup/plugin-typescript": "11.1.0", "@rollup/plugin-virtual": "3.0.1", "@size-limit/preset-big-lib": "8.2.4", "@storybook/addon-a11y": "6.5.16", @@ -155,7 +155,7 @@ "@testing-library/user-event": "^14.3.0", "@types/chroma-js": "2.1.4", "@types/jest": "29.4.0", - "@types/jest-axe": "3.5.3", + "@types/jest-axe": "3.5.5", "@types/lodash.groupby": "4.6.7", "@types/lodash.isempty": "4.4.7", "@types/lodash.isobject": "3.0.7", @@ -174,7 +174,7 @@ "babel-plugin-macros": "3.1.0", "babel-plugin-open-source": "1.3.4", "babel-plugin-preval": "5.1.0", - "babel-plugin-styled-components": "2.0.2", + "babel-plugin-styled-components": "2.1.1", "babel-plugin-transform-commonjs": "1.1.6", "babel-plugin-transform-replace-expressions": "0.2.0", "babel-polyfill": "6.26.0", @@ -192,7 +192,7 @@ "eslint-plugin-mdx": "2.0.5", "eslint-plugin-playwright": "0.12.0", "eslint-plugin-prettier": "4.2.1", - "eslint-plugin-primer-react": "2.0.2", + "eslint-plugin-primer-react": "2.0.3", "eslint-plugin-react": "7.32.2", "eslint-plugin-react-hooks": "4.6.0", "eslint-plugin-storybook": "0.6.11", diff --git a/src/RelativeTime/RelativeTime.features.stories.tsx b/src/RelativeTime/RelativeTime.features.stories.tsx new file mode 100644 index 00000000000..e1ed5882922 --- /dev/null +++ b/src/RelativeTime/RelativeTime.features.stories.tsx @@ -0,0 +1,155 @@ +import RelativeTime from './RelativeTime' +import React from 'react' +import {Meta, Story} from '@storybook/react' + +const meta: Meta = { + title: 'Components/RelativeTime/Features', + component: RelativeTime, + parameters: { + layout: 'fullscreen', + controls: { + // StoryBook infers from type info of the component which includes CE Lifecycle, + // SX props, and methods we want to otherwise ignore + exclude: /^(getFormatted.*|datetime|sx|as|theme|forwardedAs|.*Callback|update)$/g, + }, + // it's not possible to snapshot test relative time because the output keeps changing + chromatic: {disableSnapshot: true}, + }, + args: { + date: new Date('2020-01-01T00:00:00Z'), + second: '', + minute: '', + hour: '', + weekday: '', + day: 'numeric', + month: 'short', + year: '', + timeZoneName: '', + }, + argTypes: { + hour: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + minute: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + second: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + weekday: { + type: { + name: 'enum', + value: ['', 'short', 'long', 'narrow'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + day: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + month: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit', 'long', 'short', 'narrow'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + year: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + timeZoneName: { + type: { + name: 'enum', + value: ['', 'long', 'short', 'longOffset', 'shortOffset', 'longGeneric', 'shortGeneric'], + }, + control: { + type: 'select', + labels: { + '': '(None)', + }, + }, + }, + date: { + control: 'date', + }, + format: { + control: 'string', + }, + }, +} + +export const MicroFormat: Story = args => { + const {date, ...rest} = args + return +} +MicroFormat.args = {tense: 'past'} +MicroFormat.argTypes = {format: {control: false}} + +export const RecentTime: Story = args => { + const {...rest} = args + return +} +RecentTime.argTypes = {date: {control: false}} + +export const CountDownTimer: Story = args => { + const {...rest} = args + return +} +CountDownTimer.args = {date: new Date('2038-01-19T03:14:08Z'), format: 'elapsed', day: '', month: ''} +CountDownTimer.argTypes = {date: {control: false}, format: {control: false}} + +export default meta diff --git a/src/RelativeTime/RelativeTime.stories.tsx b/src/RelativeTime/RelativeTime.stories.tsx index 0a0be5b8eb2..f7952a48555 100644 --- a/src/RelativeTime/RelativeTime.stories.tsx +++ b/src/RelativeTime/RelativeTime.stories.tsx @@ -15,146 +15,130 @@ const meta: Meta = { // it's not possible to snapshot test relative time because the output keeps changing chromatic: {disableSnapshot: true}, }, - args: { - date: new Date('2020-01-01T00:00:00Z'), - second: '', - minute: '', - hour: '', - weekday: '', - day: 'numeric', - month: 'short', - year: '', - timeZoneName: '', - }, - argTypes: { - hour: { - type: { - name: 'enum', - value: ['', 'numeric', '2-digit'], - }, - control: { - type: 'select', - labels: { - '': '(None)', - }, - }, +} + +export const Default: Story = () => + +export const Playground: Story = args => { + const {date, ...rest} = args + return +} + +Playground.args = { + date: new Date('2020-01-01T00:00:00Z'), + second: '', + minute: '', + hour: '', + weekday: '', + day: 'numeric', + month: 'short', + year: '', + timeZoneName: '', +} + +Playground.argTypes = { + hour: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], }, - minute: { - type: { - name: 'enum', - value: ['', 'numeric', '2-digit'], - }, - control: { - type: 'select', - labels: { - '': '(None)', - }, + control: { + type: 'select', + labels: { + '': '(None)', }, }, - second: { - type: { - name: 'enum', - value: ['', 'numeric', '2-digit'], - }, - control: { - type: 'select', - labels: { - '': '(None)', - }, - }, + }, + minute: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], }, - weekday: { - type: { - name: 'enum', - value: ['', 'short', 'long', 'narrow'], - }, - control: { - type: 'select', - labels: { - '': '(None)', - }, + control: { + type: 'select', + labels: { + '': '(None)', }, }, - day: { - type: { - name: 'enum', - value: ['', 'numeric', '2-digit'], - }, - control: { - type: 'select', - labels: { - '': '(None)', - }, - }, + }, + second: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], }, - month: { - type: { - name: 'enum', - value: ['', 'numeric', '2-digit', 'long', 'short', 'narrow'], - }, - control: { - type: 'select', - labels: { - '': '(None)', - }, + control: { + type: 'select', + labels: { + '': '(None)', }, }, - year: { - type: { - name: 'enum', - value: ['', 'numeric', '2-digit'], + }, + weekday: { + type: { + name: 'enum', + value: ['', 'short', 'long', 'narrow'], + }, + control: { + type: 'select', + labels: { + '': '(None)', }, - control: { - type: 'select', - labels: { - '': '(None)', - }, + }, + }, + day: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', }, }, - timeZoneName: { - type: { - name: 'enum', - value: ['', 'long', 'short', 'longOffset', 'shortOffset', 'longGeneric', 'shortGeneric'], + }, + month: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit', 'long', 'short', 'narrow'], + }, + control: { + type: 'select', + labels: { + '': '(None)', }, - control: { - type: 'select', - labels: { - '': '(None)', - }, + }, + }, + year: { + type: { + name: 'enum', + value: ['', 'numeric', '2-digit'], + }, + control: { + type: 'select', + labels: { + '': '(None)', }, }, - date: { - control: 'date', + }, + timeZoneName: { + type: { + name: 'enum', + value: ['', 'long', 'short', 'longOffset', 'shortOffset', 'longGeneric', 'shortGeneric'], }, - format: { - control: 'string', + control: { + type: 'select', + labels: { + '': '(None)', + }, }, }, + date: { + control: 'date', + }, + format: { + control: 'string', + }, } -export const Default: Story = args => { - const {date, ...rest} = args - return -} - -export const MicroFormat: Story = args => { - const {date, ...rest} = args - return -} -MicroFormat.args = {tense: 'past'} -MicroFormat.argTypes = {format: {control: false}} - -export const RecentTime: Story = args => { - const {...rest} = args - return -} -RecentTime.argTypes = {date: {control: false}} - -export const CountDownTimer: Story = args => { - const {...rest} = args - return -} -CountDownTimer.args = {date: new Date('2038-01-19T03:14:08Z'), format: 'elapsed', day: '', month: ''} -CountDownTimer.argTypes = {date: {control: false}, format: {control: false}} - export default meta diff --git a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap index 3b7473152a0..9294c10d3d1 100644 --- a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +++ b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap @@ -62,7 +62,7 @@ exports[`snapshots renders a custom empty state message 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -222,7 +222,7 @@ exports[`snapshots renders a loading state 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -417,7 +417,7 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] = padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1375,7 +1375,7 @@ exports[`snapshots renders a multiselect input 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2243,7 +2243,7 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3122,7 +3122,7 @@ exports[`snapshots renders a single select input 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4131,7 +4131,7 @@ exports[`snapshots renders with an input value 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap index cf603aced9c..085b35d792a 100644 --- a/src/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -61,7 +61,7 @@ exports[`TextInput renders 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -188,7 +188,7 @@ exports[`TextInput renders block 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -307,7 +307,7 @@ exports[`TextInput renders consistently 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -426,7 +426,7 @@ exports[`TextInput renders contrast 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -552,7 +552,7 @@ exports[`TextInput renders error 1`] = ` box-shadow: inset 0 0 0 1px #0969da; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -677,7 +677,7 @@ exports[`TextInput renders large 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -797,7 +797,7 @@ exports[`TextInput renders leadingVisual 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -944,7 +944,7 @@ exports[`TextInput renders monospace 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1063,7 +1063,7 @@ exports[`TextInput renders placeholder 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1191,7 +1191,7 @@ exports[`TextInput renders small 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1536,7 +1536,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2175,7 +2175,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2569,7 +2569,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2962,7 +2962,7 @@ exports[`TextInput renders trailingVisual 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3109,7 +3109,7 @@ exports[`TextInput renders warning 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3249,7 +3249,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3422,7 +3422,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3627,7 +3627,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3809,7 +3809,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4060,7 +4060,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4311,7 +4311,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4556,7 +4556,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4769,7 +4769,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5014,7 +5014,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5244,7 +5244,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5536,7 +5536,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5833,7 +5833,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -6091,7 +6091,7 @@ exports[`TextInput should render a password input 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } diff --git a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap index 74fb09e3715..326d560ea91 100644 --- a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap @@ -119,7 +119,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -896,7 +896,7 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1323,7 +1323,7 @@ exports[`TextInputWithTokens renders as block layout 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1513,7 +1513,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2240,7 +2240,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2965,7 +2965,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3683,7 +3683,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4401,7 +4401,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5121,7 +5121,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5843,7 +5843,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`] padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -6563,7 +6563,7 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -7008,7 +7008,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -7783,7 +7783,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -8590,7 +8590,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -9374,7 +9374,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -10227,7 +10227,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -11080,7 +11080,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -11927,7 +11927,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -12742,7 +12742,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -13589,7 +13589,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -14420,7 +14420,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -15311,7 +15311,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -16204,7 +16204,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -17061,7 +17061,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -17768,7 +17768,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -18442,7 +18442,7 @@ exports[`TextInputWithTokens renders without tokens 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap index be542c3adff..4fd687d02ab 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-03-30 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) +// Cache bust: 2023-04-04 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)" @@ -554,14 +554,14 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#010409", + "numText": "#0e1116", "fg": "#ffffff", "numBg": "#ccffd8", "lineBg": "#e6ffec", "wordBg": "#055d20" }, "deletion": { - "numText": "#010409", + "numText": "#0e1116", "fg": "#ffffff", "numBg": "#ffd7d5", "lineBg": "#fff0ee", @@ -617,16 +617,16 @@ var themePreval = { } }, "codemirror": { - "text": "#010409", + "text": "#0e1116", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#66707b", "linenumberText": "#0e1116", - "cursor": "#010409", + "cursor": "#0e1116", "selectionBg": "#368cf9", "activelineBg": "#e7ecf0", - "matchingbracketText": "#010409", + "matchingbracketText": "#0e1116", "linesBg": "#ffffff", "syntax": { "comment": "#0e1116", @@ -911,7 +911,7 @@ var themePreval = { } }, "fg": { - "default": "#010409", + "default": "#0e1116", "muted": "#0e1116", "subtle": "#66707b", "onEmphasis": "#ffffff" @@ -1061,15 +1061,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#1b1f24", - "fg": "#1b1f24", + "numText": "#24292f", + "fg": "#24292f", "numBg": "rgba(84,174,255,0.4)", "lineBg": "rgba(221,244,255,0.5)", "wordBg": "rgba(84,174,255,0.4)" }, "deletion": { - "numText": "#1b1f24", - "fg": "#1b1f24", + "numText": "#24292f", + "fg": "#24292f", "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": "#656d76" + "icon": "#57606a" } }, "diffstat": { "deletionBorder": "rgba(27,31,36,0.15)", "additionBorder": "rgba(27,31,36,0.15)", - "additionBg": "#1f883d" + "additionBg": "#0969da" }, "searchKeyword": { "hl": "#fff8c5" @@ -1124,16 +1124,16 @@ var themePreval = { } }, "codemirror": { - "text": "#1b1f24", + "text": "#24292f", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#656d76", - "cursor": "#1b1f24", + "linenumberText": "#57606a", + "cursor": "#24292f", "selectionBg": "rgba(84,174,255,0.4)", "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#1b1f24", + "matchingbracketText": "#24292f", "linesBg": "#ffffff", "syntax": { "comment": "#24292f", @@ -1160,7 +1160,7 @@ var themePreval = { "inputBg": "#32383f", "donutError": "#dd7815", "donutPending": "#bf8700", - "donutSuccess": "#1f883d", + "donutSuccess": "#0969da", "donutNeutral": "#afb8c1", "dropdownText": "#afb8c1", "dropdownBg": "#32383f", @@ -1306,7 +1306,7 @@ var themePreval = { "counterBg": "rgba(27,31,36,0.08)", "primary": { "text": "#ffffff", - "bg": "#1f883d", + "bg": "#0969da", "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": "#d1242f" + "hoverText": "#b35900" } }, "switchTrack": { @@ -1372,7 +1372,7 @@ var themePreval = { "hoverBg": "hsla(210,24%,90%,1)", "activeBg": "hsla(210,24%,88%,1)", "disabledBg": "#8c959f", - "fg": "#656d76", + "fg": "#57606a", "disabledFg": "#ffffff", "border": "rgba(0,0,0,0)", "checked": { @@ -1418,8 +1418,8 @@ var themePreval = { } }, "fg": { - "default": "#1b1f24", - "muted": "#656d76", + "default": "#24292f", + "muted": "#57606a", "subtle": "#6e7781", "onEmphasis": "#ffffff" }, @@ -1448,7 +1448,7 @@ var themePreval = { }, "success": { "fg": "#0969da", - "emphasis": "#1f883d", + "emphasis": "#0969da", "muted": "rgba(84,174,255,0.4)", "subtle": "#ddf4ff" }, @@ -1465,7 +1465,7 @@ var themePreval = { "subtle": "#fff5e8" }, "danger": { - "fg": "#d1242f", + "fg": "#b35900", "emphasis": "#b35900", "muted": "rgba(247,153,57,0.4)", "subtle": "#fff5e8" @@ -1568,15 +1568,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#1b1f24", - "fg": "#1b1f24", + "numText": "#24292f", + "fg": "#24292f", "numBg": "rgba(84,174,255,0.4)", "lineBg": "rgba(221,244,255,0.5)", "wordBg": "rgba(84,174,255,0.4)" }, "deletion": { - "numText": "#1b1f24", - "fg": "#1b1f24", + "numText": "#24292f", + "fg": "#24292f", "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": "#656d76" + "icon": "#57606a" } }, "diffstat": { "deletionBorder": "rgba(27,31,36,0.15)", "additionBorder": "rgba(27,31,36,0.15)", - "additionBg": "#1f883d" + "additionBg": "#0969da" }, "searchKeyword": { "hl": "#fff8c5" @@ -1631,16 +1631,16 @@ var themePreval = { } }, "codemirror": { - "text": "#1b1f24", + "text": "#24292f", "bg": "#ffffff", "guttersBg": "#ffffff", "guttermarkerText": "#ffffff", "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#656d76", - "cursor": "#1b1f24", + "linenumberText": "#57606a", + "cursor": "#24292f", "selectionBg": "rgba(84,174,255,0.4)", "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#1b1f24", + "matchingbracketText": "#24292f", "linesBg": "#ffffff", "syntax": { "comment": "#24292f", @@ -1667,7 +1667,7 @@ var themePreval = { "inputBg": "#32383f", "donutError": "#fa4549", "donutPending": "#bf8700", - "donutSuccess": "#1f883d", + "donutSuccess": "#0969da", "donutNeutral": "#afb8c1", "dropdownText": "#afb8c1", "dropdownBg": "#32383f", @@ -1813,7 +1813,7 @@ var themePreval = { "counterBg": "rgba(27,31,36,0.08)", "primary": { "text": "#ffffff", - "bg": "#1f883d", + "bg": "#0969da", "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": "#d1242f" + "hoverText": "#cf222e" } }, "switchTrack": { @@ -1879,7 +1879,7 @@ var themePreval = { "hoverBg": "hsla(210,24%,90%,1)", "activeBg": "hsla(210,24%,88%,1)", "disabledBg": "#8c959f", - "fg": "#656d76", + "fg": "#57606a", "disabledFg": "#ffffff", "border": "rgba(0,0,0,0)", "checked": { @@ -1925,8 +1925,8 @@ var themePreval = { } }, "fg": { - "default": "#1b1f24", - "muted": "#656d76", + "default": "#24292f", + "muted": "#57606a", "subtle": "#6e7781", "onEmphasis": "#ffffff" }, @@ -1955,7 +1955,7 @@ var themePreval = { }, "success": { "fg": "#0969da", - "emphasis": "#1f883d", + "emphasis": "#0969da", "muted": "rgba(84,174,255,0.4)", "subtle": "#ddf4ff" }, @@ -1972,7 +1972,7 @@ var themePreval = { "subtle": "#ffebe9" }, "danger": { - "fg": "#d1242f", + "fg": "#cf222e", "emphasis": "#cf222e", "muted": "rgba(255,129,130,0.4)", "subtle": "#ffebe9" @@ -2585,15 +2585,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#e6edf3", - "fg": "#e6edf3", + "numText": "#adbac7", + "fg": "#adbac7", "numBg": "rgba(87,171,90,0.3)", "lineBg": "rgba(70,149,74,0.15)", "wordBg": "rgba(70,149,74,0.4)" }, "deletion": { - "numText": "#e6edf3", - "fg": "#e6edf3", + "numText": "#adbac7", + "fg": "#adbac7", "numBg": "rgba(229,83,75,0.3)", "lineBg": "rgba(229,83,75,0.1)", "wordBg": "rgba(229,83,75,0.4)" @@ -2602,7 +2602,7 @@ var themePreval = { "numBg": "rgba(65,132,228,0.4)" }, "expander": { - "icon": "#7d8590" + "icon": "#adbac7" } }, "diffstat": { @@ -2648,16 +2648,16 @@ var themePreval = { } }, "codemirror": { - "text": "#e6edf3", + "text": "#adbac7", "bg": "#22272e", "guttersBg": "#22272e", "guttermarkerText": "#22272e", "guttermarkerSubtleText": "#636e7b", - "linenumberText": "#7d8590", - "cursor": "#e6edf3", + "linenumberText": "#768390", + "cursor": "#adbac7", "selectionBg": "rgba(65,132,228,0.4)", "activelineBg": "rgba(99,110,123,0.1)", - "matchingbracketText": "#e6edf3", + "matchingbracketText": "#adbac7", "linesBg": "#22272e", "syntax": { "comment": "#768390", @@ -2672,57 +2672,57 @@ var themePreval = { }, "checks": { "bg": "#1c2128", - "textPrimary": "#e6edf3", - "textSecondary": "#7d8590", - "textLink": "#2f81f7", - "btnIcon": "#7d8590", - "btnHoverIcon": "#e6edf3", + "textPrimary": "#adbac7", + "textSecondary": "#768390", + "textLink": "#539bf5", + "btnIcon": "#768390", + "btnHoverIcon": "#adbac7", "btnHoverBg": "rgba(99,110,123,0.1)", - "inputText": "#7d8590", + "inputText": "#768390", "inputPlaceholderText": "#636e7b", - "inputFocusText": "#e6edf3", + "inputFocusText": "#adbac7", "inputBg": "#2d333b", "donutError": "#e5534b", "donutPending": "#c69026", "donutSuccess": "#46954a", "donutNeutral": "#768390", - "dropdownText": "#e6edf3", + "dropdownText": "#adbac7", "dropdownBg": "#2d333b", "dropdownBorder": "#444c56", "dropdownShadow": "rgba(28,33,40,0.3)", - "dropdownHoverText": "#e6edf3", + "dropdownHoverText": "#adbac7", "dropdownHoverBg": "rgba(99,110,123,0.1)", - "dropdownBtnHoverText": "#e6edf3", + "dropdownBtnHoverText": "#adbac7", "dropdownBtnHoverBg": "rgba(99,110,123,0.1)", "scrollbarThumbBg": "rgba(99,110,123,0.4)", - "headerLabelText": "#7d8590", - "headerLabelOpenText": "#e6edf3", + "headerLabelText": "#768390", + "headerLabelOpenText": "#adbac7", "headerBorder": "#373e47", - "headerIcon": "#7d8590", - "lineText": "#7d8590", + "headerIcon": "#768390", + "lineText": "#768390", "lineNumText": "#636e7b", "lineTimestampText": "#636e7b", "lineHoverBg": "rgba(99,110,123,0.1)", "lineSelectedBg": "rgba(65,132,228,0.1)", - "lineSelectedNumText": "#2f81f7", + "lineSelectedNumText": "#539bf5", "lineDtFmText": "#cdd9e5", "lineDtFmBg": "#966600", "gateBg": "rgba(174,124,20,0.15)", - "gateText": "#7d8590", + "gateText": "#768390", "gateWaitingText": "#c69026", "stepHeaderOpenBg": "#2d333b", "stepErrorText": "#e5534b", "stepWarningText": "#c69026", - "loglineText": "#7d8590", + "loglineText": "#768390", "loglineNumText": "#636e7b", "loglineDebugText": "#986ee2", - "loglineErrorText": "#7d8590", + "loglineErrorText": "#768390", "loglineErrorNumText": "#636e7b", "loglineErrorBg": "rgba(229,83,75,0.1)", - "loglineWarningText": "#7d8590", + "loglineWarningText": "#768390", "loglineWarningNumText": "#c69026", "loglineWarningBg": "rgba(174,124,20,0.15)", - "loglineCommandText": "#2f81f7", + "loglineCommandText": "#539bf5", "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": "#7d8590", + "fg": "#768390", "disabledFg": "#1c2128", "border": "rgba(0,0,0,0)", "checked": { @@ -2938,12 +2938,12 @@ var themePreval = { "hoverBg": "rgba(144,157,171,0.12)" }, "directory": { - "fill": "#7d8590" + "fill": "#768390" } }, "fg": { - "default": "#e6edf3", - "muted": "#7d8590", + "default": "#adbac7", + "muted": "#768390", "subtle": "#636e7b", "onEmphasis": "#cdd9e5" }, @@ -2965,7 +2965,7 @@ var themePreval = { "subtle": "rgba(99,110,123,0.1)" }, "accent": { - "fg": "#2f81f7", + "fg": "#539bf5", "emphasis": "#316dca", "muted": "rgba(65,132,228,0.4)", "subtle": "rgba(65,132,228,0.1)" @@ -3095,14 +3095,14 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#e6edf3", + "numText": "#f0f3f6", "fg": "#0a0c10", "numBg": "rgba(38,205,77,0.3)", "lineBg": "rgba(9,180,58,0.15)", "wordBg": "#09b43a" }, "deletion": { - "numText": "#e6edf3", + "numText": "#f0f3f6", "fg": "#0a0c10", "numBg": "rgba(255,106,105,0.3)", "lineBg": "rgba(255,106,105,0.1)", @@ -3112,7 +3112,7 @@ var themePreval = { "numBg": "rgba(64,158,255,0.4)" }, "expander": { - "icon": "#e6edf3" + "icon": "#f0f3f6" } }, "diffstat": { @@ -3158,16 +3158,16 @@ var themePreval = { } }, "codemirror": { - "text": "#e6edf3", + "text": "#f0f3f6", "bg": "#0a0c10", "guttersBg": "#0a0c10", "guttermarkerText": "#0a0c10", "guttermarkerSubtleText": "#9ea7b3", "linenumberText": "#f0f3f6", - "cursor": "#e6edf3", + "cursor": "#f0f3f6", "selectionBg": "rgba(64,158,255,0.4)", "activelineBg": "rgba(158,167,179,0.1)", - "matchingbracketText": "#e6edf3", + "matchingbracketText": "#f0f3f6", "linesBg": "#0a0c10", "syntax": { "comment": "#bdc4cc", @@ -3182,31 +3182,31 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#e6edf3", + "textPrimary": "#f0f3f6", "textSecondary": "#f0f3f6", - "textLink": "#2f81f7", + "textLink": "#71b7ff", "btnIcon": "#f0f3f6", - "btnHoverIcon": "#e6edf3", + "btnHoverIcon": "#f0f3f6", "btnHoverBg": "rgba(158,167,179,0.1)", "inputText": "#f0f3f6", "inputPlaceholderText": "#9ea7b3", - "inputFocusText": "#e6edf3", + "inputFocusText": "#f0f3f6", "inputBg": "#272b33", "donutError": "#ff6a69", "donutPending": "#f0b72f", "donutSuccess": "#09b43a", "donutNeutral": "#bdc4cc", - "dropdownText": "#e6edf3", + "dropdownText": "#f0f3f6", "dropdownBg": "#272b33", "dropdownBorder": "#7a828e", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#e6edf3", + "dropdownHoverText": "#f0f3f6", "dropdownHoverBg": "rgba(158,167,179,0.1)", - "dropdownBtnHoverText": "#e6edf3", + "dropdownBtnHoverText": "#f0f3f6", "dropdownBtnHoverBg": "rgba(158,167,179,0.1)", "scrollbarThumbBg": "rgba(158,167,179,0.4)", "headerLabelText": "#f0f3f6", - "headerLabelOpenText": "#e6edf3", + "headerLabelOpenText": "#f0f3f6", "headerBorder": "#7a828e", "headerIcon": "#f0f3f6", "lineText": "#f0f3f6", @@ -3214,7 +3214,7 @@ var themePreval = { "lineTimestampText": "#9ea7b3", "lineHoverBg": "rgba(158,167,179,0.1)", "lineSelectedBg": "rgba(64,158,255,0.1)", - "lineSelectedNumText": "#2f81f7", + "lineSelectedNumText": "#71b7ff", "lineDtFmText": "#0a0c10", "lineDtFmBg": "#e09b13", "gateBg": "rgba(224,155,19,0.15)", @@ -3232,7 +3232,7 @@ var themePreval = { "loglineWarningText": "#f0f3f6", "loglineWarningNumText": "#f0b72f", "loglineWarningBg": "rgba(224,155,19,0.15)", - "loglineCommandText": "#2f81f7", + "loglineCommandText": "#71b7ff", "loglineSectionText": "#26cd4d", "ansi": { "black": "#0a0c10", @@ -3452,7 +3452,7 @@ var themePreval = { } }, "fg": { - "default": "#e6edf3", + "default": "#f0f3f6", "muted": "#f0f3f6", "subtle": "#9ea7b3", "onEmphasis": "#0a0c10" @@ -3475,7 +3475,7 @@ var themePreval = { "subtle": "rgba(158,167,179,0.1)" }, "accent": { - "fg": "#2f81f7", + "fg": "#71b7ff", "emphasis": "#409eff", "muted": "#409eff", "subtle": "rgba(64,158,255,0.1)" @@ -3605,15 +3605,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#e6edf3", - "fg": "#e6edf3", + "numText": "#c9d1d9", + "fg": "#c9d1d9", "numBg": "rgba(88,166,255,0.3)", "lineBg": "rgba(56,139,253,0.15)", "wordBg": "rgba(56,139,253,0.4)" }, "deletion": { - "numText": "#e6edf3", - "fg": "#e6edf3", + "numText": "#c9d1d9", + "fg": "#c9d1d9", "numBg": "rgba(212,118,22,0.3)", "lineBg": "rgba(212,118,22,0.1)", "wordBg": "rgba(212,118,22,0.4)" @@ -3622,7 +3622,7 @@ var themePreval = { "numBg": "rgba(56,139,253,0.4)" }, "expander": { - "icon": "#7d8590" + "icon": "#8b949e" } }, "diffstat": { @@ -3668,16 +3668,16 @@ var themePreval = { } }, "codemirror": { - "text": "#e6edf3", + "text": "#c9d1d9", "bg": "#0d1117", "guttersBg": "#0d1117", "guttermarkerText": "#0d1117", "guttermarkerSubtleText": "#6e7681", - "linenumberText": "#7d8590", - "cursor": "#e6edf3", + "linenumberText": "#8b949e", + "cursor": "#c9d1d9", "selectionBg": "rgba(56,139,253,0.4)", "activelineBg": "rgba(110,118,129,0.1)", - "matchingbracketText": "#e6edf3", + "matchingbracketText": "#c9d1d9", "linesBg": "#0d1117", "syntax": { "comment": "#8b949e", @@ -3692,57 +3692,57 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#e6edf3", - "textSecondary": "#7d8590", - "textLink": "#2f81f7", - "btnIcon": "#7d8590", - "btnHoverIcon": "#e6edf3", + "textPrimary": "#c9d1d9", + "textSecondary": "#8b949e", + "textLink": "#58a6ff", + "btnIcon": "#8b949e", + "btnHoverIcon": "#c9d1d9", "btnHoverBg": "rgba(110,118,129,0.1)", - "inputText": "#7d8590", + "inputText": "#8b949e", "inputPlaceholderText": "#6e7681", - "inputFocusText": "#e6edf3", + "inputFocusText": "#c9d1d9", "inputBg": "#161b22", "donutError": "#d47616", "donutPending": "#d29922", "donutSuccess": "#388bfd", "donutNeutral": "#8b949e", - "dropdownText": "#e6edf3", + "dropdownText": "#c9d1d9", "dropdownBg": "#161b22", "dropdownBorder": "#30363d", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#e6edf3", + "dropdownHoverText": "#c9d1d9", "dropdownHoverBg": "rgba(110,118,129,0.1)", - "dropdownBtnHoverText": "#e6edf3", + "dropdownBtnHoverText": "#c9d1d9", "dropdownBtnHoverBg": "rgba(110,118,129,0.1)", "scrollbarThumbBg": "rgba(110,118,129,0.4)", - "headerLabelText": "#7d8590", - "headerLabelOpenText": "#e6edf3", + "headerLabelText": "#8b949e", + "headerLabelOpenText": "#c9d1d9", "headerBorder": "#21262d", - "headerIcon": "#7d8590", - "lineText": "#7d8590", + "headerIcon": "#8b949e", + "lineText": "#8b949e", "lineNumText": "#6e7681", "lineTimestampText": "#6e7681", "lineHoverBg": "rgba(110,118,129,0.1)", "lineSelectedBg": "rgba(56,139,253,0.1)", - "lineSelectedNumText": "#2f81f7", + "lineSelectedNumText": "#58a6ff", "lineDtFmText": "#ffffff", "lineDtFmBg": "#9e6a03", "gateBg": "rgba(187,128,9,0.15)", - "gateText": "#7d8590", + "gateText": "#8b949e", "gateWaitingText": "#d29922", "stepHeaderOpenBg": "#161b22", "stepErrorText": "#d47616", "stepWarningText": "#d29922", - "loglineText": "#7d8590", + "loglineText": "#8b949e", "loglineNumText": "#6e7681", "loglineDebugText": "#a371f7", - "loglineErrorText": "#7d8590", + "loglineErrorText": "#8b949e", "loglineErrorNumText": "#6e7681", "loglineErrorBg": "rgba(212,118,22,0.1)", - "loglineWarningText": "#7d8590", + "loglineWarningText": "#8b949e", "loglineWarningNumText": "#d29922", "loglineWarningBg": "rgba(187,128,9,0.15)", - "loglineCommandText": "#2f81f7", + "loglineCommandText": "#58a6ff", "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": "#7d8590", + "fg": "#8b949e", "disabledFg": "#010409", "border": "rgba(0,0,0,0)", "checked": { @@ -3958,12 +3958,12 @@ var themePreval = { "hoverBg": "rgba(177,186,196,0.12)" }, "directory": { - "fill": "#7d8590" + "fill": "#8b949e" } }, "fg": { - "default": "#e6edf3", - "muted": "#7d8590", + "default": "#c9d1d9", + "muted": "#8b949e", "subtle": "#6e7681", "onEmphasis": "#ffffff" }, @@ -3985,7 +3985,7 @@ var themePreval = { "subtle": "rgba(110,118,129,0.1)" }, "accent": { - "fg": "#2f81f7", + "fg": "#58a6ff", "emphasis": "#1f6feb", "muted": "rgba(56,139,253,0.4)", "subtle": "rgba(56,139,253,0.1)" @@ -4115,15 +4115,15 @@ var themePreval = { }, "diffBlob": { "addition": { - "numText": "#e6edf3", - "fg": "#e6edf3", + "numText": "#c9d1d9", + "fg": "#c9d1d9", "numBg": "rgba(88,166,255,0.3)", "lineBg": "rgba(56,139,253,0.15)", "wordBg": "rgba(56,139,253,0.4)" }, "deletion": { - "numText": "#e6edf3", - "fg": "#e6edf3", + "numText": "#c9d1d9", + "fg": "#c9d1d9", "numBg": "rgba(248,81,73,0.3)", "lineBg": "rgba(248,81,73,0.1)", "wordBg": "rgba(248,81,73,0.4)" @@ -4132,7 +4132,7 @@ var themePreval = { "numBg": "rgba(56,139,253,0.4)" }, "expander": { - "icon": "#7d8590" + "icon": "#8b949e" } }, "diffstat": { @@ -4178,16 +4178,16 @@ var themePreval = { } }, "codemirror": { - "text": "#e6edf3", + "text": "#c9d1d9", "bg": "#0d1117", "guttersBg": "#0d1117", "guttermarkerText": "#0d1117", "guttermarkerSubtleText": "#6e7681", - "linenumberText": "#7d8590", - "cursor": "#e6edf3", + "linenumberText": "#8b949e", + "cursor": "#c9d1d9", "selectionBg": "rgba(56,139,253,0.4)", "activelineBg": "rgba(110,118,129,0.1)", - "matchingbracketText": "#e6edf3", + "matchingbracketText": "#c9d1d9", "linesBg": "#0d1117", "syntax": { "comment": "#8b949e", @@ -4202,57 +4202,57 @@ var themePreval = { }, "checks": { "bg": "#010409", - "textPrimary": "#e6edf3", - "textSecondary": "#7d8590", - "textLink": "#2f81f7", - "btnIcon": "#7d8590", - "btnHoverIcon": "#e6edf3", + "textPrimary": "#c9d1d9", + "textSecondary": "#8b949e", + "textLink": "#58a6ff", + "btnIcon": "#8b949e", + "btnHoverIcon": "#c9d1d9", "btnHoverBg": "rgba(110,118,129,0.1)", - "inputText": "#7d8590", + "inputText": "#8b949e", "inputPlaceholderText": "#6e7681", - "inputFocusText": "#e6edf3", + "inputFocusText": "#c9d1d9", "inputBg": "#161b22", "donutError": "#f85149", "donutPending": "#d29922", "donutSuccess": "#388bfd", "donutNeutral": "#8b949e", - "dropdownText": "#e6edf3", + "dropdownText": "#c9d1d9", "dropdownBg": "#161b22", "dropdownBorder": "#30363d", "dropdownShadow": "rgba(1,4,9,0.3)", - "dropdownHoverText": "#e6edf3", + "dropdownHoverText": "#c9d1d9", "dropdownHoverBg": "rgba(110,118,129,0.1)", - "dropdownBtnHoverText": "#e6edf3", + "dropdownBtnHoverText": "#c9d1d9", "dropdownBtnHoverBg": "rgba(110,118,129,0.1)", "scrollbarThumbBg": "rgba(110,118,129,0.4)", - "headerLabelText": "#7d8590", - "headerLabelOpenText": "#e6edf3", + "headerLabelText": "#8b949e", + "headerLabelOpenText": "#c9d1d9", "headerBorder": "#21262d", - "headerIcon": "#7d8590", - "lineText": "#7d8590", + "headerIcon": "#8b949e", + "lineText": "#8b949e", "lineNumText": "#6e7681", "lineTimestampText": "#6e7681", "lineHoverBg": "rgba(110,118,129,0.1)", "lineSelectedBg": "rgba(56,139,253,0.1)", - "lineSelectedNumText": "#2f81f7", + "lineSelectedNumText": "#58a6ff", "lineDtFmText": "#ffffff", "lineDtFmBg": "#9e6a03", "gateBg": "rgba(187,128,9,0.15)", - "gateText": "#7d8590", + "gateText": "#8b949e", "gateWaitingText": "#d29922", "stepHeaderOpenBg": "#161b22", "stepErrorText": "#f85149", "stepWarningText": "#d29922", - "loglineText": "#7d8590", + "loglineText": "#8b949e", "loglineNumText": "#6e7681", "loglineDebugText": "#a371f7", - "loglineErrorText": "#7d8590", + "loglineErrorText": "#8b949e", "loglineErrorNumText": "#6e7681", "loglineErrorBg": "rgba(248,81,73,0.1)", - "loglineWarningText": "#7d8590", + "loglineWarningText": "#8b949e", "loglineWarningNumText": "#d29922", "loglineWarningBg": "rgba(187,128,9,0.15)", - "loglineCommandText": "#2f81f7", + "loglineCommandText": "#58a6ff", "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": "#7d8590", + "fg": "#8b949e", "disabledFg": "#010409", "border": "rgba(0,0,0,0)", "checked": { @@ -4468,12 +4468,12 @@ var themePreval = { "hoverBg": "rgba(177,186,196,0.12)" }, "directory": { - "fill": "#7d8590" + "fill": "#8b949e" } }, "fg": { - "default": "#e6edf3", - "muted": "#7d8590", + "default": "#c9d1d9", + "muted": "#8b949e", "subtle": "#6e7681", "onEmphasis": "#ffffff" }, @@ -4495,7 +4495,7 @@ var themePreval = { "subtle": "rgba(110,118,129,0.1)" }, "accent": { - "fg": "#2f81f7", + "fg": "#58a6ff", "emphasis": "#1f6feb", "muted": "rgba(56,139,253,0.4)", "subtle": "rgba(56,139,253,0.1)" diff --git a/src/__tests__/storybook.test.tsx b/src/__tests__/storybook.test.tsx index affa6f57142..8b84116b4d8 100644 --- a/src/__tests__/storybook.test.tsx +++ b/src/__tests__/storybook.test.tsx @@ -33,6 +33,7 @@ const allowlist = [ 'ProgressBar', 'Radio', 'RadioGroup', + 'RelativeTime', 'Select', 'SegmentedControl', 'Spinner', diff --git a/src/theme-preval.js b/src/theme-preval.js index ed654f1b79e..6e8066a11aa 100644 --- a/src/theme-preval.js +++ b/src/theme-preval.js @@ -1,6 +1,6 @@ // @preval // This file needs to be a JavaScript file using CommonJS to be compatible with preval -// Cache bust: 2023-03-30 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) +// Cache bust: 2023-04-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) const {default: primitives} = require('@primer/primitives') const {partitionColors, fontStack, omitScale} = require('./utils/theme')