@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,49 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
declare const textFieldVariants: (props?: ({
|
|
4
|
-
variant?: "search" | "default" | null | undefined;
|
|
5
|
-
size?: "default" | null | undefined;
|
|
6
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof textFieldVariants> {
|
|
8
|
-
label?: string;
|
|
9
|
-
error?: string;
|
|
10
|
-
multiline?: boolean;
|
|
11
|
-
rows?: number;
|
|
12
|
-
cols?: number;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* TextField
|
|
16
|
-
* 입력 필드 컴포넌트
|
|
17
|
-
*
|
|
18
|
-
* @param label 입력 필드 레이블 (선택적)
|
|
19
|
-
* @param error 입력 필드 오류 메시지 (선택적)
|
|
20
|
-
* @param variant 스타일 변형 (default | search)
|
|
21
|
-
* @param multiline 다중 행 입력 여부 (textarea 렌더링)
|
|
22
|
-
*
|
|
23
|
-
* @example 기본 사용
|
|
24
|
-
* ```tsx
|
|
25
|
-
* <TextField
|
|
26
|
-
* label="레이블"
|
|
27
|
-
* placeholder="플레이스홀더"
|
|
28
|
-
* />
|
|
29
|
-
* ```
|
|
30
|
-
*
|
|
31
|
-
* @example 검색 필드
|
|
32
|
-
* ```tsx
|
|
33
|
-
* <TextField
|
|
34
|
-
* variant="search"
|
|
35
|
-
* placeholder="검색어 입력"
|
|
36
|
-
* />
|
|
37
|
-
* ```
|
|
38
|
-
*
|
|
39
|
-
* @example 다중 행 입력
|
|
40
|
-
* ```tsx
|
|
41
|
-
* <TextField
|
|
42
|
-
* multiline
|
|
43
|
-
* rows={4}
|
|
44
|
-
* placeholder="내용을 입력하세요"
|
|
45
|
-
* />
|
|
46
|
-
* ```
|
|
47
|
-
*/
|
|
48
|
-
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
49
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { TextField } from './TextField';
|
|
3
|
-
declare const meta: Meta<typeof TextField>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof TextField>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithError: Story;
|
|
8
|
-
export declare const Search: Story;
|
|
9
|
-
export declare const TextArea: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './TextField';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
2
|
-
interface ToggleProps extends React.ComponentProps<typeof TogglePrimitive.Root> {
|
|
3
|
-
icon?: string;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* Toggle
|
|
9
|
-
* 간단한 토글 스타일을 위한 컴포넌트 (텍스트 + 아이콘 구성)
|
|
10
|
-
*
|
|
11
|
-
* @param icon 선택적 아이콘 이모지 텍스트
|
|
12
|
-
*
|
|
13
|
-
* @example 기본 사용
|
|
14
|
-
* ```tsx
|
|
15
|
-
* <Toggle icon="🔥">인기</Toggle>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare function Toggle({ icon, children, className, ...props }: ToggleProps): React.ReactElement;
|
|
19
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Toggle } from './Toggle';
|
|
3
|
-
declare const meta: Meta<typeof Toggle>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Toggle>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithIcon: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Toggle';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
3
|
-
export interface ToggleCheckProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* ToggleCheck
|
|
8
|
-
* 체크 표시가 포함된 토글 버튼 컴포넌트. 선택 상태에 따라 체크 아이콘과 배경색이 변경됩니다.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <ToggleCheck>선택지 1</ToggleCheck>
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
export declare function ToggleCheck({ children, className, ...props }: ToggleCheckProps): React.ReactElement;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ToggleCheck } from './ToggleCheck';
|
|
3
|
-
declare const meta: Meta<typeof ToggleCheck>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ToggleCheck>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const MultiSelect: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ToggleCheck';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
2
|
-
interface ToggleProps extends React.ComponentProps<typeof ToggleGroupPrimitive.Item> {
|
|
3
|
-
icon?: string;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* ToggleGroup
|
|
9
|
-
* 토글 그룹 컴포넌트
|
|
10
|
-
*
|
|
11
|
-
* @example 기본 사용
|
|
12
|
-
* ```tsx
|
|
13
|
-
* <ToggleGroup type="single">
|
|
14
|
-
* <ToggleGroupItem icon="🔥">인기</ToggleGroupItem
|
|
15
|
-
* <ToggleGroupItem icon="⭐">추천</ToggleGroupItem>
|
|
16
|
-
* <ToggleGroupItem icon="💬">토론</ToggleGroupItem
|
|
17
|
-
* </ToggleGroup>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare function ToggleGroup({ children, className, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root>): React.ReactElement;
|
|
21
|
-
/**
|
|
22
|
-
* ToggleGroupItem
|
|
23
|
-
* 간단한 토글 스타일을 위한 컴포넌트 (텍스트 + 아이콘 구성)
|
|
24
|
-
*
|
|
25
|
-
* @param icon 선택적 아이콘 이모지 텍스트
|
|
26
|
-
*
|
|
27
|
-
* @example 기본 사용
|
|
28
|
-
* ```tsx
|
|
29
|
-
* <ToggleGroupItem icon="🔥">인기</Toggle>
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
export declare function ToggleGroupItem({ icon, children, className, ...props }: ToggleProps): React.ReactElement;
|
|
33
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ToggleGroup } from './ToggleGroup';
|
|
3
|
-
declare const meta: Meta<typeof ToggleGroup>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ToggleGroup>;
|
|
6
|
-
export declare const Single: Story;
|
|
7
|
-
export declare const Multiple: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ToggleGroup';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
-
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.ReactElement;
|
|
4
|
-
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
5
|
-
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
declare function TooltipContent({ className, sideOffset, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.ReactElement;
|
|
7
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Tooltip } from './Tooltip';
|
|
3
|
-
declare const meta: Meta<typeof Tooltip>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Tooltip>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const CustomSide: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Tooltip';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
|
|
5
|
-
size?: "default" | "lg" | "sm" | "icon" | null | undefined;
|
|
6
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
-
export { Button, buttonVariants };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface UserListItemProps {
|
|
2
|
-
className?: string;
|
|
3
|
-
userName: string;
|
|
4
|
-
userImageSrc?: string;
|
|
5
|
-
isAuthor: boolean;
|
|
6
|
-
onAccept?(): void;
|
|
7
|
-
onReject?(): void;
|
|
8
|
-
}
|
|
9
|
-
export declare function UserListItem({ className, userName, userImageSrc, isAuthor, onAccept, onReject, }: UserListItemProps): React.ReactElement;
|
|
10
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { UserListItem } from './UserListItem';
|
|
3
|
-
declare const meta: Meta<typeof UserListItem>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof UserListItem>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Author: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './UserListItem';
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
export * from './Accordion';
|
|
2
|
-
export * from './BackButton';
|
|
3
|
-
export * from './Button';
|
|
4
|
-
export * from './Calendar';
|
|
5
|
-
export * from './ChallengeCard';
|
|
6
|
-
export * from './ChallengeListItem';
|
|
7
|
-
export * from './CheckList';
|
|
8
|
-
export * from './Checkbox';
|
|
9
|
-
export * from './CircleAvatar';
|
|
10
|
-
export * from './CircularProgress';
|
|
11
|
-
export * from './DatePicker';
|
|
12
|
-
export * from './Dialog';
|
|
13
|
-
export * from './DiaryCard';
|
|
14
|
-
export * from './Dropdown';
|
|
15
|
-
export * from './Footer';
|
|
16
|
-
export * from './GlobalChrome';
|
|
17
|
-
export * from './ImagePlaceholder';
|
|
18
|
-
export * from './ImagePicker';
|
|
19
|
-
export * from './InfoButton';
|
|
20
|
-
export * from './Text';
|
|
21
|
-
export * from './Menu';
|
|
22
|
-
export * from './PageBackground';
|
|
23
|
-
export * from './PageTitle';
|
|
24
|
-
export * from './PageWatermark';
|
|
25
|
-
export * from './Pagination';
|
|
26
|
-
export * from './ProfileCard';
|
|
27
|
-
export * from './Spacing';
|
|
28
|
-
export * from './Streak';
|
|
29
|
-
export * from './Tag';
|
|
30
|
-
export * from './TextField';
|
|
31
|
-
export * from './Toggle';
|
|
32
|
-
export * from './ToggleCheck';
|
|
33
|
-
export * from './ToggleGroup';
|
|
34
|
-
export * from './Tooltip';
|
|
35
|
-
export * from './UserListItem';
|
package/dist/index.d.ts
DELETED