Use View naming convention

WordPress · Jun 30, 2021 · 35892e1 · 35892e1
1 parent 5b1f9fa
commit 35892e1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 35 deletions.
diff --git a/packages/components/src/ui/visually-hidden/hook.js b/packages/components/src/ui/visually-hidden/hook.js
diff --git a/packages/components/src/visually-hidden/component.js b/packages/components/src/visually-hidden/component.js
@@ -2,14 +2,14 @@
  * Internal dependencies
  */
 import { useContextSystem, contextConnect } from '../ui/context';
-import { VisuallyHidden as VisuallyHiddenWrapper } from './styles';
+import { VisuallyHiddenView } from './styles';
 
 /**
  * @param {import('../ui/context').PolymorphicComponentProps<{ children: import('react').ReactNode }, 'div'>} props
  */
 function VisuallyHidden( props ) {
 	const contextProps = useContextSystem( props, 'VisuallyHidden' );
-	return <VisuallyHiddenWrapper { ...contextProps } />;
+	return <VisuallyHiddenView { ...contextProps } />;
 }
 
 /**

diff --git a/packages/components/src/visually-hidden/styles.js b/packages/components/src/visually-hidden/styles.js
@@ -8,7 +8,7 @@ import styled from '@emotion/styled';
  */
 import { COLORS } from '../utils/colors-values';
 
-export const VisuallyHidden = styled.div`
+export const VisuallyHiddenView = styled.div`
 	border: 0;
 	clip: rect( 1px, 1px, 1px, 1px );
 	-webkit-clip-path: inset( 50% );