@t3q-ui/design-system 1.56.1 → 1.58.0

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.
@@ -23,7 +23,7 @@ declare const BADGE_OUTLINE_ACCENT: Record<BadgeTone, {
23
23
  declare const badgeVariants: (props?: ({
24
24
  size?: "small" | "medium" | null | undefined;
25
25
  variant?: "primary" | "info" | "success" | "warning" | "danger" | "primaryBold" | "secondary" | "secondaryBold" | "dangerBold" | "warningBold" | "infoBold" | "etc" | "successBold" | "etcBold" | null | undefined;
26
- rounded?: "full" | "default" | null | undefined;
26
+ rounded?: "full" | "square" | null | undefined;
27
27
  appearance?: "tint" | "outline" | null | undefined;
28
28
  } & class_variance_authority_types.ClassProp) | undefined) => string;
29
29
  interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -33,6 +33,7 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
33
33
  *
34
34
  * 언제 쓰나: 실행 중/중지/오류 같은 상태(`success`·`danger`·`warning`·`info`), 개수·등급 표시. 의미 variant 를 쓰고 색을 직접 바꾸지 않는다. `appearance='outline'` 은 흰 바탕 + 1px accent 테두리.
35
35
  * 언제 안 쓰나: 사용자가 붙이고 뗄 수 있는 라벨(→ Tag), 클릭해 동작하는 것(→ Button), 지나가는 알림(→ Toast).
36
+ * 모양은 기본 pill — 상태·건수 뱃지와 빠른 필터 칩이 한 계열(2026-11-06). 4px 는 `rounded='square'`.
36
37
  * 대신/함께: **상태 표시는 Badge 에 아이콘 + 글자** — `<Badge variant='success'><LucideIcon iconComponentName='circle-check' />완료</Badge>`(아이콘은 자식으로 바로, 16px·글자색). 별도 상태 컴포넌트는 없다(2026-10-30). 크기는 기본(`size` 를 주지 않는다). 상태값 → variant·아이콘 매핑은 소비 앱의 상수 한 곳에 둔다.
37
38
  */
38
39
  declare function Badge({ className, variant, rounded, appearance, size, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
@@ -151,7 +152,7 @@ type PageHeaderState = {
151
152
  breadcrumbTitle?: string | null;
152
153
  description?: ReactNode;
153
154
  status?: ReactNode;
154
- /** 제목 아래 메타. 상세 화면의 핵심 정보는 여기 한 곳 — 여러 개면 `MetaGroup columns={3}` + `MetaItem`(2026-10-30 사용자 결정: 메타 자리를 두 개로 나누지 않는다) */
155
+ /** 제목 아래 메타. 상세 화면의 핵심 정보는 여기 한 곳 — 여러 개면 `MetaGroup` + `MetaItem` — 가로로 흘려 다음 줄로(2026-10-30 사용자 결정: 메타 자리를 두 개로 나누지 않는다, 2026-11-06 격자 대신 흘림) */
155
156
  meta?: ReactNode;
156
157
  actions?: ReactNode;
157
158
  /** Right-aligned slot next to the title (e.g. a secondary title action). */
@@ -23,7 +23,7 @@ declare const BADGE_OUTLINE_ACCENT: Record<BadgeTone, {
23
23
  declare const badgeVariants: (props?: ({
24
24
  size?: "small" | "medium" | null | undefined;
25
25
  variant?: "primary" | "info" | "success" | "warning" | "danger" | "primaryBold" | "secondary" | "secondaryBold" | "dangerBold" | "warningBold" | "infoBold" | "etc" | "successBold" | "etcBold" | null | undefined;
26
- rounded?: "full" | "default" | null | undefined;
26
+ rounded?: "full" | "square" | null | undefined;
27
27
  appearance?: "tint" | "outline" | null | undefined;
28
28
  } & class_variance_authority_types.ClassProp) | undefined) => string;
29
29
  interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -33,6 +33,7 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
33
33
  *
34
34
  * 언제 쓰나: 실행 중/중지/오류 같은 상태(`success`·`danger`·`warning`·`info`), 개수·등급 표시. 의미 variant 를 쓰고 색을 직접 바꾸지 않는다. `appearance='outline'` 은 흰 바탕 + 1px accent 테두리.
35
35
  * 언제 안 쓰나: 사용자가 붙이고 뗄 수 있는 라벨(→ Tag), 클릭해 동작하는 것(→ Button), 지나가는 알림(→ Toast).
36
+ * 모양은 기본 pill — 상태·건수 뱃지와 빠른 필터 칩이 한 계열(2026-11-06). 4px 는 `rounded='square'`.
36
37
  * 대신/함께: **상태 표시는 Badge 에 아이콘 + 글자** — `<Badge variant='success'><LucideIcon iconComponentName='circle-check' />완료</Badge>`(아이콘은 자식으로 바로, 16px·글자색). 별도 상태 컴포넌트는 없다(2026-10-30). 크기는 기본(`size` 를 주지 않는다). 상태값 → variant·아이콘 매핑은 소비 앱의 상수 한 곳에 둔다.
37
38
  */
38
39
  declare function Badge({ className, variant, rounded, appearance, size, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
@@ -151,7 +152,7 @@ type PageHeaderState = {
151
152
  breadcrumbTitle?: string | null;
152
153
  description?: ReactNode;
153
154
  status?: ReactNode;
154
- /** 제목 아래 메타. 상세 화면의 핵심 정보는 여기 한 곳 — 여러 개면 `MetaGroup columns={3}` + `MetaItem`(2026-10-30 사용자 결정: 메타 자리를 두 개로 나누지 않는다) */
155
+ /** 제목 아래 메타. 상세 화면의 핵심 정보는 여기 한 곳 — 여러 개면 `MetaGroup` + `MetaItem` — 가로로 흘려 다음 줄로(2026-10-30 사용자 결정: 메타 자리를 두 개로 나누지 않는다, 2026-11-06 격자 대신 흘림) */
155
156
  meta?: ReactNode;
156
157
  actions?: ReactNode;
157
158
  /** Right-aligned slot next to the title (e.g. a secondary title action). */