@yamada-ui/popover 0.3.19 → 0.3.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-ZXXPS4GL.mjs → chunk-6CMNB3NC.mjs} +2 -2
- package/dist/{chunk-7AHXIHWE.mjs → chunk-HGCXNISI.mjs} +1 -1
- package/dist/{chunk-MYJEKZGT.mjs → chunk-QZZNOTYI.mjs} +1 -1
- package/dist/{chunk-K3ECBLCR.mjs → chunk-U7EL4ITR.mjs} +1 -1
- package/dist/{chunk-IQVXY42J.mjs → chunk-WMEMUEJ2.mjs} +1 -1
- package/dist/index.js +5 -5
- package/dist/index.mjs +5 -5
- package/dist/popover-body.d.mts +1 -1
- package/dist/popover-body.d.ts +1 -1
- package/dist/popover-body.js +1 -1
- package/dist/popover-body.mjs +1 -1
- package/dist/popover-close-button.js +1 -1
- package/dist/popover-close-button.mjs +1 -1
- package/dist/popover-content.d.mts +1 -1
- package/dist/popover-content.d.ts +1 -1
- package/dist/popover-content.js +2 -2
- package/dist/popover-content.mjs +5 -5
- package/dist/popover-footer.d.mts +1 -1
- package/dist/popover-footer.d.ts +1 -1
- package/dist/popover-footer.js +1 -1
- package/dist/popover-footer.mjs +1 -1
- package/dist/popover-header.d.mts +1 -1
- package/dist/popover-header.d.ts +1 -1
- package/dist/popover-header.js +1 -1
- package/dist/popover-header.mjs +1 -1
- package/dist/popover.d.mts +5 -5
- package/dist/popover.d.ts +5 -5
- package/package.json +7 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
PopoverCloseButton
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-WMEMUEJ2.mjs";
|
|
5
5
|
import {
|
|
6
6
|
usePopover
|
|
7
7
|
} from "./chunk-Z5SS7LLL.mjs";
|
|
@@ -116,7 +116,7 @@ var PopoverContent = forwardRef(
|
|
|
116
116
|
ui.section,
|
|
117
117
|
{
|
|
118
118
|
as: motion[as],
|
|
119
|
-
className: cx("ui-
|
|
119
|
+
className: cx("ui-popover__content", className),
|
|
120
120
|
...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
|
|
121
121
|
...getPopoverProps(
|
|
122
122
|
{
|
package/dist/index.js
CHANGED
|
@@ -292,7 +292,7 @@ var PopoverCloseButton = (0, import_core2.forwardRef)(
|
|
|
292
292
|
import_close_button.CloseButton,
|
|
293
293
|
{
|
|
294
294
|
ref,
|
|
295
|
-
className: (0, import_utils2.cx)("ui-
|
|
295
|
+
className: (0, import_utils2.cx)("ui-popover__close-button"),
|
|
296
296
|
__css: css,
|
|
297
297
|
onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
|
|
298
298
|
ev.stopPropagation();
|
|
@@ -406,7 +406,7 @@ var PopoverContent = (0, import_core3.forwardRef)(
|
|
|
406
406
|
import_core3.ui.section,
|
|
407
407
|
{
|
|
408
408
|
as: import_motion.motion[as],
|
|
409
|
-
className: (0, import_utils3.cx)("ui-
|
|
409
|
+
className: (0, import_utils3.cx)("ui-popover__content", className),
|
|
410
410
|
...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
|
|
411
411
|
...getPopoverProps(
|
|
412
412
|
{
|
|
@@ -447,7 +447,7 @@ var PopoverHeader = (0, import_core4.forwardRef)(
|
|
|
447
447
|
import_core4.ui.header,
|
|
448
448
|
{
|
|
449
449
|
ref,
|
|
450
|
-
className: (0, import_utils4.cx)("ui-
|
|
450
|
+
className: (0, import_utils4.cx)("ui-popover__header", className),
|
|
451
451
|
__css: css,
|
|
452
452
|
...rest
|
|
453
453
|
}
|
|
@@ -472,7 +472,7 @@ var PopoverBody = (0, import_core5.forwardRef)(
|
|
|
472
472
|
import_core5.ui.main,
|
|
473
473
|
{
|
|
474
474
|
ref,
|
|
475
|
-
className: (0, import_utils5.cx)("ui-
|
|
475
|
+
className: (0, import_utils5.cx)("ui-popover__body", className),
|
|
476
476
|
__css: css,
|
|
477
477
|
...rest
|
|
478
478
|
}
|
|
@@ -497,7 +497,7 @@ var PopoverFooter = (0, import_core6.forwardRef)(
|
|
|
497
497
|
import_core6.ui.footer,
|
|
498
498
|
{
|
|
499
499
|
ref,
|
|
500
|
-
className: (0, import_utils6.cx)("ui-
|
|
500
|
+
className: (0, import_utils6.cx)("ui-popover__footer", className),
|
|
501
501
|
__css: css,
|
|
502
502
|
...rest
|
|
503
503
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
PopoverContent
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-6CMNB3NC.mjs";
|
|
5
5
|
import {
|
|
6
6
|
PopoverAnchor
|
|
7
7
|
} from "./chunk-AZMTGSD5.mjs";
|
|
8
8
|
import {
|
|
9
9
|
PopoverBody
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-U7EL4ITR.mjs";
|
|
11
11
|
import {
|
|
12
12
|
PopoverCloseButton
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-WMEMUEJ2.mjs";
|
|
14
14
|
import {
|
|
15
15
|
PopoverFooter
|
|
16
|
-
} from "./chunk-
|
|
16
|
+
} from "./chunk-HGCXNISI.mjs";
|
|
17
17
|
import {
|
|
18
18
|
PopoverHeader
|
|
19
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-QZZNOTYI.mjs";
|
|
20
20
|
import {
|
|
21
21
|
PopoverTrigger
|
|
22
22
|
} from "./chunk-QEQLVQMN.mjs";
|
package/dist/popover-body.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
|
|
4
|
-
type PopoverBodyProps = HTMLUIProps<
|
|
4
|
+
type PopoverBodyProps = HTMLUIProps<"main">;
|
|
5
5
|
declare const PopoverBody: _yamada_ui_core.Component<"main", PopoverBodyProps>;
|
|
6
6
|
|
|
7
7
|
export { PopoverBody, PopoverBodyProps };
|
package/dist/popover-body.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
|
|
4
|
-
type PopoverBodyProps = HTMLUIProps<
|
|
4
|
+
type PopoverBodyProps = HTMLUIProps<"main">;
|
|
5
5
|
declare const PopoverBody: _yamada_ui_core.Component<"main", PopoverBodyProps>;
|
|
6
6
|
|
|
7
7
|
export { PopoverBody, PopoverBodyProps };
|
package/dist/popover-body.js
CHANGED
package/dist/popover-body.mjs
CHANGED
|
@@ -55,7 +55,7 @@ var PopoverCloseButton = (0, import_core2.forwardRef)(
|
|
|
55
55
|
import_close_button.CloseButton,
|
|
56
56
|
{
|
|
57
57
|
ref,
|
|
58
|
-
className: (0, import_utils2.cx)("ui-
|
|
58
|
+
className: (0, import_utils2.cx)("ui-popover__close-button"),
|
|
59
59
|
__css: css,
|
|
60
60
|
onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
|
|
61
61
|
ev.stopPropagation();
|
|
@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
|
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
import { HTMLMotionProps } from '@yamada-ui/motion';
|
|
4
4
|
|
|
5
|
-
type PopoverContentProps = Omit<HTMLUIProps<
|
|
5
|
+
type PopoverContentProps = Omit<HTMLUIProps<"section">, keyof Omit<HTMLMotionProps<"section">, "children">> & Omit<HTMLMotionProps<"section">, "color" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "variants" | "transition">;
|
|
6
6
|
declare const PopoverContent: _yamada_ui_core.Component<"section", PopoverContentProps>;
|
|
7
7
|
|
|
8
8
|
export { PopoverContent, PopoverContentProps };
|
|
@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
|
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
import { HTMLMotionProps } from '@yamada-ui/motion';
|
|
4
4
|
|
|
5
|
-
type PopoverContentProps = Omit<HTMLUIProps<
|
|
5
|
+
type PopoverContentProps = Omit<HTMLUIProps<"section">, keyof Omit<HTMLMotionProps<"section">, "children">> & Omit<HTMLMotionProps<"section">, "color" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "variants" | "transition">;
|
|
6
6
|
declare const PopoverContent: _yamada_ui_core.Component<"section", PopoverContentProps>;
|
|
7
7
|
|
|
8
8
|
export { PopoverContent, PopoverContentProps };
|
package/dist/popover-content.js
CHANGED
|
@@ -59,7 +59,7 @@ var PopoverCloseButton = (0, import_core2.forwardRef)(
|
|
|
59
59
|
import_close_button.CloseButton,
|
|
60
60
|
{
|
|
61
61
|
ref,
|
|
62
|
-
className: (0, import_utils2.cx)("ui-
|
|
62
|
+
className: (0, import_utils2.cx)("ui-popover__close-button"),
|
|
63
63
|
__css: css,
|
|
64
64
|
onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
|
|
65
65
|
ev.stopPropagation();
|
|
@@ -169,7 +169,7 @@ var PopoverContent = (0, import_core3.forwardRef)(
|
|
|
169
169
|
import_core3.ui.section,
|
|
170
170
|
{
|
|
171
171
|
as: import_motion.motion[as],
|
|
172
|
-
className: (0, import_utils3.cx)("ui-
|
|
172
|
+
className: (0, import_utils3.cx)("ui-popover__content", className),
|
|
173
173
|
...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
|
|
174
174
|
...getPopoverProps(
|
|
175
175
|
{
|
package/dist/popover-content.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
PopoverContent
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-6CMNB3NC.mjs";
|
|
5
5
|
import "./chunk-AZMTGSD5.mjs";
|
|
6
|
-
import "./chunk-
|
|
7
|
-
import "./chunk-
|
|
8
|
-
import "./chunk-
|
|
9
|
-
import "./chunk-
|
|
6
|
+
import "./chunk-U7EL4ITR.mjs";
|
|
7
|
+
import "./chunk-WMEMUEJ2.mjs";
|
|
8
|
+
import "./chunk-HGCXNISI.mjs";
|
|
9
|
+
import "./chunk-QZZNOTYI.mjs";
|
|
10
10
|
import "./chunk-QEQLVQMN.mjs";
|
|
11
11
|
import "./chunk-Z5SS7LLL.mjs";
|
|
12
12
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
|
|
4
|
-
type PopoverFooterProps = HTMLUIProps<
|
|
4
|
+
type PopoverFooterProps = HTMLUIProps<"footer">;
|
|
5
5
|
declare const PopoverFooter: _yamada_ui_core.Component<"footer", PopoverFooterProps>;
|
|
6
6
|
|
|
7
7
|
export { PopoverFooter, PopoverFooterProps };
|
package/dist/popover-footer.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
|
|
4
|
-
type PopoverFooterProps = HTMLUIProps<
|
|
4
|
+
type PopoverFooterProps = HTMLUIProps<"footer">;
|
|
5
5
|
declare const PopoverFooter: _yamada_ui_core.Component<"footer", PopoverFooterProps>;
|
|
6
6
|
|
|
7
7
|
export { PopoverFooter, PopoverFooterProps };
|
package/dist/popover-footer.js
CHANGED
package/dist/popover-footer.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
|
|
4
|
-
type PopoverHeaderProps = HTMLUIProps<
|
|
4
|
+
type PopoverHeaderProps = HTMLUIProps<"header">;
|
|
5
5
|
declare const PopoverHeader: _yamada_ui_core.Component<"header", PopoverHeaderProps>;
|
|
6
6
|
|
|
7
7
|
export { PopoverHeader, PopoverHeaderProps };
|
package/dist/popover-header.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
|
|
4
|
-
type PopoverHeaderProps = HTMLUIProps<
|
|
4
|
+
type PopoverHeaderProps = HTMLUIProps<"header">;
|
|
5
5
|
declare const PopoverHeader: _yamada_ui_core.Component<"header", PopoverHeaderProps>;
|
|
6
6
|
|
|
7
7
|
export { PopoverHeader, PopoverHeaderProps };
|
package/dist/popover-header.js
CHANGED
package/dist/popover-header.mjs
CHANGED
package/dist/popover.d.mts
CHANGED
|
@@ -66,7 +66,7 @@ type PopoverOptions = {
|
|
|
66
66
|
*
|
|
67
67
|
* @default 'click'
|
|
68
68
|
*/
|
|
69
|
-
trigger?:
|
|
69
|
+
trigger?: "click" | "hover" | "never";
|
|
70
70
|
/**
|
|
71
71
|
* The number of delay time to open.
|
|
72
72
|
*
|
|
@@ -99,14 +99,14 @@ type PopoverOptions = {
|
|
|
99
99
|
*
|
|
100
100
|
* @default 'scale'
|
|
101
101
|
*/
|
|
102
|
-
animation?:
|
|
102
|
+
animation?: "scale" | "top" | "right" | "left" | "bottom" | "none";
|
|
103
103
|
/**
|
|
104
104
|
* The animation duration.
|
|
105
105
|
*/
|
|
106
|
-
duration?: MotionTransitionProperties[
|
|
106
|
+
duration?: MotionTransitionProperties["duration"];
|
|
107
107
|
};
|
|
108
|
-
type PopoverProps = ThemeProps<
|
|
109
|
-
type PopoverContext = Pick<PopoverOptions,
|
|
108
|
+
type PopoverProps = ThemeProps<"Popover"> & Omit<UsePopperProps, "enabled"> & PropsWithChildren<PopoverOptions>;
|
|
109
|
+
type PopoverContext = Pick<PopoverOptions, "isOpen" | "onClose" | "closeOnButton" | "animation" | "duration"> & {
|
|
110
110
|
onAnimationComplete: () => void;
|
|
111
111
|
forceUpdate: () => void | undefined;
|
|
112
112
|
getTriggerProps: PropGetter;
|
package/dist/popover.d.ts
CHANGED
|
@@ -66,7 +66,7 @@ type PopoverOptions = {
|
|
|
66
66
|
*
|
|
67
67
|
* @default 'click'
|
|
68
68
|
*/
|
|
69
|
-
trigger?:
|
|
69
|
+
trigger?: "click" | "hover" | "never";
|
|
70
70
|
/**
|
|
71
71
|
* The number of delay time to open.
|
|
72
72
|
*
|
|
@@ -99,14 +99,14 @@ type PopoverOptions = {
|
|
|
99
99
|
*
|
|
100
100
|
* @default 'scale'
|
|
101
101
|
*/
|
|
102
|
-
animation?:
|
|
102
|
+
animation?: "scale" | "top" | "right" | "left" | "bottom" | "none";
|
|
103
103
|
/**
|
|
104
104
|
* The animation duration.
|
|
105
105
|
*/
|
|
106
|
-
duration?: MotionTransitionProperties[
|
|
106
|
+
duration?: MotionTransitionProperties["duration"];
|
|
107
107
|
};
|
|
108
|
-
type PopoverProps = ThemeProps<
|
|
109
|
-
type PopoverContext = Pick<PopoverOptions,
|
|
108
|
+
type PopoverProps = ThemeProps<"Popover"> & Omit<UsePopperProps, "enabled"> & PropsWithChildren<PopoverOptions>;
|
|
109
|
+
type PopoverContext = Pick<PopoverOptions, "isOpen" | "onClose" | "closeOnButton" | "animation" | "duration"> & {
|
|
110
110
|
onAnimationComplete: () => void;
|
|
111
111
|
forceUpdate: () => void | undefined;
|
|
112
112
|
getTriggerProps: PropGetter;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yamada-ui/popover",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.21",
|
|
4
4
|
"description": "Yamada UI popover component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"yamada",
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
"url": "https://github.com/hirotomoyamada/yamada-ui/issues"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@yamada-ui/core": "0.12.
|
|
38
|
+
"@yamada-ui/core": "0.12.6",
|
|
39
39
|
"@yamada-ui/utils": "0.3.3",
|
|
40
|
-
"@yamada-ui/close-button": "0.3.
|
|
41
|
-
"@yamada-ui/transitions": "0.3.
|
|
42
|
-
"@yamada-ui/motion": "0.4.
|
|
43
|
-
"@yamada-ui/use-popper": "0.4.
|
|
40
|
+
"@yamada-ui/close-button": "0.3.16",
|
|
41
|
+
"@yamada-ui/transitions": "0.3.17",
|
|
42
|
+
"@yamada-ui/motion": "0.4.16",
|
|
43
|
+
"@yamada-ui/use-popper": "0.4.16",
|
|
44
44
|
"@yamada-ui/use-disclosure": "0.4.3",
|
|
45
45
|
"@yamada-ui/use-focus": "0.2.5",
|
|
46
|
-
"@yamada-ui/use-animation": "0.4.
|
|
46
|
+
"@yamada-ui/use-animation": "0.4.5"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"react": "^18.0.0",
|