@croquiscom/pds 0.20.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @croquiscom/pds
 
+## 0.22.0
+
+### Minor Changes
+
+- b1da4f6: TextButton 컴포넌트 추가
+
+## 0.21.1
+
+### Patch Changes
+
+- 2faa792: fix: 시맨틱 컬러 타입 오류 수정
+
+## 0.21.0
+
+### Minor Changes
+
+- c90a9bf: 입력 컴포넌트들 포커스 스타일 정의
+
 ## 0.20.0
 
 ### Minor Changes

package/dist/button/ButtonIcon.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { IconProps } from '../icons/generated';
+export declare const ButtonIcon: ({ size, color, children }: PropsWithChildren<IconProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/button/IconButton.d.ts

@@ -2,7 +2,7 @@ import React, { ReactElement } from 'react';
 import { ButtonShape, IconButtonVariant } from './types';
 import { ButtonProps } from './Button';
 import { IconProps } from '../icons/generated';
-export interface IconButtonProps extends Omit<ButtonProps, 'size'> {
+export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'loading' | 'startIcon' | 'endIcon'> {
     /** @default secondary */
     variant?: IconButtonVariant;
     /** 렌더링 될 아이콘 요소 */

package/dist/button/TextButton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ButtonProps } from './Button';
+import { TextButtonKind, TextButtonSize } from './types';
+export interface TextButtonProps extends Omit<ButtonProps, 'loading' | 'variant'> {
+    /** @default text */
+    kind?: TextButtonKind;
+    /** @default false */
+    underline?: boolean;
+    /** @default medium */
+    size?: TextButtonSize;
+    /**
+     * @desc kind값이 link일 경우 적용되지 않습니다.
+     * @default semantic_colors.content.primary
+     */
+    color?: string;
+}
+export declare const TextButton: React.ForwardRefExoticComponent<TextButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/button/TextButton.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./TextButton").TextButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Text: any;
+export declare const Link: any;
+export declare const TextUnderline: any;
+export declare const LinkUnderline: any;
+export declare const StartIcon: any;
+export declare const EndIcon: any;
+export declare const Combination: () => JSX.Element;

package/dist/button/index.d.ts

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

package/dist/button/styles.d.ts

@@ -1,7 +1,10 @@
-import { ButtonSize, ButtonVariant, ButtonShape } from './types';
+import { ButtonSize, ButtonVariant, ButtonShape, TextButtonKind, TextButtonSize } from './types';
 export declare const button_base_css: import("@emotion/utils").SerializedStyles;
-export declare const button_icon_base_css: import("@emotion/utils").SerializedStyles;
 export declare const getButtonVariant: (variant?: ButtonVariant) => import("@emotion/utils").SerializedStyles;
 export declare const button_size_css: Record<ButtonSize, string>;
-export declare const getButtonIconStyle: (size: ButtonSize) => import("@emotion/utils").SerializedStyles;
+export declare const button_icon_size_css: Record<ButtonSize, number>;
+export declare const text_button_icon_size_css: Record<TextButtonSize, number>;
 export declare const getIconButtonStyle: (shape?: ButtonShape) => import("@emotion/utils").SerializedStyles;
+export declare const text_button_text_css: Record<TextButtonSize, string>;
+export declare const text_button_size_css: Record<TextButtonSize, string>;
+export declare const getTextButtonStyle: (kind: TextButtonKind, fixed_color: string) => import("@emotion/utils").SerializedStyles;

package/dist/button/types.d.ts

@@ -2,3 +2,5 @@ export declare type ButtonVariant = 'brand' | 'primary' | 'secondary' | 'black'
 export declare type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 export declare type ButtonShape = 'rectangle' | 'circle';
 export declare type IconButtonVariant = 'secondary' | 'outlined_primary' | 'outlined_negative';
+export declare type TextButtonKind = 'text' | 'link';
+export declare type TextButtonSize = Exclude<ButtonSize, 'xsmall' | 'xlarge'>;

package/dist/foundation/semantic_colors.d.ts

@@ -29,6 +29,7 @@ export declare const semantic_colors: {
         light: string;
         disabled: string;
     };
+    tab_focus: string;
     state: {
         positive: string;
         positive_light: string;