Merge pull request #12034 from TylerAPfledderer/build/chakra-cli

build: add Chakra CLI

Author: pettinarip

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
+    "postinstall": "yarn theme",
     "build": "next build",
     "postbuild": "next-sitemap",
     "start": "next start",
@@ -17,8 +18,10 @@
     "chromatic": "chromatic --project-token fee8e66c9916",
     "crowdin-clean": "rm -rf .crowdin && mkdir .crowdin",
     "crowdin-import": "ts-node src/scripts/crowdin-import.ts",
+    "markdown-checker": "ts-node -O '{ \"module\": \"commonjs\" }' src/scripts/markdownChecker.ts",
     "events-import": "ts-node -O '{ \"module\": \"commonjs\" }' src/scripts/events-import.ts",
-    "markdown-checker": "ts-node -O '{ \"module\": \"commonjs\" }' src/scripts/markdownChecker.ts"
+    "theme": "chakra-cli tokens ./src/@chakra-ui/theme.ts",
+    "theme:watch": "chakra-cli tokens ./src/@chakra-ui/theme.ts --watch"
   },
   "dependencies": {
     "@chakra-ui/react": "^2.8.0",
@@ -57,6 +60,7 @@
     "yaml-loader": "^0.8.0"
   },
   "devDependencies": {
+    "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/storybook-addon": "5.1.0",
     "@netlify/plugin-nextjs": "^4.41.3",
     "@storybook/addon-essentials": "7.6.6",
@@ -92,4 +96,4 @@
   "resolutions": {
     "jackspeak": "2.1.1"
   }
-}
+}

tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES6",
     "lib": ["dom", "dom.iterable", "esnext", "ES2021.String"],
     "allowJs": true,
     "skipLibCheck": true,