chore: upgrade zeit-ui/react

Author: unix

package.json

@@ -11,7 +11,7 @@
     "export": "npm run now-build && next export"
   },
   "dependencies": {
-    "@zeit-ui/react": "^1.3.0",
+    "@zeit-ui/react": "^1.5.0",
     "@zeit-ui/react-icons": "^1.2.2",
     "@zeit-ui/react-prism": "^1.0.0",
     "ms": "^2.1.2",

pages/_app.jsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import BLOG from '../blog.config'
 import { PrismBaseline } from '@zeit-ui/react-prism'
-import { ZEITUIProvider, CSSBaseline } from '@zeit-ui/react'
+import { ZeitProvider, CssBaseline } from '@zeit-ui/react'
 import React, { useCallback, useState, useEffect, useMemo } from 'react'
 import useDomClean from 'lib/use-dom-clean'
 import { getDNSPrefetchValue } from 'lib/data-transform'
@@ -45,8 +45,8 @@ const Application = ({ Component, pageProps }) => {
       <meta itemProp="image" property="og:image" content={`https:${domain}/assets/og-main.png`} />
       <meta name="viewport" content="initial-scale=1, maximum-scale=5, minimum-scale=1, viewport-fit=cover" />
     </Head>
-    <ZEITUIProvider theme={{ type: themeType }}>
-      <CSSBaseline />
+    <ZeitProvider theme={{ type: themeType }}>
+      <CssBaseline />
       <PrismBaseline />
       <ThemeConfigProvider onChange={changeHandle}>
         <Component {...pageProps} />
@@ -58,7 +58,7 @@ const Application = ({ Component, pageProps }) => {
           }
         }
       `}</style>
-    </ZEITUIProvider>
+    </ZeitProvider>
     </>
   )
 }

pages/_document.jsx

@@ -1,12 +1,12 @@
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 import BLOG from '../blog.config'
-import { CSSBaseline } from '@zeit-ui/react'
+import { CssBaseline } from '@zeit-ui/react'
 import flush from 'styled-jsx/server'
 
 class MyDocument extends Document {
   static async getInitialProps (ctx) {
     const initialProps = await Document.getInitialProps(ctx)
-    const styles = CSSBaseline.flush()
+    const styles = CssBaseline.flush()
 
     return {
       ...initialProps,

pages/posts/getting-started-with-zeit-ui-react.mdx

@@ -15,7 +15,7 @@ export const meta = {
 
 在开始创建你的第一个 ZEIT UI 项目之前，我们还必须同步一个基础观念：极简的风格并非简陋，**真正的简约也不是删繁就简，而是在纷繁中构建秩序**。
 来自 ZEIT 的设计风格绝不是灵光一现的作品，而是设计大师 <Link href="https://evilrabb.it/" rel="nofollow">Evil Rabbit</Link> 与其团队设计师精心雕琢的设计语言，
-如果你使用在此基础上构建的 UI 库 `@zeit-ui/react` 时发现任何瑕疵，那一定是我们拙劣的技术实现所致，不必担心，我们可以一同优化与解决缺陷。
+如果你使用在此基础上构建的 UI 库 `@zeit-ui/react` 时发现任何瑕疵，那一定是我们拙劣的技术实现所致。
 
 <Spacer y={.5} />
 
@@ -69,14 +69,14 @@ export const meta = {
 
 ```jsx
 // ...
-import { ZEITUIProvider, CSSBaseline } from '@zeit-ui/react'
+import { ZeitProvider, CssBaseline } from '@zeit-ui/react'
 
 ReactDOM.render(
   <React.StrictMode>
-    <ZEITUIProvider>        // 基础 Context 支持
-      <CSSBaseline />       // 基础样式组件
+    <ZeitProvider>        // 基础 Context 支持
+      <CssBaseline />       // 基础样式组件
       <App />
-    </ZEITUIProvider>
+    </ZeitProvider>
   </React.StrictMode>,
   document.getElementById('root')
 );

yarn.lock

@@ -1334,10 +1334,10 @@
   resolved "https://registry.yarnpkg.com/@zeit-ui/react-prism/-/react-prism-1.0.0.tgz#3438c648f71b7fc0d8a7c53a0cba90bc3dc2f784"
   integrity sha512-gLGHCaVX7EM/dPl82GCVlLkpkA101cSK7gVnV0auQRHTiUq/Jeger87JbbQ+dJNSWH636sXiyErR0mwHpqHCUw==
 
-"@zeit-ui/react@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@zeit-ui/react/-/react-1.3.0.tgz#4bdfedaa124f416c698cf8ca28d9333a01eae958"
-  integrity sha512-ilGz2B4EHAQS+sOqZgP6rQ8QWO/nMiAihGpldwvWuVHINP8zku5cYQRl4l5KQ0D0J78fu+QPqfrNpOX/LM75gg==
+"@zeit-ui/react@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@zeit-ui/react/-/react-1.5.0.tgz#078e1a3b5188d01644e9985312346029177775bc"
+  integrity sha512-OWwqX4K6Feagf+kyzIJ/w63rbUZviCLumKzgNPZpEAXGF7CPGb8maKchN4z5riKmEM4UbAgjFNUmL/sevHSwVg==
   dependencies:
     styled-jsx "^3.2.5"