@croquiscom/pds 0.42.4 → 0.43.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @croquiscom/pds
 
+## 0.43.0
+
+### Minor Changes
+
+- 94ffd83: Auto Color State 유틸 스타일을 추가합니다.
+
+  ## BreakPoint
+
+  - Button 컴포넌트 Negative Kind 추가되었습니다.
+  - Button 컴포넌트 default/hover/pressed/disabled 스타일 적용 방식이 getAutoColorCode으로 변경되었습니다.
+
+## 0.42.5
+
+### Patch Changes
+
+- 85e34e4: feat: PDS-140, NormalBanner icon 커스텀 가능하도록 수정
+
 ## 0.42.4
 
 ### Patch Changes

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

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
+import { IconProps } from '../icons/generated';
 export type NormalBannerKind = 'neutral' | 'info' | 'error' | 'success';
 export interface NormalBannerProps {
     className?: string;
@@ -6,7 +7,8 @@ export interface NormalBannerProps {
      * @default info
      */
     kind?: NormalBannerKind;
+    iconComponent?: React.ComponentType<IconProps>;
     title: string;
     message?: ReactNode;
 }
-export declare const NormalBanner: ({ className, kind, title, message }: NormalBannerProps) => JSX.Element;
+export declare const NormalBanner: ({ className, kind, iconComponent, title, message }: NormalBannerProps) => JSX.Element;

package/dist/components/banner/NormalBanner.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ className, kind, title, message }: import("./NormalBanner").NormalBannerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ className, kind, iconComponent, title, message }: import("./NormalBanner").NormalBannerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Kind: () => JSX.Element;
+export declare const CustomIcon: () => JSX.Element;

package/dist/components/button/Button.stories.d.ts

@@ -5,6 +5,7 @@ export default _default;
 export declare const Primary: any;
 export declare const Secondary: any;
 export declare const Black: any;
+export declare const Negative: any;
 export declare const StartIcon: any;
 export declare const EndIcon: any;
 export declare const Loading: any;

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

@@ -1,6 +1,7 @@
 import { ButtonSize, ButtonKind, ButtonShape, TextButtonKind, TextButtonSize, IconButtonKind } from './types';
 export declare const button_base_css: import("@emotion/utils").SerializedStyles;
-export declare const getButtonKind: (kind?: ButtonKind | IconButtonKind) => import("@emotion/utils").SerializedStyles;
+export declare const getButtonKind: (kind?: ButtonKind) => import("@emotion/utils").SerializedStyles;
+export declare const getIconButtonKind: (kind?: IconButtonKind) => import("@emotion/utils").SerializedStyles;
 export declare const button_size_css: Record<ButtonSize, string>;
 export declare const button_icon_size_css: Record<ButtonSize, number>;
 export declare const text_button_icon_size_css: Record<TextButtonSize, number>;

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

@@ -1,4 +1,4 @@
-export type ButtonKind = 'primary' | 'secondary' | 'black';
+export type ButtonKind = 'primary' | 'secondary' | 'black' | 'negative';
 export type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 export type ButtonShape = 'rectangle' | 'circle';
 export type IconButtonKind = 'outlined_secondary' | 'outlined_primary' | 'outlined_negative';