@croquiscom/pds 0.25.0 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @croquiscom/pds
 
+## 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/index.d.ts

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