Use new naming convention

WordPress · Jun 30, 2021 · 38131d7 · 38131d7
1 parent d0c2946
commit 38131d7
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/packages/components/src/spacer/component.tsx b/packages/components/src/spacer/component.tsx
@@ -6,13 +6,13 @@ import {
 	contextConnect,
 	PolymorphicComponentProps,
 } from '../ui/context';
-import type { SpacerProps } from './types';
-import { SpacerWrapper } from './styles';
+import type { Props } from './types';
+import { SpacerView } from './styles';
 
-function Spacer( props: PolymorphicComponentProps< SpacerProps, 'div' > ) {
+function Spacer( props: PolymorphicComponentProps< Props, 'div' > ) {
 	const contextProps = useContextSystem( props, 'Spacer' );
 
-	return <SpacerWrapper { ...contextProps } />;
+	return <SpacerView { ...contextProps } />;
 }
 
 /**

diff --git a/packages/components/src/spacer/index.ts b/packages/components/src/spacer/index.ts
@@ -1,2 +1,2 @@
 export { default as Spacer } from './component';
-export type { SpacerProps } from './types';
+export type { Props as SpacerProps } from './types';
diff --git a/packages/components/src/spacer/styles.ts b/packages/components/src/spacer/styles.ts
@@ -34,7 +34,7 @@ const renderProperty = (
 	);
 };
 
-export const SpacerWrapper = styled.div< InnerProps >`
+export const SpacerView = styled.div< InnerProps >`
 	${ renderProperty( 'marginTop' ) }
 	${ renderProperty( 'marginBottom' ) }
 	${ renderProperty( 'marginLeft' ) }

diff --git a/packages/components/src/spacer/types.ts b/packages/components/src/spacer/types.ts
@@ -69,6 +69,6 @@ export interface InnerProps {
 	 */
 	paddingRight?: SpaceInput;
 }
-export interface SpacerProps extends InnerProps {
+export interface Props extends InnerProps {
 	children?: ReactNode;
 }