@croquiscom/pds 0.25.0 → 0.27.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @croquiscom/pds
 
+## 0.27.0
+
+### Minor Changes
+
+- 2d92485: Modal 컴포넌트 추가
+- 095aaa8: feat: Toast 컴포넌트 fill prop 추가
+
+### Patch Changes
+
+- 715d097: 아이콘 버튼 크기 유지를 위한 스타일 추가
+
+## 0.26.0
+
+### Minor Changes
+
+- ab04068: feat: Badge Large 사이즈 및 Orange 컬러 추가
+- 5ce887d: BottomSheet 컴포넌트 추가
+
 ## 0.25.0
 
 ### Minor Changes

package/dist/badge/types.d.ts

@@ -1,3 +1,3 @@
 export declare type BadgeKind = 'outline' | 'fill';
-export declare type BadgeColor = 'pink' | 'blue' | 'gray' | 'red' | 'green';
-export declare type BadgeSize = 'small' | 'medium';
+export declare type BadgeColor = 'pink' | 'blue' | 'gray' | 'red' | 'green' | 'orange';
+export declare type BadgeSize = 'small' | 'medium' | 'large';

package/dist/bottomSheet/BottomSheet.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+declare type BottomSheetContentWithCloseAction = (action: {
+    close(): void;
+}) => ReactNode;
+export interface BottomSheetProps {
+    className?: string;
+    opened?: boolean;
+    /** @default 1010 */
+    zIndex?: number;
+    title?: string;
+    subTitle?: string;
+    content?: ReactNode | BottomSheetContentWithCloseAction;
+    /**
+     * @default true
+     */
+    canClickOutside?: boolean;
+    /**
+     * @desc bottom sheet 드래그 닫힘 지원 여부
+     * @default true
+     */
+    canDragClose?: boolean;
+    onClose?: () => void;
+}
+export declare const BottomSheet: ({ className, zIndex, opened: openProp, canClickOutside, canDragClose, title, subTitle, content, onClose, }: BottomSheetProps) => JSX.Element;
+export {};

package/dist/bottomSheet/BottomSheet.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ className, zIndex, opened: openProp, canClickOutside, canDragClose, title, subTitle, content, onClose, }: import("./BottomSheet").BottomSheetProps) => JSX.Element>;
+export default _default;
+export declare const Base: any;
+export declare const MaxHeight: () => JSX.Element;
+export declare const DisabledCloseDimClick: any;
+export declare const DisabledCloseDrag: any;
+export declare const ContentWithCloseAction: () => JSX.Element;

package/dist/bottomSheet/index.d.ts

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

package/dist/button/IconButton.stories.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import { ComponentMeta } from '@storybook/react';
+import { IconButton } from './IconButton';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement>>>;
 export default _default;
 export declare const Rectangle: any;
 export declare const Circle: any;
+export declare const WithInput: ComponentStory<typeof IconButton>;

package/dist/constants/floating.d.ts

@@ -0,0 +1 @@
+export declare const FLOATING_ROOT_ID = "pds-floating-root";

package/dist/constants/index.d.ts

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

package/dist/index.d.ts

@@ -20,4 +20,6 @@ export * from './dropdown';
 export * from './menu';
 export * from './toast';
 export * from './notification';
+export * from './bottomSheet';
+export * from './modal';
 export * from './container';