@croquiscom/pds 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 0.2.0
+
+### Minor Changes
+
+- 6ecd2ad: Badge 컴포넌트 추가
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/badge/Badge.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { BadgeVariant, BadgeColor, BadgeSize } from './types';
+import { IconProps } from '../icons/generated';
+export interface BadgeProps {
+    className?: string;
+    /** @default outlined */
+    variant?: BadgeVariant;
+    /** @default small */
+    size?: BadgeSize;
+    /** @default black */
+    color?: BadgeColor;
+    /** 라벨 우측 영역에 렌더링 될 아이콘 요소 */
+    icon?: ReactElement<IconProps>;
+}
+export declare const Badge: ({ className, variant, size, color, icon, children, }: PropsWithChildren<BadgeProps>) => JSX.Element;

package/dist/badge/Badge.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ className, variant, size, color, icon, children, }: React.PropsWithChildren<import("./Badge").BadgeProps>) => JSX.Element>;
+export default _default;
+export declare const Outline: any;
+export declare const Fill: any;
+export declare const Icon: () => JSX.Element;

package/dist/badge/index.d.ts

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

package/dist/badge/styles.d.ts

@@ -0,0 +1,5 @@
+import { BadgeVariant, BadgeColor, BadgeSize } from './types';
+export declare const badge_base_css: import("@emotion/utils").SerializedStyles;
+export declare const badge_color_css: Record<BadgeColor, string>;
+export declare const badge_size_css: Record<BadgeSize, string>;
+export declare const getBadgeStyleByProps: (variant?: BadgeVariant, color?: BadgeColor) => import("@emotion/utils").SerializedStyles;

package/dist/badge/types.d.ts

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

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './button';
+export * from './badge';
 export * from './global_style';
 export * from './icons/generated';
 export * from './images/generated';