@croquiscom/pds 8.27.2 → 8.28.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @croquiscom/pds
 
+## 8.28.0
+
+### Minor Changes
+
+- 089c3e6: FileUploadButton ButtonProps 적용 가능하도록 수정
+
+### Patch Changes
+
+- f7456db: feat: Printer 아이콘 추가
+
 ## 8.27.2
 
 ### Patch Changes

package/assets/icons/Printer.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 d="M19.5 10C19.5 10.5523 19.0523 11 18.5 11C17.9477 11 17.5 10.5523 17.5 10C17.5 9.44771 17.9477 9 18.5 9C19.0523 9 19.5 9.44771 19.5 10Z" fill="#363644"/>
+<path d="M9 16.25H15V17.75H9V16.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 2.5H6.5V6H1.5V18H5.5V21.5H18.5V18H22.5V6H17.5V2.5ZM18.5 16.5H21V7.5H3V16.5H5.5V12.5H18.5V16.5ZM7 20H17V14H7V20ZM16 6V4H8V6H16Z" fill="#363644"/>
+</svg>

package/dist/components/file-upload/FileUpload.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { ButtonProps } from '../button';
 export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading';
 export type FileType = File & {
     [key: string]: any;
@@ -20,6 +21,7 @@ export interface FileUploadProps {
      */
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
+    loading?: boolean;
     /**
      * HTMLInputElement['multiple']
      */
@@ -37,6 +39,7 @@ export interface FileUploadProps {
      * FileList를 노출하려면 지정된 UploadFile 타입으로 전달해야합니다.
      */
     fileList?: UploadFile[];
+    buttonProps?: Omit<ButtonProps, 'onClick' | 'disabled'>;
     onChange?: (file: File | File[]) => void;
     /**
      * 파일 업로드 버튼 클릭시 실행되는 이벤트
@@ -55,4 +58,4 @@ export interface FileUploadProps {
      */
     onClickFileRemove?: (file: UploadFile, index: number) => void;
 }
-export declare const FileUpload: ({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => React.JSX.Element;
+export declare const FileUpload: ({ className, accept, label, disabled, loading, multiple, maxCount, showRemoveButton, fileList, buttonProps, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => React.JSX.Element;

package/dist/components/file-upload/FileUpload.stories.d.ts

@@ -11,3 +11,8 @@ export declare const ClickUploadButton: Story;
 export declare const FileStatus: Story;
 export declare const Disabled: Story;
 export declare const MultipleFileUpload: Story;
+export declare const Loading: Story;
+export declare const ChangeButtonIcon: Story;
+export declare const ChangeButtonSize: Story;
+export declare const ChangeButtonKind: Story;
+export declare const ChangeFilledButton: Story;

package/dist/components/file-upload/FileUploadButton.d.ts

@@ -1,9 +1,12 @@
 import React, { ReactNode, InputHTMLAttributes } from 'react';
+import { ButtonProps } from '../button';
 export interface FileUploadButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'multiple'> {
     /** @default '파일 업로드' */
     label: ReactNode;
     /** @default false */
     multiple?: boolean;
+    loading?: boolean;
+    buttonProps?: Omit<ButtonProps, 'onClick' | 'disabled' | 'loading'>;
     onFileUpload?: (file: File | File[]) => void;
 }
-export declare const FileUploadButton: ({ accept, label, disabled, className, multiple, onFileUpload, ...props }: FileUploadButtonProps) => React.JSX.Element;
+export declare const FileUploadButton: ({ accept, label, disabled, className, multiple, loading, buttonProps, onFileUpload, ...props }: FileUploadButtonProps) => React.JSX.Element;

package/dist/components/file-upload/FileUploadButton.stories.d.ts

@@ -6,3 +6,8 @@ type Story = StoryObj<typeof FileUploadButton>;
 export declare const Base: Story;
 export declare const Disabled: Story;
 export declare const Multiple: Story;
+export declare const Loading: Story;
+export declare const ChangeButtonIcon: Story;
+export declare const ChangeButtonSize: Story;
+export declare const ChangeButtonKind: Story;
+export declare const ChangeFilledButton: Story;

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

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

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

@@ -199,6 +199,7 @@ export { default as IconPinColor } from './PinColor';
 export { default as IconPinFill } from './PinFill';
 export { default as IconPlayFill } from './PlayFill';
 export { default as IconPlus } from './Plus';
+export { default as IconPrinter } from './Printer';
 export { default as IconRefresh } from './Refresh';
 export { default as IconRocket } from './Rocket';
 export { default as IconSearch } from './Search';