Merge pull request #319 from chakra-ui/release/css-props

feat: include all known css properties

Author: codebender828

.storybook/components/Canvas.vue

@@ -48,6 +48,7 @@ import {
   CBox,
   CIconButton,
   CColorModeProvider } from '../../packages/chakra-ui-core/src'
+
 export default {
   name: 'Canvas',
   components: {

.storybook/config.js

@@ -2,9 +2,8 @@ import { configure, addDecorator, addParameters } from '@storybook/vue';
 import Vue from 'vue'
 import VueLive from 'vue-live'
 import Lorem from 'vue-lorem-ipsum'
-import Chakra, { CThemeProvider, CColorModeProvider, CReset } from '../packages/chakra-ui-core/src'
+import Chakra from '../packages/chakra-ui-core/src'
 import Canvas from './components/Canvas.vue'
-import theme from '../packages/chakra-ui-core/src/lib/theme'
 import storyBookTheme from './theme'
 
 import {
@@ -38,6 +37,13 @@ import {
 } from '@fortawesome/free-brands-svg-icons'
 
 Vue.use(Chakra, {
+  extendTheme: {
+    fonts: {
+      heading: "'Comic Sans MS'",
+      body: "'Comic Sans MS'",
+      monospace: "'Comic Sans MS'"
+    }
+  },
   icons: {
     iconPack: 'fa',
     iconSet: {
@@ -75,16 +81,11 @@ addParameters({
 
 addDecorator(() => ({
   template: `
-    <Canvas :theme="theme">
+    <Canvas>
       <story/>
     </Canvas>
   `,
-  data() {
-    return {
-      theme,
-    }
-  },
-  components: { CThemeProvider, CColorModeProvider, CReset, Canvas }
+  components: { Canvas }
 }));
 
 // For playground