@croquiscom/pds 0.24.3 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @croquiscom/pds
 
+## 0.26.0
+
+### Minor Changes
+
+- ab04068: feat: Badge Large 사이즈 및 Orange 컬러 추가
+- 5ce887d: BottomSheet 컴포넌트 추가
+
+## 0.25.0
+
+### Minor Changes
+
+- 31a0b23: feat: Divider 컴포넌트 size prop 추가
+- 0bb25d8: TopNavigation 컴포넌트 추가
+
+### Patch Changes
+
+- cbc54da: feat: Footer 컴포넌트 모바일 사이즈 대응 되도록 수정
+
 ## 0.24.3
 
 ### Patch 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/container/index.d.ts

@@ -1,2 +1,3 @@
 export * from './topBar';
 export * from './footer';
+export * from './topNavigation';

package/dist/container/topNavigation/TopNavigation.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface TopNavigationProps {
+    title?: ReactNode;
+    left?: ReactNode;
+    right?: ReactNode;
+}
+export declare const TopNavigation: ({ title, left, right }: TopNavigationProps) => JSX.Element;

package/dist/container/topNavigation/TopNavigation.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Base: () => JSX.Element;
+export declare const Multiple: () => JSX.Element;
+export declare const EmptyRight: () => JSX.Element;
+export declare const OnlyLeft: () => JSX.Element;
+export declare const OnlyTitle: () => JSX.Element;
+export declare const OnlyRight: () => JSX.Element;
+export declare const LongTitle: () => JSX.Element;

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

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

package/dist/divider/Divider.d.ts

@@ -4,6 +4,8 @@ import { CSSValueWithLength } from '../styles';
 export interface DividerProps extends SpaceProps {
     /** @default 'horizontal' */
     spacing?: CSSValueWithLength;
+    /** @default 'small' */
+    size?: 'small' | 'medium';
 }
 export declare const Divider: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/divider/Divider.stories.d.ts

@@ -9,3 +9,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Base: any;
+export declare const MediumSize: any;

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';