@croquiscom/pds 0.44.0 → 0.45.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @croquiscom/pds
 
+## 0.45.1
+
+### Patch Changes
+
+- aec1e60: fix: FileUpload fileList prop이 undefined인 경우 대응
+- fc9c93c: Popover 컴포넌트 title, description, closeButton 내부 제공 추가, trigger click 이벤트 stopPropagation 추가
+
+## 0.45.0
+
+### Minor Changes
+
+- e333756: IconMessage24, IconLocked16 아이콘 추가
+
+### Patch Changes
+
+- 47be844: Button Disabled 컬러 opacity 적용 추가
+
 ## 0.44.0
 
 ### Minor Changes

package/assets/icons/Locked16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.96674 6.6333V4.66663C3.96674 3.59693 4.39167 2.57103 5.14807 1.81464C5.90447 1.05824 6.93036 0.633301 8.00007 0.633301C9.06978 0.633301 10.0957 1.05824 10.8521 1.81464C11.6085 2.57103 12.0334 3.59693 12.0334 4.66663V6.6333H12.6667C13.7897 6.6333 14.7 7.54365 14.7 8.66663V13.3333C14.7 14.4563 13.7897 15.3666 12.6667 15.3666H3.33338C2.2104 15.3666 1.30005 14.4563 1.30005 13.3333V8.66663C1.30005 7.54365 2.2104 6.6333 3.33338 6.6333H3.96674ZM6.13802 2.80459C6.63187 2.31074 7.30167 2.0333 8.00007 2.0333C8.69847 2.0333 9.36827 2.31074 9.86212 2.80459C10.356 3.29843 10.6334 3.96823 10.6334 4.66663V6.6333H5.36674V4.66663C5.36674 3.96823 5.64418 3.29843 6.13802 2.80459ZM3.33338 8.0333C2.9836 8.0333 2.70005 8.31685 2.70005 8.66663V13.3333C2.70005 13.6831 2.9836 13.9666 3.33338 13.9666H12.6667C13.0165 13.9666 13.3 13.6831 13.3 13.3333V8.66663C13.3 8.31685 13.0165 8.0333 12.6667 8.0333H3.33338Z" fill="#363644"/>
+</svg>

package/assets/icons/Message24.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 7.78613C4 5.69511 5.61614 4 7.60976 4H16.3902C18.3839 4 20 5.69511 20 7.78613V13.8199C20 15.9109 18.3839 17.6061 16.3902 17.6061H7.81164L6.02568 19.6085C5.30022 20.4218 4 19.8834 4 18.7696V7.78613ZM7.60976 5.43259C6.37048 5.43259 5.36585 6.4863 5.36585 7.78613V18.2513L7.01662 16.4004C7.14575 16.2556 7.32632 16.1735 7.51534 16.1735H16.3902C17.6295 16.1735 18.6341 15.1198 18.6341 13.8199V7.78613C18.6341 6.4863 17.6295 5.43259 16.3902 5.43259H7.60976Z" fill="#363644"/>
+<path d="M7.60976 9.32104C7.60976 8.92544 7.91551 8.60475 8.29268 8.60475H15.7073C16.0845 8.60475 16.3902 8.92544 16.3902 9.32104C16.3902 9.71664 16.0845 10.0373 15.7073 10.0373H8.29268C7.91551 10.0373 7.60976 9.71664 7.60976 9.32104Z" fill="#363644"/>
+<path d="M7.60976 12.5955C7.60976 12.1999 7.91551 11.8792 8.29268 11.8792H13.7561C14.1333 11.8792 14.439 12.1999 14.439 12.5955C14.439 12.9911 14.1333 13.3118 13.7561 13.3118H8.29268C7.91551 13.3118 7.60976 12.9911 7.60976 12.5955Z" fill="#363644"/>
+</svg>

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

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

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

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

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

@@ -108,10 +108,12 @@ export { default as IconLoading24 } from './Loading24';
 export { default as IconLoadingDonuts30 } from './LoadingDonuts30';
 export { default as IconLoadingDots30 } from './LoadingDots30';
 export { default as IconLock18 } from './Lock18';
+export { default as IconLocked16 } from './Locked16';
 export { default as IconMarketing24 } from './Marketing24';
 export { default as IconMegaphone14 } from './Megaphone14';
 export { default as IconMemoAttention20 } from './MemoAttention20';
 export { default as IconMemoDefault20 } from './MemoDefault20';
+export { default as IconMessage24 } from './Message24';
 export { default as IconMinus20 } from './Minus20';
 export { default as IconMove10 } from './Move10';
 export { default as IconNew10 } from './New10';

package/dist/components/popover/Popover.d.ts

@@ -9,7 +9,22 @@ type PopoverWithCloseAction = (action: {
 export interface PopoverProps {
     className?: string;
     children: ReactNode;
-    content: PopoverContent | PopoverWithCloseAction;
+    /**
+     * Popover 내부에 렌더될 자유 콘텐츠 요소
+     *  - HelpText 컴포넌트 규격 또는 자유롭게 콘텐츠를 구성할 경우 사용합니다.
+     *  - PopoverContent
+     *   - [HelpText](https://storybook.kakaostyle.in/master/pds/?path=/story/component-text-helptext--base) 또는 ReactNode 타입을 가집니다.
+     *  - PopoverWithCloseAction
+     *   - PopoverContent function 타입으로 가집니다.
+     */
+    content?: PopoverContent | PopoverWithCloseAction;
+    title?: string;
+    description?: ReactNode;
+    /**
+     * 닫힘버튼 사용 유무
+     * @default false
+     */
+    closeButton?: boolean;
     /**
      * main app node 바깥영역으로 생성할지 여부
      * @default false

package/dist/components/popover/Popover.stories.d.ts

@@ -6,5 +6,14 @@ export default _default;
 export declare const Base: any;
 export declare const HoverIcon: () => JSX.Element;
 export declare const Placement: ComponentStory<typeof Popover>;
-export declare const ContentWithCloseAction: () => JSX.Element;
+export declare const TemplateWithCloseButton: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
 export declare const HidingFullyClippedReferenceElements: () => JSX.Element;