@1d1s/design-system 1.2.6 → 1.2.7
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/dist/components/CheckList/CheckList.d.ts +4 -1
- package/dist/components/CircleAvatar/CircleAvatar.d.ts +2 -2
- package/dist/components/Stripe/Stripe.d.ts +1 -1
- package/dist/components/Tag/ChallengeTag.d.ts +1 -1
- package/dist/components/TextField/TextArea.d.ts +3 -0
- package/dist/index.es.js +156 -156
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
export type CheckListSize = "sm" | "md" | "lg";
|
|
2
3
|
export interface CheckListOption {
|
|
3
4
|
id: string;
|
|
4
5
|
label: React.ReactNode;
|
|
@@ -11,6 +12,8 @@ export interface CheckListProps {
|
|
|
11
12
|
value: string[];
|
|
12
13
|
/** 선택 변경 시 호출되는 콜백 */
|
|
13
14
|
onValueChange: (value: string[]) => void;
|
|
15
|
+
/** 사이즈 — `sm`·`md`(default)·`lg` */
|
|
16
|
+
size?: CheckListSize;
|
|
14
17
|
/** 추가 클래스 */
|
|
15
18
|
className?: string;
|
|
16
19
|
/** 읽기 전용 여부 (시각 변화 없이 토글만 비활성화) */
|
|
@@ -34,4 +37,4 @@ export interface CheckListProps {
|
|
|
34
37
|
* />
|
|
35
38
|
* ```
|
|
36
39
|
*/
|
|
37
|
-
export declare function CheckList({ options, value, onValueChange, className, readOnly, disabled, }: CheckListProps): React.ReactElement;
|
|
40
|
+
export declare function CheckList({ options, value, onValueChange, size, className, readOnly, disabled, }: CheckListProps): React.ReactElement;
|
|
@@ -7,7 +7,7 @@ interface CircleAvatarProps {
|
|
|
7
7
|
size?: CircleAvatarSize | number;
|
|
8
8
|
/** 이미지가 없을 때 보여줄 줄무늬 톤 — 프리셋 또는 CSS color 문자열 */
|
|
9
9
|
tone?: CircleAvatarTone | string;
|
|
10
|
-
/** 외곽선 (
|
|
10
|
+
/** 외곽선 (brand-soft 컬러). size>40일 때 3px, 아니면 2px */
|
|
11
11
|
ring?: boolean;
|
|
12
12
|
/** 이미지 URL — 비어있거나 로드 실패 시 톤 Stripe 패턴으로 fallback */
|
|
13
13
|
imageUrl?: string;
|
|
@@ -23,7 +23,7 @@ interface CircleAvatarProps {
|
|
|
23
23
|
*
|
|
24
24
|
* @param size `xs`(24)·`sm`(32)·`md`(40, default)·`lg`(56)·`xl`(76)·또는 px 숫자
|
|
25
25
|
* @param tone Stripe 컬러 — `peach`(default)·`cream`·`mint`·`blue`·`sky`·`rose`·`gray`·또는 CSS color
|
|
26
|
-
* @param ring
|
|
26
|
+
* @param ring brand-soft 외곽선 (size>40 → 3px, 이하 → 2px)
|
|
27
27
|
*
|
|
28
28
|
* @example
|
|
29
29
|
* ```tsx
|
|
@@ -3,7 +3,7 @@ export type StripeTone = "peach" | "cream" | "mint" | "blue" | "sky" | "rose" |
|
|
|
3
3
|
export declare function resolveStripeTone(tone: StripeTone | string | undefined): string;
|
|
4
4
|
export declare function stripeBackground(color: string): string;
|
|
5
5
|
export interface StripeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
6
|
-
/** 줄무늬 컬러 — 프리셋 또는 CSS color (default `cream` =
|
|
6
|
+
/** 줄무늬 컬러 — 프리셋 또는 CSS color (default `cream` = brand-soft) */
|
|
7
7
|
tone?: StripeTone | string;
|
|
8
8
|
/** 가운데 라벨 — 작은 흰색 알약형 박스에 표시. 비우면 패턴만 */
|
|
9
9
|
label?: React.ReactNode;
|
|
@@ -9,7 +9,7 @@ export interface ChallengeTagProps extends Omit<React.HTMLAttributes<HTMLSpanEle
|
|
|
9
9
|
/**
|
|
10
10
|
* ChallengeTag
|
|
11
11
|
* 일지 / 상세 화면에서 챌린지 출처를 표시하는 알약형 태그.
|
|
12
|
-
* Flag 아이콘 + brand-soft 컬러 (
|
|
12
|
+
* Flag 아이콘 + brand-soft 컬러 (brand-softer bg + brand-soft border + brand text).
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
15
15
|
* ```tsx
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
export type TextAreaSize = "sm" | "md" | "lg";
|
|
2
3
|
export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
|
|
3
4
|
label?: React.ReactNode;
|
|
4
5
|
labelHint?: React.ReactNode;
|
|
5
6
|
helper?: React.ReactNode;
|
|
6
7
|
error?: React.ReactNode;
|
|
8
|
+
/** 사이즈 — `sm`·`md`(default)·`lg`. 글자 크기·패딩·최소 높이 조절 */
|
|
9
|
+
size?: TextAreaSize;
|
|
7
10
|
/** 우하단 글자수 카운터 표시 */
|
|
8
11
|
count?: boolean;
|
|
9
12
|
/** maxLength — count와 함께 쓰면 `n/max` 표시 */
|