@croquiscom/pds 2.1.2 → 2.2.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @croquiscom/pds
 
+## 2.2.1
+
+### Patch Changes
+
+- b55e198: Confirm, Alert Modal 텍스트 개행 지원 추가, onExited 발생시 onClose 호출 추가
+
+## 2.2.0
+
+### Minor Changes
+
+- 5ad9afb: feat: Add Icons (Flag, Gift, Growth)
+
+### Patch Changes
+
+- 9a40aad: Modal 콘텐츠 영역 Overflow 처리 변경
+
+  ## BreakPoint
+
+  - ModalOverlay 기존 border-radius 적용을 위한 overflow hidden 제거되었습니다.
+  - Modal content 영역의 overflow를 스크롤 발생시에만 적용토록 변경하였습니다.
+
 ## 2.1.2
 
 ### Patch Changes

package/assets/icons/ColoredFlag.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 21.7647C9 21.7647 9 23 7.5 23C6 23 6 21.7647 6 21.7647V3.23529C6 3.23529 6 2 7.5 2C9 2 9 3.23529 9 3.23529V21.7647Z" fill="#787887"/>
+<path d="M6 2.57316C6 1.8408 6.76131 1.35686 7.42443 1.6677L20.0684 7.59454C20.8358 7.95427 20.8358 9.04573 20.0684 9.40546L7.42443 15.3323C6.76131 15.6431 6 15.1592 6 14.4268V2.57316Z" fill="#F05046"/>
+</svg>

package/assets/icons/ColoredGift.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 7C2.44772 7 2 7.44772 2 8V11C2 11.5523 2.44772 12 3 12H4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V12H21C21.5523 12 22 11.5523 22 11V8C22 7.44772 21.5523 7 21 7H3Z" fill="#FFC2E1"/>
+<path d="M7.68381 7.04276H10.7145V21.9999H13.2859V7.04286H16.3165C17.0472 7.04286 17.748 6.77194 18.2646 6.2897C18.7813 5.80747 19.0716 5.15341 19.0716 4.47143C19.0716 3.78944 18.7813 3.13539 18.2646 2.65315C17.748 2.17092 17.0472 1.9 16.3165 1.9C14.0112 1.9 12.6901 3.73698 12.0002 5.21518C11.3102 3.73696 9.9891 1.8999 7.68381 1.8999C6.95311 1.8999 6.25234 2.17082 5.73566 2.65306C5.21898 3.13529 4.92871 3.78935 4.92871 4.47133C4.92871 5.15332 5.21898 5.80737 5.73566 6.28961C6.25234 6.77184 6.95311 7.04276 7.68381 7.04276Z" fill="#FF71BA"/>
+</svg>

package/assets/icons/ColoredGrowth.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 5H6C8.973 5 11.441 7.16229 11.917 10H12.0014C12.0662 7.22756 14.3339 5 17.122 5H22C22 8.31371 19.3137 11 16 11H13V21H11V11H8C4.68629 11 2 8.31371 2 5Z" fill="#5AC27C"/>
+</svg>

package/dist/components/icons/generated/ColoredFlag.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredFlag: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredFlag;

package/dist/components/icons/generated/ColoredGift.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredGift: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredGift;

package/dist/components/icons/generated/ColoredGrowth.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredGrowth: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredGrowth;

package/dist/components/icons/generated/index.d.ts

@@ -81,8 +81,11 @@ export { default as IconColoredCoupon } from './ColoredCoupon';
 export { default as IconColoredDocument } from './ColoredDocument';
 export { default as IconColoredExcel } from './ColoredExcel';
 export { default as IconColoredEyes } from './ColoredEyes';
+export { default as IconColoredFlag } from './ColoredFlag';
+export { default as IconColoredGift } from './ColoredGift';
 export { default as IconColoredGraphDown } from './ColoredGraphDown';
 export { default as IconColoredGraphUp } from './ColoredGraphUp';
+export { default as IconColoredGrowth } from './ColoredGrowth';
 export { default as IconColoredHeart } from './ColoredHeart';
 export { default as IconColoredMedal } from './ColoredMedal';
 export { default as IconColoredMoneyBag } from './ColoredMoneyBag';

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { ModalOverlayBaseProps } from './ModalOverlay';
 export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'> {
     title: ReactNode;
@@ -24,4 +24,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, 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;
+}, {}, {}>;
 export declare const Confirm: (properties: ConfirmModalProps) => Promise<boolean>;

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

@@ -74,5 +74,6 @@ export declare const ModalContent: import("@emotion/styled").StyledComponent<{
 } & ModalContentProps & {
     fullScreen: boolean;
     layoutHeight: LayoutHeightType;
+    contentOverflow: boolean;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};