feat: add all components globally

carbon-design-system · May 29, 2019 · eb2c775 · eb2c775
1 parent f1f18ab
commit eb2c775
Show file tree

Hide file tree

Showing 25 changed files with 52 additions and 156 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
--->
+-->
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>