Merge pull request #364 from chakra-ui/develop

ci: Releases @chakra-ui/[email protected] & @chakra-ui/nuxt@^0.2.0 🎉  (Upgrades emotion to @emotion/css)

Author: codebender828

.eslintrc.js

@@ -3,7 +3,10 @@ module.exports = {
   env: {
     node: true
   },
-  plugins: ['testing-library'],
+  plugins: [
+    'testing-library',
+    '@emotion'
+  ],
   extends: [
     'plugin:vue/essential',
     '@vue/standard',
@@ -28,7 +31,8 @@ module.exports = {
         ]
       }
     ],
-    'template-curly-spacing': 0
+    'template-curly-spacing': 0,
+    '@emotion/pkg-renaming': 'error'
   },
   parserOptions: {
     parser: 'babel-eslint'

.npmrc

@@ -7,59 +7,59 @@ import Canvas from './components/Canvas.vue'
 import storyBookTheme from './theme'
 
 import {
-  faBraille,
-  faAnchor,
-  faPlus,
-  faCoffee,
-  faAmbulance,
-  faCalendar,
-  faCar,
-  faCaretLeft,
-  faBolt,
-  faUserSlash,
-  faCheckCircle,
-  faCog,
-  faLock,
-  faEye,
-  faEyeSlash } from '@fortawesome/free-solid-svg-icons'
-
-import {
-  faChevronCircleUp,
-  faSearch,
-  faTimesCircle } from '@fortawesome/pro-light-svg-icons'
-
-import {
-  faGithub
-} from '@fortawesome/free-brands-svg-icons'
-
-import {
-  faDiscord
-} from '@fortawesome/free-brands-svg-icons'
+  feAnchor,
+  fePlus,
+  feShoppingBag,
+  feCalendar,
+  feShoppingCart,
+  feChevronLeft,
+  feStar,
+  feUserMinus,
+  feCheckCircle,
+  feSettings,
+  feLock,
+  feEye,
+  feSearch,
+  feEyeOff,
+  feGithub,
+  feAirplay,
+  feCloudRain,
+  feUploadCloud,
+  feMap,
+  feSend,
+  feServer
+} from 'feather-icons-paths'
 
 Vue.use(Chakra, {
   icons: {
-    iconPack: 'fa',
     iconSet: {
-      faBraille,
-      faAnchor,
-      faPlus,
-      faCoffee,
-      faAmbulance,
-      faCalendar,
-      faCar,
-      faCaretLeft,
-      faBolt,
-      faUserSlash,
-      faChevronCircleUp,
-      faSearch,
-      faTimesCircle,
-      faGithub,
-      faDiscord,
-      faCheckCircle,
-      faCog,
-      faLock,
-      faEye,
-      faEyeSlash
+      feAnchor,
+      fePlus,
+      feShoppingBag,
+      feCalendar,
+      feShoppingCart,
+      feChevronLeft,
+      feStar,
+      feUserMinus,
+      feCheckCircle,
+      feSettings,
+      feLock,
+      feEye,
+      feSearch,
+      feEyeOff,
+      feGithub,
+      feAirplay,
+      feCloudRain,
+      feUploadCloud,
+      feMap,
+      feSend,
+      feServer
+    },
+    extend: {
+      discord: {
+        path: `<path fill="currentColor" d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z" fa-key="3" fill="currentColor"></path>`,
+        viewBox: '0 0 496 512'
+      }
     }
   }
 })

.storybook/config.js

@@ -54,18 +54,18 @@ Head over here => https://vue.chakra-ui.com
   - [Storybook Components](#storybook-components)
   - [Development for Contributing:](#development-for-contributing)
     - [Related](#related)
-- [Contributors ✨](#contributors)
+- [Contributors ✨](#contributors-)
 
 ## Installation
 
 ```bash
-yarn add @chakra-ui/vue emotion
+yarn add @chakra-ui/vue @emotion/css
 ```
 
 or
 
 ```bash
-npm install @chakra-ui/vue emotion
+npm install @chakra-ui/vue @emotion/css
 ```
 
 <a id="nuxt-usage"></a>
@@ -74,7 +74,7 @@ npm install @chakra-ui/vue emotion
 > If you're using Nuxt, you need to install `@nuxtjs/emotion` package as well to server-side render your styles.
 
 ```bash
-yarn add @chakra-ui/vue emotion @nuxtjs/emotion
+yarn add @chakra-ui/vue @emotion/css @nuxtjs/emotion
 ```
 
 ## Usage

README.md

@@ -15,7 +15,8 @@
       "website"
     ],
     "nohoist": [
-      "core-js"
+      "core-js",
+      "@chakra-ui/vue"
     ]
   },
   "scripts": {
@@ -39,25 +40,16 @@
     "deploy-storybook": "storybook-to-ghpages -- --out=.out",
     "now-build-storybook": "build-storybook -o dist/storybook",
     "docs:dev": "yarn docs-dev",
+    "docs:lint": "yarn workspace chakra-ui-docs lint",
     "theme:dev": "yarn workspace @chakra-ui/theme-vue build",
     "docs-dev": "yarn workspace chakra-ui-docs dev",
     "evalbundle": "bundlesize"
   },
   "dependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.7.4",
-    "@babel/plugin-transform-modules-commonjs": "^7.7.4",
-    "@babel/plugin-transform-parameters": "^7.7.4",
-    "@babel/preset-env": "^7.9.5",
-    "@changesets/cli": "^2.7.1",
-    "@commitlint/cli": "^8.2.0",
-    "@commitlint/config-conventional": "^8.2.0",
-    "@fortawesome/free-brands-svg-icons": "^5.12.0",
-    "@fortawesome/free-solid-svg-icons": "^5.11.2",
-    "@fortawesome/pro-light-svg-icons": "^5.11.2",
+    "@emotion/css": "^11.0.0",
     "@mdx-js/vue-loader": "^1.6.1",
     "@nuxtjs/dotenv": "^1.4.0",
-    "@nuxtjs/emotion": "^0.0.1",
+    "@nuxtjs/emotion": "^0.1.0",
     "@nuxtjs/now-builder": "^0.17.1",
     "@nuxtjs/router": "^1.5.0",
     "@popperjs/core": "^2.4.0",
@@ -69,28 +61,7 @@
     "@storybook/theming": "^5.2.8",
     "@storybook/vue": "^5.3.3",
     "@styled-system/css": "^5.0.23",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-    "@vue/babel-plugin-transform-vue-jsx": "^1.1.2",
-    "@vue/babel-preset-app": "^4.1.1",
-    "@vue/babel-preset-jsx": "^1.1.2",
-    "@vue/cli-plugin-babel": "^3.11.0",
-    "@vue/cli-plugin-eslint": "^3.11.0",
-    "@vue/cli-plugin-pwa": "^3.11.0",
-    "@vue/cli-plugin-unit-jest": "^3.11.0",
-    "@vue/eslint-config-standard": "^4.0.0",
-    "@vue/test-utils": "1.0.0-beta.29",
     "aria-hidden": "^1.1.1",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-jest": "^23.6.0",
-    "babel-loader": "^8.0.6",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-es2015-for-of": "^6.23.0",
-    "babel-plugin-transform-vue-jsx": "^3.7.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-vue": "^2.0.2",
-    "babelrc-rollup": "^3.0.0",
     "breadstick": "^0.2.14",
     "can-use-dom": "^0.1.0",
     "chakra-loader": "latest",
@@ -99,10 +70,10 @@
     "core-js": "^3.6.4",
     "defu": "^2.0.4",
     "dotenv-defaults": "^1.1.1",
-    "emotion": "^10.0.27",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "eslint-plugin-vue-a11y": "^0.0.31",
+    "feather-icons-paths": "^1.0.8",
     "file-contributors": "^1.0.2",
     "focus-trap": "^5.1.0",
     "focus-trap-vue": "^0.0.4",
@@ -134,15 +105,46 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.7.4",
+    "@babel/plugin-transform-modules-commonjs": "^7.7.4",
+    "@babel/plugin-transform-parameters": "^7.7.4",
+    "@babel/preset-env": "^7.9.5",
     "@babel/runtime-corejs2": "^7.8.7",
+    "@changesets/cli": "^2.7.1",
+    "@commitlint/cli": "^8.2.0",
+    "@commitlint/config-conventional": "^8.2.0",
+    "@emotion/babel-plugin": "^11.1.2",
+    "@emotion/eslint-plugin": "^11.0.0",
     "@nuxtjs/eslint-config": "^3.0.0",
     "@nuxtjs/eslint-module": "^1.0.0",
     "@nuxtjs/module-test-utils": "^1.6.1",
     "@testing-library/jest-dom": "^5.1.1",
     "@testing-library/user-event": "^10.0.0",
     "@testing-library/vue": "^4.1.0",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+    "@vue/babel-plugin-transform-vue-jsx": "^1.1.2",
+    "@vue/babel-preset-app": "^4.1.1",
+    "@vue/babel-preset-jsx": "^1.1.2",
+    "@vue/cli-plugin-babel": "^3.11.0",
+    "@vue/cli-plugin-eslint": "^3.11.0",
+    "@vue/cli-plugin-pwa": "^3.11.0",
+    "@vue/cli-plugin-unit-jest": "^3.11.0",
     "@vue/devtools": "^5.3.3",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-jest": "^23.6.0",
+    "babel-loader": "^8.0.6",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-es2015-for-of": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-vue": "^2.0.2",
+    "babelrc-rollup": "^3.0.0",
     "bundlesize": "^0.18.0",
     "cross-env": "^7.0.2",
     "eslint-config-prettier": "^6.10.0",

package.json

@@ -1,14 +1,52 @@
 # Change Log
 
+## 0.7.0
+
+### Minor Changes
+
+- 8715f8c: Upgraded `emotion` dependencies to namespaced `@emotion/css` packages
+
+### Patch Changes
+
+- 6b21ca5: Upgraded to @nuxtjs/emotion@^0.1.0
+- 98ccc9f: Added support for feather-icons to Chakr aUI Vue
+- eb47ac5: Removes UMD builds for Chakra UI Vue
+
+## 0.7.0-next.3
+
+### Patch Changes
+
+- Removes UMD builds for Chakra UI Vue
+
+## 0.7.0-next.2
+
+### Patch Changes
+
+- Added support for feather-icons to Chakr aUI Vue
+
+## 0.7.0-next.1
+
+### Patch Changes
+
+- Upgraded to @nuxtjs/emotion@^0.1.0
+
+## 0.7.0-next.0
+
+### Minor Changes
+
+- Upgraded `emotion` dependencies to namespaced `@emotion/css` packages
+
 ## 0.6.6
 
 ### Patch Changes
 
 **🌟 New features**
+
 - feat: include all known css properties #319
 - feat(CStack): allow stack html elements #324
 
 **🛠 Bug fixes**
+
 - fix(creset): include font-family to global styles #323
 - fix(inputgroup): default inputgroup z-index to containing element zindex #325
 - Documentation fixes #329, #328, #321

packages/chakra-ui-core/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/vue",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "description": "Build Accessible and Responsive Vue.js websites and applications with speed ⚡️",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
     "v-scroll-lock": "^1.1.0"
   },
   "peerDependencies": {
-    "emotion": "^10.0.27",
+    "@emotion/css": "^11.0.0",
     "vue": "^2.6.10"
   },
   "devDependencies": {