@croquiscom/pds 1.1.0 → 1.3.0

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

@@ -0,0 +1,183 @@
+export { default as IconAccount24 } from './Account24';
+export { default as IconAlert16 } from './Alert16';
+export { default as IconAlert20 } from './Alert20';
+export { default as IconAlert24 } from './Alert24';
+export { default as IconAlert50 } from './Alert50';
+export { default as IconAlertFill20 } from './AlertFill20';
+export { default as IconAlertTriangle18 } from './AlertTriangle18';
+export { default as IconArrowBottom16 } from './ArrowBottom16';
+export { default as IconArrowBottom18 } from './ArrowBottom18';
+export { default as IconArrowDecrease10 } from './ArrowDecrease10';
+export { default as IconArrowIncrease10 } from './ArrowIncrease10';
+export { default as IconArrowLeft16 } from './ArrowLeft16';
+export { default as IconArrowLeft18 } from './ArrowLeft18';
+export { default as IconArrowLineDown20 } from './ArrowLineDown20';
+export { default as IconArrowLineLeft20 } from './ArrowLineLeft20';
+export { default as IconArrowLineRight20 } from './ArrowLineRight20';
+export { default as IconArrowLineUp20 } from './ArrowLineUp20';
+export { default as IconArrowRight16 } from './ArrowRight16';
+export { default as IconArrowRight18 } from './ArrowRight18';
+export { default as IconArrowStick10 } from './ArrowStick10';
+export { default as IconArrowTop16 } from './ArrowTop16';
+export { default as IconArrowTop18 } from './ArrowTop18';
+export { default as IconArrowTriangleDown16 } from './ArrowTriangleDown16';
+export { default as IconArrowTriangleUp16 } from './ArrowTriangleUp16';
+export { default as IconAutoCharge20 } from './AutoCharge20';
+export { default as IconBarChart18 } from './BarChart18';
+export { default as IconBeauty72 } from './Beauty72';
+export { default as IconBelow10 } from './Below10';
+export { default as IconBelow16 } from './Below16';
+export { default as IconBest16 } from './Best16';
+export { default as IconBlog16 } from './Blog16';
+export { default as IconBookmark18 } from './Bookmark18';
+export { default as IconBoost24 } from './Boost24';
+export { default as IconBrand72 } from './Brand72';
+export { default as IconCalendar16 } from './Calendar16';
+export { default as IconCamera20 } from './Camera20';
+export { default as IconCart18 } from './Cart18';
+export { default as IconCart24 } from './Cart24';
+export { default as IconCharge20 } from './Charge20';
+export { default as IconChargeCoupon20 } from './ChargeCoupon20';
+export { default as IconCheck14 } from './Check14';
+export { default as IconCheck18 } from './Check18';
+export { default as IconCheck24 } from './Check24';
+export { default as IconCircleCard24 } from './CircleCard24';
+export { default as IconCircleCheckFill16 } from './CircleCheckFill16';
+export { default as IconCircleCheckLine16 } from './CircleCheckLine16';
+export { default as IconCircleMinus14 } from './CircleMinus14';
+export { default as IconCirclePlus14 } from './CirclePlus14';
+export { default as IconCircleWon18 } from './CircleWon18';
+export { default as IconCircleWon24 } from './CircleWon24';
+export { default as IconClick18 } from './Click18';
+export { default as IconClock16 } from './Clock16';
+export { default as IconCloseMedium24 } from './CloseMedium24';
+export { default as IconCloseSmall16 } from './CloseSmall16';
+export { default as IconConfetti18 } from './Confetti18';
+export { default as IconContract24 } from './Contract24';
+export { default as IconCopy14 } from './Copy14';
+export { default as IconCoupon18 } from './Coupon18';
+export { default as IconCoupon24 } from './Coupon24';
+export { default as IconCrop16 } from './Crop16';
+export { default as IconCs24 } from './Cs24';
+export { default as IconCvr18 } from './Cvr18';
+export { default as IconDashboard24 } from './Dashboard24';
+export { default as IconDeleteCircleFill20 } from './DeleteCircleFill20';
+export { default as IconDelivery24 } from './Delivery24';
+export { default as IconDelivery72 } from './Delivery72';
+export { default as IconDiscountTag16 } from './DiscountTag16';
+export { default as IconDoc14 } from './Doc14';
+export { default as IconDocConfirm50 } from './DocConfirm50';
+export { default as IconDone20 } from './Done20';
+export { default as IconEdit16 } from './Edit16';
+export { default as IconEmail18 } from './Email18';
+export { default as IconEmptyNoti50 } from './EmptyNoti50';
+export { default as IconError16 } from './Error16';
+export { default as IconExcel16 } from './Excel16';
+export { default as IconExcel18 } from './Excel18';
+export { default as IconExchange24 } from './Exchange24';
+export { default as IconExhibition24 } from './Exhibition24';
+export { default as IconEyeOff16 } from './EyeOff16';
+export { default as IconEyeOn16 } from './EyeOn16';
+export { default as IconFbk16 } from './Fbk16';
+export { default as IconGlobalDelivery72 } from './GlobalDelivery72';
+export { default as IconGrade18 } from './Grade18';
+export { default as IconGraph24 } from './Graph24';
+export { default as IconGraphBar16 } from './GraphBar16';
+export { default as IconGraphLine16 } from './GraphLine16';
+export { default as IconHeart18 } from './Heart18';
+export { default as IconHelp14 } from './Help14';
+export { default as IconHelp16 } from './Help16';
+export { default as IconHome16 } from './Home16';
+export { default as IconIdeaFill24 } from './IdeaFill24';
+export { default as IconIdeaLine24 } from './IdeaLine24';
+export { default as IconIndentArrow14 } from './IndentArrow14';
+export { default as IconInfo14 } from './Info14';
+export { default as IconInfo16 } from './Info16';
+export { default as IconInfo24 } from './Info24';
+export { default as IconInfoFill20 } from './InfoFill20';
+export { default as IconInstagram16 } from './Instagram16';
+export { default as IconInterest16 } from './Interest16';
+export { default as IconKids72 } from './Kids72';
+export { default as IconLife72 } from './Life72';
+export { default as IconLink16 } from './Link16';
+export { default as IconLinkCircle16 } from './LinkCircle16';
+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 IconMystore16 } from './Mystore16';
+export { default as IconNew10 } from './New10';
+export { default as IconNotExposed16 } from './NotExposed16';
+export { default as IconNotice24 } from './Notice24';
+export { default as IconOne18 } from './One18';
+export { default as IconOrder24 } from './Order24';
+export { default as IconOrderAmount18 } from './OrderAmount18';
+export { default as IconOrdering16 } from './Ordering16';
+export { default as IconOrders18 } from './Orders18';
+export { default as IconOutlinkOne14 } from './OutlinkOne14';
+export { default as IconOutlinkTwo14 } from './OutlinkTwo14';
+export { default as IconPartnerSupport24 } from './PartnerSupport24';
+export { default as IconPause20 } from './Pause20';
+export { default as IconPenaltyBad20 } from './PenaltyBad20';
+export { default as IconPenaltyGood20 } from './PenaltyGood20';
+export { default as IconPenaltyNotsobad20 } from './PenaltyNotsobad20';
+export { default as IconPicture24 } from './Picture24';
+export { default as IconPin16 } from './Pin16';
+export { default as IconPin24 } from './Pin24';
+export { default as IconPlay20 } from './Play20';
+export { default as IconPlus16 } from './Plus16';
+export { default as IconPlus20 } from './Plus20';
+export { default as IconPosty16 } from './Posty16';
+export { default as IconPowerup24 } from './Powerup24';
+export { default as IconProduct24 } from './Product24';
+export { default as IconPromotion24 } from './Promotion24';
+export { default as IconQuestion24 } from './Question24';
+export { default as IconRanking18 } from './Ranking18';
+export { default as IconRefresh14 } from './Refresh14';
+export { default as IconRefund24 } from './Refund24';
+export { default as IconReturn18 } from './Return18';
+export { default as IconSearch14 } from './Search14';
+export { default as IconShop72 } from './Shop72';
+export { default as IconSluggishSales16 } from './SluggishSales16';
+export { default as IconSpoid20 } from './Spoid20';
+export { default as IconStar10 } from './Star10';
+export { default as IconStatus10 } from './Status10';
+export { default as IconStatusNo16 } from './StatusNo16';
+export { default as IconStatusYes16 } from './StatusYes16';
+export { default as IconSteadySeller16 } from './SteadySeller16';
+export { default as IconStore24 } from './Store24';
+export { default as IconStore50 } from './Store50';
+export { default as IconSubscription24 } from './Subscription24';
+export { default as IconTableMove16 } from './TableMove16';
+export { default as IconThumbup14 } from './Thumbup14';
+export { default as IconTikTok16 } from './TikTok16';
+export { default as IconTip18 } from './Tip18';
+export { default as IconTrend18 } from './Trend18';
+export { default as IconTrendDecreasing18 } from './TrendDecreasing18';
+export { default as IconTrendIncreasing18 } from './TrendIncreasing18';
+export { default as IconTwo18 } from './Two18';
+export { default as IconUpload50 } from './Upload50';
+export { default as IconUser18 } from './User18';
+export { default as IconVideo16 } from './Video16';
+export { default as IconVideo24 } from './Video24';
+export { default as IconVvip18 } from './Vvip18';
+export { default as IconWarning24 } from './Warning24';
+export { default as IconWon16 } from './Won16';
+export { default as IconWrite18 } from './Write18';
+export { default as IconYouTube16 } from './YouTube16';
+export { default as IconZigzag16 } from './Zigzag16';
+export { default as IconZigzagCan16 } from './ZigzagCan16';
+export { default as IconZigzagEng16 } from './ZigzagEng16';
+export { default as IconZigzagGlobal16 } from './ZigzagGlobal16';
+export { default as IconZigzagJpn16 } from './ZigzagJpn16';
+export { default as IconZigzagKor16 } from './ZigzagKor16';
+export { default as IconZigzagWeb16 } from './ZigzagWeb16';
+export { default as IconZoomin16 } from './Zoomin16';

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './badge';
 export * from './icons/generated';
+export * from './icons-deprecated/generated';
 export * from './images/generated';
 export * from './checkbox';
 export * from './radio';

package/dist/components/time-picker/TimePicker.d.ts

@@ -13,6 +13,13 @@ export interface TimePickerProps {
     zIndex?: number;
     error?: boolean;
     disabled?: boolean;
+    /**
+     * TimePicker 팝오버 너비 100% 사용여부
+     *  - Input 요소 만큼의 100% 너비를 가집니다.
+     *  - true 일 경우 footer(확인/취소) 버튼 속성은 자동 fill 처리됩니다.
+     * @default false
+     */
+    fill?: boolean;
     value?: Date;
     onClose?: () => void;
     onOpen?: () => void;
@@ -30,4 +37,4 @@ export interface TimePickerProps {
      */
     showRemoveButton?: boolean;
 }
-export declare const TimePicker: ({ disabled, value, error, width, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ disabled, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;

package/dist/components/time-picker/TimePicker.stories.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, value, error, width, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ disabled, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
 export declare const ShowRemoveButton: any;
 export declare const IncrementMinute: any;
+export declare const FullWidth: any;

package/dist/components/time-picker/TimePickerOptions.d.ts

@@ -5,7 +5,9 @@ export interface TimeOption {
     index: number;
 }
 export interface TimePickerOptionsProps {
+    availableHeight: number;
     disabled?: boolean;
+    fill?: boolean;
     timeHourPickerOptions: TimeOption[];
     timeMinutePickerOptions: TimeOption[];
     selectedTimeHour?: number;
@@ -15,4 +17,7 @@ export interface TimePickerOptionsProps {
 }
 export declare const getTimePickerOptions: (length: number, increment?: number) => TimeOption[];
 export declare const getTimePickerOption: (options: TimeOption[], value: TimeOption['value']) => TimeOption;
-export declare const TimePickerOptions: ({ timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, disabled, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => JSX.Element;
+export declare const TIME_PICKER_COLUMN_HEIGHT = 340;
+export declare const TIME_PICKER_CELL_HEIGHT = 38;
+export declare const TIME_PICKER_SAFE_AREA = 100;
+export declare const TimePickerOptions: ({ availableHeight, timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, disabled, fill, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => JSX.Element;

package/dist/components/time-picker/TimePickerOverlay.d.ts

@@ -1,12 +1,13 @@
 import React, { ReactNode, SetStateAction, Dispatch } from 'react';
 type ContentWithCloseAction = (action: {
     close(): void;
+    availableHeight: number;
 }) => ReactNode;
 export interface TimePickerOverlayProps {
     /** @desc reference element를 구할 수 있는 컴포넌트여야 합니다. */
     children: React.ReactNode;
     className?: string;
-    content?: ReactNode | ContentWithCloseAction;
+    content?: ContentWithCloseAction;
     /**
      * 기본값으로 [ZIndexOrder](https://github.com/croquiscom/pds/blob/main/src/styles/zIndex.ts) 규칙을 적용합니다.
      * @default 1035
@@ -14,10 +15,11 @@ export interface TimePickerOverlayProps {
     zIndex?: number;
     opened?: boolean;
     disabled?: boolean;
+    fill?: boolean;
     onClose?: () => void;
     onOpen?: () => void;
     onCloseOutsidePress?: () => void;
     setOpened: Dispatch<SetStateAction<boolean>>;
 }
-export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
+export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
 export {};

package/dist/components/time-picker/TimeRangePicker.d.ts

@@ -11,5 +11,5 @@ export interface TimeRangePickerProps extends Omit<TimePickerProps, 'value' | 'o
     value?: TimeRange;
     onChange?: (start: TimeRange['from'], end: TimeRange['to']) => void;
 }
-export declare const TimeRangePicker: ({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
+export declare const TimeRangePicker: ({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
 export {};

package/dist/components/time-picker/TimeRangePicker.stories.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
 export declare const ShowRemoveButton: any;
 export declare const IncrementMinute: any;
+export declare const FullWidth: any;