@croquiscom/pds 0.29.1 → 0.30.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @croquiscom/pds
 
+## 0.30.0
+
+### Minor Changes
+
+- dd68c28: Config Provider 추가
+
+### Patch Changes
+
+- f90a899: CheckboxGroup item Link 속성 추가
+
+## 0.29.2
+
+### Patch Changes
+
+- 3ff3613: ConfirmModal, AlertModal, Modal 기본 버튼 크기 변경
+
+  Large => Medium
+
 ## 0.29.1
 
 ### Patch Changes

package/README.md

@@ -56,28 +56,40 @@ yarn storybook
 
 ```bash
 ├── assets
-│   └── icons
-├── src
-│   ├── [COMPONENT]
-│   │   ├── index.ts
-│   │   ├── [COMPONENT].tsx
-│   │   ├── [COMPONENT].stories.mdx
-│   │   ├── types.ts
-│   │   └── styles.ts
 │   ├── icons
-│   │   ├── generated
-│   │   ├── Icon.stories.tsx
-│   │   └── Icons.stories.mdx
-│   ├── images
-│   │   ├── generated
-│   │   ├── Image.stories.tsx
-│   │   └── Images.stories.mdx
+│   └── images
+├── src
+│   ├── components
+│   │   ├──[COMPONENT]
+│   │   │   ├── index.ts
+│   │   │   ├── [COMPONENT].tsx
+│   │   │   ├── [COMPONENT].stories.mdx
+│   │   │   ├── types.ts
+│   │   │   └── styles.ts
+│   │   ├── icons
+│   │   │   ├── generated
+│   │   │   ├── Icon.stories.tsx
+│   │   │   └── Icons.stories.mdx
+│   │   ├── images
+│   │   │   ├── generated
+│   │   │   ├── Image.stories.tsx
+│   │   │   └── Images.stories.mdx
+│   ├── container
+│   │   ├──[CONTAINER]
+│   │   │   ├── index.ts
+│   │   │   ├── [CONTAINER].tsx
+│   │   │   ├── [CONTAINER].stories.mdx
+│   │   │   ├── types.ts
+│   │   │   └── styles.ts
+│   ├── constants
+│   ├── foundation
 │   ├── global_styles
 │   ├── styles
 │   ├── hooks
 │   ├── stories
 │   ├── types
 │   ├── utils
+│   ├── locales
 │   └── index.ts
 └── tools
     ├── svgr-icons-component-template.js
@@ -86,7 +98,7 @@ yarn storybook
     └── svgr-images-template.js
 ```
 
-- **[COMPONENT]**: 컴포넌트 디렉토리 이름은 소문자, 구분자는 -로 (eg. toggle-switch) 작성합니다. 하위에는 관련 컴포넌트 파일과 해당 컴포넌트의 스토리북(`*.stories.tsx`) 파일을 포함합니다.
+- **[COMPONENT|CONTAINER]**: 컴포넌트 디렉토리 이름은 소문자, 구분자는 -로 (eg. toggle-switch) 작성합니다. 하위에는 관련 컴포넌트 파일과 해당 컴포넌트의 스토리북(`*.stories.tsx`) 파일을 포함합니다.
   - `styles.ts`, `types.ts`과 같은 파일을 포함할 수 있습니다.
   - 컴포넌트는 Named Exports 합니다.
   - 각 컴포넌트 디렉토리와 src 하위의 `index.ts`를 통해 export 합니다.
@@ -97,8 +109,10 @@ yarn storybook
 - **hooks**: 커스텀 훅을 포함합니다.
 - **stories**: 스토리북용 컴포넌트나 스타일, 컴포넌트 외의 스토리북 문서
 - **utils**: 컴포넌트에 공용으로 사용할 유틸리티 함수들을 포함합니다.
+- **constants**: 상수 정의를 포함합니다.
 - **types**: 타입 정의를 포함합니다.
 - **assets**: svg 등의 에셋을 포함합니다.
+- **locales**: 기본표기등에 사용되는 언어셋을 포함합니다.
 - **tools**: svgr template 등의 라이브러리 제작을 위한 스크립트를 포함합니다.
 
 ### 아이콘 추가

package/dist/{checkbox → components/checkbox}/CheckboxGroup.d.ts

@@ -4,6 +4,8 @@ interface CheckboxItem<CheckboxValue> {
     label: ReactNode;
     value: CheckboxValue;
     disabled?: boolean;
+    link?: string;
+    onClickLink?: (e: CheckboxValue) => void;
 }
 export interface CheckboxGroupProps<CheckboxValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'> {
     className?: string;

package/dist/{checkbox → components/checkbox}/CheckboxGroup.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Spacing: any;
 export declare const Disabled: any;
 export declare const VerticalAlign: any;
 export declare const Controlled: () => JSX.Element;
+export declare const Link: any;

package/dist/{divider → components/divider}/Divider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SpaceProps } from '../styles';
-import { CSSValueWithLength } from '../styles';
+import { SpaceProps } from '../../styles';
+import { CSSValueWithLength } from '../../styles';
 export interface DividerProps extends SpaceProps {
     /** @default 'horizontal' */
     spacing?: CSSValueWithLength;

package/dist/{dropdown → components/dropdown}/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CSSValueWithLength } from '../styles';
+import { CSSValueWithLength } from '../../styles';
 export interface DropdownOption<OptionValue> {
     label: ReactNode;
     value: OptionValue;

package/dist/{dropdown → components/dropdown}/DropdownLabel.d.ts

@@ -1,5 +1,5 @@
 import React, { AllHTMLAttributes } from 'react';
-import { CSSValueWithLength } from '../styles';
+import { CSSValueWithLength } from '../../styles';
 export interface DropdownLabelProps extends AllHTMLAttributes<HTMLDivElement> {
     width?: CSSValueWithLength;
     disabled?: boolean;