Fix integration issues

WordPress · Apr 30, 2021 · 8e21381 · 8e21381
1 parent ecabbad
commit 8e21381
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 11 deletions.
diff --git a/packages/components/src/heading/README.md b/packages/components/src/heading/README.md
@@ -1,11 +1,11 @@
-# Heading
+# Heading (Experimental)
 
 `Heading` renders headings and titles using the library's typography system.
 
 ## Usage
 
 ```jsx
-import { Heading } from '@wordpress/components/ui';
+import { __experimentalHeading as Heading } from '@wordpress/components';
 
 function Example() {
 	return <Heading>Code is Poetry</Heading>;
@@ -14,7 +14,7 @@ function Example() {
 
 ## Props
 
-`Heading` uses `Text` underneath, so we have access to all of `Text`'s props except for `size` which is replaced by `level`. For a complete list of those props, check out [`Text`](../text/#props).
+`Heading` uses `Text` underneath, so we have access to all of `Text`'s props except for `size` which is replaced by `level`. For a complete list of those props, check out [`Text`](/packages/components/src/text/README.md#props).
 
 ##### level
 

diff --git a/packages/components/src/heading/index.ts b/packages/components/src/heading/index.ts
@@ -1,2 +1,2 @@
-export { default } from './component';
-export * from './hook';
+export { default as Heading } from './component';
+export { useHeading } from './hook';
diff --git a/packages/components/src/heading/stories/index.js b/packages/components/src/heading/stories/index.js
@@ -1,11 +1,11 @@
 /**
  * Internal dependencies
  */
-import Heading from '../index';
+import { Heading } from '../';
 
 export default {
 	component: Heading,
-	title: 'Components/Heading',
+	title: 'G2 Components (Experimental)/Heading',
 };
 
 export const _default = () => {

diff --git a/packages/components/src/heading/test/index.js b/packages/components/src/heading/test/index.js
@@ -6,7 +6,7 @@ import { render } from '@testing-library/react';
 /**
  * Internal dependencies
  */
-import Heading from '../index';
+import { Heading } from '../';
 
 describe( 'props', () => {
 	let base;

diff --git a/packages/components/src/index.js b/packages/components/src/index.js
@@ -65,7 +65,7 @@ export { default as __experimentalGradientPicker } from './gradient-picker';
 export { default as __experimentalCustomGradientPicker } from './custom-gradient-picker';
 export { default as Guide } from './guide';
 export { default as GuidePage } from './guide/page';
-export { default as __experimentalHeading } from './heading';
+export { Heading as __experimentalHeading } from './heading';
 export { default as Icon } from './icon';
 export { default as IconButton } from './button/deprecated';
 export { default as __experimentalInputControl } from './input-control';

diff --git a/packages/components/src/ui/__storybook-utils/page.js b/packages/components/src/ui/__storybook-utils/page.js
@@ -3,7 +3,7 @@
  */
 import { VStack } from '../v-stack';
 import { View } from '../view';
-import Heading from '../../heading';
+import { Heading } from '../../heading';
 import { Divider } from '../divider';
 
 function Page( { title = 'Component', children } ) {

diff --git a/packages/components/src/ui/card/stories/index.js b/packages/components/src/ui/card/stories/index.js
@@ -6,7 +6,7 @@ import { Text } from '../../../text';
 import { VStack } from '../../v-stack';
 import { Card, CardBody, CardFooter } from '../index';
 import { Divider } from '../../divider';
-import Heading from '../../../heading';
+import { Heading } from '../../../heading';
 import Button from '../../../button';
 
 export default {