@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.
Files changed (140) hide show
  1. package/README.md +125 -0
  2. package/package.json +3 -2
  3. package/dist/DefaultProfile.png +0 -0
  4. package/dist/EmotionHappy.png +0 -0
  5. package/dist/EmotionSad.png +0 -0
  6. package/dist/EmotionSoso.png +0 -0
  7. package/dist/components/Accordion/Accordion.d.ts +0 -47
  8. package/dist/components/Accordion/Accordion.stories.d.ts +0 -8
  9. package/dist/components/Accordion/index.d.ts +0 -1
  10. package/dist/components/BackButton/BackButton.d.ts +0 -1
  11. package/dist/components/BackButton/BackButton.stories.d.ts +0 -6
  12. package/dist/components/BackButton/index.d.ts +0 -1
  13. package/dist/components/Button/Button.d.ts +0 -21
  14. package/dist/components/Button/Button.stories.d.ts +0 -11
  15. package/dist/components/Button/index.d.ts +0 -1
  16. package/dist/components/Calendar/Calendar.d.ts +0 -4
  17. package/dist/components/Calendar/Calendar.stories.d.ts +0 -6
  18. package/dist/components/Calendar/index.d.ts +0 -1
  19. package/dist/components/ChallengeCard/ChallengeCard.d.ts +0 -38
  20. package/dist/components/ChallengeCard/ChallengeCard.stories.d.ts +0 -7
  21. package/dist/components/ChallengeCard/index.d.ts +0 -1
  22. package/dist/components/ChallengeListItem/ChallengeListItem.d.ts +0 -12
  23. package/dist/components/ChallengeListItem/ChallengeListItem.stories.d.ts +0 -6
  24. package/dist/components/ChallengeListItem/index.d.ts +0 -1
  25. package/dist/components/CheckList/CheckList.d.ts +0 -35
  26. package/dist/components/CheckList/CheckList.stories.d.ts +0 -8
  27. package/dist/components/CheckList/index.d.ts +0 -1
  28. package/dist/components/Checkbox/Checkbox.d.ts +0 -14
  29. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -10
  30. package/dist/components/Checkbox/index.d.ts +0 -1
  31. package/dist/components/CircleAvatar/CircleAvatar.d.ts +0 -8
  32. package/dist/components/CircleAvatar/CircleAvatar.stories.d.ts +0 -7
  33. package/dist/components/CircleAvatar/index.d.ts +0 -1
  34. package/dist/components/CircularProgress/CircularProgress.d.ts +0 -30
  35. package/dist/components/CircularProgress/CircularProgress.stories.d.ts +0 -8
  36. package/dist/components/CircularProgress/index.d.ts +0 -1
  37. package/dist/components/DatePicker/DatePicker.d.ts +0 -25
  38. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -6
  39. package/dist/components/DatePicker/index.d.ts +0 -1
  40. package/dist/components/Dialog/Dialog.d.ts +0 -13
  41. package/dist/components/Dialog/Dialog.stories.d.ts +0 -9
  42. package/dist/components/Dialog/index.d.ts +0 -1
  43. package/dist/components/DiaryCard/DiaryCard.d.ts +0 -17
  44. package/dist/components/DiaryCard/DiaryCard.stories.d.ts +0 -6
  45. package/dist/components/DiaryCard/index.d.ts +0 -1
  46. package/dist/components/Dropdown/Dropdown.d.ts +0 -53
  47. package/dist/components/Dropdown/Dropdown.stories.d.ts +0 -6
  48. package/dist/components/Dropdown/index.d.ts +0 -1
  49. package/dist/components/Footer/Footer.d.ts +0 -8
  50. package/dist/components/Footer/Footer.stories.d.ts +0 -6
  51. package/dist/components/Footer/index.d.ts +0 -1
  52. package/dist/components/GlobalChrome/GlobalChrome.d.ts +0 -3
  53. package/dist/components/GlobalChrome/GlobalChrome.stories.d.ts +0 -9
  54. package/dist/components/GlobalChrome/index.d.ts +0 -1
  55. package/dist/components/Icons/AddCircle.d.ts +0 -2
  56. package/dist/components/Icons/Calendar.d.ts +0 -2
  57. package/dist/components/Icons/Check.d.ts +0 -2
  58. package/dist/components/Icons/Chevron.d.ts +0 -2
  59. package/dist/components/Icons/ChevronDown.d.ts +0 -2
  60. package/dist/components/Icons/ChevronLeft.d.ts +0 -2
  61. package/dist/components/Icons/ChevronRight.d.ts +0 -2
  62. package/dist/components/Icons/ChevronUp.d.ts +0 -2
  63. package/dist/components/Icons/Close.d.ts +0 -2
  64. package/dist/components/Icons/Endless.d.ts +0 -2
  65. package/dist/components/Icons/Eye.d.ts +0 -2
  66. package/dist/components/Icons/EyeOff.d.ts +0 -2
  67. package/dist/components/Icons/HamburgerMenu.d.ts +0 -2
  68. package/dist/components/Icons/Heart.d.ts +0 -2
  69. package/dist/components/Icons/HeartFilled.d.ts +0 -2
  70. package/dist/components/Icons/Icons.stories.d.ts +0 -9
  71. package/dist/components/Icons/Logo.d.ts +0 -2
  72. package/dist/components/Icons/Minus.d.ts +0 -2
  73. package/dist/components/Icons/People.d.ts +0 -2
  74. package/dist/components/Icons/Person.d.ts +0 -2
  75. package/dist/components/Icons/Pin.d.ts +0 -2
  76. package/dist/components/Icons/Plus.d.ts +0 -2
  77. package/dist/components/Icons/Search.d.ts +0 -2
  78. package/dist/components/Icons/index.d.ts +0 -22
  79. package/dist/components/ImagePicker/ImagePicker.d.ts +0 -12
  80. package/dist/components/ImagePicker/ImagePicker.stories.d.ts +0 -6
  81. package/dist/components/ImagePicker/index.d.ts +0 -1
  82. package/dist/components/ImagePlaceholder/ImagePlaceholder.d.ts +0 -11
  83. package/dist/components/ImagePlaceholder/index.d.ts +0 -1
  84. package/dist/components/InfoButton/InfoButton.d.ts +0 -20
  85. package/dist/components/InfoButton/InfoButton.stories.d.ts +0 -6
  86. package/dist/components/InfoButton/index.d.ts +0 -1
  87. package/dist/components/Menu/Menu.d.ts +0 -2
  88. package/dist/components/Menu/Menu.stories.d.ts +0 -6
  89. package/dist/components/Menu/index.d.ts +0 -1
  90. package/dist/components/PageBackground/PageBackground.d.ts +0 -15
  91. package/dist/components/PageBackground/PageBackground.stories.d.ts +0 -6
  92. package/dist/components/PageBackground/index.d.ts +0 -1
  93. package/dist/components/PageTitle/PageTitle.d.ts +0 -29
  94. package/dist/components/PageTitle/PageTitle.stories.d.ts +0 -7
  95. package/dist/components/PageTitle/index.d.ts +0 -1
  96. package/dist/components/PageWatermark/PageWatermark.d.ts +0 -1
  97. package/dist/components/PageWatermark/PageWatermark.stories.d.ts +0 -6
  98. package/dist/components/PageWatermark/index.d.ts +0 -1
  99. package/dist/components/Pagination/Pagination.d.ts +0 -14
  100. package/dist/components/Pagination/Pagination.stories.d.ts +0 -9
  101. package/dist/components/Pagination/index.d.ts +0 -1
  102. package/dist/components/ProfileCard/ProfileCard.d.ts +0 -6
  103. package/dist/components/ProfileCard/ProfileCard.stories.d.ts +0 -7
  104. package/dist/components/ProfileCard/index.d.ts +0 -1
  105. package/dist/components/Spacing/Spacing.d.ts +0 -12
  106. package/dist/components/Spacing/Spacing.stories.d.ts +0 -6
  107. package/dist/components/Spacing/index.d.ts +0 -1
  108. package/dist/components/Streak/Streak.d.ts +0 -21
  109. package/dist/components/Streak/Streak.stories.d.ts +0 -8
  110. package/dist/components/Streak/index.d.ts +0 -1
  111. package/dist/components/Tag/Tag.d.ts +0 -25
  112. package/dist/components/Tag/Tag.stories.d.ts +0 -8
  113. package/dist/components/Tag/index.d.ts +0 -1
  114. package/dist/components/Text/Text.d.ts +0 -27
  115. package/dist/components/Text/Text.stories.d.ts +0 -9
  116. package/dist/components/Text/index.d.ts +0 -1
  117. package/dist/components/TextField/TextField.d.ts +0 -49
  118. package/dist/components/TextField/TextField.stories.d.ts +0 -9
  119. package/dist/components/TextField/index.d.ts +0 -1
  120. package/dist/components/Toggle/Toggle.d.ts +0 -19
  121. package/dist/components/Toggle/Toggle.stories.d.ts +0 -7
  122. package/dist/components/Toggle/index.d.ts +0 -1
  123. package/dist/components/ToggleCheck/ToggleCheck.d.ts +0 -15
  124. package/dist/components/ToggleCheck/ToggleCheck.stories.d.ts +0 -7
  125. package/dist/components/ToggleCheck/index.d.ts +0 -1
  126. package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -33
  127. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -7
  128. package/dist/components/ToggleGroup/index.d.ts +0 -1
  129. package/dist/components/Tooltip/Tooltip.d.ts +0 -7
  130. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -7
  131. package/dist/components/Tooltip/index.d.ts +0 -1
  132. package/dist/components/Ui/Button.d.ts +0 -11
  133. package/dist/components/UserListItem/UserListItem.d.ts +0 -10
  134. package/dist/components/UserListItem/UserListItem.stories.d.ts +0 -7
  135. package/dist/components/UserListItem/index.d.ts +0 -1
  136. package/dist/components/index.d.ts +0 -35
  137. package/dist/index.d.ts +0 -2
  138. package/dist/index.es.js +0 -12582
  139. package/dist/index.umd.js +0 -45
  140. 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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Select } from './Dropdown';
3
- declare const meta: Meta<typeof Select>;
4
- export default meta;
5
- type Story = StoryObj<typeof Select>;
6
- export declare const Default: Story;
@@ -1 +0,0 @@
1
- export * from './Dropdown';
@@ -1,8 +0,0 @@
1
- /**
2
- * Footer
3
- * 공통 하단 정보 영역 컴포넌트
4
- * - 로고 및 서비스명 표시
5
- * - 고객문의 이메일 제공
6
- * - 이용약관 / 개인정보처리방침 / 운영정책 링크 항목 포함
7
- */
8
- export declare function Footer(): React.ReactElement;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Footer } from './Footer';
3
- declare const meta: Meta<typeof Footer>;
4
- export default meta;
5
- type Story = StoryObj<typeof Footer>;
6
- export declare const Default: Story;
@@ -1 +0,0 @@
1
- export * from './Footer';
@@ -1,3 +0,0 @@
1
- export declare function GlobalChrome({ pathname: propPathname }?: {
2
- pathname?: string;
3
- }): React.ReactElement | null;
@@ -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,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const AddCircle: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Calendar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Check: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Chevron: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const ChevronDown: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const ChevronLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const ChevronRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const ChevronUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Endless: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Eye: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const EyeOff: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const HamburgerMenu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Heart: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const HeartFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Logo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Minus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const People: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Person: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Pin: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Plus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const Search: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { ImagePicker } from './ImagePicker';
3
- declare const meta: Meta<typeof ImagePicker>;
4
- export default meta;
5
- type Story = StoryObj<typeof ImagePicker>;
6
- export declare const Default: Story;
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { InfoButton } from './InfoButton';
3
- declare const meta: Meta<typeof InfoButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof InfoButton>;
6
- export declare const Default: Story;
@@ -1 +0,0 @@
1
- export * from './InfoButton';
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare function Menu(): React.ReactElement;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Menu } from './Menu';
3
- declare const meta: Meta<typeof Menu>;
4
- export default meta;
5
- type Story = StoryObj<typeof Menu>;
6
- export declare const Default: Story;
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { PageBackground } from './PageBackground';
3
- declare const meta: Meta<typeof PageBackground>;
4
- export default meta;
5
- type Story = StoryObj<typeof PageBackground>;
6
- export declare const Default: Story;
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { PageWatermark } from './PageWatermark';
3
- declare const meta: Meta<typeof PageWatermark>;
4
- export default meta;
5
- type Story = StoryObj<typeof PageWatermark>;
6
- export declare const Default: Story;
@@ -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,6 +0,0 @@
1
- import { default as React } from 'react';
2
- type Mode = 'collapsed' | 'expanding' | 'expanded' | 'collapsing';
3
- export declare function ProfileCard({ initialMode, }: {
4
- initialMode?: Mode;
5
- }): React.ReactElement;
6
- export {};
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Spacing } from './Spacing';
3
- declare const meta: Meta<typeof Spacing>;
4
- export default meta;
5
- type Story = StoryObj<typeof Spacing>;
6
- export declare const Default: Story;
@@ -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';