@croquiscom/pds 15.1.1 → 15.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @croquiscom/pds
2
2
 
3
+ ## 15.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 86d4a3c: Banner direction props 추가
8
+
3
9
  ## 15.1.1
4
10
 
5
11
  ### Patch Changes
@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
2
2
  import { IconProps } from '../icons/generated';
3
3
  export type BannerKind = 'neutral' | 'info' | 'error' | 'warning' | 'success';
4
4
  export type BannerSize = 'xsmall' | 'small' | 'medium';
5
+ export type BannerDirection = 'horizontal' | 'vertical';
5
6
  export interface BannerProps {
6
7
  className?: string;
7
8
  /**
@@ -12,6 +13,10 @@ export interface BannerProps {
12
13
  * @default medium
13
14
  */
14
15
  size?: BannerSize;
16
+ /**
17
+ * @default horizontal
18
+ */
19
+ direction?: BannerDirection;
15
20
  /**
16
21
  * title 좌측에 렌더링 될 아이콘 요소
17
22
  * - title이 없을 경우 렌더되지 않습니다.
@@ -36,4 +41,4 @@ export interface BannerProps {
36
41
  closeButton?: boolean;
37
42
  onClose?: () => void;
38
43
  }
39
- export declare const Banner: ({ className, kind, size, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: BannerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
44
+ export declare const Banner: ({ className, kind, size, direction, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: BannerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -10,5 +10,6 @@ export declare const NoIcon: Story;
10
10
  export declare const WithActionClose: Story;
11
11
  export declare const Kind: Story;
12
12
  export declare const Size: Story;
13
+ export declare const Direction: Story;
13
14
  export declare const CustomIcon: Story;
14
15
  export declare const WordBreak: Story;