@1d1s/design-system 0.2.6 → 0.2.8

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

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof AppHeader>;
 export declare const WithProfile: Story;
 export declare const WithoutProfile: Story;
+export declare const Mobile: 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/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,7 +24,9 @@ export interface RightSidebarProps {
     challenges?: RightSidebarChallenge[];
     emptyChallengeMessage?: string;
     joinChallengeButtonLabel?: string;
+    joinChallengeMaxUserCount?: number;
     createChallengeButtonLabel?: string;
+    collapsible?: boolean;
     onCollapseClick?(): void;
     onOpenSettings?(): void;
     onWriteDiary?(): void;
@@ -33,5 +35,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, collapsible, 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,5 @@ type Story = StoryObj<typeof RightSidebar>;
 export declare const Default: Story;
 export declare const LoggedOut: Story;
 export declare const EmptyChallenges: Story;
+export declare const NotCollapsible: 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';