Merge branch 'main' into chore/update-project-to-node-v18

primer · Apr 10, 2023 · a91d639 · a91d639
2 parents affce50 + f132e29
commit a91d639
Show file tree

Hide file tree

Showing 87 changed files with 561 additions and 399 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/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 (
     <ActionMenu>
       <ActionMenu.Button aria-label="Select field type">{selectedItem?.name}</ActionMenu.Button>
-      {/* eslint-disable-next-line primer-react/no-system-props */}
       <ActionMenu.Overlay width="medium">
         <ActionList selectionVariant="single">
           {items.map((type, index) => (

diff --git 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 <RelativeTime {...rest} date={new Date(date)} />\n}"
+          "code": "() => <RelativeTime date={new Date('2020-01-01T00:00:00Z')} />"
         }
       ],
       "props": [

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",
@@ -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",