@1d1s/design-system 0.2.2 → 0.2.4

package/dist/components/CheckList/CheckList.d.ts

@@ -13,6 +13,8 @@ export interface CheckListProps {
     onValueChange: (value: string[]) => void;
     /** 추가 클래스 */
     className?: string;
+    /** 읽기 전용 여부 (시각 변화 없이 토글만 비활성화) */
+    readOnly?: boolean;
     /** 전체 비활성화 여부 */
     disabled?: boolean;
 }
@@ -32,4 +34,4 @@ export interface CheckListProps {
  * />
  * ```
  */
-export declare function CheckList({ options, value, onValueChange, className, disabled, }: CheckListProps): React.ReactElement;
+export declare function CheckList({ options, value, onValueChange, className, readOnly, disabled, }: CheckListProps): React.ReactElement;

package/dist/components/CheckList/CheckList.stories.d.ts

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof CheckList>;
 export declare const Default: Story;
 export declare const Empty: Story;
 export declare const Disabled: Story;
+export declare const ReadOnly: Story;

package/dist/components/DiaryCard/DiaryCard.d.ts

@@ -4,14 +4,17 @@ export interface DiaryCardProps {
     imageUrl?: string;
     percent: number;
     likes: number;
+    isLiked?: boolean;
+    defaultLiked?: boolean;
+    onLikeToggle?(nextLiked: boolean): void;
     title: string;
     user: string;
     userImage?: string;
     challengeLabel: string;
-    challengeUrl: string;
+    onChallengeClick?(): void;
     date: string;
     emotion: Emotion;
     onClick?(): void;
 }
-export declare function DiaryCard({ imageUrl, percent, likes, title, user, userImage, challengeLabel, challengeUrl, date, emotion, onClick, }: DiaryCardProps): React.ReactElement;
+export declare function DiaryCard({ imageUrl, percent, likes, isLiked: isLikedProp, defaultLiked, onLikeToggle, title, user, userImage, challengeLabel, onChallengeClick, date, emotion, onClick, }: DiaryCardProps): React.ReactElement;
 export {};

package/dist/components/DiaryCard/DiaryCard.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof DiaryCard>;
 export default meta;
 type Story = StoryObj<typeof DiaryCard>;
 export declare const Default: Story;
+export declare const ControlledLike: Story;

package/dist/components/ImagePicker/ImagePicker.d.ts

@@ -1,12 +1,24 @@
+import { default as React } from 'react';
+export interface ImagePickerProps extends Omit<React.ComponentPropsWithoutRef<"input">, "size"> {
+    /** 원형 이미지 영역 지름(px) */
+    size?: number;
+    /** 초기 이미지 URL */
+    defaultImageUrl?: string;
+    /** 하단 변경 버튼 텍스트 */
+    changeLabel?: string;
+}
 /**
  * ImagePicker
  * 이미지 업로드 및 미리보기를 위한 컴포넌트
  *
  * @param onChange 파일 선택 시 호출되는 콜백 함수(optional)
+ * @param size 원형 이미지 영역 지름(px), 기본값 300
+ * @param defaultImageUrl 초기 이미지 URL
+ * @param changeLabel 하단 변경 버튼 텍스트(기본값: Change)
  *
  * @example 기본 사용
  * ```tsx
  * <ImagePicker onChange={(e) => console.log(e.target.files)} />
  * ```
  */
-export declare function ImagePicker({ onChange, ...props }: React.ComponentPropsWithoutRef<"input">): React.ReactElement;
+export declare function ImagePicker({ onChange, size, defaultImageUrl, changeLabel, ...props }: ImagePickerProps): React.ReactElement;

package/dist/components/ImagePicker/ImagePicker.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof ImagePicker>;
 export default meta;
 type Story = StoryObj<typeof ImagePicker>;
 export declare const Default: Story;
+export declare const WithImage: Story;

package/dist/components/RightSidebar/RightSidebar.d.ts

@@ -22,11 +22,16 @@ export interface RightSidebarProps {
     settingButtonLabel?: string;
     challengeTitle?: string;
     challenges?: RightSidebarChallenge[];
+    emptyChallengeMessage?: string;
+    joinChallengeButtonLabel?: string;
+    createChallengeButtonLabel?: string;
     onCollapseClick?(): void;
     onOpenSettings?(): void;
     onWriteDiary?(): void;
     onGoMyPage?(): void;
     onLogin?(): void;
+    onJoinChallenge?(): void;
+    onCreateChallenge?(): void;
 }
-export declare function RightSidebar({ isLoggedIn, userName, userHandle, userImage, streakDays, fixed, className, diaryButtonLabel, myPageButtonLabel, loginButtonLabel, loginPromptMessage, settingButtonLabel, challengeTitle, challenges, onCollapseClick, onOpenSettings, onWriteDiary, onGoMyPage, onLogin, }: RightSidebarProps): React.ReactElement;
+export declare function RightSidebar({ isLoggedIn, userName, userHandle, userImage, streakDays, fixed, className, diaryButtonLabel, myPageButtonLabel, loginButtonLabel, loginPromptMessage, settingButtonLabel, challengeTitle, challenges, emptyChallengeMessage, joinChallengeButtonLabel, createChallengeButtonLabel, onCollapseClick, onOpenSettings, onWriteDiary, onGoMyPage, onLogin, onJoinChallenge, onCreateChallenge, }: RightSidebarProps): React.ReactElement;
 export {};

package/dist/components/RightSidebar/RightSidebar.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof RightSidebar>;
 export declare const Default: Story;
 export declare const LoggedOut: Story;
+export declare const EmptyChallenges: Story;