From eb2c7750846637c6eeb8ac16b170b7d3fe42f312 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alisonejoseph@gmail.com>
Date: Wed, 29 May 2019 14:47:45 -0500
Subject: [PATCH] feat: add all components globally

---
 .../src/pages/components/AnchorLinks.mdx      |  2 --
 .../src/pages/components/ArticleCard.mdx      |  2 --
 .../example/src/pages/components/Aside.mdx    |  2 --
 .../example/src/pages/components/Caption.mdx  |  2 --
 .../src/pages/components/DoDontExample.mdx    |  8 -----
 .../src/pages/components/FeatureCard.mdx      |  2 --
 .../example/src/pages/components/Grid.mdx     |  9 ------
 .../src/pages/components/ImageCard.mdx        |  2 --
 .../src/pages/components/ImageComponent.mdx   |  4 +--
 .../src/pages/components/PageDescription.mdx  |  2 --
 .../src/pages/components/ResourceCard.mdx     |  7 -----
 .../example/src/pages/components/demo.mdx     | 19 +++---------
 .../example/src/pages/components/markdown.mdx |  8 -----
 .../src/pages/contributing/agreement.mdx      |  7 -----
 .../src/pages/contributing/governance.mdx     |  7 -----
 .../pages/getting-started/about-carbon.mdx    | 15 +++-------
 .../src/pages/getting-started/designers.mdx   | 15 +++-------
 .../getting-started/developers/angular.mdx    |  7 -----
 .../getting-started/developers/other.mdx      |  7 -----
 .../getting-started/developers/react.mdx      |  7 -----
 .../getting-started/developers/vanilla.mdx    |  7 -----
 .../example/src/pages/resources/index.mdx     | 15 +++-------
 .../src/pages/top-level-with-tabs/tab-one.mdx |  7 -----
 .../src/pages/top-level-with-tabs/tab-two.mdx | 15 +++-------
 .../src/components/MDXProvider.js             | 30 +++++++++++++++++++
 25 files changed, 52 insertions(+), 156 deletions(-)

diff --git a/packages/example/src/pages/components/AnchorLinks.mdx b/packages/example/src/pages/components/AnchorLinks.mdx
index 527aa8f85..8cd1d5221 100644
--- a/packages/example/src/pages/components/AnchorLinks.mdx
+++ b/packages/example/src/pages/components/AnchorLinks.mdx
@@ -2,8 +2,6 @@
 title: AnchorLinks
 ---
 
-import { PageDescription, AnchorLinks, AnchorLink } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<AnchorLinks>` and `<AnchorLink>` components are used together to display a list of anchor links for navigation within the page. Use these to link to `<h2>` or `<h3>` anywhere within your page. As long as the anchor link text and header text matches the link will work.
diff --git a/packages/example/src/pages/components/ArticleCard.mdx b/packages/example/src/pages/components/ArticleCard.mdx
index c5a960cbc..f3a9bc1fb 100644
--- a/packages/example/src/pages/components/ArticleCard.mdx
+++ b/packages/example/src/pages/components/ArticleCard.mdx
@@ -2,8 +2,6 @@
 title: ArticleCard
 ---
 
-import { Row, Column, ArticleCard, PageDescription } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<ArticleCard>` component should generally be used inside of a `<Row>` and `<Column>` with a `noGutterMdLeft` prop on the `<Column>` to allow it to "hang" to the left.
diff --git a/packages/example/src/pages/components/Aside.mdx b/packages/example/src/pages/components/Aside.mdx
index 7c07c868b..1ee4b1619 100644
--- a/packages/example/src/pages/components/Aside.mdx
+++ b/packages/example/src/pages/components/Aside.mdx
@@ -2,8 +2,6 @@
 title: Aside
 ---
 
-import { Row, Column, Aside, PageDescription } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<Aside>` component is a wrapper component that adds styling to make the text display smaller than the default body text; using `body-long-01` and adds the correct top border styles. It should be used within a smaller `<Column>` width.
diff --git a/packages/example/src/pages/components/Caption.mdx b/packages/example/src/pages/components/Caption.mdx
index d972eb589..8cb5c6ad1 100644
--- a/packages/example/src/pages/components/Caption.mdx
+++ b/packages/example/src/pages/components/Caption.mdx
@@ -2,8 +2,6 @@
 title: Caption
 ---
 
-import { Row, Column, Caption, PageDescription } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<Caption>` component is typically used below images or videos. They will default to 4 columns wide unless placed inside a `<Row>` component. In this case, it will assume the full width of its containing column.
diff --git a/packages/example/src/pages/components/DoDontExample.mdx b/packages/example/src/pages/components/DoDontExample.mdx
index 7c9995671..518449ecf 100644
--- a/packages/example/src/pages/components/DoDontExample.mdx
+++ b/packages/example/src/pages/components/DoDontExample.mdx
@@ -2,14 +2,6 @@
 title: DoDontExample
 ---
 
-import {
-  Row,
-  Column,
-  DoDontExample,
-  Video,
-  PageDescription,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<DoDontExample>` component will generally need to be placed inside `<Row>` and `<Column>` components to align them to the grid at the correct size.
diff --git a/packages/example/src/pages/components/FeatureCard.mdx b/packages/example/src/pages/components/FeatureCard.mdx
index 76883e741..2507df4fc 100644
--- a/packages/example/src/pages/components/FeatureCard.mdx
+++ b/packages/example/src/pages/components/FeatureCard.mdx
@@ -2,8 +2,6 @@
 title: FeatureCard
 ---
 
-import { Row, Column, FeatureCard, PageDescription } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<FeatureCard>` component takes the same props as the `<ResourceCard>` component (except for `aspectRatio`, this is fixed at `1:2` for the card), this component should not be used within `<Row>` or `<Column>` components as the grid is built in to the component already.
diff --git a/packages/example/src/pages/components/Grid.mdx b/packages/example/src/pages/components/Grid.mdx
index 30d81e098..f433b2b96 100644
--- a/packages/example/src/pages/components/Grid.mdx
+++ b/packages/example/src/pages/components/Grid.mdx
@@ -2,15 +2,6 @@
 title: Grid
 ---
 
-import {
-  PageDescription,
-  AnchorLinks,
-  AnchorLink,
-  Grid,
-  Row,
-  Column,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<Grid>`, `<Row>` and `<Column>` components are used to arrange content and components on the grid within a page.
diff --git a/packages/example/src/pages/components/ImageCard.mdx b/packages/example/src/pages/components/ImageCard.mdx
index 6e915a7a6..04f38ef0a 100644
--- a/packages/example/src/pages/components/ImageCard.mdx
+++ b/packages/example/src/pages/components/ImageCard.mdx
@@ -2,8 +2,6 @@
 title: ImageCard
 ---
 
-import { Row, Column, ImageCard, PageDescription } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<ImageCard>` component should generally be used inside of a `<Row>` and `<Column>` component.
diff --git a/packages/example/src/pages/components/ImageComponent.mdx b/packages/example/src/pages/components/ImageComponent.mdx
index d0e3c7b74..8bfd37310 100644
--- a/packages/example/src/pages/components/ImageComponent.mdx
+++ b/packages/example/src/pages/components/ImageComponent.mdx
@@ -1,8 +1,8 @@
 ---
 title: ImageComponent
 ---
+
 <!--
-import { Row, Column, ImageComponent } from 'gatsby-theme-carbon';
 
 ## ImageComponent
 
@@ -51,4 +51,4 @@ Zoom styles are in progress/TBD
 ![blossom](../../images/blossom.jpg)
 
 </ImageComponent>
--->
\ No newline at end of file
+-->
diff --git a/packages/example/src/pages/components/PageDescription.mdx b/packages/example/src/pages/components/PageDescription.mdx
index 44d7144af..23d897074 100644
--- a/packages/example/src/pages/components/PageDescription.mdx
+++ b/packages/example/src/pages/components/PageDescription.mdx
@@ -2,8 +2,6 @@
 title: PageDescription
 ---
 
-import { PageDescription } from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<PageDescription>` component is generally used for intro text at the top of the page using `expressive-heading-03` [type token](https://www.carbondesignsystem.com/guidelines/typography/expressive).
diff --git a/packages/example/src/pages/components/ResourceCard.mdx b/packages/example/src/pages/components/ResourceCard.mdx
index cc4fe7579..ffe846cc0 100644
--- a/packages/example/src/pages/components/ResourceCard.mdx
+++ b/packages/example/src/pages/components/ResourceCard.mdx
@@ -2,13 +2,6 @@
 title: ResourceCard
 ---
 
-import {
-  Row,
-  Column,
-  ResourceCard,
-  PageDescription,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 The `<ResourceCard>` component should generally be used inside of a `<Row>` and test `<Column>` with a `className="resource-card-group"` placed on the container row. This allows the correct border placement between a group of cards.
diff --git a/packages/example/src/pages/components/demo.mdx b/packages/example/src/pages/components/demo.mdx
index 625718d88..bfb669f38 100644
--- a/packages/example/src/pages/components/demo.mdx
+++ b/packages/example/src/pages/components/demo.mdx
@@ -2,17 +2,6 @@
 title: Demo
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-  DoDontExample,
-  Row,
-  Column,
-  Aside,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
@@ -80,10 +69,10 @@ Their methods are as modern today as ever before, maybe more so.
 
 <PageDescription>
 
-  Add-on repositories, or repos, are components built for a specific product or
-  experience. The repos are built on top of the core Carbon repo, and enable
-  teams to create their own custom components that follow Carbon's visual style
-  and guidelines.
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
 
 </PageDescription>
 
diff --git a/packages/example/src/pages/components/markdown.mdx b/packages/example/src/pages/components/markdown.mdx
index 2bf2bb3f0..e582dff2c 100644
--- a/packages/example/src/pages/components/markdown.mdx
+++ b/packages/example/src/pages/components/markdown.mdx
@@ -2,14 +2,6 @@
 title: Markdown
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Row,
-  Column,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 These are the built in components that you'll have access to simply by using markdown. The whitespace around these components **is significant**. If you encounter any errors, make sure you format the markdown and surounding space properly.
diff --git a/packages/example/src/pages/contributing/agreement.mdx b/packages/example/src/pages/contributing/agreement.mdx
index cac73b6da..5eb66e57e 100644
--- a/packages/example/src/pages/contributing/agreement.mdx
+++ b/packages/example/src/pages/contributing/agreement.mdx
@@ -2,13 +2,6 @@
 title: Agreement
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/contributing/governance.mdx b/packages/example/src/pages/contributing/governance.mdx
index 0c54ce946..ae5e6bfa3 100644
--- a/packages/example/src/pages/contributing/governance.mdx
+++ b/packages/example/src/pages/contributing/governance.mdx
@@ -2,13 +2,6 @@
 title: Governance
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/getting-started/about-carbon.mdx b/packages/example/src/pages/getting-started/about-carbon.mdx
index af336700b..3b9d29f60 100644
--- a/packages/example/src/pages/getting-started/about-carbon.mdx
+++ b/packages/example/src/pages/getting-started/about-carbon.mdx
@@ -2,19 +2,12 @@
 title: About Carbon
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
-  Add-on repositories, or repos, are components built for a specific product or
-  experience. The repos are built on top of the core Carbon repo, and enable
-  teams to create their own custom components that follow Carbon's visual style
-  and guidelines.
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
 
 </PageDescription>
 
diff --git a/packages/example/src/pages/getting-started/designers.mdx b/packages/example/src/pages/getting-started/designers.mdx
index 6bd716450..dd1f0ab21 100644
--- a/packages/example/src/pages/getting-started/designers.mdx
+++ b/packages/example/src/pages/getting-started/designers.mdx
@@ -2,19 +2,12 @@
 title: Designers
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
-  Add-on repositories, or repos, are components built for a specific product or
-  experience. The repos are built on top of the core Carbon repo, and enable
-  teams to create their own custom components that follow Carbon's visual style
-  and guidelines.
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
 
 </PageDescription>
 
diff --git a/packages/example/src/pages/getting-started/developers/angular.mdx b/packages/example/src/pages/getting-started/developers/angular.mdx
index 0474011a0..69dbd6aa0 100644
--- a/packages/example/src/pages/getting-started/developers/angular.mdx
+++ b/packages/example/src/pages/getting-started/developers/angular.mdx
@@ -3,13 +3,6 @@ title: Angular
 tabs: ['React', 'Angular', 'Vanilla', 'Other']
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/getting-started/developers/other.mdx b/packages/example/src/pages/getting-started/developers/other.mdx
index bacfed210..8ccb8fd95 100644
--- a/packages/example/src/pages/getting-started/developers/other.mdx
+++ b/packages/example/src/pages/getting-started/developers/other.mdx
@@ -3,13 +3,6 @@ title: Other
 tabs: ['React', 'Angular', 'Vanilla', 'Other']
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/getting-started/developers/react.mdx b/packages/example/src/pages/getting-started/developers/react.mdx
index 7a91445d4..e195adda1 100644
--- a/packages/example/src/pages/getting-started/developers/react.mdx
+++ b/packages/example/src/pages/getting-started/developers/react.mdx
@@ -3,13 +3,6 @@ title: React
 tabs: ['React', 'Angular', 'Vanilla', 'Other']
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/getting-started/developers/vanilla.mdx b/packages/example/src/pages/getting-started/developers/vanilla.mdx
index 3bfdf5528..c8fc06cc7 100644
--- a/packages/example/src/pages/getting-started/developers/vanilla.mdx
+++ b/packages/example/src/pages/getting-started/developers/vanilla.mdx
@@ -3,13 +3,6 @@ title: Vanilla
 tabs: ['React', 'Angular', 'Vanilla', 'Other']
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/resources/index.mdx b/packages/example/src/pages/resources/index.mdx
index 5ae881437..e1440b65b 100644
--- a/packages/example/src/pages/resources/index.mdx
+++ b/packages/example/src/pages/resources/index.mdx
@@ -2,19 +2,12 @@
 title: Resources
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
-  Add-on repositories, or repos, are components built for a specific product or
-  experience. The repos are built on top of the core Carbon repo, and enable
-  teams to create their own custom components that follow Carbon's visual style
-  and guidelines.
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
 
 </PageDescription>
 
diff --git a/packages/example/src/pages/top-level-with-tabs/tab-one.mdx b/packages/example/src/pages/top-level-with-tabs/tab-one.mdx
index c86ff04ef..6ebadd5e5 100644
--- a/packages/example/src/pages/top-level-with-tabs/tab-one.mdx
+++ b/packages/example/src/pages/top-level-with-tabs/tab-one.mdx
@@ -3,13 +3,6 @@ title: Tab One
 tabs: ['Tab One', 'Tab Two']
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
 Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/example/src/pages/top-level-with-tabs/tab-two.mdx b/packages/example/src/pages/top-level-with-tabs/tab-two.mdx
index 154e49d98..8c90cd6f2 100644
--- a/packages/example/src/pages/top-level-with-tabs/tab-two.mdx
+++ b/packages/example/src/pages/top-level-with-tabs/tab-two.mdx
@@ -3,19 +3,12 @@ title: Tab Two
 tabs: ['Tab One', 'Tab Two']
 ---
 
-import {
-  AnchorLinks,
-  AnchorLink,
-  PageDescription,
-  Video,
-} from 'gatsby-theme-carbon';
-
 <PageDescription>
 
-  Add-on repositories, or repos, are components built for a specific product or
-  experience. The repos are built on top of the core Carbon repo, and enable
-  teams to create their own custom components that follow Carbon's visual style
-  and guidelines.
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
 
 </PageDescription>
 
diff --git a/packages/gatsby-theme-carbon/src/components/MDXProvider.js b/packages/gatsby-theme-carbon/src/components/MDXProvider.js
index 60a196eb4..8533aa9a9 100644
--- a/packages/gatsby-theme-carbon/src/components/MDXProvider.js
+++ b/packages/gatsby-theme-carbon/src/components/MDXProvider.js
@@ -3,6 +3,22 @@ import { MDXProvider as Provider } from '@mdx-js/react';
 import { P, H1, H2, H3, H4, H5, Ul, Ol } from './markdown';
 import PageTable from './PageTable';
 import Code from './Code';
+import {
+  PageDescription,
+  AnchorLinks,
+  AnchorLink,
+  Video,
+  DoDontExample,
+  Row,
+  Column,
+  Grid,
+  Caption,
+  ResourceCard,
+  ArticleCard,
+  Aside,
+  FeatureCard,
+  ImageCard,
+} from 'gatsby-theme-carbon';
 
 const components = {
   wrapper: function Wrapper({ children, ...props }) {
@@ -18,6 +34,20 @@ const components = {
   ul: Ul,
   pre: Code,
   table: PageTable,
+  AnchorLinks,
+  AnchorLink,
+  PageDescription,
+  Video,
+  DoDontExample,
+  Row,
+  Column,
+  Grid,
+  Caption,
+  ResourceCard,
+  ArticleCard,
+  Aside,
+  FeatureCard,
+  ImageCard,
 };
 
 const MDXProvider = ({ children }) => (