diff --git a/.changeset/bright-bees-juggle.md b/.changeset/bright-bees-juggle.md
new file mode 100644
index 00000000000..7fd5db4ce4c
--- /dev/null
+++ b/.changeset/bright-bees-juggle.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Update minimum version for @primer/live-region-element
diff --git a/examples/app-router/package.json b/examples/app-router/package.json
index e516a20a79d..6bfc4604d17 100644
--- a/examples/app-router/package.json
+++ b/examples/app-router/package.json
@@ -9,7 +9,7 @@
"type-check": "tsc --noEmit"
},
"dependencies": {
- "@primer/react": "36.13.0",
+ "@primer/react": "36.x",
"next": "^14.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
index bb8246705a3..e4d7e6de7f4 100644
--- a/examples/nextjs/package.json
+++ b/examples/nextjs/package.json
@@ -9,8 +9,8 @@
"type-check": "tsc --noEmit"
},
"dependencies": {
- "@primer/octicons-react": "^18.2.0",
- "@primer/react": "36.17.0",
+ "@primer/octicons-react": "19.x",
+ "@primer/react": "36.x",
"next": "^14.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/package-lock.json b/package-lock.json
index 9bfa3b3d4b2..1b14b3a3295 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -332,7 +332,7 @@
"examples/app-router": {
"name": "example-app-router",
"dependencies": {
- "@primer/react": "36.13.0",
+ "@primer/react": "36.x",
"next": "^14.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
@@ -344,66 +344,6 @@
"rimraf": "^5.0.5"
}
},
- "examples/app-router/node_modules/@primer/react": {
- "version": "36.13.0",
- "resolved": "https://registry.npmjs.org/@primer/react/-/react-36.13.0.tgz",
- "integrity": "sha512-SBpqU+jTTGF2ezOKjA9R+7+zlxYlaO/VgchMzSBlXT5DooGM0/FD+t/njTavyl4KNrZyFkVU1Q/SrsiYQTmmVg==",
- "dependencies": {
- "@github/combobox-nav": "^2.1.5",
- "@github/markdown-toolbar-element": "^2.1.0",
- "@github/paste-markdown": "^1.4.0",
- "@github/relative-time-element": "^4.1.2",
- "@github/tab-container-element": "4.5.0",
- "@lit-labs/react": "1.2.1",
- "@oddbird/popover-polyfill": "^0.3.1",
- "@primer/behaviors": "^1.5.1",
- "@primer/live-region-element": "^0.2.0",
- "@primer/octicons-react": "^19.9.0",
- "@primer/primitives": "^7.15.14",
- "@styled-system/css": "^5.1.5",
- "@styled-system/props": "^5.1.5",
- "@styled-system/theme-get": "^5.1.2",
- "@types/react-is": "^18.2.1",
- "@types/styled-system": "^5.1.12",
- "@types/styled-system__css": "^5.0.16",
- "@types/styled-system__theme-get": "^5.0.1",
- "clsx": "^1.2.1",
- "color2k": "^2.0.3",
- "deepmerge": "^4.2.2",
- "focus-visible": "^5.2.0",
- "fzy.js": "^0.4.1",
- "history": "^5.0.0",
- "lodash.isempty": "^4.4.0",
- "lodash.isobject": "^3.0.2",
- "react-intersection-observer": "^9.4.3",
- "react-is": "^18.2.0",
- "react-markdown": "8.0.7",
- "styled-system": "^5.1.5"
- },
- "engines": {
- "node": ">=12",
- "npm": ">=7"
- },
- "peerDependencies": {
- "@types/react": "^18.0.0",
- "@types/react-dom": "^18.0.0",
- "@types/styled-components": "^5.1.11",
- "react": "^18.0.0",
- "react-dom": "^18.0.0",
- "styled-components": "5.x"
- },
- "peerDependenciesMeta": {
- "@types/react": {
- "optional": true
- },
- "@types/react-dom": {
- "optional": true
- },
- "@types/styled-components": {
- "optional": true
- }
- }
- },
"examples/codesandbox": {
"version": "0.0.0",
"dependencies": {
@@ -465,25 +405,14 @@
"name": "example-nextjs",
"version": "0.0.0",
"dependencies": {
- "@primer/octicons-react": "^18.2.0",
- "@primer/react": "36.17.0",
+ "@primer/octicons-react": "19.x",
+ "@primer/react": "36.x",
"next": "^14.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"styled-components": "5.x"
}
},
- "examples/nextjs/node_modules/@primer/octicons-react": {
- "version": "18.3.0",
- "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-18.3.0.tgz",
- "integrity": "sha512-kOoc4wrBw3bPe2ZPj9BmCwXdEkw8hxUX/tFCvcjOsZ6eywaQXm3PR0yZnPZxZ8o4RFj2tdg/cwGr4+cU83weHw==",
- "engines": {
- "node": ">=8"
- },
- "peerDependencies": {
- "react": ">=15"
- }
- },
"node_modules/@aashutoshrathi/word-wrap": {
"version": "1.2.6",
"license": "MIT",
@@ -9678,14 +9607,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
- "node_modules/@primer/live-region-element": {
- "version": "0.2.0",
- "resolved": "https://registry.npmjs.org/@primer/live-region-element/-/live-region-element-0.2.0.tgz",
- "integrity": "sha512-3zE1ipoMMxdmAkgB49dX+CIVpIXCGQGYwq5EF4kUIcMLjE4nAUOWkEMlcTCrDAlvfrv71YRx+h+AjRX70urLRg==",
- "dependencies": {
- "@lit-labs/ssr-dom-shim": "^1.2.0"
- }
- },
"node_modules/@primer/octicons-react": {
"version": "19.9.0",
"resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-19.9.0.tgz",
@@ -61973,7 +61894,7 @@
"@lit-labs/react": "1.2.1",
"@oddbird/popover-polyfill": "^0.3.1",
"@primer/behaviors": "^1.5.1",
- "@primer/live-region-element": "^0.2.0",
+ "@primer/live-region-element": "^0.6.1",
"@primer/octicons-react": "^19.9.0",
"@primer/primitives": "^7.16.0",
"@styled-system/css": "^5.1.5",
@@ -62128,6 +62049,14 @@
}
}
},
+ "packages/react/node_modules/@primer/live-region-element": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/@primer/live-region-element/-/live-region-element-0.6.1.tgz",
+ "integrity": "sha512-UvJ29igIhOzCfPgUJHPKgr2bY84niHYZagE2LC90ewXQfEFLC3q3ug+vYOzOpCqxspCvEpwPyQlnaOLu4mu87w==",
+ "dependencies": {
+ "@lit-labs/ssr-dom-shim": "^1.2.0"
+ }
+ },
"packages/react/node_modules/@rollup/plugin-commonjs": {
"version": "25.0.4",
"dev": true,
diff --git a/packages/react/package.json b/packages/react/package.json
index 50675e18617..7e07ec8bb8a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -93,7 +93,7 @@
"@lit-labs/react": "1.2.1",
"@oddbird/popover-polyfill": "^0.3.1",
"@primer/behaviors": "^1.5.1",
- "@primer/live-region-element": "^0.2.0",
+ "@primer/live-region-element": "^0.6.1",
"@primer/octicons-react": "^19.9.0",
"@primer/primitives": "^7.16.0",
"@styled-system/css": "^5.1.5",
diff --git a/packages/react/src/drafts/SelectPanel2/__tests__/SelectPanelLoading.test.tsx b/packages/react/src/drafts/SelectPanel2/__tests__/SelectPanelLoading.test.tsx
index 5391f464f0d..f8cfefc44a3 100644
--- a/packages/react/src/drafts/SelectPanel2/__tests__/SelectPanelLoading.test.tsx
+++ b/packages/react/src/drafts/SelectPanel2/__tests__/SelectPanelLoading.test.tsx
@@ -2,11 +2,14 @@ import {render} from '@testing-library/react'
import React from 'react'
import {SelectPanel} from '../'
+jest.useFakeTimers()
+
describe('SelectPanel.Loading', () => {
it('should announce children as a polite message', () => {
render(test)
const liveRegion = document.querySelector('live-region')!
+ jest.runAllTimers()
expect(liveRegion.getMessage('polite')).toBe('test')
})
@@ -14,6 +17,7 @@ describe('SelectPanel.Loading', () => {
render()
const liveRegion = document.querySelector('live-region')!
+ jest.runAllTimers()
expect(liveRegion.getMessage('polite')).toBe('Fetching items...')
})
})