Fix selector and update selector type to enforce class selector pat…

…tern
WordPress · May 17, 2021 · ed71ecc · ed71ecc
1 parent 646926b
commit ed71ecc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/src/ui/context/polymorphic-component.ts b/packages/components/src/ui/context/polymorphic-component.ts
@@ -32,7 +32,7 @@ export type PolymorphicComponent< T extends As, O > = {
 	): JSX.Element | null;
 	( props: ViewOwnProps< O, T > ): JSX.Element | null;
 	displayName?: string;
-	selector: string;
+	selector: `.${ string }`;
 };
 
 export type CreatePolymorphicComponent< T extends As, P > = (

diff --git a/packages/components/src/view/component.js b/packages/components/src/view/component.js
@@ -24,7 +24,7 @@ import styled from '@emotion/styled';
  */
 // @ts-ignore
 const View = styled.div``;
-View.selector = 'components-view';
+View.selector = '.components-view';
 View.displayName = 'View';
 
 export default View;