@yamada-ui/modal 0.4.17 → 0.4.18

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.
Files changed (15) hide show
  1. package/dist/dialog.d.mts +1 -1
  2. package/dist/dialog.d.ts +1 -1
  3. package/dist/drawer.d.mts +3 -3
  4. package/dist/drawer.d.ts +3 -3
  5. package/dist/modal-body.d.mts +1 -1
  6. package/dist/modal-body.d.ts +1 -1
  7. package/dist/modal-footer.d.mts +1 -1
  8. package/dist/modal-footer.d.ts +1 -1
  9. package/dist/modal-header.d.mts +1 -1
  10. package/dist/modal-header.d.ts +1 -1
  11. package/dist/modal-overlay.d.mts +1 -1
  12. package/dist/modal-overlay.d.ts +1 -1
  13. package/dist/modal.d.mts +7 -7
  14. package/dist/modal.d.ts +7 -7
  15. package/package.json +7 -7
package/dist/dialog.d.mts CHANGED
@@ -45,7 +45,7 @@ type DialogOptions = {
45
45
  */
46
46
  onSuccess?: (onClose: (() => void) | undefined) => void;
47
47
  };
48
- type DialogProps = Omit<ModalProps, keyof ThemeProps> & ThemeProps<'Dialog'> & DialogOptions;
48
+ type DialogProps = Omit<ModalProps, keyof ThemeProps> & ThemeProps<"Dialog"> & DialogOptions;
49
49
  declare const Dialog: _yamada_ui_core.Component<"section", DialogProps>;
50
50
  type DialogOverlayProps = ModalOverlayProps;
51
51
  declare const DialogOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
package/dist/dialog.d.ts CHANGED
@@ -45,7 +45,7 @@ type DialogOptions = {
45
45
  */
46
46
  onSuccess?: (onClose: (() => void) | undefined) => void;
47
47
  };
48
- type DialogProps = Omit<ModalProps, keyof ThemeProps> & ThemeProps<'Dialog'> & DialogOptions;
48
+ type DialogProps = Omit<ModalProps, keyof ThemeProps> & ThemeProps<"Dialog"> & DialogOptions;
49
49
  declare const Dialog: _yamada_ui_core.Component<"section", DialogProps>;
50
50
  type DialogOverlayProps = ModalOverlayProps;
51
51
  declare const DialogOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
package/dist/drawer.d.mts CHANGED
@@ -17,15 +17,15 @@ type DrawerOptions = {
17
17
  *
18
18
  * @default 'right'
19
19
  */
20
- placement?: SlideProps['placement'];
20
+ placement?: SlideProps["placement"];
21
21
  /**
22
22
  * If `true` and drawer's placement is `top` or `bottom`, the drawer will occupy the viewport height (100dvh).
23
23
  */
24
24
  isFullHeight?: boolean;
25
25
  };
26
- type DrawerProps = Omit<ModalProps, 'scrollBehavior' | 'animation' | 'outside' | keyof ThemeProps> & ThemeProps<'Drawer'> & DrawerOptions;
26
+ type DrawerProps = Omit<ModalProps, "scrollBehavior" | "animation" | "outside" | keyof ThemeProps> & ThemeProps<"Drawer"> & DrawerOptions;
27
27
  declare const Drawer: _yamada_ui_core.Component<"div", DrawerProps>;
28
- type DrawerContentProps = Omit<DrawerProps, 'color' | 'transition' | 'isOpen' | keyof ThemeProps>;
28
+ type DrawerContentProps = Omit<DrawerProps, "color" | "transition" | "isOpen" | keyof ThemeProps>;
29
29
  declare const DrawerContent: _yamada_ui_core.Component<"div", DrawerContentProps>;
30
30
  type DrawerOverlayProps = ModalOverlayProps;
31
31
  declare const DrawerOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
package/dist/drawer.d.ts CHANGED
@@ -17,15 +17,15 @@ type DrawerOptions = {
17
17
  *
18
18
  * @default 'right'
19
19
  */
20
- placement?: SlideProps['placement'];
20
+ placement?: SlideProps["placement"];
21
21
  /**
22
22
  * If `true` and drawer's placement is `top` or `bottom`, the drawer will occupy the viewport height (100dvh).
23
23
  */
24
24
  isFullHeight?: boolean;
25
25
  };
26
- type DrawerProps = Omit<ModalProps, 'scrollBehavior' | 'animation' | 'outside' | keyof ThemeProps> & ThemeProps<'Drawer'> & DrawerOptions;
26
+ type DrawerProps = Omit<ModalProps, "scrollBehavior" | "animation" | "outside" | keyof ThemeProps> & ThemeProps<"Drawer"> & DrawerOptions;
27
27
  declare const Drawer: _yamada_ui_core.Component<"div", DrawerProps>;
28
- type DrawerContentProps = Omit<DrawerProps, 'color' | 'transition' | 'isOpen' | keyof ThemeProps>;
28
+ type DrawerContentProps = Omit<DrawerProps, "color" | "transition" | "isOpen" | keyof ThemeProps>;
29
29
  declare const DrawerContent: _yamada_ui_core.Component<"div", DrawerContentProps>;
30
30
  type DrawerOverlayProps = ModalOverlayProps;
31
31
  declare const DrawerOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
package/dist/modal-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 ModalBodyProps = HTMLUIProps<'main'>;
4
+ type ModalBodyProps = HTMLUIProps<"main">;
5
5
  declare const ModalBody: _yamada_ui_core.Component<"main", ModalBodyProps>;
6
6
 
7
7
  export { ModalBody, ModalBodyProps };
package/dist/modal-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 ModalBodyProps = HTMLUIProps<'main'>;
4
+ type ModalBodyProps = HTMLUIProps<"main">;
5
5
  declare const ModalBody: _yamada_ui_core.Component<"main", ModalBodyProps>;
6
6
 
7
7
  export { ModalBody, ModalBodyProps };
package/dist/modal-footer.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 ModalFooterProps = HTMLUIProps<'footer'>;
4
+ type ModalFooterProps = HTMLUIProps<"footer">;
5
5
  declare const ModalFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
6
6
 
7
7
  export { ModalFooter, ModalFooterProps };
package/dist/modal-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 ModalFooterProps = HTMLUIProps<'footer'>;
4
+ type ModalFooterProps = HTMLUIProps<"footer">;
5
5
  declare const ModalFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
6
6
 
7
7
  export { ModalFooter, ModalFooterProps };
package/dist/modal-header.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 ModalHeaderProps = HTMLUIProps<'header'>;
4
+ type ModalHeaderProps = HTMLUIProps<"header">;
5
5
  declare const ModalHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
6
6
 
7
7
  export { ModalHeader, ModalHeaderProps };
package/dist/modal-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 ModalHeaderProps = HTMLUIProps<'header'>;
4
+ type ModalHeaderProps = HTMLUIProps<"header">;
5
5
  declare const ModalHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
6
6
 
7
7
  export { ModalHeader, ModalHeaderProps };
package/dist/modal-overlay.d.mts CHANGED
@@ -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 ModalOverlayProps = HTMLUIProps<'div'> & Omit<HTMLMotionProps<'div'>, 'color' | 'transition'>;
5
+ type ModalOverlayProps = HTMLUIProps<"div"> & Omit<HTMLMotionProps<"div">, "color" | "transition">;
6
6
  declare const ModalOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
7
7
 
8
8
  export { ModalOverlay, ModalOverlayProps };
package/dist/modal-overlay.d.ts CHANGED
@@ -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 ModalOverlayProps = HTMLUIProps<'div'> & Omit<HTMLMotionProps<'div'>, 'color' | 'transition'>;
5
+ type ModalOverlayProps = HTMLUIProps<"div"> & Omit<HTMLMotionProps<"div">, "color" | "transition">;
6
6
  declare const ModalOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
7
7
 
8
8
  export { ModalOverlay, ModalOverlayProps };
package/dist/modal.d.mts CHANGED
@@ -8,7 +8,7 @@ type ModalContext = ModalOptions & {
8
8
  };
9
9
  declare const useModal: () => ModalContext;
10
10
 
11
- type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'finalFocusRef' | 'restoreFocus' | 'lockFocusAcrossFrames'> & {
11
+ type ModalOptions = Pick<FocusLockProps, "autoFocus" | "initialFocusRef" | "finalFocusRef" | "restoreFocus" | "lockFocusAcrossFrames"> & {
12
12
  /**
13
13
  * If `true`, the open will be opened.
14
14
  */
@@ -34,11 +34,11 @@ type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'fina
34
34
  *
35
35
  * @default 'center'
36
36
  */
37
- placement?: Token<'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'>;
37
+ placement?: Token<"center" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
38
38
  /**
39
39
  * The CSS `padding` property.
40
40
  */
41
- outside?: CSSUIProps['p'];
41
+ outside?: CSSUIProps["p"];
42
42
  /**
43
43
  * If `true`, display the modal close button.
44
44
  *
@@ -65,7 +65,7 @@ type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'fina
65
65
  *
66
66
  * @default 'inside'
67
67
  */
68
- scrollBehavior?: 'inside' | 'outside';
68
+ scrollBehavior?: "inside" | "outside";
69
69
  /**
70
70
  * If `true`, scrolling will be disabled on the `body` when the modal opens.
71
71
  *
@@ -89,13 +89,13 @@ type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'fina
89
89
  *
90
90
  * @default 'scale'
91
91
  */
92
- animation?: 'scale' | 'top' | 'right' | 'left' | 'bottom' | 'none';
92
+ animation?: "scale" | "top" | "right" | "left" | "bottom" | "none";
93
93
  /**
94
94
  * The animation duration.
95
95
  */
96
- duration?: MotionTransitionProperties['duration'];
96
+ duration?: MotionTransitionProperties["duration"];
97
97
  };
98
- type ModalProps = Omit<HTMLUIProps<'section'>, 'scrollBehavior' | 'animation'> & Omit<HTMLMotionProps<'section'>, 'color' | 'transition'> & ThemeProps<'Modal'> & ModalOptions;
98
+ type ModalProps = Omit<HTMLUIProps<"section">, "scrollBehavior" | "animation"> & Omit<HTMLMotionProps<"section">, "color" | "transition"> & ThemeProps<"Modal"> & ModalOptions;
99
99
  declare const Modal: _yamada_ui_core.Component<"section", ModalProps>;
100
100
 
101
101
  export { Modal, ModalProps, useModal };
package/dist/modal.d.ts CHANGED
@@ -8,7 +8,7 @@ type ModalContext = ModalOptions & {
8
8
  };
9
9
  declare const useModal: () => ModalContext;
10
10
 
11
- type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'finalFocusRef' | 'restoreFocus' | 'lockFocusAcrossFrames'> & {
11
+ type ModalOptions = Pick<FocusLockProps, "autoFocus" | "initialFocusRef" | "finalFocusRef" | "restoreFocus" | "lockFocusAcrossFrames"> & {
12
12
  /**
13
13
  * If `true`, the open will be opened.
14
14
  */
@@ -34,11 +34,11 @@ type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'fina
34
34
  *
35
35
  * @default 'center'
36
36
  */
37
- placement?: Token<'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'>;
37
+ placement?: Token<"center" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
38
38
  /**
39
39
  * The CSS `padding` property.
40
40
  */
41
- outside?: CSSUIProps['p'];
41
+ outside?: CSSUIProps["p"];
42
42
  /**
43
43
  * If `true`, display the modal close button.
44
44
  *
@@ -65,7 +65,7 @@ type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'fina
65
65
  *
66
66
  * @default 'inside'
67
67
  */
68
- scrollBehavior?: 'inside' | 'outside';
68
+ scrollBehavior?: "inside" | "outside";
69
69
  /**
70
70
  * If `true`, scrolling will be disabled on the `body` when the modal opens.
71
71
  *
@@ -89,13 +89,13 @@ type ModalOptions = Pick<FocusLockProps, 'autoFocus' | 'initialFocusRef' | 'fina
89
89
  *
90
90
  * @default 'scale'
91
91
  */
92
- animation?: 'scale' | 'top' | 'right' | 'left' | 'bottom' | 'none';
92
+ animation?: "scale" | "top" | "right" | "left" | "bottom" | "none";
93
93
  /**
94
94
  * The animation duration.
95
95
  */
96
- duration?: MotionTransitionProperties['duration'];
96
+ duration?: MotionTransitionProperties["duration"];
97
97
  };
98
- type ModalProps = Omit<HTMLUIProps<'section'>, 'scrollBehavior' | 'animation'> & Omit<HTMLMotionProps<'section'>, 'color' | 'transition'> & ThemeProps<'Modal'> & ModalOptions;
98
+ type ModalProps = Omit<HTMLUIProps<"section">, "scrollBehavior" | "animation"> & Omit<HTMLMotionProps<"section">, "color" | "transition"> & ThemeProps<"Modal"> & ModalOptions;
99
99
  declare const Modal: _yamada_ui_core.Component<"section", ModalProps>;
100
100
 
101
101
  export { Modal, ModalProps, useModal };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/modal",
3
- "version": "0.4.17",
3
+ "version": "0.4.18",
4
4
  "description": "Yamada UI modal component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -36,15 +36,15 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "react-remove-scroll": "^2.5.4",
39
- "@yamada-ui/core": "0.12.5",
39
+ "@yamada-ui/core": "0.12.6",
40
40
  "@yamada-ui/utils": "0.3.3",
41
- "@yamada-ui/motion": "0.4.15",
41
+ "@yamada-ui/motion": "0.4.16",
42
42
  "@yamada-ui/portal": "0.3.6",
43
- "@yamada-ui/button": "0.3.16",
43
+ "@yamada-ui/button": "0.3.17",
44
44
  "@yamada-ui/focus-lock": "0.3.5",
45
- "@yamada-ui/close-button": "0.3.15",
46
- "@yamada-ui/transitions": "0.3.16",
47
- "@yamada-ui/use-value": "0.2.15"
45
+ "@yamada-ui/close-button": "0.3.16",
46
+ "@yamada-ui/transitions": "0.3.17",
47
+ "@yamada-ui/use-value": "0.2.16"
48
48
  },
49
49
  "devDependencies": {
50
50
  "react": "^18.0.0",