Bump @primer/primitives to 7.11.5 (#3120)

* npm install @primer/primitives@7.11.5 * Updating`theme-preval` snapshots * Re-run ``` npm run build npm run test -- -u ``` So that /themePreval.test.ts.snap also gets the new timestamp * Update `theme-preval` snapshots docs * Create .changeset/old-falcons-learn.md * test(vrt): update snapshots --------- Co-authored-by: simurai <simurai@users.noreply.github.com>
primer · Apr 7, 2023 · 9e40fdf · 9e40fdf
1 parent 5224fcb
commit 9e40fdf
Show file tree

Hide file tree

Showing 79 changed files with 201 additions and 180 deletions.
diff --git a/.changeset/old-falcons-learn.md b/.changeset/old-falcons-learn.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Bump @primer/primitives to `7.11.5`
diff --git a/...tionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png b/...tionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png
diff --git a/...nchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png b/...nchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png
diff --git a/...ts/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png b/...ts/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png
diff --git a/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png b/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png
diff --git a/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png b/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png
diff --git a/.../Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png b/.../Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png b/...mponents/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png
diff --git a/...t.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/...t.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png
diff --git a/...ts/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png b/...ts/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png
diff --git a/...ots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png b/...ots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png
diff --git a/...ots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png b/...ots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png
diff --git a/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png b/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png
diff --git a/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png b/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png
diff --git a/...ots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png b/...ots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png
diff --git a/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png b/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png
diff --git a/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png b/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png
diff --git a/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png b/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png
diff --git a/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png b/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png
diff --git a/...s/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png b/...s/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png
diff --git a/.../LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png b/.../LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png
diff --git a/...snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png b/...snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png
diff --git a/...der.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png b/...der.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png
diff --git a/...ts/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png b/...ts/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png
diff --git a/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png b/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png
diff --git a/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png b/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png
diff --git a/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png b/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png
diff --git a/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png b/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png
diff --git a/...PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png b/...PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png
diff --git a/...PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png b/...PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png
diff --git a/...est.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png b/...est.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png
diff --git a/...ader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png b/...ader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png
diff --git a/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png b/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png
diff --git a/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png b/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png
diff --git a/...test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/...test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png
diff --git a/...s/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png b/...s/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png
diff --git a/...s/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png b/...s/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png
diff --git a/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png b/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png
diff --git a/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png b/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png
diff --git a/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png b/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png
diff --git a/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png b/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png
diff --git a/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png b/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png
diff --git a/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png b/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png
diff --git a/...onents/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png b/...onents/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png
diff --git a/.../TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png b/.../TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png
diff --git a/...mponents/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png b/...mponents/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png
diff --git a/...v.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png b/...v.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png
diff --git 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/package-lock.json b/package-lock.json
diff --git 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",