@croquiscom/pds 0.23.2 → 0.24.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @croquiscom/pds
 
+## 0.24.1
+
+### Patch Changes
+
+- 54f88da: Notification, Toast types 파일 분리, 타입 에러 픽스
+
+## 0.24.0
+
+### Minor Changes
+
+- 3b179d7: variant, type prop을 kind로 변경
+
+  ## BreakPoint
+
+  Badge, BaseText, Toast, Tooltip 컴포넌트의 variant prop이 다음과 같이 변경되었습니다.
+
+  - variant => kind
+
+  Notification type prop이 다음과 같이 변경되었습니다.
+
+  - type => kind
+
 ## 0.23.2
 
 ### Patch Changes

package/README.md

@@ -22,7 +22,7 @@ import styled from '@emotion/styled';
 export default function Test() {
   return (
     <HStack spacing={10}>
-      <BaseText variant='Heading_24_Bold' color={colors.gray900}>Hello</BaseText>
+      <BaseText kind='Heading_24_Bold' color={colors.gray900}>Hello</BaseText>
       <StyledText>PDS UI</StyledText>
     </HStack>
   );

package/dist/badge/Badge.d.ts

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

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

@@ -1,6 +1,6 @@
 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>;
+declare const _default: ComponentMeta<({ className, kind, size, color, icon, children, }: React.PropsWithChildren<import("./Badge").BadgeProps>) => JSX.Element>;
 export default _default;
 export declare const Outline: any;
 export declare const Fill: any;

package/dist/badge/styles.d.ts

@@ -1,5 +1,5 @@
-import { BadgeVariant, BadgeColor, BadgeSize } from './types';
+import { BadgeKind, 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;
+export declare const getBadgeStyleByProps: (kind?: BadgeKind, color?: BadgeColor) => import("@emotion/utils").SerializedStyles;

package/dist/badge/types.d.ts

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

package/dist/form/styles.d.ts

@@ -1,3 +1,3 @@
 import { InputStatus } from '../input/types';
 export declare const label_base_css: import("@emotion/utils").SerializedStyles;
-export declare const getFormHelperStatus: (variant: InputStatus) => import("@emotion/utils").SerializedStyles;
+export declare const getFormHelperStatus: (kind: InputStatus) => import("@emotion/utils").SerializedStyles;