Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 800f0be

Browse files
Merge pull request #282 from chakra-ui/feat/c-popover-component
feat: popover component
2 parents 2e91292 + b9fa8a2 commit 800f0be

File tree

89 files changed

+1450
-152
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

89 files changed

+1450
-152
lines changed

.changeset/giant-deers-compete.md

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
"@chakra-ui/c-visually-hidden": minor
3+
"@chakra-ui/c-theme-provider": minor
4+
"@chakra-ui/vue-composables": minor
5+
"@chakra-ui/c-close-button": minor
6+
"@chakra-ui/c-form-control": minor
7+
"@chakra-ui/c-media-query": minor
8+
"@chakra-ui/c-scroll-lock": minor
9+
"@chakra-ui/c-breadcrumb": minor
10+
"@chakra-ui/c-color-mode": minor
11+
"@chakra-ui/c-focus-lock": minor
12+
"@chakra-ui/c-accordion": minor
13+
"@chakra-ui/c-pin-input": minor
14+
"@chakra-ui/c-checkbox": minor
15+
"@chakra-ui/c-skip-nav": minor
16+
"@chakra-ui/vue-test-utils": minor
17+
"@chakra-ui/c-popover": minor
18+
"@chakra-ui/c-spinner": minor
19+
"@chakra-ui/c-avatar": minor
20+
"@chakra-ui/c-button": minor
21+
"@chakra-ui/c-motion": minor
22+
"@chakra-ui/c-popper": minor
23+
"@chakra-ui/c-portal": minor
24+
"@chakra-ui/vue-accessibilty": minor
25+
"@chakra-ui/c-alert": minor
26+
"@chakra-ui/c-image": minor
27+
"@chakra-ui/c-input": minor
28+
"@chakra-ui/c-modal": minor
29+
"@chakra-ui/c-reset": minor
30+
"@chakra-ui/c-toast": minor
31+
"@chakra-ui/c-code": minor
32+
"@chakra-ui/c-icon": minor
33+
"@chakra-ui/c-menu": minor
34+
"@chakra-ui/vue-layout": minor
35+
"@chakra-ui/vue-styled": minor
36+
"@chakra-ui/vue-system": minor
37+
"@chakra-ui/c-tag": minor
38+
"@chakra-ui/vue-utils": minor
39+
"@chakra-ui/vue-next": minor
40+
---
41+
42+
Add popover component

@types/components.d.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
/**
2-
* Typescript support for @chakra-ui/vue-next2.1.0-beta.3 auto-imported
2+
* Typescript support for @chakra-ui/vue-next2.1.0-beta.4 auto-imported
33
* components using `unplugin-vue-components,`
44
*
55
* @see: https://github.com/antfu/unplugin-vue-components/#typescript
66
*
77
* This is a generated file. Do not edit it's contents.
88
*
9-
* This file was generated on 2023-02-26T20:07:20.175Z
9+
* This file was generated on 2023-03-04T20:41:26.135Z
1010
*/
1111

1212
import { ChakraProps, chakra } from "@chakra-ui/vue-system"

_templates/generator/component/examples.vue.ejs.t

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
to: packages/<%=h.changeCase.paramCase(name)%>/examples/base-<%=h.changeCase.paramCase(name)%>.vue
2+
to: packages/<%=h.changeCase.paramCase(name)%>/examples/simple-<%=h.changeCase.paramCase(name)%>.vue
33
---
44
<script setup lang="ts">
55
import { <%=h.changeCase.pascalCase(name)%> } from "../src"

components.d.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
/**
2-
* Typescript support for @chakra-ui/vue-next2.1.0-beta.3 auto-imported
2+
* Typescript support for @chakra-ui/vue-next2.1.0-beta.4 auto-imported
33
* components using `unplugin-vue-components,`
44
*
55
* @see: https://github.com/antfu/unplugin-vue-components/#typescript
66
*
77
* This is a generated file. Do not edit it's contents.
88
*
9-
* This file was generated on 2023-02-26T20:07:20.175Z
9+
* This file was generated on 2023-03-04T20:41:26.135Z
1010
*/
1111

1212
import { ChakraProps, chakra } from "@chakra-ui/vue-system"

package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
]
1414
},
1515
"scripts": {
16-
"dev": "turbo run dev",
16+
"dev": "concurrently \"pnpm turbo:dev\" \"pnpm playground:dev\"",
17+
"turbo:dev": "turbo run dev",
1718
"clean": "pnpm -r --parallel run clean",
1819
"prebuild": "pnpm clean",
1920
"build": "turbo run build --filter=!./examples/* --filter=!{./packages/test-utils}",
@@ -141,7 +142,7 @@
141142
"@vueuse/core": "4.9.1",
142143
"@vueuse/head": "^0.7.4",
143144
"@vueuse/integrations": "^4.8.1",
144-
"@vueuse/motion": "^1.5.4",
145+
"@vueuse/motion": "^1.6.0",
145146
"@vueuse/shared": "^9.11.1",
146147
"aria-hidden": "^1.1.2",
147148
"axe-core": "^4.1.2",

packages/c-accordion/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,9 @@
3131
"@chakra-ui/vue-composables": "workspace:*",
3232
"@chakra-ui/vue-system": "workspace:*",
3333
"@chakra-ui/vue-utils": "workspace:*",
34-
"@zag-js/accordion": "0.2.11",
34+
"@zag-js/accordion": "0.2.13",
3535
"@chakra-ui/styled-system": "2.6.1",
36-
"@zag-js/vue": "^0.2.9"
36+
"@zag-js/vue": "0.2.10"
3737
},
3838
"peerDependencies": {
3939
"vue": "3.2.47"

packages/c-accordion/tests/__snapshots__/accordion.test.tsx.snap

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -14,17 +14,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
1414
class="chakra-17mg6aq"
1515
data-part="item"
1616
data-scope="accordion"
17-
id="accordion:EMPTY_STRING:item:accordion-item-undefined"
17+
id="accordion:EMPTY_STRING:item:accordion-item-1"
1818
>
1919
<button
20-
aria-controls="accordion:EMPTY_STRING:content:accordion-item-undefined"
20+
aria-controls="accordion:EMPTY_STRING:content:accordion-item-1"
2121
aria-disabled="false"
2222
aria-expanded="false"
2323
class="chakra-1oqzxfr"
2424
data-ownedby="accordion:EMPTY_STRING"
2525
data-part="trigger"
2626
data-scope="accordion"
27-
id="accordion:EMPTY_STRING:trigger:accordion-item-undefined"
27+
id="accordion:EMPTY_STRING:trigger:accordion-item-1"
2828
type="button"
2929
>
3030
<c-v-stack
@@ -60,11 +60,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
6060
style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
6161
>
6262
<div
63-
aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-undefined"
63+
aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-1"
6464
class="chakra-13d8nyx"
6565
data-part="content"
6666
data-scope="accordion"
67-
id="accordion:EMPTY_STRING:content:accordion-item-undefined"
67+
id="accordion:EMPTY_STRING:content:accordion-item-1"
6868
role="region"
6969
>
7070
Sample accordion content
@@ -75,17 +75,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
7575
class="chakra-17mg6aq"
7676
data-part="item"
7777
data-scope="accordion"
78-
id="accordion:EMPTY_STRING:item:accordion-item-1"
78+
id="accordion:EMPTY_STRING:item:accordion-item-2"
7979
>
8080
<button
81-
aria-controls="accordion:EMPTY_STRING:content:accordion-item-1"
81+
aria-controls="accordion:EMPTY_STRING:content:accordion-item-2"
8282
aria-disabled="false"
8383
aria-expanded="false"
8484
class="chakra-1oqzxfr"
8585
data-ownedby="accordion:EMPTY_STRING"
8686
data-part="trigger"
8787
data-scope="accordion"
88-
id="accordion:EMPTY_STRING:trigger:accordion-item-1"
88+
id="accordion:EMPTY_STRING:trigger:accordion-item-2"
8989
type="button"
9090
>
9191
<c-v-stack
@@ -120,11 +120,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
120120
style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
121121
>
122122
<div
123-
aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-1"
123+
aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-2"
124124
class="chakra-13d8nyx"
125125
data-part="content"
126126
data-scope="accordion"
127-
id="accordion:EMPTY_STRING:content:accordion-item-1"
127+
id="accordion:EMPTY_STRING:content:accordion-item-2"
128128
role="region"
129129
>
130130
Sample accordion content
@@ -135,17 +135,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
135135
class="chakra-17mg6aq"
136136
data-part="item"
137137
data-scope="accordion"
138-
id="accordion:EMPTY_STRING:item:accordion-item-2"
138+
id="accordion:EMPTY_STRING:item:accordion-item-3"
139139
>
140140
<button
141-
aria-controls="accordion:EMPTY_STRING:content:accordion-item-2"
141+
aria-controls="accordion:EMPTY_STRING:content:accordion-item-3"
142142
aria-disabled="false"
143143
aria-expanded="false"
144144
class="chakra-1oqzxfr"
145145
data-ownedby="accordion:EMPTY_STRING"
146146
data-part="trigger"
147147
data-scope="accordion"
148-
id="accordion:EMPTY_STRING:trigger:accordion-item-2"
148+
id="accordion:EMPTY_STRING:trigger:accordion-item-3"
149149
type="button"
150150
>
151151
<c-v-stack
@@ -180,11 +180,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
180180
style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
181181
>
182182
<div
183-
aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-2"
183+
aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-3"
184184
class="chakra-13d8nyx"
185185
data-part="content"
186186
data-scope="accordion"
187-
id="accordion:EMPTY_STRING:content:accordion-item-2"
187+
id="accordion:EMPTY_STRING:content:accordion-item-3"
188188
role="region"
189189
>
190190
Sample accordion content

packages/c-alert/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
"build": "tsup && pnpm build:types",
2222
"build:fast": "tsup",
2323
"types:check": "tsc --noEmit",
24-
"dev": "tsup --watch",
24+
"dev": "concurrently 'tsup --watch' 'tsup src --dts-only --watch'",
2525
"build:types": "tsup src --dts-only"
2626
},
2727
"dependencies": {
@@ -39,4 +39,4 @@
3939
"devDependencies": {
4040
"vue": "3.2.47"
4141
}
42-
}
42+
}

packages/c-avatar/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
"build": "tsup && pnpm build:types",
2727
"build:fast": "tsup",
2828
"types:check": "tsc --noEmit",
29-
"dev": "tsup --watch",
29+
"dev": "concurrently 'tsup --watch' 'tsup src --dts-only --watch'",
3030
"build:types": "tsup src --dts-only"
3131
},
3232
"dependencies": {

packages/c-breadcrumb/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
"build": "tsup && pnpm build:types",
3030
"build:fast": "tsup",
3131
"types:check": "tsc --noEmit",
32-
"dev": "tsup --watch",
32+
"dev": "concurrently 'tsup --watch' 'tsup src --dts-only --watch'",
3333
"build:types": "tsup src --dts-only"
3434
},
3535
"dependencies": {

0 commit comments

Comments
 (0)