From c5ef833a57ef15f6565c32682483eb4b4a80d0e6 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com>
Date: Mon, 29 May 2023 15:40:22 +0200
Subject: [PATCH] refactor(VisuallyHidden): removed dependency (#1494)

* refactor(VisuallyHidden): removed import

the related usage has been removed with https://github.com/pattern-lab/patternlab-node/commit/2ff8e1c98cdd02e8077064c48eca5f7754a3db02

* refactor: removed the need for @reach/visually-hidden dependency

* refactor: removed dependency @reach/visually-hidden
---
 packages/uikit-workshop/package.json                         | 1 -
 .../src/scripts/components/pl-search/pl-search.js            | 3 +--
 .../pl-viewport-size-list/pl-viewport-size-list.js           | 2 --
 yarn.lock                                                    | 5 -----
 4 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/packages/uikit-workshop/package.json b/packages/uikit-workshop/package.json
index 51f23ade7..d896f4827 100644
--- a/packages/uikit-workshop/package.json
+++ b/packages/uikit-workshop/package.json
@@ -46,7 +46,6 @@
     "@pattern-lab/engine-handlebars": "^6.0.0",
     "@pattern-lab/engine-mustache": "^6.0.0",
     "@pattern-lab/uikit-polyfills": "^6.0.0",
-    "@reach/visually-hidden": "^0.1.2",
     "@webcomponents/custom-elements": "^1.4.3",
     "autoprefixer": "^10.2.5",
     "babel-loader": "^9.1.2",
diff --git a/packages/uikit-workshop/src/scripts/components/pl-search/pl-search.js b/packages/uikit-workshop/src/scripts/components/pl-search/pl-search.js
index cd239bcb9..8aa566a73 100644
--- a/packages/uikit-workshop/src/scripts/components/pl-search/pl-search.js
+++ b/packages/uikit-workshop/src/scripts/components/pl-search/pl-search.js
@@ -7,7 +7,6 @@ import Fuse from 'fuse.js';
 import ReactHtmlParser from 'react-html-parser';
 import classNames from 'classnames';
 import Mousetrap from 'mousetrap';
-import VisuallyHidden from '@reach/visually-hidden';
 import Autosuggest from 'react-autosuggest';
 
 import { urlHandler, iframeMsgDataExtraction } from '../../utils';
@@ -255,7 +254,7 @@ class Search extends BaseComponent {
             }}
             type="button"
           >
-            <VisuallyHidden>{clearButtonText}</VisuallyHidden>
+            <span class="is-vishidden">{clearButtonText}</span>
             <svg
               viewBox="0 0 16 16"
               height="16"
diff --git a/packages/uikit-workshop/src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.js b/packages/uikit-workshop/src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.js
index 5b4b471d4..b7ec9f3e3 100644
--- a/packages/uikit-workshop/src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.js
+++ b/packages/uikit-workshop/src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.js
@@ -4,8 +4,6 @@ import { define, props } from 'skatejs';
 import { BaseComponent } from '../../components/base-component.js';
 import { store } from '../../store.js'; // connect to redux
 
-import VisuallyHidden from '@reach/visually-hidden';
-
 import {
   minViewportWidth,
   maxViewportWidth,
diff --git a/yarn.lock b/yarn.lock
index 53b21fc3f..8adc07372 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2139,11 +2139,6 @@
   dependencies:
     "@octokit/openapi-types" "^12.11.0"
 
-"@reach/visually-hidden@^0.1.2":
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/@reach/visually-hidden/-/visually-hidden-0.1.4.tgz#0dc4ecedf523004337214187db70a46183bd945b"
-  integrity sha512-QHbzXjflSlCvDd6vJwdwx16mSB+vUCCQMiU/wK/CgVNPibtpEiIbisyxkpZc55DyDFNUIqP91rSUsNae+ogGDQ==
-
 "@sindresorhus/is@^0.14.0":
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"