@1d1s/design-system 0.2.5 → 0.2.7

package/dist/components/BannerCarousel/BannerCarousel.d.ts

@@ -25,6 +25,7 @@ export interface BannerCarouselProps extends React.HTMLAttributes<HTMLDivElement
     enableLoop?: boolean;
     showIndicators?: boolean;
     aspectRatioClassName?: string;
+    minHeightPx?: number;
     componentId?: string;
     enableDataLayerTracking?: boolean;
     impressionMode?: "once" | "always";
@@ -38,4 +39,4 @@ export interface BannerCarouselProps extends React.HTMLAttributes<HTMLDivElement
  * 메인 배너 슬라이더 컴포넌트. 자동 슬라이드, 무한 루프, 인디케이터를 지원하며
  * 클릭/노출 추적 콜백 및 dataLayer 이벤트 전송 포인트를 제공합니다.
  */
-export declare function BannerCarousel({ items, autoSlideIntervalMs, initialIndex, enableLoop, showIndicators, aspectRatioClassName, componentId, enableDataLayerTracking, impressionMode, onBannerClick, onBannerImpression, onBannerChange, onItemClick, className, ...props }: BannerCarouselProps): React.ReactElement | null;
+export declare function BannerCarousel({ items, autoSlideIntervalMs, initialIndex, enableLoop, showIndicators, aspectRatioClassName, minHeightPx, componentId, enableDataLayerTracking, impressionMode, onBannerClick, onBannerImpression, onBannerChange, onItemClick, className, ...props }: BannerCarouselProps): React.ReactElement | null;

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

@@ -5,6 +5,8 @@ export default meta;
 type Story = StoryObj<typeof ChallengeCard>;
 export declare const Default: Story;
 export declare const Recruiting: Story;
+export declare const IndividualParticipant: Story;
+export declare const GroupParticipantCount: Story;
 export declare const Ended: Story;
 export declare const Grid3x2: Story;
 export declare const ChallengeIcons: Story;

package/dist/components/ChallengeListItem/ChallengeListItem.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface ChallengeListItemProps {
+    challengeTitle: string;
+    challengeType: string;
+    challengeCategory?: string;
+    challengeIcon?: ReactNode;
+    imageUrl?: string;
+    currentUserCount: number;
+    maxUserCount: number;
+    startDate: string;
+    endDate: string;
+    isOngoing: boolean;
+    isEnded?: boolean;
+    className?: string;
+    onClick?(): void;
+}
+export declare function ChallengeListItem({ challengeTitle, challengeType, challengeCategory, challengeIcon, imageUrl, currentUserCount, maxUserCount, startDate, endDate, isOngoing, isEnded, className, onClick, }: ChallengeListItemProps): React.ReactElement;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ChallengeListItem } from './ChallengeListItem';
+declare const meta: Meta<typeof ChallengeListItem>;
+export default meta;
+type Story = StoryObj<typeof ChallengeListItem>;
+export declare const Ongoing: Story;
+export declare const Recruiting: Story;
+export declare const Ended: Story;
+export declare const Individual: Story;
+export declare const WithImage: Story;
+export declare const List: Story;

package/dist/components/ChallengeListItem/index.d.ts

@@ -0,0 +1 @@
+export * from './ChallengeListItem';

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

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

package/dist/components/DiaryListItem/DiaryListItem.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+type Emotion = "happy" | "soso" | "sad";
+export interface DiaryListItemProps {
+    title: string;
+    imageUrl?: string;
+    percent: number;
+    emotion: Emotion;
+    likes: number;
+    isLiked?: boolean;
+    defaultLiked?: boolean;
+    onLikeToggle?(nextLiked: boolean): void;
+    user: string;
+    userImage?: string;
+    challengeLabel: string;
+    totalMemberCount?: number;
+    onChallengeClick?(): void;
+    date: string;
+    onClick?(): void;
+    className?: string;
+}
+export declare function DiaryListItem({ title, imageUrl, percent, emotion, likes, isLiked: isLikedProp, defaultLiked, onLikeToggle, user, userImage, challengeLabel, totalMemberCount, onChallengeClick, date, onClick, className, }: DiaryListItemProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DiaryListItem } from './DiaryListItem';
+declare const meta: Meta<typeof DiaryListItem>;
+export default meta;
+type Story = StoryObj<typeof DiaryListItem>;
+export declare const Default: Story;
+export declare const NoImage: Story;
+export declare const ControlledLike: Story;
+export declare const List: Story;

package/dist/components/DiaryListItem/index.d.ts

@@ -0,0 +1 @@
+export * from './DiaryListItem';

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

@@ -10,7 +10,7 @@ export interface RightSidebarChallenge {
 export interface RightSidebarProps {
     isLoggedIn?: boolean;
     userName?: string;
-    userHandle?: string;
+    userSubtitle?: string;
     userImage?: string;
     streakDays: number;
     fixed?: boolean;
@@ -24,6 +24,7 @@ export interface RightSidebarProps {
     challenges?: RightSidebarChallenge[];
     emptyChallengeMessage?: string;
     joinChallengeButtonLabel?: string;
+    joinChallengeMaxUserCount?: number;
     createChallengeButtonLabel?: string;
     onCollapseClick?(): void;
     onOpenSettings?(): void;
@@ -33,5 +34,5 @@ export interface RightSidebarProps {
     onJoinChallenge?(): void;
     onCreateChallenge?(): void;
 }
-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 declare function RightSidebar({ isLoggedIn, userName, userSubtitle, userImage, streakDays, fixed, className, diaryButtonLabel, myPageButtonLabel, loginButtonLabel, loginPromptMessage, settingButtonLabel, challengeTitle, challenges, emptyChallengeMessage, joinChallengeButtonLabel, joinChallengeMaxUserCount, createChallengeButtonLabel, onCollapseClick, onOpenSettings, onWriteDiary, onGoMyPage, onLogin, onJoinChallenge, onCreateChallenge, }: RightSidebarProps): React.ReactElement;
 export {};

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

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

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './BannerCarousel';
 export * from './Button';
 export * from './Calendar';
 export * from './ChallengeCard';
+export * from './ChallengeListItem';
 export * from './CheckContainer';
 export * from './CheckList';
 export * from './Checkbox';
@@ -12,6 +13,7 @@ export * from './CircularProgress';
 export * from './DatePicker';
 export * from './Dialog';
 export * from './DiaryCard';
+export * from './DiaryListItem';
 export * from './Dropdown';
 export * from './GoalAddList';
 export { Icon } from './Icons/Icon';