@1d1s/design-system 0.1.13 → 0.1.14
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.
- package/README.md +125 -0
- package/package.json +3 -2
- package/dist/DefaultProfile.png +0 -0
- package/dist/EmotionHappy.png +0 -0
- package/dist/EmotionSad.png +0 -0
- package/dist/EmotionSoso.png +0 -0
- package/dist/components/Accordion/Accordion.d.ts +0 -47
- package/dist/components/Accordion/Accordion.stories.d.ts +0 -8
- package/dist/components/Accordion/index.d.ts +0 -1
- package/dist/components/BackButton/BackButton.d.ts +0 -1
- package/dist/components/BackButton/BackButton.stories.d.ts +0 -6
- package/dist/components/BackButton/index.d.ts +0 -1
- package/dist/components/Button/Button.d.ts +0 -21
- package/dist/components/Button/Button.stories.d.ts +0 -11
- package/dist/components/Button/index.d.ts +0 -1
- package/dist/components/Calendar/Calendar.d.ts +0 -4
- package/dist/components/Calendar/Calendar.stories.d.ts +0 -6
- package/dist/components/Calendar/index.d.ts +0 -1
- package/dist/components/ChallengeCard/ChallengeCard.d.ts +0 -38
- package/dist/components/ChallengeCard/ChallengeCard.stories.d.ts +0 -7
- package/dist/components/ChallengeCard/index.d.ts +0 -1
- package/dist/components/ChallengeListItem/ChallengeListItem.d.ts +0 -12
- package/dist/components/ChallengeListItem/ChallengeListItem.stories.d.ts +0 -6
- package/dist/components/ChallengeListItem/index.d.ts +0 -1
- package/dist/components/CheckList/CheckList.d.ts +0 -35
- package/dist/components/CheckList/CheckList.stories.d.ts +0 -8
- package/dist/components/CheckList/index.d.ts +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts +0 -14
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -10
- package/dist/components/Checkbox/index.d.ts +0 -1
- package/dist/components/CircleAvatar/CircleAvatar.d.ts +0 -8
- package/dist/components/CircleAvatar/CircleAvatar.stories.d.ts +0 -7
- package/dist/components/CircleAvatar/index.d.ts +0 -1
- package/dist/components/CircularProgress/CircularProgress.d.ts +0 -30
- package/dist/components/CircularProgress/CircularProgress.stories.d.ts +0 -8
- package/dist/components/CircularProgress/index.d.ts +0 -1
- package/dist/components/DatePicker/DatePicker.d.ts +0 -25
- package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -6
- package/dist/components/DatePicker/index.d.ts +0 -1
- package/dist/components/Dialog/Dialog.d.ts +0 -13
- package/dist/components/Dialog/Dialog.stories.d.ts +0 -9
- package/dist/components/Dialog/index.d.ts +0 -1
- package/dist/components/DiaryCard/DiaryCard.d.ts +0 -17
- package/dist/components/DiaryCard/DiaryCard.stories.d.ts +0 -6
- package/dist/components/DiaryCard/index.d.ts +0 -1
- package/dist/components/Dropdown/Dropdown.d.ts +0 -53
- package/dist/components/Dropdown/Dropdown.stories.d.ts +0 -6
- package/dist/components/Dropdown/index.d.ts +0 -1
- package/dist/components/Footer/Footer.d.ts +0 -8
- package/dist/components/Footer/Footer.stories.d.ts +0 -6
- package/dist/components/Footer/index.d.ts +0 -1
- package/dist/components/GlobalChrome/GlobalChrome.d.ts +0 -3
- package/dist/components/GlobalChrome/GlobalChrome.stories.d.ts +0 -9
- package/dist/components/GlobalChrome/index.d.ts +0 -1
- package/dist/components/Icons/AddCircle.d.ts +0 -2
- package/dist/components/Icons/Calendar.d.ts +0 -2
- package/dist/components/Icons/Check.d.ts +0 -2
- package/dist/components/Icons/Chevron.d.ts +0 -2
- package/dist/components/Icons/ChevronDown.d.ts +0 -2
- package/dist/components/Icons/ChevronLeft.d.ts +0 -2
- package/dist/components/Icons/ChevronRight.d.ts +0 -2
- package/dist/components/Icons/ChevronUp.d.ts +0 -2
- package/dist/components/Icons/Close.d.ts +0 -2
- package/dist/components/Icons/Endless.d.ts +0 -2
- package/dist/components/Icons/Eye.d.ts +0 -2
- package/dist/components/Icons/EyeOff.d.ts +0 -2
- package/dist/components/Icons/HamburgerMenu.d.ts +0 -2
- package/dist/components/Icons/Heart.d.ts +0 -2
- package/dist/components/Icons/HeartFilled.d.ts +0 -2
- package/dist/components/Icons/Icons.stories.d.ts +0 -9
- package/dist/components/Icons/Logo.d.ts +0 -2
- package/dist/components/Icons/Minus.d.ts +0 -2
- package/dist/components/Icons/People.d.ts +0 -2
- package/dist/components/Icons/Person.d.ts +0 -2
- package/dist/components/Icons/Pin.d.ts +0 -2
- package/dist/components/Icons/Plus.d.ts +0 -2
- package/dist/components/Icons/Search.d.ts +0 -2
- package/dist/components/Icons/index.d.ts +0 -22
- package/dist/components/ImagePicker/ImagePicker.d.ts +0 -12
- package/dist/components/ImagePicker/ImagePicker.stories.d.ts +0 -6
- package/dist/components/ImagePicker/index.d.ts +0 -1
- package/dist/components/ImagePlaceholder/ImagePlaceholder.d.ts +0 -11
- package/dist/components/ImagePlaceholder/index.d.ts +0 -1
- package/dist/components/InfoButton/InfoButton.d.ts +0 -20
- package/dist/components/InfoButton/InfoButton.stories.d.ts +0 -6
- package/dist/components/InfoButton/index.d.ts +0 -1
- package/dist/components/Menu/Menu.d.ts +0 -2
- package/dist/components/Menu/Menu.stories.d.ts +0 -6
- package/dist/components/Menu/index.d.ts +0 -1
- package/dist/components/PageBackground/PageBackground.d.ts +0 -15
- package/dist/components/PageBackground/PageBackground.stories.d.ts +0 -6
- package/dist/components/PageBackground/index.d.ts +0 -1
- package/dist/components/PageTitle/PageTitle.d.ts +0 -29
- package/dist/components/PageTitle/PageTitle.stories.d.ts +0 -7
- package/dist/components/PageTitle/index.d.ts +0 -1
- package/dist/components/PageWatermark/PageWatermark.d.ts +0 -1
- package/dist/components/PageWatermark/PageWatermark.stories.d.ts +0 -6
- package/dist/components/PageWatermark/index.d.ts +0 -1
- package/dist/components/Pagination/Pagination.d.ts +0 -14
- package/dist/components/Pagination/Pagination.stories.d.ts +0 -9
- package/dist/components/Pagination/index.d.ts +0 -1
- package/dist/components/ProfileCard/ProfileCard.d.ts +0 -6
- package/dist/components/ProfileCard/ProfileCard.stories.d.ts +0 -7
- package/dist/components/ProfileCard/index.d.ts +0 -1
- package/dist/components/Spacing/Spacing.d.ts +0 -12
- package/dist/components/Spacing/Spacing.stories.d.ts +0 -6
- package/dist/components/Spacing/index.d.ts +0 -1
- package/dist/components/Streak/Streak.d.ts +0 -21
- package/dist/components/Streak/Streak.stories.d.ts +0 -8
- package/dist/components/Streak/index.d.ts +0 -1
- package/dist/components/Tag/Tag.d.ts +0 -25
- package/dist/components/Tag/Tag.stories.d.ts +0 -8
- package/dist/components/Tag/index.d.ts +0 -1
- package/dist/components/Text/Text.d.ts +0 -27
- package/dist/components/Text/Text.stories.d.ts +0 -9
- package/dist/components/Text/index.d.ts +0 -1
- package/dist/components/TextField/TextField.d.ts +0 -49
- package/dist/components/TextField/TextField.stories.d.ts +0 -9
- package/dist/components/TextField/index.d.ts +0 -1
- package/dist/components/Toggle/Toggle.d.ts +0 -19
- package/dist/components/Toggle/Toggle.stories.d.ts +0 -7
- package/dist/components/Toggle/index.d.ts +0 -1
- package/dist/components/ToggleCheck/ToggleCheck.d.ts +0 -15
- package/dist/components/ToggleCheck/ToggleCheck.stories.d.ts +0 -7
- package/dist/components/ToggleCheck/index.d.ts +0 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -33
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -7
- package/dist/components/ToggleGroup/index.d.ts +0 -1
- package/dist/components/Tooltip/Tooltip.d.ts +0 -7
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -7
- package/dist/components/Tooltip/index.d.ts +0 -1
- package/dist/components/Ui/Button.d.ts +0 -11
- package/dist/components/UserListItem/UserListItem.d.ts +0 -10
- package/dist/components/UserListItem/UserListItem.stories.d.ts +0 -7
- package/dist/components/UserListItem/index.d.ts +0 -1
- package/dist/components/index.d.ts +0 -35
- package/dist/index.d.ts +0 -2
- package/dist/index.es.js +0 -12582
- package/dist/index.umd.js +0 -45
- package/dist/lib/utils.d.ts +0 -2
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
3
|
-
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
4
|
-
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
-
/**
|
|
7
|
-
* SelectTrigger
|
|
8
|
-
* Select 기본 트리거 컴포넌트
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <SelectTrigger className="w-[180px]">
|
|
13
|
-
* <SelectValue placeholder="값을 선택해주세요" />
|
|
14
|
-
* </SelectTrigger>
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
18
|
-
size?: "sm" | "default";
|
|
19
|
-
}): React.ReactElement;
|
|
20
|
-
/**
|
|
21
|
-
* SelectItem
|
|
22
|
-
* Select 기본 아이템 컴포넌트
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* <SelectItem value="option1">value1</SelectItem>
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.ReactElement;
|
|
30
|
-
/**
|
|
31
|
-
* SelectSeparator
|
|
32
|
-
* Select 구분선 컴포넌트
|
|
33
|
-
*/
|
|
34
|
-
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.ReactElement;
|
|
35
|
-
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.ReactElement;
|
|
36
|
-
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.ReactElement;
|
|
37
|
-
/**
|
|
38
|
-
* SelectContent
|
|
39
|
-
* Select 기본 컨텐츠 컴포넌트
|
|
40
|
-
*
|
|
41
|
-
* @example
|
|
42
|
-
* ```tsx
|
|
43
|
-
* <SelectContent>
|
|
44
|
-
* <SelectGroup>
|
|
45
|
-
* <SelectItem value="option1">Option 1</SelectItem>
|
|
46
|
-
* <SelectItem value="option2">Option 2</SelectItem>
|
|
47
|
-
* </SelectGroup>
|
|
48
|
-
* </SelectContent>
|
|
49
|
-
* ```
|
|
50
|
-
*/
|
|
51
|
-
declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.ReactElement;
|
|
52
|
-
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.ReactElement;
|
|
53
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Dropdown';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Footer';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { GlobalChrome } from './GlobalChrome';
|
|
3
|
-
declare const meta: Meta<typeof GlobalChrome>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof GlobalChrome>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Mobile: Story;
|
|
8
|
-
export declare const Desktop: Story;
|
|
9
|
-
export declare const BackOnly: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './GlobalChrome';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
declare const IconGallery: ({ size, color }: {
|
|
3
|
-
size: number;
|
|
4
|
-
color: string;
|
|
5
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare const meta: Meta<typeof IconGallery>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<typeof IconGallery>;
|
|
9
|
-
export declare const Gallery: Story;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export * from './AddCircle';
|
|
2
|
-
export * from './Calendar';
|
|
3
|
-
export * from './Check';
|
|
4
|
-
export * from './Chevron';
|
|
5
|
-
export * from './ChevronDown';
|
|
6
|
-
export * from './ChevronLeft';
|
|
7
|
-
export * from './ChevronRight';
|
|
8
|
-
export * from './ChevronUp';
|
|
9
|
-
export * from './Close';
|
|
10
|
-
export * from './Endless';
|
|
11
|
-
export * from './Eye';
|
|
12
|
-
export * from './EyeOff';
|
|
13
|
-
export * from './HamburgerMenu';
|
|
14
|
-
export * from './Heart';
|
|
15
|
-
export * from './HeartFilled';
|
|
16
|
-
export * from './Logo';
|
|
17
|
-
export * from './Minus';
|
|
18
|
-
export * from './People';
|
|
19
|
-
export * from './Person';
|
|
20
|
-
export * from './Pin';
|
|
21
|
-
export * from './Plus';
|
|
22
|
-
export * from './Search';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ImagePicker
|
|
3
|
-
* 이미지 업로드 및 미리보기를 위한 컴포넌트
|
|
4
|
-
*
|
|
5
|
-
* @param onChange 파일 선택 시 호출되는 콜백 함수(optional)
|
|
6
|
-
*
|
|
7
|
-
* @example 기본 사용
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <ImagePicker onChange={(e) => console.log(e.target.files)} />
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
export declare function ImagePicker({ onChange, ...props }: React.ComponentPropsWithoutRef<"input">): React.ReactElement;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ImagePicker';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface ImagePlaceholderProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
logoSize?: 'sm' | 'md' | 'lg';
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* ImagePlaceholder
|
|
8
|
-
* 이미지가 없을 때 연한 primary 색상 배경에 로고를 보여주는 컴포넌트
|
|
9
|
-
*/
|
|
10
|
-
export declare function ImagePlaceholder({ className, logoSize, }: ImagePlaceholderProps): React.ReactElement;
|
|
11
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ImagePlaceholder';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface InfoButtonProps {
|
|
3
|
-
/** 상단 작은 글씨 */
|
|
4
|
-
mainText: string;
|
|
5
|
-
/** 상단 큰 글씨 */
|
|
6
|
-
subText: string;
|
|
7
|
-
/** 왼쪽 하단에 표시할 이미지 URL 또는 import */
|
|
8
|
-
imageSrc: string;
|
|
9
|
-
/** 이미지 대체 텍스트 */
|
|
10
|
-
imageAlt?: string;
|
|
11
|
-
/** 그라데이션 시작 색상 (CSS color) */
|
|
12
|
-
gradientFrom: string;
|
|
13
|
-
/** 그라데이션 끝 색상 (CSS color) */
|
|
14
|
-
gradientTo: string;
|
|
15
|
-
/** 추가 Tailwind 클래스 */
|
|
16
|
-
className?: string;
|
|
17
|
-
onClick?(): void;
|
|
18
|
-
}
|
|
19
|
-
export declare function InfoButton({ mainText, subText, imageSrc, imageAlt, gradientFrom, gradientTo, onClick, className, }: InfoButtonProps): React.ReactElement;
|
|
20
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './InfoButton';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Menu';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* PageBackground
|
|
3
|
-
* 페이지 또는 카드의 기본 배경 영역을 구성하는 컨테이너 컴포넌트
|
|
4
|
-
*
|
|
5
|
-
* @example
|
|
6
|
-
* ```tsx
|
|
7
|
-
* <PageBackground className="min-w-250">
|
|
8
|
-
* <SomeSection />
|
|
9
|
-
* </PageBackground>
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
export declare function PageBackground({ children, className, }: {
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
className?: string;
|
|
15
|
-
}): React.ReactElement;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './PageBackground';
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
declare const pageTitleVariants: (props?: ({
|
|
3
|
-
variant?: "withSubtitle" | "noSubtitle" | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
-
type PageTitleProps = {
|
|
6
|
-
title: string;
|
|
7
|
-
subtitle?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
} & VariantProps<typeof pageTitleVariants>;
|
|
10
|
-
/**
|
|
11
|
-
* PageTitle
|
|
12
|
-
* 페이지 상단 타이틀 및 부제목 컴포넌트
|
|
13
|
-
*
|
|
14
|
-
* @param title 페이지 제목 텍스트
|
|
15
|
-
* @param subtitle 선택적 부제목 텍스트 (variant가 'withSubtitle'일 때 표시)
|
|
16
|
-
* @param variant 타이틀 스타일 종류 ('noSubtitle' | 'withSubtitle')
|
|
17
|
-
*
|
|
18
|
-
* @example 기본 사용
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <PageTitle title="오늘의 챌린지" />
|
|
21
|
-
* ```
|
|
22
|
-
*
|
|
23
|
-
* @example 부제목 포함
|
|
24
|
-
* ```tsx
|
|
25
|
-
* <PageTitle title="챌린지 소개" subtitle="매일 7시에 기상하기" variant="withSubtitle" />
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare function PageTitle({ title, subtitle, variant, className, }: PageTitleProps): React.ReactElement;
|
|
29
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { PageTitle } from './PageTitle';
|
|
3
|
-
declare const meta: Meta<typeof PageTitle>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof PageTitle>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithSubtitle: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './PageTitle';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function PageWatermark(): React.ReactElement;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './PageWatermark';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface PaginationProps {
|
|
3
|
-
/** 현재 페이지 (1부터 시작) */
|
|
4
|
-
currentPage: number;
|
|
5
|
-
/** 총 페이지 수 */
|
|
6
|
-
totalPages: number;
|
|
7
|
-
/** 페이지 변경 핸들러 */
|
|
8
|
-
onPageChange: (page: number) => void;
|
|
9
|
-
/** 현재 페이지 양옆에 보여줄 페이지 개수 */
|
|
10
|
-
siblingCount?: number;
|
|
11
|
-
/** 추가 클래스 */
|
|
12
|
-
className?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, className, }: PaginationProps): React.ReactElement | null;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Pagination } from './Pagination';
|
|
3
|
-
declare const meta: Meta<typeof Pagination>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Pagination>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Short: Story;
|
|
8
|
-
export declare const ManyPages: Story;
|
|
9
|
-
export declare const MobileView: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Pagination';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ProfileCard } from './ProfileCard';
|
|
3
|
-
declare const meta: Meta<typeof ProfileCard>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ProfileCard>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Expanded: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ProfileCard';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spacing
|
|
3
|
-
* 레이아웃 내 간격을 위해 사용되는 유틸리티 컴포넌트
|
|
4
|
-
*
|
|
5
|
-
* @param className Tailwind 유틸리티 클래스로 간격 크기 지정
|
|
6
|
-
*
|
|
7
|
-
* @example 기본 사용
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <Spacing className="h-4" />
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
export declare function Spacing({ className, }: React.ComponentPropsWithoutRef<'div'>): React.ReactElement;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Spacing';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface StreakData {
|
|
3
|
-
/** 날짜 (YYYY-MM-DD) */
|
|
4
|
-
date: string;
|
|
5
|
-
/** 활동 레벨 (0-4) */
|
|
6
|
-
count: number;
|
|
7
|
-
}
|
|
8
|
-
export interface StreakProps {
|
|
9
|
-
/** 활동 데이터 (count 0-4 권장, 데이터 개수에 따라 가로로 길어짐) */
|
|
10
|
-
data?: StreakData[];
|
|
11
|
-
/** 각 날짜 박스의 크기 (픽셀) */
|
|
12
|
-
size?: number;
|
|
13
|
-
/** 추가 클래스 */
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Streak
|
|
18
|
-
* 활동 기록을 깃허브 잔디(Contribution Graph) 스타일로 보여주는 컴포넌트.
|
|
19
|
-
* 7행 그리드 구조로 요일별로 쌓이며 가로로 데이터가 추가됩니다.
|
|
20
|
-
*/
|
|
21
|
-
export declare function Streak({ data, size, className, }: StreakProps): React.ReactElement;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Streak } from './Streak';
|
|
3
|
-
declare const meta: Meta<typeof Streak>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Streak>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const OneYear: Story;
|
|
8
|
-
export declare const Empty: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Streak';
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
declare const tagVariants: (props?: ({
|
|
3
|
-
hasIcon?: boolean | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
-
type TagProps = {
|
|
6
|
-
icon?: string;
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
size?: 'caption3' | 'body1';
|
|
10
|
-
weight?: 'bold' | 'medium' | 'regular' | 'light';
|
|
11
|
-
} & VariantProps<typeof tagVariants>;
|
|
12
|
-
/**
|
|
13
|
-
* Tag
|
|
14
|
-
* 간단한 태그 스타일을 위한 컴포넌트 (텍스트 + 아이콘 구성)
|
|
15
|
-
*
|
|
16
|
-
* @param icon 선택적 아이콘 이모지 텍스트
|
|
17
|
-
* @param weight 텍스트 굵기 (기본값: bold) : bold, medium, regular, light
|
|
18
|
-
*
|
|
19
|
-
* @example 기본 사용
|
|
20
|
-
* ```tsx
|
|
21
|
-
* <Tag icon="🔥">인기</Tag>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare function Tag({ icon, children, size, weight, className, }: TagProps): React.ReactElement;
|
|
25
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Tag } from './Tag';
|
|
3
|
-
declare const meta: Meta<typeof Tag>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Tag>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithIcon: Story;
|
|
8
|
-
export declare const CustomWeight: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Tag';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
export declare const textVariants: (props?: ({
|
|
3
|
-
size?: "display1" | "display2" | "heading1" | "heading2" | "body1" | "body2" | "caption1" | "caption2" | "caption3" | "pageTitle" | null | undefined;
|
|
4
|
-
weight?: "bold" | "medium" | "regular" | "light" | null | undefined;
|
|
5
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
/**
|
|
7
|
-
* Text
|
|
8
|
-
* 텍스트에 사이즈 및 굵기를 적용하는 커스텀 텍스트 컴포넌트
|
|
9
|
-
*
|
|
10
|
-
* @param size 텍스트 크기 : heading1, heading2, body1, body2, caption1, caption2, caption3, pageTitle
|
|
11
|
-
* @default size body2
|
|
12
|
-
* @param weight 텍스트 굵기 : bold, medium, regular, light
|
|
13
|
-
* @param as HTML 태그 또는 커스텀 컴포넌트로 렌더링 (기본값: span)
|
|
14
|
-
*
|
|
15
|
-
* @example 기본 사용
|
|
16
|
-
* ```tsx
|
|
17
|
-
* <Text size="body1" weight="bold">텍스트</Text>
|
|
18
|
-
* ```
|
|
19
|
-
*
|
|
20
|
-
* @example HTML 태그 변경
|
|
21
|
-
* ```tsx
|
|
22
|
-
* <Text as="p" size="caption1" weight="regular">단락 텍스트</Text>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export declare function Text({ className, size, weight, as: Tag, ...props }: {
|
|
26
|
-
as?: React.ElementType;
|
|
27
|
-
} & React.ComponentPropsWithoutRef<'span'> & VariantProps<typeof textVariants>): React.ReactElement;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Text } from './Text';
|
|
3
|
-
declare const meta: Meta<typeof Text>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Text>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Headings: Story;
|
|
8
|
-
export declare const Body: Story;
|
|
9
|
-
export declare const Captions: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Text';
|