Upgrade to Chakra UI v1 (#91)

* start migration to v1

* migration to ChakraUI v1

* upgrade version & start debugging

* add theme

* continue upgrade

* fix all error for migration

* fix bug & ts-ignore

* fix menu icon

* update theme

* Multiple fixes, handle button icons

* Fix types

* Fix background grid

* Fix tests

* Fix clear popover color

* Fix code panel

* Fix tests

* Upgrade circleci node version

* Upgrade circle ci node version

* Fix tests

* Add preview for Icon and IconButton

* Upgrade next.js

* Upgrade to official chakra v1 release

* Fix Header layout

* Fix build, fix codesandbox packages

* Fix z-index on popover, fix search bar

* Fix icon preview and multiple inconsistencies

* Fix tests

* Fix default props and some previews

* Fix tests

* Fix searchbar clear button

* Add v0 menu entry

* Update templates

* Fix searchbar zindex

* Fix env variable name

Co-authored-by: Hugo FOYART <hfoyart@premieroctet.com>
Co-authored-by: shinework <adrien.baptiste@gmail.com>

.circleci/config.yml

@@ -7,7 +7,7 @@ jobs:
   build:
     docker:
       # specify the version you desire here
-      - image: circleci/node:10.16.3
+      - image: circleci/node:11.10.1
 
     steps:
       - checkout

package.json

@@ -5,9 +5,11 @@
   "dependencies": {
     "@bugsnag/js": "^6.5.2",
     "@bugsnag/plugin-react": "^6.5.0",
-    "@chakra-ui/core": "^0.5.2",
-    "@emotion/core": "^10.0.27",
-    "@emotion/styled": "^10.0.27",
+    "@chakra-ui/icons": "^1.0.1",
+    "@chakra-ui/react": "^1.0.1",
+    "@chakra-ui/theme": "^1.0.1",
+    "@emotion/react": "^11.1.1",
+    "@emotion/styled": "^11.0.0",
     "@mdx-js/react": "^1.5.5",
     "@reach/combobox": "^0.7.3",
     "@rehooks/local-storage": "^2.1.1",
@@ -16,7 +18,7 @@
     "codesandbox": "^2.1.11",
     "coloreact": "^0.3.1",
     "copy-to-clipboard": "^3.2.1",
-    "emotion-theming": "^10.0.27",
+    "framer-motion": "^2.9.4",
     "lodash": "^4.17.15",
     "lodash-es": "^4.17.15",
     "lz-string": "^1.4.4",
@@ -37,7 +39,7 @@
     "redux": "^4.0.5",
     "redux-persist": "^6.0.0",
     "redux-undo": "^1.0.0",
-    "typescript": "^3.7.5",
+    "typescript": "3.8",
     "webpack-bundle-analyzer": "^3.6.0"
   },
   "scripts": {

scripts/ref.json

@@ -37,7 +37,7 @@
       "description": "The variant of the badge"
     },
     {
-      "name": "variantColor",
+      "name": "colorScheme",
       "type": { "type": "string" },
       "description": "The color scheme of the badge"
     }
@@ -107,7 +107,7 @@
       "description": "The variant of the button style to use."
     },
     {
-      "name": "variantColor",
+      "name": "colorScheme",
       "type": { "type": "string" },
       "description": "The color scheme of the button."
     }
@@ -179,7 +179,7 @@
       "description": "The value to be used in the checkbox input.\nThis is the value that will be returned on form submission."
     },
     {
-      "name": "variantColor",
+      "name": "colorScheme",
       "type": { "type": "string" },
       "description": "The color scheme of the checkbox."
     }
@@ -265,7 +265,7 @@
       "description": "The variant of the tag."
     },
     {
-      "name": "variantColor",
+      "name": "colorScheme",
       "type": { "type": "string" },
       "description": "The color scheme of the tag."
     }