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

Commit 3493d0d

Browse files
codebender828codebender828
committed
feat(machine): create state machines for popover
1 parent 34bfd29 commit 3493d0d

Some content is hidden

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

42 files changed

+732
-81
lines changed

‎@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-02-27T18:36:28.117Z
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-02-27T18:36:28.117Z
1010
*/
1111

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

‎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-checkbox/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
"@chakra-ui/vue-utils": "workspace:*",
4040
"@vueuse/motion": "^1.5.4",
4141
"@zag-js/checkbox": "0.2.12",
42-
"@zag-js/vue": "^0.2.9"
42+
"@zag-js/vue": "0.2.10"
4343
},
4444
"devDependencies": {
4545
"vue": "3.2.47"

‎packages/c-menu/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,13 +32,13 @@
3232
"dependencies": {
3333
"@chakra-ui/c-button": "workspace:*",
3434
"@chakra-ui/c-portal": "workspace:*",
35+
"@chakra-ui/styled-system": "2.6.1",
3536
"@chakra-ui/utils": "2.0.15",
3637
"@chakra-ui/vue-layout": "workspace:*",
3738
"@chakra-ui/vue-system": "workspace:*",
3839
"@chakra-ui/vue-utils": "workspace:*",
39-
"@chakra-ui/styled-system": "2.6.1",
40-
"@zag-js/menu": "0.3.8",
41-
"@zag-js/vue": "^0.2.9"
40+
"@zag-js/menu": "0.3.12",
41+
"@zag-js/vue": "0.2.10"
4242
},
4343
"devDependencies": {
4444
"vue": "3.2.47"

‎packages/c-pin-input/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
"@chakra-ui/vue-system": "workspace:*",
3636
"@chakra-ui/vue-utils": "workspace:*",
3737
"@zag-js/pin-input": "0.2.12",
38-
"@zag-js/vue": "^0.2.9",
38+
"@zag-js/vue": "0.2.10",
3939
"csstype": "^3.1.1"
4040
},
4141
"devDependencies": {

‎packages/c-popover/README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
# `@chakra-ui/c-popover`
2+
3+
Popover is a non modal dialog that floats around a trigger
4+
5+
## Installation
6+
7+
```sh
8+
# with pnpm
9+
pnpm add @chakra-ui/c-popover
10+
# or with Yarn
11+
yarn i @chakra-ui/c-popover
12+
# or with npm
13+
npm i @chakra-ui/c-popover
14+
```

‎packages/c-popover/examples/simple-popover.vue

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<script setup lang="ts">
2+
import { chakra, useColorModeValue } from "../../vue/src"
3+
import {
4+
CPopover,
5+
CPopoverTrigger,
6+
CPopoverContent,
7+
CPopoverArrow,
8+
CPopoverHeader,
9+
CPopoverBody,
10+
} from "../src"
11+
import { CButton } from "../../c-button/src"
12+
</script>
13+
14+
<template>
15+
<c-popover>
16+
<c-popover-trigger>
17+
<c-button> Hello, Popover 👋🏽 </c-button>
18+
</c-popover-trigger>
19+
<c-popover-content
20+
px="3"
21+
py="2"
22+
:bg="useColorModeValue('gray.100', 'gray.800').value"
23+
>
24+
<c-popover-arrow />
25+
<c-popover-header>Popover Header</c-popover-header>
26+
<c-popover-body>
27+
<chakra.div> This is a popover </chakra.div>
28+
</c-popover-body>
29+
</c-popover-content>
30+
</c-popover>
31+
</template>

‎packages/c-popover/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from "./src"

0 commit comments

Comments
 (0)