@wordpress/components 21.3.0 → 22.0.0

package/src/v-stack/test/__snapshots__/index.tsx.snap

@@ -24,17 +24,19 @@ exports[`props should render alignment 1`] = `
   min-height: 0;
 }
 
-<div
-  class="components-flex components-h-stack components-v-stack emotion-0 emotion-1"
-  data-wp-c16t="true"
-  data-wp-component="VStack"
->
+<div>
   <div
-    class="emotion-2 emotion-1"
-  />
-  <div
-    class="emotion-2 emotion-1"
-  />
+    class="components-flex components-h-stack components-v-stack emotion-0 emotion-1"
+    data-wp-c16t="true"
+    data-wp-component="VStack"
+  >
+    <div
+      class="emotion-2 emotion-1"
+    />
+    <div
+      class="emotion-2 emotion-1"
+    />
+  </div>
 </div>
 `;
 
@@ -61,17 +63,19 @@ exports[`props should render correctly 1`] = `
   min-height: 0;
 }
 
-<div
-  class="components-flex components-h-stack components-v-stack emotion-0 emotion-1"
-  data-wp-c16t="true"
-  data-wp-component="VStack"
->
-  <div
-    class="emotion-2 emotion-1"
-  />
+<div>
   <div
-    class="emotion-2 emotion-1"
-  />
+    class="components-flex components-h-stack components-v-stack emotion-0 emotion-1"
+    data-wp-c16t="true"
+    data-wp-component="VStack"
+  >
+    <div
+      class="emotion-2 emotion-1"
+    />
+    <div
+      class="emotion-2 emotion-1"
+    />
+  </div>
 </div>
 `;
 
@@ -98,16 +102,18 @@ exports[`props should render spacing 1`] = `
   min-height: 0;
 }
 
-<div
-  class="components-flex components-h-stack components-v-stack emotion-0 emotion-1"
-  data-wp-c16t="true"
-  data-wp-component="VStack"
->
-  <div
-    class="emotion-2 emotion-1"
-  />
+<div>
   <div
-    class="emotion-2 emotion-1"
-  />
+    class="components-flex components-h-stack components-v-stack emotion-0 emotion-1"
+    data-wp-c16t="true"
+    data-wp-component="VStack"
+  >
+    <div
+      class="emotion-2 emotion-1"
+    />
+    <div
+      class="emotion-2 emotion-1"
+    />
+  </div>
 </div>
 `;

package/src/v-stack/test/index.tsx

@@ -17,7 +17,7 @@ describe( 'props', () => {
 				<View />
 			</VStack>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 
 	test( 'should render alignment', () => {
@@ -27,7 +27,7 @@ describe( 'props', () => {
 				<View />
 			</VStack>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 
 	test( 'should render spacing', () => {
@@ -37,6 +37,6 @@ describe( 'props', () => {
 				<View />
 			</VStack>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 } );

package/src/view/test/__snapshots__/index.js.snap

@@ -1,41 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`props should render as another element 1`] = `
-<p
-  class="emotion-0 emotion-1"
->
-  <span />
-</p>
+<div>
+  <p
+    class="emotion-0 emotion-1"
+  >
+    <span />
+  </p>
+</div>
 `;
 
 exports[`props should render correctly 1`] = `
-<div
-  class="emotion-0 emotion-1"
->
-  <span />
+<div>
+  <div
+    class="emotion-0 emotion-1"
+  >
+    <span />
+  </div>
 </div>
 `;
 
 exports[`props should render with custom styles (Array) 1`] = `
-<p
-  class="emotion-0 emotion-1"
->
-  <span />
-</p>
+<div>
+  <p
+    class="emotion-0 emotion-1"
+  >
+    <span />
+  </p>
+</div>
 `;
 
 exports[`props should render with custom styles (object) 1`] = `
-<p
-  class="emotion-0 emotion-1"
->
-  <span />
-</p>
+<div>
+  <p
+    class="emotion-0 emotion-1"
+  >
+    <span />
+  </p>
+</div>
 `;
 
 exports[`props should render with custom styles (string) 1`] = `
-<p
-  class="emotion-0 emotion-1"
->
-  <span />
-</p>
+<div>
+  <p
+    class="emotion-0 emotion-1"
+  >
+    <span />
+  </p>
+</div>
 `;

package/src/view/test/index.js

@@ -15,7 +15,7 @@ describe( 'props', () => {
 				<span />
 			</View>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 
 	test( 'should render as another element', () => {
@@ -24,7 +24,7 @@ describe( 'props', () => {
 				<span />
 			</View>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 
 	test( 'should render with custom styles (string)', () => {
@@ -38,7 +38,7 @@ describe( 'props', () => {
 				<span />
 			</View>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 
 	test( 'should render with custom styles (object)', () => {
@@ -52,7 +52,7 @@ describe( 'props', () => {
 				<span />
 			</View>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 
 	test( 'should render with custom styles (Array)', () => {
@@ -69,6 +69,6 @@ describe( 'props', () => {
 				<span />
 			</View>
 		);
-		expect( container.firstChild ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 } );

package/tsconfig.json

@@ -63,8 +63,6 @@
 		"src/palette-edit",
 		"src/panel",
 		"src/query-controls",
-		"src/radio",
-		"src/radio-group",
 		"src/responsive-wrapper",
 		"src/sandbox",
 		"src/snackbar",