Merge pull request #34 from chakra-ui/chore/upgrade-theme

Chore/upgrade theme

Author: codebender828

_templates/generator/component/package.json.ejs.t

@@ -29,7 +29,7 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
   },
   "sideEffects": false,
   "scripts": {
-    "build": "concurrently yarn:build:*",
+    "build": "rimraf ./dist && concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types",

_templates/generator/module/package.json.ejs.t

@@ -17,7 +17,7 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
   "author": "Jonathan Bakebwa [email protected]",
   "license": "MIT",
   "scripts": {
-    "build": "concurrently yarn:build:*",
+    "build": "rimraf ./dist && concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
     "watch": "concurrently yarn:watch:*",

packages/c-accordion/package.json

@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa [email protected]",
   "license": "MIT",
   "scripts": {
-    "build": "concurrently yarn:build:*",
+    "build": "rimraf ./dist && concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types"

packages/c-alert/package.json

@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa [email protected]",
   "license": "MIT",
   "scripts": {
-    "build": "concurrently yarn:build:*",
+    "build": "rimraf ./dist && concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types",

packages/c-alert/src/alert.ts

@@ -1,33 +1,31 @@
 import { h, defineComponent, PropType, computed } from 'vue'
 import {
   chakra,
-  ColorScheme,
-  DeepComponentThemeConfig,
   ThemingProps,
   useMultiStyleConfig,
   useStyles,
   StylesProvider,
   DOMElements,
+  SystemStyleObject,
 } from '@chakra-ui/vue-system'
-import { SystemStyleObject } from '@chakra-ui/vue-system'
 import { createContext } from '@chakra-ui/vue-utils'
 import { CIcon } from '@chakra-ui/c-icon'
 
 const STATUSES = {
   info: {
-    colorScheme: 'blue' as ColorScheme,
+    colorScheme: 'blue',
     icon: 'info',
   },
   success: {
-    colorScheme: 'green' as ColorScheme,
+    colorScheme: 'green',
     icon: 'check-circle',
   },
   warning: {
-    colorScheme: 'orange' as ColorScheme,
+    colorScheme: 'orange',
     icon: 'warning-alt',
   },
   error: {
-    colorScheme: 'red' as ColorScheme,
+    colorScheme: 'red',
     icon: 'warning',
   },
 }
@@ -63,18 +61,18 @@ export const CAlert = defineComponent({
       default: 'info',
     },
     colorScheme: {
-      type: [String] as PropType<ColorScheme>,
+      type: [String] as PropType<string>,
     },
     styleConfig: {
-      type: [Object] as PropType<DeepComponentThemeConfig>,
+      type: [Object] as PropType<any>,
     },
     variant: {
       type: [String] as PropType<AlertVariant>,
       default: 'solid',
     },
   },
   setup(props, { slots, attrs }) {
-    const colorScheme: ColorScheme =
+    const colorScheme: string =
       props.colorScheme || STATUSES[props.status].colorScheme
 
     const themingProps: ThemingProps = {

packages/c-badge/package.json

@@ -25,7 +25,7 @@
   },
   "sideEffects": false,
   "scripts": {
-    "build": "concurrently yarn:build:*",
+    "build": "rimraf ./dist && concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types",

packages/c-button/package.json

@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa [email protected]",
   "license": "MIT",
   "scripts": {
-    "build": "concurrently yarn:build:*",
+    "build": "rimraf ./dist && concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx,.tsx -d dist/cjs --source-maps",
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types",

packages/c-button/src/button-group.ts

@@ -4,7 +4,6 @@ import {
   SystemStyleObject,
 } from '@chakra-ui/styled-system'
 import { chakra, ThemingProps } from '@chakra-ui/vue-system'
-import { ComponentThemeConfig } from '@chakra-ui/vue-theme'
 import { createContext } from '@chakra-ui/vue-utils'
 
 export interface ButtonGroupProps extends ThemingProps {
@@ -41,7 +40,7 @@ const props = {
     default: 'sm',
   },
   colorScheme: String as PropType<string>,
-  styleConfig: String as PropType<ComponentThemeConfig>,
+  styleConfig: String as PropType<any>,
 }
 
 type ButtonGroupContext = () => ThemingProps & {

packages/c-button/src/button.ts

@@ -1,4 +1,4 @@
-import { defineComponent, PropType, computed, cloneVNode, h } from 'vue'
+import { defineComponent, PropType, computed, h } from 'vue'
 import {
   chakra,
   useStyleConfig,

packages/c-color-mode/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@chakra-ui/c-color-mode",
+  "version": "1.0.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "author": "Jonathan Bakebwa <[email protected]>",
+  "homepage": "https://github.com/chakra-ui/chakra-ui-vue-next#readme",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chakra-ui/chakra-ui-vue-next.git"
+  },
+  "bugs": {
+    "url": "https://github.com/chakra-ui/chakra-ui=vue-next/issues"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "rimraf ./dist && concurrently yarn:build:*",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
+    "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "watch": "concurrently yarn:watch:*",
+    "watch:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps --watch",
+    "watch:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps --watch",
+    "watch:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch"
+  },
+  "dependencies": {
+    "@chakra-ui/vue-utils": "*"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.5"
+  }
+}