chore: resolve imports

codebender828 · codebender828 · commit 1c723a9ee8db · 2021-03-25T03:37:48.000+08:00
diff --git a/_templates/generator/component/package.json.ejs.t b/_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",
diff --git a/_templates/generator/module/package.json.ejs.t b/_templates/generator/module/package.json.ejs.t
@@ -17,7 +17,7 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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:*",
diff --git a/packages/c-accordion/package.json b/packages/c-accordion/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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"
diff --git a/packages/c-alert/package.json b/packages/c-alert/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",
diff --git a/packages/c-alert/src/alert.ts b/packages/c-alert/src/alert.ts
@@ -2,14 +2,13 @@ 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'
 
@@ -66,7 +65,7 @@ export const CAlert = defineComponent({
       type: [String] as PropType<ColorScheme>,
     },
     styleConfig: {
-      type: [Object] as PropType<DeepComponentThemeConfig>,
+      type: [Object] as PropType<any>,
     },
     variant: {
       type: [String] as PropType<AlertVariant>,
diff --git a/packages/c-badge/package.json b/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",
diff --git a/packages/c-button/package.json b/packages/c-button/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",
diff --git a/packages/c-button/src/button.ts b/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,
diff --git a/packages/c-color-mode/package.json b/packages/c-color-mode/package.json
@@ -24,7 +24,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",
diff --git a/packages/c-flex/package.json b/packages/c-flex/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",
diff --git a/packages/c-icon/package.json b/packages/c-icon/package.json
@@ -20,7 +20,7 @@
     "url": "https://github.com/chakra-ui/chakra-ui=vue-next/issues"
   },
   "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",
diff --git a/packages/c-popper/package.json b/packages/c-popper/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",
diff --git a/packages/c-portal/package.json b/packages/c-portal/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",
diff --git a/packages/c-reset/package.json b/packages/c-reset/package.json
@@ -26,7 +26,7 @@
     "url": "https://github.com/chakra-ui/chakra-ui=vue-next/issues"
   },
   "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",
diff --git a/packages/c-spinner/package.json b/packages/c-spinner/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",
diff --git a/packages/c-theme-provider/package.json b/packages/c-theme-provider/package.json
@@ -19,7 +19,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",
diff --git a/packages/c-visually-hidden/package.json b/packages/c-visually-hidden/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",
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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"
diff --git a/packages/system/package.json b/packages/system/package.json
@@ -10,7 +10,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",
@@ -20,8 +20,8 @@
     "watch:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch --incremental"
   },
   "dependencies": {
+    "@chakra-ui/c-color-mode": "*",
     "@chakra-ui/styled-system": "^1.9.0",
-    "@chakra-ui/vue-theme": "*",
     "@chakra-ui/vue-utils": "*",
     "@emotion/css": "^11.1.3",
     "lodash.camelcase": "^4.3.0",
diff --git a/packages/system/src/composables/use-style-config.ts b/packages/system/src/composables/use-style-config.ts
@@ -1,37 +1,21 @@
 import { computed, ComputedRef } from 'vue'
-
 import { SystemStyleObject } from '@chakra-ui/styled-system'
-import { ChakraComponentName, ComponentThemeConfig } from '@chakra-ui/vue-theme'
 import { ThemingProps } from '../system.types'
-import { DeepPartial } from '../system.utils'
 import { filterUndefined, get, mergeWith, runIfFn } from '@chakra-ui/vue-utils'
 import { useChakra } from './use-chakra'
 
-export type AllThemedComponents = ChakraComponentName &
-  keyof Record<string, any>
-
-/**
- * This type allows us to loosely type values for consumer provided
- * components in the theme config.
- *
- * @note At the time of writing this, I'm not sure whether this should
- * be loosely typed with a {DeepComponentThemeConfig} or should be strictly
- * typed with as the {ComponentThemeConfig}
- */
-export type DeepComponentThemeConfig = DeepPartial<ComponentThemeConfig>
-
 export function useStyleConfig(
-  themeKey: AllThemedComponents,
+  themeKey: string,
   themingProps: ThemingProps,
   options: { isMultiPart: true },
-  userStyleConfig?: DeepComponentThemeConfig
+  userStyleConfig?: any
 ): ComputedRef<Record<string, SystemStyleObject>>
 
 export function useStyleConfig(
-  themeKey: AllThemedComponents,
+  themeKey: string,
   themingProps?: ThemingProps,
   options?: { isMultiPart?: boolean },
-  userStyleConfig?: DeepComponentThemeConfig
+  userStyleConfig?: any
 ): ComputedRef<SystemStyleObject>
 
 export function useStyleConfig(
@@ -67,8 +51,7 @@ export function useStyleConfig(
     const styles = mergeWith({}, baseStyles, sizes, variants) as ComponentStyles
 
     if (options.isMultiPart && styleConfig.parts) {
-      styleConfig.parts.forEach((part: keyof ComponentStyles) => {
-        // @ts-expect-error
+      styleConfig.parts.forEach((part: string) => {
         styles[part] = styles[part] ?? {}
       })
     }
@@ -77,9 +60,6 @@ export function useStyleConfig(
   })
 }
 
-export function useMultiStyleConfig(
-  themeKey: AllThemedComponents,
-  themingProps: any
-) {
+export function useMultiStyleConfig(themeKey: string, themingProps: any) {
   return useStyleConfig(themeKey, themingProps, { isMultiPart: true })
 }
diff --git a/packages/system/src/system.attrs.ts b/packages/system/src/system.attrs.ts
@@ -1,4 +1,3 @@
-import kebabCase from 'lodash.kebabcase'
 import camelCase from 'lodash.camelcase'
 import {
   propNames,
diff --git a/packages/system/src/system.types.ts b/packages/system/src/system.types.ts
@@ -1,9 +1,5 @@
 import { Component, Fragment, Suspense, Teleport } from 'vue'
-import {
-  SystemProps,
-  SystemStyleObject,
-  ResponsiveValue,
-} from '@chakra-ui/styled-system'
+import { SystemProps, ResponsiveValue } from '@chakra-ui/styled-system'
 
 import {
   ChakraColors,
diff --git a/packages/system/src/system.utils.ts b/packages/system/src/system.utils.ts
@@ -1,4 +1,4 @@
-import { Dict, UnionStringArray } from '@chakra-ui/vue-utils'
+import { UnionStringArray } from '@chakra-ui/vue-utils'
 import { keyframes, injectGlobal } from '@emotion/css'
 
 /**
diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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:*",
diff --git a/packages/theme-tools/package.json b/packages/theme-tools/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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"
diff --git a/packages/theme/package.json b/packages/theme/package.json
@@ -13,7 +13,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",
diff --git a/packages/theme/src/components/skeleton.ts b/packages/theme/src/components/skeleton.ts
@@ -1,4 +1,4 @@
-import { keyframes } from '@chakra-ui/system'
+import { keyframes } from '@chakra-ui/vue-system'
 import { getColor, mode } from '@chakra-ui/vue-theme-tools'
 
 const fade = (startColor: string, endColor: string) =>
diff --git a/packages/utils/package.json b/packages/utils/package.json
@@ -10,7 +10,7 @@
   "author": "Jonathan Bakebwa codebender828@gmail.com",
   "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",

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { defineComponent, PropType, computed, cloneVNode, h } from 'vue'`
	`1`	`+import { defineComponent, PropType, computed, h } from 'vue'`
`2`	`2`	`import {`
`3`	`3`	`chakra,`
`4`	`4`	`useStyleConfig,`