Merge pull request #511 from chakra-ui/develop

release candidate `@chakra-ui/[email protected]` 🎉

Author: codebender828

.changeset/dull-books-judge.md

@@ -0,0 +1,5 @@
+---
+"@chakra-ui/vue": patch
+---
+
+Include CGridItem in type definitions

.changeset/large-birds-add.md

@@ -0,0 +1,9 @@
+---
+'nuxt-js': minor
+'@chakra-ui/vue': minor
+'@chakra-ui/nuxt': minor
+'@chakra-ui/theme-vue': minor
+'chakra-ui-docs': minor
+---
+
+This PR fixes the error in the c-menu-option-group prop and allow the value prop to be passed as an array (#497)

.changeset/pre.json

@@ -0,0 +1,6 @@
+---
+"@chakra-ui/vue": patch
+"@chakra-ui/nuxt": patch
+---
+
+fix(select): prevent duplicated ID on wrapper + input

.changeset/real-cycles-hammer.md

@@ -0,0 +1,6 @@
+---
+"@chakra-ui/vue": minor
+"@chakra-ui/nuxt": minor
+---
+
+feat(types): add type exports for color mode & theme providers

.changeset/smooth-cups-kiss.md

@@ -1,9 +1,8 @@
 ---
-'nuxt-js': patch
 '@chakra-ui/vue': patch
 '@chakra-ui/nuxt': patch
 '@chakra-ui/theme-vue': patch
 'chakra-ui-docs': patch
 ---
 
-Fix regression in theme resolution for @chakra-ui/nuxt
+Fixes change event lsitener

.changeset/dry-rocks-thank.md renamed to .changeset/tender-olives-stare.md

@@ -0,0 +1,7 @@
+---
+"@chakra-ui/vue": patch
+"@chakra-ui/theme-vue": patch
+"chakra-ui-docs": patch
+---
+
+fix(theme): Responsive styles breaking

.changeset/young-eagles-stare.md

@@ -1,9 +1,17 @@
 # nuxt-js
 
-## 1.0.1-next.0
+## 1.0.1
+
 ### Patch Changes
 
+- [`5c5a3006`](https://github.com/chakra-ui/chakra-ui-vue/commit/5c5a3006d8286cf0cfcd14bc867d64e8877fb1d7) [#480](https://github.com/chakra-ui/chakra-ui-vue/pull/480) Thanks [@codebender828](https://github.com/codebender828)! - Fix regression in theme resolution for @chakra-ui/nuxt
+
+- Updated dependencies [[`5c5a3006`](https://github.com/chakra-ui/chakra-ui-vue/commit/5c5a3006d8286cf0cfcd14bc867d64e8877fb1d7)]:
+  - @chakra-ui/nuxt@0.4.2
+
+## 1.0.1-next.0
 
+### Patch Changes
 
 - [`5c5a3006`](https://github.com/chakra-ui/chakra-ui-vue/commit/5c5a3006d8286cf0cfcd14bc867d64e8877fb1d7) [#480](https://github.com/chakra-ui/chakra-ui-vue/pull/480) Thanks [@codebender828](https://github.com/codebender828)! - Fix regression in theme resolution for @chakra-ui/nuxt
 

examples/nuxt-js/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-js",
-  "version": "1.0.1-next.0",
+  "version": "1.0.1",
   "private": true,
   "scripts": {
     "dev": "nuxt",
@@ -9,7 +9,7 @@
     "generate": "nuxt generate"
   },
   "dependencies": {
-    "@chakra-ui/nuxt": "^0.4.2-next.0",
+    "@chakra-ui/nuxt": "^0.4.2",
     "@nuxtjs/emotion": "^0.1.0",
     "core-js": "^3.15.1",
     "nuxt": "^2.15.7"

examples/nuxt-js/package.json

@@ -1,5 +1,14 @@
 # Change Log
 
+## 0.10.2
+
+### Patch Changes
+
+- [`5c5a3006`](https://github.com/chakra-ui/chakra-ui-vue/commit/5c5a3006d8286cf0cfcd14bc867d64e8877fb1d7) [#480](https://github.com/chakra-ui/chakra-ui-vue/pull/480) Thanks [@codebender828](https://github.com/codebender828)! - Fix regression in theme resolution for @chakra-ui/nuxt
+
+- Updated dependencies [[`5c5a3006`](https://github.com/chakra-ui/chakra-ui-vue/commit/5c5a3006d8286cf0cfcd14bc867d64e8877fb1d7)]:
+  - @chakra-ui/theme-vue@0.3.2
+
 ## 0.10.2-next.0
 
 ### Patch Changes

packages/chakra-ui-core/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/vue",
-  "version": "0.10.2-next.0",
+  "version": "0.10.2",
   "description": "Build Accessible and Responsive Vue.js websites and applications with speed ⚡️",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
     "max-overall-size": "85KB"
   },
   "dependencies": {
-    "@chakra-ui/styled-system": "^1.12.2",
+    "@chakra-ui/styled-system": "^1.15.0",
     "@chakra-ui/theme-vue": "^0.3.2-next.0",
     "@popperjs/core": "^2.4.0",
     "animejs": "^3.1.0",

packages/chakra-ui-core/package.json

@@ -24,22 +24,22 @@ exports[`should render correctly 1`] = `
   outline-offset: 2px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  -webkit-padding-start: var(--space-4);
-  padding-inline-start: var(--space-4);
-  -webkit-padding-end: var(--space-4);
-  padding-inline-end: var(--space-4);
-  padding-top: var(--space-2);
-  padding-bottom: var(--space-2);
+  -webkit-padding-start: var(--chakra-space-4);
+  padding-inline-start: var(--chakra-space-4);
+  -webkit-padding-end: var(--chakra-space-4);
+  padding-inline-end: var(--chakra-space-4);
+  padding-top: var(--chakra-space-2);
+  padding-bottom: var(--chakra-space-2);
 }
 
 .emotion-3:focus,
 .emotion-3[data-focus] {
-  box-shadow: var(--shadows-outline);
+  box-shadow: var(--chakra-shadows-outline);
 }
 
 .emotion-3:hover,
 .emotion-3[data-hover] {
-  background: var(--colors-blackAlpha-50);
+  background: var(--chakra-colors-blackAlpha-50);
 }
 
 .emotion-3[disabled],
@@ -80,12 +80,12 @@ exports[`should render correctly 1`] = `
 }
 
 .emotion-8 {
-  padding-top: var(--space-2);
-  -webkit-padding-start: var(--space-4);
-  padding-inline-start: var(--space-4);
-  -webkit-padding-end: var(--space-4);
-  padding-inline-end: var(--space-4);
-  padding-bottom: var(--space-5);
+  padding-top: var(--chakra-space-2);
+  -webkit-padding-start: var(--chakra-space-4);
+  padding-inline-start: var(--chakra-space-4);
+  -webkit-padding-end: var(--chakra-space-4);
+  padding-inline-end: var(--chakra-space-4);
+  padding-bottom: var(--chakra-space-5);
 }
 
 <div