@croquiscom/pds 8.12.1 → 8.14.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.14.0
+
+### Minor Changes
+
+- 65eee7b: feat: ComfirmModal-ButtonProps속성 추가
+
+## 8.13.0
+
+### Minor Changes
+
+- 2edad6e: sideEffects: false 트리셰이킹 지원 추가
+
 ## 8.12.1
 
 ### Patch Changes

package/dist/components/modal/AlertModal.d.ts

@@ -2,7 +2,7 @@
 import { ConfirmModalProps } from './ConfirmModal';
 import { NotificationKind } from '../notification';
 import { ModalActionButtonType } from './ModalActionButton';
-export interface AlertModalProps extends Omit<ConfirmModalProps, 'cancelText' | 'onCancel' | 'autoFocusButton'> {
+export interface AlertModalProps extends Omit<ConfirmModalProps, 'cancelText' | 'onCancel' | 'autoFocusButton' | 'cancelButtonProps'> {
     /**
      * @default info
      */
@@ -13,5 +13,5 @@ export interface AlertModalProps extends Omit<ConfirmModalProps, 'cancelText' |
      */
     autoFocusButton?: Extract<ModalActionButtonType, 'confirm'> | null;
 }
-export declare const AlertModal: ({ width, kind, dense, fill, title, confirmText, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element;
+export declare const AlertModal: ({ width, kind, dense, fill, title, confirmText, confirmButtonProps, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element;
 export declare const Alert: (properties: AlertModalProps) => Promise<boolean>;

package/dist/components/modal/AlertModal.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { AlertModal, AlertModalProps } from './AlertModal';
-declare const _default: ComponentMeta<({ width, kind, dense, fill, title, confirmText, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, kind, dense, fill, title, confirmText, confirmButtonProps, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element>;
 export default _default;
 export declare const Base: ComponentStory<typeof AlertModal>;
 export declare const Dense: ComponentStory<typeof AlertModal>;

package/dist/components/modal/ConfirmModal.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { ModalButtonProps } from './Modal';
 import { ModalOverlayBaseProps } from './ModalOverlay';
 import { ModalActionButtonType } from './ModalActionButton';
 export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'> {
@@ -11,6 +12,14 @@ export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'
     dense?: boolean;
     confirmText?: string;
     cancelText?: string;
+    /**
+     * [ButtonProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-button--primary)를 confirmButton에 적용할 수 있습니다.
+     */
+    confirmButtonProps?: ModalButtonProps;
+    /**
+     * [ButtonProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-button--primary)를 cancelButton에 적용할 수 있습니다.
+     */
+    cancelButtonProps?: ModalButtonProps;
     /**
      * autofocus 지정할 기본 버튼 요소
      * @default confirm
@@ -29,7 +38,7 @@ export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'
      */
     onClose?: () => void | Promise<void>;
 }
-export declare const ConfirmModal: ({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => JSX.Element;
+export declare const ConfirmModal: ({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => JSX.Element;
 export declare const StyledText: import("@emotion/styled").StyledComponent<(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/components/modal/ConfirmModal.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { ConfirmModal } from './ConfirmModal';
-declare const _default: ComponentMeta<({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: import("./ConfirmModal").ConfirmModalProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: import("./ConfirmModal").ConfirmModalProps) => JSX.Element>;
 export default _default;
 export declare const Base: ComponentStory<typeof ConfirmModal>;
 export declare const Dense: ComponentStory<typeof ConfirmModal>;
 export declare const ContinuosOpen: ComponentStory<typeof ConfirmModal>;
 export declare const AutoFocusButtonCustom: ComponentStory<typeof ConfirmModal>;
 export declare const DisabledAutoFocusButton: ComponentStory<typeof ConfirmModal>;
+export declare const CustomPropsButton: ComponentStory<typeof ConfirmModal>;