refactor: rename the modules to make sure tree-shaking works

components/css-baseline-deprecated/index.ts

@@ -0,0 +1,6 @@
+import CssBaseline from '../css-baseline'
+import useWarning from '../utils/use-warning'
+
+useWarning('Module "CSSBaseline" is deprecated. Use `CssBaseline` instead of it.', 'CSSBaseline')
+
+export default CssBaseline

components/css-baseline/__tests__/baseline.test.tsx

@@ -1,22 +1,22 @@
 import React from 'react'
 import { render } from 'enzyme'
-import { CSSBaseline, ZEITUIProvider } from 'components'
+import { CssBaseline, ZeitProvider } from 'components'
 
 describe('CSSBaseline', () => {
   it('should render correctly', () => {
     const wrapper = render(
-      <ZEITUIProvider>
-        <CSSBaseline />
-      </ZEITUIProvider>,
+      <ZeitProvider>
+        <CssBaseline />
+      </ZeitProvider>,
     )
     expect(wrapper).toMatchSnapshot()
   })
 
   it('should render dark mode correctly', () => {
     const wrapper = render(
-      <ZEITUIProvider theme={{ type: 'dark' }}>
-        <CSSBaseline />
-      </ZEITUIProvider>,
+      <ZeitProvider theme={{ type: 'dark' }}>
+        <CssBaseline />
+      </ZeitProvider>,
     )
     expect(wrapper).toMatchSnapshot()
   })

components/css-baseline/css-baseline.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import useTheme from '../use-theme'
+import useTheme from '../styles/use-theme'
 import flush from 'styled-jsx/server'
 import flushToReact from 'styled-jsx/server'
 
-const CSSBaseline: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
+const CssBaseline: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
   const theme = useTheme()
 
   return (
@@ -305,9 +305,9 @@ type MemoCssBaselineComponent<P = {}> = React.NamedExoticComponent<P> & {
   flush: typeof flushToReact
 }
 
-const MemoCSSBaseline = React.memo(CSSBaseline) as MemoCssBaselineComponent<
+const MemoCssBaseline = React.memo(CssBaseline) as MemoCssBaselineComponent<
   React.PropsWithChildren<{}>
 >
-MemoCSSBaseline.flush = flush
+MemoCssBaseline.flush = flush
 
-export default MemoCSSBaseline
+export default MemoCssBaseline

components/index.ts

@@ -3,12 +3,14 @@
 export * from './styles/themes'
 export { default as Utils } from './utils-shared/index'
 export { default as useTheme } from './styles/use-theme'
-export { default as ZEITUIProvider } from './providers/zeit-ui-provider'
+export { default as ZEITUIProvider } from './zeit-provider-deprecated'
+export { default as ZeitProvider } from './zeit-provider'
+export { default as CSSBaseline } from './css-baseline-deprecated'
+export { default as CssBaseline } from './css-baseline'
 export { default as useToasts } from './toast'
 export { default as useInput } from './input/use-input'
 export { default as useModal } from './modal/use-modal'
 export { default as useTabs } from './tabs/use-tabs'
-export { default as CSSBaseline } from './styles/css-baseline'
 export { default as Avatar } from './avatar'
 export { default as Text } from './text'
 export { default as Note } from './note'

components/zeit-provider-deprecated/index.ts

@@ -0,0 +1,9 @@
+import ZeitProvider from '../zeit-provider'
+import useWarning from '../utils/use-warning'
+
+useWarning(
+  'Module "ZEITUIProvider" is deprecated. Use `ZeitProvider` instead of it.',
+  'ZEITUIProvider',
+)
+
+export default ZeitProvider

components/zeit-provider/index.ts

@@ -0,0 +1,3 @@
+import ZeitProvider from './zeit-provider'
+
+export default ZeitProvider

components/zeit-provider/zeit-provider.tsx

@@ -13,7 +13,7 @@ export interface Props {
   theme?: ThemeParam
 }
 
-const ZEITUIProvider: React.FC<PropsWithChildren<Props>> = ({ theme, children }) => {
+const ZeitProvider: React.FC<PropsWithChildren<Props>> = ({ theme, children }) => {
   const [toasts, setToasts, toastsRef] = useCurrentState<Array<ToastWithID>>([])
   const [toastHovering, setToastHovering] = useState<boolean>(false)
   const updateToasts: UpdateToastsFunction<ToastWithID> = (
@@ -48,4 +48,4 @@ const ZEITUIProvider: React.FC<PropsWithChildren<Props>> = ({ theme, children })
   )
 }
 
-export default ZEITUIProvider
+export default ZeitProvider