feat(component): rename GlobalStyle to GlobalStyles (#126)

BREAKING CHANGE: `GlobalStyle` is now `GlobalStyles`
bigcommerce · Aug 5, 2019 · e7a231e · e7a231e
1 parent 1c4fbdc
commit e7a231e
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/packages/big-design/src/components/GlobalStyle/index.tsx b/packages/big-design/src/components/GlobalStyle/index.tsx
diff --git a/...rc/components/GlobalStyle/GlobalStyle.tsx → .../components/GlobalStyles/GlobalStyles.tsx b/...rc/components/GlobalStyle/GlobalStyle.tsx → .../components/GlobalStyles/GlobalStyles.tsx
@@ -2,7 +2,7 @@ import { theme as defaultTheme } from '@bigcommerce/big-design-theme';
 import { normalize } from 'polished';
 import { createGlobalStyle } from 'styled-components';
 
-export const GlobalStyle = createGlobalStyle`
+export const GlobalStyles = createGlobalStyle`
   ${normalize()}
 
   @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600');
@@ -12,4 +12,4 @@ export const GlobalStyle = createGlobalStyle`
   }
 `;
 
-GlobalStyle.defaultProps = { theme: defaultTheme };
+GlobalStyles.defaultProps = { theme: defaultTheme };
diff --git a/packages/big-design/src/components/GlobalStyles/index.tsx b/packages/big-design/src/components/GlobalStyles/index.tsx
@@ -0,0 +1 @@
+export * from './GlobalStyles';
diff --git a/packages/big-design/src/components/index.ts b/packages/big-design/src/components/index.ts
@@ -5,7 +5,7 @@ export * from './Checkbox';
 export * from './Dropdown';
 export * from './Flex';
 export * from './Form';
-export * from './GlobalStyle';
+export * from './GlobalStyles';
 export * from './Grid';
 export * from './Input';
 export * from './Link';

diff --git a/packages/docs/pages/_app.tsx b/packages/docs/pages/_app.tsx
@@ -1,4 +1,4 @@
-import { GlobalStyle, Grid } from '@bigcommerce/big-design';
+import { GlobalStyles, Grid } from '@bigcommerce/big-design';
 import { createTheme } from '@bigcommerce/big-design-theme';
 import App, { Container } from 'next/app';
 import Head from 'next/head';
@@ -38,7 +38,7 @@ export default class MyApp extends App {
         </style>
         <ThemeProvider theme={theme}>
           <>
-            <GlobalStyle />
+            <GlobalStyles />
             <Grid template={gridTemplate} backgroundColor="secondary10" gap="0" style={{ minHeight: '100%' }}>
               <Grid.Item area="nav" elevation="raised">
                 <SideNav />