@1d1s/design-system 1.2.8 → 1.3.0

package/dist/components/AchievementBadge/AchievementBadge.d.ts

@@ -10,6 +10,8 @@ export interface AchievementBadgeProps extends Omit<React.HTMLAttributes<HTMLDiv
     emoji: React.ReactNode;
     /** 배지 라벨 */
     label: React.ReactNode;
+    /** 새로 해금된 순간 1회 pop 연출 (해금 모먼트용) */
+    justUnlocked?: boolean;
 }
 /**
  * AchievementBadge
@@ -25,5 +27,5 @@ export interface AchievementBadgeProps extends Omit<React.HTMLAttributes<HTMLDiv
  * <AchievementBadge emoji="🏆" label="첫 완주" tone="peach" layout="horizontal" />
  * ```
  */
-export declare function AchievementBadge({ emoji, label, tone, layout, size, className, ...props }: AchievementBadgeProps): React.ReactElement;
+export declare function AchievementBadge({ emoji, label, tone, layout, size, justUnlocked, className, ...props }: AchievementBadgeProps): React.ReactElement;
 export {};

package/dist/components/Card/Card.d.ts

@@ -10,7 +10,7 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
  * Card
  * 흰 배경 + 얇은 보더 + 라운드 컨테이너. 챌린지/일지/스탯 카드의 베이스.
  *
- * @param radius `sm`(8) · `md`(12) · `lg`(14, default) · `xl`(16)
+ * @param radius `sm`(8) · `md`(12) · `lg`(16, default) · `xl`(16)
  * @param interactive hover lift + shadow
  */
 export declare function Card({ radius, interactive, className, ...props }: CardProps): React.ReactElement;

package/dist/components/StatCard/StatCard.d.ts

@@ -11,6 +11,8 @@ export interface StatCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     value: React.ReactNode;
     /** 보조 텍스트 (값 아래 소형 메타) */
     helper?: React.ReactNode;
+    /** value가 바뀔 때 숫자에 pop 애니메이션 (최초 마운트 시엔 미동작) */
+    animateOnChange?: boolean;
 }
 /**
  * StatCard
@@ -25,5 +27,5 @@ export interface StatCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>
  * <StatCard label="작성한 일지" value="48" helper="이번 달 +12" />
  * ```
  */
-export declare function StatCard({ label, value, helper, tone, size, className, ...props }: StatCardProps): React.ReactElement;
+export declare function StatCard({ label, value, helper, tone, size, animateOnChange, className, ...props }: StatCardProps): React.ReactElement;
 export {};

package/dist/components/Streak/Streak.d.ts

@@ -19,6 +19,8 @@ export interface StreakProps {
      * 버튼, 링크 등 인터랙티브 요소를 넣을 수 있습니다.
      */
     renderCellActions?: (item: StreakData) => React.ReactNode;
+    /** 마지막(오늘) 셀에 펄스 링으로 주의 환기 (default false) */
+    highlightLast?: boolean;
 }
 /**
  * Streak
@@ -28,4 +30,4 @@ export interface StreakProps {
  * - 데스크탑: hover 시 날짜/활동 정보 팝오버 표시
  * - 모바일: 클릭 시 테두리 + 정보 팝오버 표시, renderCellActions로 액션 영역 추가 가능
  */
-export declare function Streak({ data, size, gap, className, renderCellActions, }: StreakProps): React.ReactElement;
+export declare function Streak({ data, size, gap, className, renderCellActions, highlightLast, }: StreakProps): React.ReactElement;

package/dist/components/Stripe/Stripe.d.ts

@@ -11,6 +11,8 @@ export interface StripeProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     radius?: number | string;
     /** 높이 (default `100%` — 부모를 채움) */
     height?: number | string;
+    /** 사선 줄무늬가 흐르는 shimmer 애니메이션 (로딩 표시용, default false) */
+    animated?: boolean;
 }
 /**
  * Stripe (Placeholder)
@@ -26,4 +28,4 @@ export interface StripeProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  * <Stripe tone="#c8f4e1" />
  * ```
  */
-export declare function Stripe({ tone, label, radius, height, className, style, ...props }: StripeProps): React.ReactElement;
+export declare function Stripe({ tone, label, radius, height, animated, className, style, ...props }: StripeProps): React.ReactElement;

package/dist/components/Text/Text.d.ts

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const textVariants: (props?: ({
-    size?: "display1" | "display2" | "heading1" | "heading2" | "body1" | "body2" | "caption1" | "caption2" | "caption3" | "pageTitle" | null | undefined;
+    size?: "display1" | "display2" | "heading1" | "heading2" | "body1" | "body2" | "caption1" | "caption2" | "caption3" | "caption4" | "caption5" | "pageTitle" | null | undefined;
     weight?: "bold" | "extrabold" | "semibold" | "medium" | "regular" | "light" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Text
  * 텍스트에 사이즈 및 굵기를 적용하는 커스텀 텍스트 컴포넌트
  *
- * @param size 텍스트 크기 : heading1, heading2, body1, body2, caption1, caption2, caption3, pageTitle
+ * @param size 텍스트 크기 : display1, display2, heading1, heading2, body1, body2, caption1, caption2, caption3, caption4(11px), caption5(10px), pageTitle
  * @default size body2
  * @param weight 텍스트 굵기 : extrabold, bold, semibold, medium, regular, light
  * @param as HTML 태그 또는 커스텀 컴포넌트로 렌더링 (기본값: span)