@croquiscom/pds 2.8.1 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @croquiscom/pds
 
+## 3.0.0
+
+### Major Changes
+
+- 0a7ba51: NormalBanner Props 추가 및 명칭, 스타일 변경
+
+  - NormalBanner => Banner 명칭 변경되었습니다.
+  - Message 정렬 타이틀 기준으로 변경되었습니다.
+  - actions, closeButton props 추가되었습니다.
+  - border 스타일이 추가되었습니다.
+
 ## 2.8.1
 
 ### Patch Changes

package/dist/components/banner/{NormalBanner.d.ts → Banner.d.ts}

@@ -1,17 +1,17 @@
 import React, { ReactNode } from 'react';
 import { IconProps } from '../icons/generated';
-export type NormalBannerKind = 'neutral' | 'info' | 'error' | 'success';
-export type NormalBannerSize = 'small' | 'medium';
-export interface NormalBannerProps {
+export type BannerKind = 'neutral' | 'info' | 'error' | 'warning' | 'success';
+export type BannerSize = 'small' | 'medium';
+export interface BannerProps {
     className?: string;
     /**
      * @default info
      */
-    kind?: NormalBannerKind;
+    kind?: BannerKind;
     /**
      * @default medium
      */
-    size?: NormalBannerSize;
+    size?: BannerSize;
     /**
      * title 좌측에 렌더링 될 아이콘 요소
      *  - title이 없을 경우 렌더되지 않습니다.
@@ -25,5 +25,15 @@ export interface NormalBannerProps {
     showIcon?: boolean;
     title?: string;
     message?: ReactNode;
+    /**
+     * 배너 우측에 렌더링 될 extra actions
+     */
+    actions?: ReactNode;
+    /**
+     * 배너 우측에 렌더링 될 CloseButton 사용 유무
+     * @default false
+     */
+    closeButton?: boolean;
+    onClose?: () => void;
 }
-export declare const NormalBanner: ({ className, kind, size, iconComponent, showIcon, title, message, }: NormalBannerProps) => JSX.Element;
+export declare const Banner: ({ className, kind, size, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: BannerProps) => JSX.Element;

package/dist/components/banner/{NormalBanner.stories.d.ts → Banner.stories.d.ts}

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ className, kind, size, iconComponent, showIcon, title, message, }: import("./NormalBanner").NormalBannerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ className, kind, size, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: import("./Banner").BannerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const NoTitle: any;
+export declare const NoBodyText: any;
 export declare const NoIcon: any;
+export declare const WithActionClose: any;
 export declare const Kind: () => JSX.Element;
 export declare const Size: () => JSX.Element;
 export declare const CustomIcon: () => JSX.Element;
+export declare const WordBreak: () => JSX.Element;

package/dist/components/banner/index.d.ts

@@ -1 +1 @@
-export * from './NormalBanner';
+export * from './Banner';

package/dist/components/banner/styles.d.ts

@@ -1,3 +1,4 @@
-import { NormalBannerKind } from './NormalBanner';
-export declare const banner_color_css: Record<NormalBannerKind, string>;
-export declare const banner_background_color_css: Record<NormalBannerKind, string>;
+import { BannerKind } from './Banner';
+export declare const banner_color_css: Record<BannerKind, string>;
+export declare const banner_background_color_css: Record<BannerKind, string>;
+export declare const banner_border_color_css: Record<BannerKind, string>;

package/dist/components/button/CloseButton.d.ts

@@ -0,0 +1,12 @@
+import React, { ButtonHTMLAttributes } from 'react';
+export interface CloseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * @default 16
+     */
+    size?: number;
+    /**
+     * @default semantic_colors.content.tertiary
+     */
+    color?: string;
+}
+export declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/button/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Button';
 export * from './IconButton';
 export * from './TextButton';
+export * from './CloseButton';