@croquiscom/pds 0.27.0 → 0.28.0

package/dist/modal/ConfirmModal.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ModalProps } from './Modal';
-export interface ConfirmModalProps extends Omit<ModalProps, 'closeButton' | 'onConfirm' | 'onCancel' | 'onClose' | 'width'> {
+export interface ConfirmModalProps extends Omit<ModalProps, 'closeButton' | 'onConfirm' | 'onCancel' | 'onClose' | 'width' | 'footerAddon'> {
     onConfirm?: () => void | Promise<void>;
     onCancel?: () => void | Promise<void>;
     text: ReactNode;

package/dist/modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren, ReactNode } from 'react';
-import { ModalOverlayProps } from './ModalOverlay';
-export interface ModalProps extends ModalOverlayProps {
+import { ModalOverlayBaseProps } from './ModalOverlay';
+export interface ModalProps extends ModalOverlayBaseProps {
     title?: ReactNode;
     confirmText?: string;
     cancelText?: string;
@@ -12,12 +12,15 @@ export interface ModalProps extends ModalOverlayProps {
      * @default false
      */
     dense?: boolean;
+    /**
+     * @desc Footer 영역 좌측 영역에 렌더링될 요소
+     */
+    footerAddon?: ReactNode;
     onConfirm?: () => void;
     onCancel?: () => void;
-    onClose?: () => void;
 }
 export declare const MIN_WIDTH = 480;
-export declare const Modal: ({ opened: openProp, children, title, width, confirmText, cancelText, closeButton, dense, fill, onConfirm, onCancel, onClose, onExited, ...props }: PropsWithChildren<ModalProps>) => JSX.Element;
+export declare const Modal: ({ opened: openProp, children, title, width, confirmText, cancelText, closeButton, dense, fill, footerAddon, onConfirm, onCancel, onClose, onExited, ...props }: PropsWithChildren<ModalProps>) => JSX.Element;
 export declare const ModalTitle: import("@emotion/styled").StyledComponent<React.PropsWithChildren<import("../text").BaseTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/modal/Modal.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { AlertModal as AlertModalComponent } from './AlertModal';
 import { ConfirmModal as ConfirmModalComponent } from './ConfirmModal';
-declare const _default: ComponentMeta<({ opened: openProp, children, title, width, confirmText, cancelText, closeButton, dense, fill, onConfirm, onCancel, onClose, onExited, ...props }: React.PropsWithChildren<import("./Modal").ModalProps>) => JSX.Element>;
+declare const _default: ComponentMeta<({ opened: openProp, children, title, width, confirmText, cancelText, closeButton, dense, fill, footerAddon, onConfirm, onCancel, onClose, onExited, ...props }: React.PropsWithChildren<import("./Modal").ModalProps>) => JSX.Element>;
 export default _default;
 export declare const BasicModal: any;
 export declare const BasicModalDense: any;
@@ -13,3 +13,4 @@ export declare const ConfirmModalDenseWithFill: ComponentStory<typeof ConfirmMod
 export declare const AlertModal: ComponentStory<typeof AlertModalComponent>;
 export declare const AlertModalDenseWithFill: ComponentStory<typeof AlertModalComponent>;
 export declare const AlertModalKind: ComponentStory<typeof AlertModalComponent>;
+export declare const NoticeModal: any;

package/dist/modal/ModalOverlay.d.ts

@@ -1,12 +1,13 @@
-import React, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
 import { CSSValueWithLength } from '../styles';
-export interface ModalOverlayProps {
+import { CornerRadiusSize } from '../foundation';
+export interface ModalOverlayBaseProps {
     /**
+     * @desc 100% 너비 사용, Alert 또는 Confirm Modal의 경우 최소너비(480) 범위내에서 적용됩니다.
      * @default false
      */
     fill?: boolean;
     width?: CSSValueWithLength;
-    maxWidth?: CSSValueWithLength;
     className?: string;
     opened?: boolean;
     /**
@@ -20,6 +21,12 @@ export interface ModalOverlayProps {
     onExited?: () => void;
     onClose?: () => void;
 }
-export declare const ModalOverlay: ({ width, maxWidth, fill, className, children, opened: openProp, zIndex, canClickOutside, onExited, onClose, setOpened, }: React.PropsWithChildren<ModalOverlayProps & {
+export interface ModalOverlayProps extends ModalOverlayBaseProps {
+    maxWidth?: CSSValueWithLength;
+    /**
+     * @default large
+     */
+    borderRadiusSize?: CornerRadiusSize;
     setOpened: Dispatch<SetStateAction<boolean>>;
-}>) => JSX.Element;
+}
+export declare const ModalOverlay: ({ width, maxWidth, borderRadiusSize, fill, className, children, opened: openProp, zIndex, canClickOutside, onExited, onClose, setOpened, }: PropsWithChildren<ModalOverlayProps>) => JSX.Element;

package/dist/modal/NoticeModal.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+import { ModalOverlayBaseProps } from './ModalOverlay';
+export interface NoticeModalProps extends Omit<ModalOverlayBaseProps, 'fill'> {
+    label?: string;
+    title?: ReactNode;
+    text?: ReactNode;
+    /**
+     * @default false
+     */
+    checkReplay?: boolean;
+    /**
+     * @default '오늘 하루동안 이 창을 열지 않음'
+     */
+    checkReplayText?: string;
+    onChangeCheckReplay?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const NoticeModal: ({ opened: openProp, children, width, label, title, text, checkReplay, checkReplayText, onClose, onExited, onChangeCheckReplay, ...props }: PropsWithChildren<NoticeModalProps>) => JSX.Element;

package/dist/modal/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Modal';
 export * from './AlertModal';
 export * from './ConfirmModal';
+export * from './NoticeModal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",