components: Remove all remenants of wp-g2 (#31292)

* components: Remove all remenants of wp-g2 * Update snapshot tests for control-group
WordPress · Apr 28, 2021 · 24fbee9 · 24fbee9
1 parent 1800d28
commit 24fbee9
Show file tree

Hide file tree

Showing 16 changed files with 74 additions and 1,622 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -30,7 +30,6 @@
 		"@emotion/cache": "^10.0.27",
 		"@emotion/core": "^10.1.1",
 		"@emotion/css": "^10.0.22",
-		"@emotion/hash": "^0.8.0",
 		"@emotion/native": "^10.0.22",
 		"@emotion/styled": "^10.0.23",
 		"@wordpress/a11y": "file:../a11y",
@@ -47,10 +46,6 @@
 		"@wordpress/primitives": "file:../primitives",
 		"@wordpress/rich-text": "file:../rich-text",
 		"@wordpress/warning": "file:../warning",
-		"@wp-g2/components": "^0.0.160",
-		"@wp-g2/context": "^0.0.160",
-		"@wp-g2/styles": "^0.0.160",
-		"@wp-g2/utils": "^0.0.160",
 		"classnames": "^2.2.5",
 		"dom-scroll-into-view": "^1.2.1",
 		"downshift": "^6.0.15",
@@ -71,7 +66,6 @@
 		"uuid": "^8.3.0"
 	},
 	"peerDependencies": {
-		"@wp-g2/create-styles": "^0.0.154",
 		"reakit-utils": "^0.15.1"
 	},
 	"publishConfig": {

diff --git a/packages/components/src/ui/__storybook-utils/example-grid.js b/packages/components/src/ui/__storybook-utils/example-grid.js
@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { Container } from '@wp-g2/components';
-
 /**
  * Internal dependencies
  */
@@ -12,6 +7,19 @@ import { Text } from '../text';
 import { View } from '../view';
 import { VStack } from '../v-stack';
 
+const Container = ( { children } ) => (
+	<div
+		style={ {
+			maxWidth: 1280,
+			width: '100%',
+			marginLeft: 'auto',
+			marginRight: 'auto',
+		} }
+	>
+		{ children }
+	</div>
+);
+
 export const ExampleGrid = ( { children } ) => (
 	<Container>
 		<Grid columns={ [ 2, 2, 4 ] } gap="1px">
@@ -23,7 +31,7 @@ export const ExampleGrid = ( { children } ) => (
 export const ExampleGridItem = ( { children } ) => (
 	<Surface
 		variant="secondary"
-		css={ {
+		style={ {
 			padding: 20,
 		} }
 	>

diff --git a/packages/components/src/ui/__storybook-utils/page.js b/packages/components/src/ui/__storybook-utils/page.js
@@ -1,22 +1,28 @@
-/**
- * External dependencies
- */
-import { Container, Divider, Heading } from '@wp-g2/components';
 /**
  * Internal dependencies
  */
 import { VStack } from '../v-stack';
 import { View } from '../view';
+import { Heading } from '../heading';
+import { Divider } from '../divider';
 
 function Page( { title = 'Component', children } ) {
 	return (
-		<Container css={ { paddingTop: 24, paddingBottom: '20vh' } }>
+		<div
+			style={ {
+				paddingTop: 24,
+				paddingBottom: '20vh',
+				maxWidth: '1280px',
+				marginLeft: 'auto',
+				marginRight: 'auto',
+			} }
+		>
 			<VStack spacing={ 6 }>
 				<Heading size={ 1 }>{ title }</Heading>
 				<Divider />
 				<View>{ children }</View>
 			</VStack>
-		</Container>
+		</div>
 	);
 }
 

diff --git a/packages/components/src/ui/card/stories/index.js b/packages/components/src/ui/card/stories/index.js
@@ -1,15 +1,13 @@
-/**
- * External dependencies
- */
-import { Button, Divider, Heading, Spacer } from '@wp-g2/components';
-
 /**
  * Internal dependencies
  */
 import { Grid } from '../../grid';
 import { Text } from '../../text';
 import { VStack } from '../../v-stack';
 import { Card, CardBody, CardFooter } from '../index';
+import { Divider } from '../../divider';
+import { Heading } from '../../heading';
+import Button from '../../../button';
 
 export default {
 	component: Card,
@@ -33,7 +31,6 @@ const ExampleCard = () => {
 						<Text>Code is Poetry</Text>
 					</VStack>
 				</CardBody>
-				<Spacer />
 				<Divider />
 				<CardFooter>
 					<Button>Action</Button>

diff --git a/packages/components/src/ui/control-group/stories/index.js b/packages/components/src/ui/control-group/stories/index.js