Merge pull request #418 from chakra-ui/develop

chore: release candidate for v0.8.1 🎉

Author: codebender828

.all-contributorsrc

@@ -222,6 +222,16 @@
       "name": "JT Houk",
       "avatar_url": "https://avatars.githubusercontent.com/u/23695312?v=4",
       "profile": "https://jt.houk.space/",
+      "contributions": [
+        "doc",
+        "platform"
+      ]
+    },
+    {
+      "login": "vincentpalma",
+      "name": "Vincent Palma",
+      "avatar_url": "https://avatars.githubusercontent.com/u/10133632?v=4",
+      "profile": "https://github.com/vincentpalma",
       "contributions": [
         "doc"
       ]

.changeset/config.json

@@ -8,5 +8,6 @@
   "linked": [],
   "access": "public",
   "baseBranch": "master",
-  "updateInternalDependencies": "patch"
+  "updateInternalDependencies": "patch",
+  "ignore": []
 }

.changeset/loud-pianos-argue.md

@@ -0,0 +1,8 @@
+---
+'@chakra-ui/vue': patch
+'@chakra-ui/nuxt': patch
+'@chakra-ui/theme-vue': patch
+'chakra-ui-docs': patch
+---
+
+Fix for close button to change color

README.md

@@ -218,8 +218,9 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://github.com/odanado"><img src="https://avatars.githubusercontent.com/u/6040962?v=4?s=50" width="50px;" alt=""/><br /><sub><b>odanado</b></sub></a><br /><a href="https://github.com/chakra-ui/chakra-ui-vue/commits?author=odanado" title="Code">💻</a> <a href="#tool-odanado" title="Tools">🔧</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://jt.houk.space/"><img src="https://avatars.githubusercontent.com/u/23695312?v=4?s=50" width="50px;" alt=""/><br /><sub><b>JT Houk</b></sub></a><br /><a href="https://github.com/chakra-ui/chakra-ui-vue/commits?author=HoukasaurusRex" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/IHIutch"><img src="https://avatars.githubusercontent.com/u/20825047?v=4?s=50" width="50px;" alt=""/><br /><sub><b>Jonathan Hutchison</b></sub></a><br /><a href="https://github.com/chakra-ui/chakra-ui-vue/commits?author=IHIutch" title="Code">💻</a> <a href="https://github.com/chakra-ui/chakra-ui-vue/issues?q=author%3AIHIutch" title="Bug reports">🐛</a> <a href="#ideas-IHIutch" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://jt.houk.space/"><img src="https://avatars.githubusercontent.com/u/23695312?v=4?s=50" width="50px;" alt=""/><br /><sub><b>JT Houk</b></sub></a><br /><a href="https://github.com/chakra-ui/chakra-ui-vue/commits?author=HoukasaurusRex" title="Documentation">📖</a> <a href="#platform-HoukasaurusRex" title="Packaging/porting to new platform">📦</a></td>
+    <td align="center"><a href="https://github.com/vincentpalma"><img src="https://avatars.githubusercontent.com/u/10133632?v=4?s=50" width="50px;" alt=""/><br /><sub><b>Vincent Palma</b></sub></a><br /><a href="https://github.com/chakra-ui/chakra-ui-vue/commits?author=vincentpalma" title="Documentation">📖</a></td>
   </tr>
 </table>
 

packages/chakra-ui-core/src/CCloseButton/CCloseButton.js

@@ -78,7 +78,6 @@ const CCloseButton = {
       }
     }, [h(CIcon, {
       props: {
-        color: props.color,
         name: 'close',
         size: iconSize
       },

packages/chakra-ui-core/src/CCloseButton/utils/closebutton.props.js

@@ -8,10 +8,6 @@ export default {
     type: Boolean,
     default: false
   },
-  color: {
-    type: String,
-    default: 'currentColor'
-  },
   ariaLabel: {
     type: String,
     default: 'Close'

website/pages/image.mdx

@@ -78,7 +78,7 @@ Below is the correct way to `require` relative assets for the `CImage` and `CAva
 <c-image src="@/assets/path-to-img.jpg" />
 
 <!-- ✅ Correct -->
-<c-image :src="require('@/assets/path-to-img.jpg)" />
+<c-image :src="require('@/assets/path-to-img.jpg')" />
 ```
 
 ## Fallback support

website/pages/with-vuepress.mdx

@@ -74,7 +74,7 @@ export default ({
       }
     }
   })
-})
+}
 ```
 
 Now you can wrap your main application inside the Chakra `CThemeProvider` component by creating a layout wrapper in `theme/layouts/Layout.vue`.
@@ -105,7 +105,11 @@ export default {
 
 ## Using Chakra components
 
-_In your `App.vue` file._
+You can now use Chakra in your custom components for your theme in either your `theme/components` folder (available to other theme components),
+or your `theme/global-components` folder (available to your markdown pages as well as other components).
+Learn more about theme inheritance in the [Vuepress documentation](https://vuepress.vuejs.org/theme/inheritance.html#inheritance-strategy)
+
+_In your `my-component.vue` file._
 
 ```vue
 <template>
@@ -120,11 +124,21 @@ _In your `App.vue` file._
 import { CBox, CButton } from '@chakra-ui/vue'
 
 export default {
-  name: 'App',
+  name: 'MyComponent',
   components: {
     CBox,
     CButton
   }
 }
 </script>
 ```
+
+### Vuepress Codesandbox Starters
+
+Here's a link to sample component starter with Nuxt.js
+
+- [Vuepress Starter](https://codesandbox.io/s/chakra-ui-vuepress-starter-qx4up)
+
+### Storybook Components
+
+You can also view all developed components in [Storybook](https://chakra-ui-vue.netlify.com)!