@croquiscom/pds 9.0.0 → 9.2.0

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

@@ -5,7 +5,9 @@ export interface IconProps extends React.SVGProps<SVGSVGElement> {
     secondaryColor?: string;
 }
 export { default as IconArrowBottom } from './ArrowBottom';
+export { default as IconArrowChevronDoubleLeft } from './ArrowChevronDoubleLeft';
 export { default as IconArrowChevronDoubleLeftBold } from './ArrowChevronDoubleLeftBold';
+export { default as IconArrowChevronDoubleRight } from './ArrowChevronDoubleRight';
 export { default as IconArrowChevronDoubleRightBold } from './ArrowChevronDoubleRightBold';
 export { default as IconArrowChevronDown } from './ArrowChevronDown';
 export { default as IconArrowChevronLeft } from './ArrowChevronLeft';
@@ -28,6 +30,7 @@ export { default as IconBarChart } from './BarChart';
 export { default as IconBell } from './Bell';
 export { default as IconBelow } from './Below';
 export { default as IconBeta } from './Beta';
+export { default as IconBox } from './Box';
 export { default as IconBoxBestFill } from './BoxBestFill';
 export { default as IconBoxCanada } from './BoxCanada';
 export { default as IconBoxCartFill } from './BoxCartFill';
@@ -79,6 +82,7 @@ export { default as IconChange } from './Change';
 export { default as IconChangeBold } from './ChangeBold';
 export { default as IconCheck } from './Check';
 export { default as IconCheckBold } from './CheckBold';
+export { default as IconCheckDouble } from './CheckDouble';
 export { default as IconChecklist } from './Checklist';
 export { default as IconCircle } from './Circle';
 export { default as IconCircleAutoCharge } from './CircleAutoCharge';
@@ -127,6 +131,7 @@ export { default as IconColoredFingerOne } from './ColoredFingerOne';
 export { default as IconColoredFingerPointing } from './ColoredFingerPointing';
 export { default as IconColoredFingerThree } from './ColoredFingerThree';
 export { default as IconColoredFingerTwo } from './ColoredFingerTwo';
+export { default as IconColoredFire } from './ColoredFire';
 export { default as IconColoredFlag } from './ColoredFlag';
 export { default as IconColoredGift } from './ColoredGift';
 export { default as IconColoredGraphDown } from './ColoredGraphDown';
@@ -166,11 +171,20 @@ export { default as IconCopy } from './Copy';
 export { default as IconCounselor } from './Counselor';
 export { default as IconCoupon } from './Coupon';
 export { default as IconCrop } from './Crop';
+export { default as IconCursorResize } from './CursorResize';
+export { default as IconDetailChart } from './DetailChart';
+export { default as IconDetailContents } from './DetailContents';
+export { default as IconDetailThreeDots } from './DetailThreeDots';
+export { default as IconDiscountTag } from './DiscountTag';
 export { default as IconDiscountTagFill } from './DiscountTagFill';
 export { default as IconDocument } from './Document';
+export { default as IconDocumentCharts } from './DocumentCharts';
 export { default as IconDocumentCheck } from './DocumentCheck';
+export { default as IconDocumentData } from './DocumentData';
+export { default as IconDocumentDetails } from './DocumentDetails';
 export { default as IconDotsHorizontal } from './DotsHorizontal';
 export { default as IconDotsVertical } from './DotsVertical';
+export { default as IconDownload } from './Download';
 export { default as IconEdit } from './Edit';
 export { default as IconEmail } from './Email';
 export { default as IconExcel } from './Excel';
@@ -181,6 +195,11 @@ export { default as IconFaceNeutralFill } from './FaceNeutralFill';
 export { default as IconFaceSmileFill } from './FaceSmileFill';
 export { default as IconFaceVeryGoodFill } from './FaceVeryGoodFill';
 export { default as IconFilter } from './Filter';
+export { default as IconFolder } from './Folder';
+export { default as IconFolderCheck } from './FolderCheck';
+export { default as IconFolderCheckDouble } from './FolderCheckDouble';
+export { default as IconGrabber } from './Grabber';
+export { default as IconGridView } from './GridView';
 export { default as IconHandPicking } from './HandPicking';
 export { default as IconHandPickingOut } from './HandPickingOut';
 export { default as IconHandshake } from './Handshake';
@@ -203,6 +222,7 @@ export { default as IconMinus } from './Minus';
 export { default as IconMinusBold } from './MinusBold';
 export { default as IconMonitor } from './Monitor';
 export { default as IconMove } from './Move';
+export { default as IconMute } from './Mute';
 export { default as IconNew } from './New';
 export { default as IconNumEightFill } from './NumEightFill';
 export { default as IconNumFiveFill } from './NumFiveFill';
@@ -215,6 +235,7 @@ export { default as IconNumTenFill } from './NumTenFill';
 export { default as IconNumThreeFill } from './NumThreeFill';
 export { default as IconNumTwoFill } from './NumTwoFill';
 export { default as IconPauseFill } from './PauseFill';
+export { default as IconPercent } from './Percent';
 export { default as IconPerson } from './Person';
 export { default as IconPicture } from './Picture';
 export { default as IconPictureX } from './PictureX';
@@ -227,21 +248,33 @@ 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 IconScreenFull } from './ScreenFull';
+export { default as IconScreenNormal } from './ScreenNormal';
+export { default as IconScreenZoomIn } from './ScreenZoomIn';
+export { default as IconScreenZoomOut } from './ScreenZoomOut';
 export { default as IconSearch } from './Search';
 export { default as IconSearchBold } from './SearchBold';
 export { default as IconSetting } from './Setting';
 export { default as IconSort } from './Sort';
+export { default as IconSortAsc } from './SortAsc';
+export { default as IconSortDesc } from './SortDesc';
 export { default as IconSpoid } from './Spoid';
 export { default as IconStar } from './Star';
 export { default as IconStore } from './Store';
 export { default as IconSubscription } from './Subscription';
+export { default as IconSwap } from './Swap';
+export { default as IconTableGeneral } from './TableGeneral';
+export { default as IconTablePivot } from './TablePivot';
 export { default as IconThreeBars } from './ThreeBars';
 export { default as IconThumbsDown } from './ThumbsDown';
 export { default as IconThumbsUp } from './ThumbsUp';
+export { default as IconTrash } from './Trash';
 export { default as IconTriangleWarning } from './TriangleWarning';
 export { default as IconTruckReturn } from './TruckReturn';
 export { default as IconTruckSetting } from './TruckSetting';
+export { default as IconUndo } from './Undo';
 export { default as IconUnlock } from './Unlock';
+export { default as IconUnmute } from './Unmute';
 export { default as IconUpload } from './Upload';
 export { default as IconVideo } from './Video';
 export { default as IconVvip } from './Vvip';

package/dist/components/lotties/LottieBase.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LottieProps } from './constant';
+export declare const LottieBase: ({ size, url, initialSegment }: LottieProps) => React.JSX.Element;

package/dist/components/lotties/constant.d.ts

@@ -0,0 +1,8 @@
+export declare const AWS_PREFIX = "https://cf.";
+export interface LottieProps {
+    size: number;
+    url: string;
+    name: string;
+    initialSegment?: [number, number];
+}
+export declare const LOTTIE_FILES: LottieProps[];

package/dist/components/provider/Provider.d.ts

@@ -2,9 +2,11 @@ import React, { PropsWithChildren } from 'react';
 import { ko } from '../../locales/ko';
 import { ModalProps } from '../modal';
 import { PaginationProps } from '../pagination';
+import { SectionProps } from '../../container/section';
 export interface CommonComponentProps {
     modal?: Pick<ModalProps, 'fill' | 'dense'>;
     pagination?: Pick<PaginationProps, 'siblingCount' | 'showArrowButton'>;
+    section?: Pick<SectionProps, 'responsive'>;
 }
 export interface ProviderConfig {
     locale?: typeof ko;

package/dist/container/index.d.ts

@@ -1,6 +1,8 @@
 export * from './topBar';
 export * from './footer';
 export * from './top-navigation';
+export * from './page';
 export * from './page-header';
+export * from './section';
 export * from './section-title';
 export * from './state';

package/dist/container/page/Page.d.ts

@@ -0,0 +1,2 @@
+import React, { PropsWithChildren } from 'react';
+export declare const Page: ({ children }: PropsWithChildren) => React.JSX.Element;

package/dist/container/page/Page.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Page } from './Page';
+declare const meta: Meta<typeof Page>;
+export default meta;
+type Story = StoryObj<typeof Page>;
+export declare const Base: Story;

package/dist/container/page/index.d.ts

@@ -0,0 +1 @@
+export * from './Page';

package/dist/container/page-header/PageHeader.d.ts

@@ -6,10 +6,3 @@ export interface PageHeaderProps {
     border?: boolean;
 }
 export declare const PageHeader: ({ dense, border, children }: PropsWithChildren<PageHeaderProps>) => React.JSX.Element;
-export declare const Header: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
-} & {
-    dense: boolean;
-    border: boolean;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/container/section/Section.d.ts

@@ -0,0 +1,9 @@
+import React, { PropsWithChildren } from 'react';
+export interface SectionProps {
+    /**
+     * 반응형 디자인 사용 여부, desktop: 데스크탑 규격만 사용, mobile: 모바일 규격만 사용, auto: 데스크탑과 모바일 규격을 자동으로 사용
+     * @default auto
+     */
+    responsive?: 'auto' | 'desktop' | 'mobile';
+}
+export declare const Section: ({ responsive, children }: PropsWithChildren<SectionProps>) => React.JSX.Element;

package/dist/container/section/Section.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Section } from './Section';
+declare const meta: Meta<typeof Section>;
+export default meta;
+type Story = StoryObj<typeof Section>;
+export declare const Base: Story;
+export declare const MultipleSection: Story;
+export declare const ResponsiveDesktop: Story;
+export declare const ResponsiveMobile: Story;

package/dist/container/section/index.d.ts

@@ -0,0 +1 @@
+export * from './Section';

package/dist/foundation/index.d.ts

@@ -2,3 +2,4 @@ export * from './colors';
 export * from './semantic_colors';
 export * from './typography';
 export * from './shapes';
+export * from './screens';

package/dist/foundation/screens.d.ts

@@ -0,0 +1,3 @@
+export declare const screens: {
+    desktop: string;
+};