Merge branch 'main' of github.com:chakra-ui/chakra-ui-vue-next

chakra-ui · Mar 12, 2023 · 9346849 · 9346849
2 parents 9e22544 + 9d5fc03
commit 9346849
Show file tree

Hide file tree

Showing 140 changed files with 2,178 additions and 200 deletions.
diff --git a/.changeset/giant-deers-compete.md b/.changeset/giant-deers-compete.md
@@ -0,0 +1,42 @@
+---
+"@chakra-ui/c-visually-hidden": minor
+"@chakra-ui/c-theme-provider": minor
+"@chakra-ui/vue-composables": minor
+"@chakra-ui/c-close-button": minor
+"@chakra-ui/c-form-control": minor
+"@chakra-ui/c-media-query": minor
+"@chakra-ui/c-scroll-lock": minor
+"@chakra-ui/c-breadcrumb": minor
+"@chakra-ui/c-color-mode": minor
+"@chakra-ui/c-focus-lock": minor
+"@chakra-ui/c-accordion": minor
+"@chakra-ui/c-pin-input": minor
+"@chakra-ui/c-checkbox": minor
+"@chakra-ui/c-skip-nav": minor
+"@chakra-ui/vue-test-utils": minor
+"@chakra-ui/c-popover": minor
+"@chakra-ui/c-spinner": minor
+"@chakra-ui/c-avatar": minor
+"@chakra-ui/c-button": minor
+"@chakra-ui/c-motion": minor
+"@chakra-ui/c-popper": minor
+"@chakra-ui/c-portal": minor
+"@chakra-ui/vue-accessibilty": minor
+"@chakra-ui/c-alert": minor
+"@chakra-ui/c-image": minor
+"@chakra-ui/c-input": minor
+"@chakra-ui/c-modal": minor
+"@chakra-ui/c-reset": minor
+"@chakra-ui/c-toast": minor
+"@chakra-ui/c-code": minor
+"@chakra-ui/c-icon": minor
+"@chakra-ui/c-menu": minor
+"@chakra-ui/vue-layout": minor
+"@chakra-ui/vue-styled": minor
+"@chakra-ui/vue-system": minor
+"@chakra-ui/c-tag": minor
+"@chakra-ui/vue-utils": minor
+"@chakra-ui/vue-next": minor
+---
+
+Add popover component
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -43,13 +43,15 @@
     "@chakra-ui/vue-auto-import": "0.0.0-dev-20230215144750",
     "@chakra-ui/c-live-region": "2.0.0-beta.0",
     "@chakra-ui/c-table": "2.0.0-beta.0",
-    "@chakra-ui/c-textarea": "0.0.0-beta.0"
+    "@chakra-ui/c-textarea": "0.0.0-beta.0",
+    "@chakra-ui/c-popover": "0.0.0-beta.0"
   },
   "changesets": [
     "beige-ants-beg",
     "beige-bugs-try",
     "blue-penguins-swim",
     "chilly-forks-stare",
+    "giant-deers-compete",
     "gorgeous-swans-kneel",
     "honest-worms-hunt",
     "hungry-gifts-visit",
@@ -66,6 +68,7 @@
     "soft-cycles-sit",
     "spicy-doors-heal",
     "stale-kiwis-shave",
+    "tasty-grapes-rhyme",
     "unlucky-beds-walk",
     "unlucky-boats-perform"
   ]

diff --git a/.changeset/tasty-grapes-rhyme.md b/.changeset/tasty-grapes-rhyme.md
@@ -0,0 +1,42 @@
+---
+"@chakra-ui/c-visually-hidden": patch
+"@chakra-ui/c-theme-provider": patch
+"@chakra-ui/vue-composables": patch
+"@chakra-ui/c-close-button": patch
+"@chakra-ui/c-form-control": patch
+"@chakra-ui/c-media-query": patch
+"@chakra-ui/c-scroll-lock": patch
+"@chakra-ui/c-breadcrumb": patch
+"@chakra-ui/c-color-mode": patch
+"@chakra-ui/c-focus-lock": patch
+"@chakra-ui/c-accordion": patch
+"@chakra-ui/c-pin-input": patch
+"@chakra-ui/c-checkbox": patch
+"@chakra-ui/c-skip-nav": patch
+"@chakra-ui/vue-test-utils": patch
+"@chakra-ui/c-popover": patch
+"@chakra-ui/c-spinner": patch
+"@chakra-ui/c-avatar": patch
+"@chakra-ui/c-button": patch
+"@chakra-ui/c-motion": patch
+"@chakra-ui/c-popper": patch
+"@chakra-ui/c-portal": patch
+"@chakra-ui/vue-accessibilty": patch
+"@chakra-ui/c-alert": patch
+"@chakra-ui/c-image": patch
+"@chakra-ui/c-input": patch
+"@chakra-ui/c-modal": patch
+"@chakra-ui/c-reset": patch
+"@chakra-ui/c-toast": patch
+"@chakra-ui/c-code": patch
+"@chakra-ui/c-icon": patch
+"@chakra-ui/c-menu": patch
+"@chakra-ui/vue-layout": patch
+"@chakra-ui/vue-styled": patch
+"@chakra-ui/vue-system": patch
+"@chakra-ui/c-tag": patch
+"@chakra-ui/vue-utils": patch
+"@chakra-ui/vue-next": patch
+---
+
+Fix: Passthrough user-defined type attr for all button/iconbuttons
diff --git a/@types/components.d.ts b/@types/components.d.ts
@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2023-02-27T05:00:10.823Z
+ * This file was generated on 2023-03-04T20:41:26.135Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"

diff --git a/_templates/generator/component/examples.vue.ejs.t b/_templates/generator/component/examples.vue.ejs.t
@@ -1,5 +1,5 @@
 ---
-to: packages/<%=h.changeCase.paramCase(name)%>/examples/base-<%=h.changeCase.paramCase(name)%>.vue
+to: packages/<%=h.changeCase.paramCase(name)%>/examples/simple-<%=h.changeCase.paramCase(name)%>.vue
 ---
 <script setup lang="ts">
 import { <%=h.changeCase.pascalCase(name)%> } from "../src"

diff --git a/components.d.ts b/components.d.ts
@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2023-02-27T05:00:10.823Z
+ * This file was generated on 2023-03-04T20:41:26.135Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"

diff --git a/modules/nuxt/CHANGELOG.md b/modules/nuxt/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @chakra-ui/nuxt-next
 
+## 2.1.0-beta.6
+
+### Patch Changes
+
+- Updated dependencies [bc95c4d6]
+- Updated dependencies [e4364213]
+  - @chakra-ui/c-color-mode@2.1.0-beta.4
+  - @chakra-ui/vue-next@2.1.0-beta.5
+
 ## 2.1.0-beta.5
 
 ### Patch Changes

diff --git a/modules/nuxt/package.json b/modules/nuxt/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/nuxt-next",
-  "version": "2.1.0-beta.5",
+  "version": "2.1.0-beta.6",
   "description": "Nuxt 3 compatible version of Chakra UI Vue",
   "license": "MIT",
   "type": "module",

diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     ]
   },
   "scripts": {
-    "dev": "turbo run dev",
+    "dev": "concurrently \"pnpm turbo:dev\" \"pnpm playground:dev\"",
+    "turbo:dev": "turbo run dev",
     "clean": "pnpm -r --parallel run clean",
     "prebuild": "pnpm clean",
     "build": "turbo run build --filter=!./examples/* --filter=!{./packages/test-utils}",
@@ -141,7 +142,7 @@
     "@vueuse/core": "4.9.1",
     "@vueuse/head": "^0.7.4",
     "@vueuse/integrations": "^4.8.1",
-    "@vueuse/motion": "^1.5.4",
+    "@vueuse/motion": "^1.6.0",
     "@vueuse/shared": "^9.11.1",
     "aria-hidden": "^1.1.2",
     "axe-core": "^4.1.2",

diff --git a/packages/c-accordion/CHANGELOG.md b/packages/c-accordion/CHANGELOG.md
@@ -1,5 +1,22 @@
 # @chakra-ui/c-accordion
 
+## 2.1.0-beta.5
+
+### Minor Changes
+
+- bc95c4d6: Add popover component
+
+### Patch Changes
+
+- e4364213: Fix: Passthrough user-defined type attr for all button/iconbuttons
+- Updated dependencies [bc95c4d6]
+- Updated dependencies [e4364213]
+  - @chakra-ui/vue-composables@2.1.0-beta.5
+  - @chakra-ui/c-motion@2.1.0-beta.5
+  - @chakra-ui/c-icon@2.1.0-beta.5
+  - @chakra-ui/vue-system@2.1.0-beta.5
+  - @chakra-ui/vue-utils@2.1.0-beta.4
+
 ## 2.1.0-beta.4
 
 ### Minor Changes

diff --git a/packages/c-accordion/package.json b/packages/c-accordion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/c-accordion",
-  "version": "2.1.0-beta.4",
+  "version": "2.1.0-beta.5",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "files": [
@@ -31,9 +31,9 @@
     "@chakra-ui/vue-composables": "workspace:*",
     "@chakra-ui/vue-system": "workspace:*",
     "@chakra-ui/vue-utils": "workspace:*",
-    "@zag-js/accordion": "0.2.11",
+    "@zag-js/accordion": "0.2.13",
     "@chakra-ui/styled-system": "2.6.1",
-    "@zag-js/vue": "^0.2.9"
+    "@zag-js/vue": "0.2.10"
   },
   "peerDependencies": {
     "vue": "3.2.47"

diff --git a/packages/c-accordion/tests/__snapshots__/accordion.test.tsx.snap b/packages/c-accordion/tests/__snapshots__/accordion.test.tsx.snap
@@ -14,17 +14,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
         class="chakra-17mg6aq"
         data-part="item"
         data-scope="accordion"
-        id="accordion:EMPTY_STRING:item:accordion-item-undefined"
+        id="accordion:EMPTY_STRING:item:accordion-item-1"
       >
         <button
-          aria-controls="accordion:EMPTY_STRING:content:accordion-item-undefined"
+          aria-controls="accordion:EMPTY_STRING:content:accordion-item-1"
           aria-disabled="false"
           aria-expanded="false"
           class="chakra-1oqzxfr"
           data-ownedby="accordion:EMPTY_STRING"
           data-part="trigger"
           data-scope="accordion"
-          id="accordion:EMPTY_STRING:trigger:accordion-item-undefined"
+          id="accordion:EMPTY_STRING:trigger:accordion-item-1"
           type="button"
         >
           <c-v-stack
@@ -60,11 +60,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
           style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
         >
           <div
-            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-undefined"
+            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-1"
             class="chakra-13d8nyx"
             data-part="content"
             data-scope="accordion"
-            id="accordion:EMPTY_STRING:content:accordion-item-undefined"
+            id="accordion:EMPTY_STRING:content:accordion-item-1"
             role="region"
           >
              Sample accordion content 
@@ -75,17 +75,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
         class="chakra-17mg6aq"
         data-part="item"
         data-scope="accordion"
-        id="accordion:EMPTY_STRING:item:accordion-item-1"
+        id="accordion:EMPTY_STRING:item:accordion-item-2"
       >
         <button
-          aria-controls="accordion:EMPTY_STRING:content:accordion-item-1"
+          aria-controls="accordion:EMPTY_STRING:content:accordion-item-2"
           aria-disabled="false"
           aria-expanded="false"
           class="chakra-1oqzxfr"
           data-ownedby="accordion:EMPTY_STRING"
           data-part="trigger"
           data-scope="accordion"
-          id="accordion:EMPTY_STRING:trigger:accordion-item-1"
+          id="accordion:EMPTY_STRING:trigger:accordion-item-2"
           type="button"
         >
           <c-v-stack
@@ -120,11 +120,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
           style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
         >
           <div
-            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-1"
+            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-2"
             class="chakra-13d8nyx"
             data-part="content"
             data-scope="accordion"
-            id="accordion:EMPTY_STRING:content:accordion-item-1"
+            id="accordion:EMPTY_STRING:content:accordion-item-2"
             role="region"
           >
              Sample accordion content 
@@ -135,17 +135,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
         class="chakra-17mg6aq"
         data-part="item"
         data-scope="accordion"
-        id="accordion:EMPTY_STRING:item:accordion-item-2"
+        id="accordion:EMPTY_STRING:item:accordion-item-3"
       >
         <button
-          aria-controls="accordion:EMPTY_STRING:content:accordion-item-2"
+          aria-controls="accordion:EMPTY_STRING:content:accordion-item-3"
           aria-disabled="false"
           aria-expanded="false"
           class="chakra-1oqzxfr"
           data-ownedby="accordion:EMPTY_STRING"
           data-part="trigger"
           data-scope="accordion"
-          id="accordion:EMPTY_STRING:trigger:accordion-item-2"
+          id="accordion:EMPTY_STRING:trigger:accordion-item-3"
           type="button"
         >
           <c-v-stack
@@ -180,11 +180,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
           style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
         >
           <div
-            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-2"
+            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-3"
             class="chakra-13d8nyx"
             data-part="content"
             data-scope="accordion"
-            id="accordion:EMPTY_STRING:content:accordion-item-2"
+            id="accordion:EMPTY_STRING:content:accordion-item-3"
             role="region"
           >
              Sample accordion content 

diff --git a/packages/c-alert/CHANGELOG.md b/packages/c-alert/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @chakra-ui/c-alert
 
+## 2.1.0-beta.5
+
+### Minor Changes
+
+- bc95c4d6: Add popover component
+
+### Patch Changes
+
+- e4364213: Fix: Passthrough user-defined type attr for all button/iconbuttons
+- Updated dependencies [bc95c4d6]
+- Updated dependencies [e4364213]
+  - @chakra-ui/c-icon@2.1.0-beta.5
+  - @chakra-ui/vue-system@2.1.0-beta.5
+  - @chakra-ui/vue-utils@2.1.0-beta.4
+
 ## 2.1.0-beta.4
 
 ### Minor Changes

diff --git a/packages/c-alert/package.json b/packages/c-alert/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/c-alert",
-  "version": "2.1.0-beta.4",
+  "version": "2.1.0-beta.5",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "files": [
@@ -21,7 +21,7 @@
     "build": "tsup && pnpm build:types",
     "build:fast": "tsup",
     "types:check": "tsc --noEmit",
-    "dev": "tsup --watch",
+    "dev": "concurrently 'tsup --watch' 'tsup src --dts-only --watch'",
     "build:types": "tsup src --dts-only"
   },
   "dependencies": {
@@ -39,4 +39,4 @@
   "devDependencies": {
     "vue": "3.2.47"
   }
-}
+}
diff --git a/packages/c-avatar/CHANGELOG.md b/packages/c-avatar/CHANGELOG.md
@@ -1,5 +1,22 @@
 # @chakra-ui/c-avatar
 
+## 2.1.0-beta.5
+
+### Minor Changes
+
+- bc95c4d6: Add popover component
+
+### Patch Changes
+
+- e4364213: Fix: Passthrough user-defined type attr for all button/iconbuttons
+- Updated dependencies [bc95c4d6]
+- Updated dependencies [e4364213]
+  - @chakra-ui/c-image@2.1.0-beta.5
+  - @chakra-ui/c-icon@2.1.0-beta.5
+  - @chakra-ui/vue-layout@2.1.0-beta.5
+  - @chakra-ui/vue-system@2.1.0-beta.5
+  - @chakra-ui/vue-utils@2.1.0-beta.4
+
 ## 2.1.0-beta.4
 
 ### Minor Changes