fix: replace Reach VisuallyHidden with Radix (#949)

hashicorp · May 2, 2023 · 565a1b1 · 565a1b1
1 parent aab0844
commit 565a1b1
Show file tree

Hide file tree

Showing 6 changed files with 62 additions and 7 deletions.
diff --git a/.changeset/hungry-plants-suffer.md b/.changeset/hungry-plants-suffer.md
@@ -0,0 +1,6 @@
+---
+'@hashicorp/react-alert-banner': minor
+'@hashicorp/react-subnav': minor
+---
+
+Replace Reach VisuallyHidden with Radix
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/alert-banner/index.tsx b/packages/alert-banner/index.tsx
@@ -7,7 +7,7 @@ import { useEffect, useState } from 'react'
 import cookie from 'js-cookie'
 import slugify from 'slugify'
 import classNames from 'classnames'
-import VisuallyHidden from '@reach/visually-hidden'
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden'
 import useProductMeta, {
   Products as HashiCorpProduct,
 } from '@hashicorp/platform-product-meta'

diff --git a/packages/alert-banner/package.json b/packages/alert-banner/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@hashicorp/platform-product-meta": "^0.1.0",
     "@hashicorp/react-inline-svg": "^6.0.3",
-    "@reach/visually-hidden": "^0.16.0",
+    "@radix-ui/react-visually-hidden": "^1.0.2",
     "js-cookie": "^2.2.1",
     "slugify": "^1.6.5"
   },

diff --git a/packages/subnav/package.json b/packages/subnav/package.json
@@ -12,7 +12,7 @@
     "@hashicorp/react-button": "^6.0.4",
     "@hashicorp/react-inline-svg": "^6.0.3",
     "@hashicorp/react-link-wrap": "^3.0.3",
-    "@reach/visually-hidden": "^0.16.0",
+    "@radix-ui/react-visually-hidden": "^1.0.2",
     "camel-case": "^4.1.2",
     "classnames": "^2.3.1",
     "isomorphic-unfetch": "^3.1.0"

diff --git a/packages/subnav/partials/CtaLinks/github-stars-link/index.js b/packages/subnav/partials/CtaLinks/github-stars-link/index.js
@@ -9,7 +9,7 @@ import formatStarCount from './formatStarCount/index.js'
 import parseGithubUrl from './parseGithubUrl/index.js'
 import StarIcon from '../icons/star'
 import GithubIcon from '../icons/github-logo'
-import VisuallyHidden from '@reach/visually-hidden'
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden'
 import s from './style.module.css'
 
 function GithubStarsButton(props) {