@1d1s/design-system 0.2.33 → 0.2.34

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 (160) hide show
  1. package/dist/components/AchievementBadge/AchievementBadge.d.ts +29 -0
  2. package/dist/components/AchievementBadge/AchievementBadge.stories.d.ts +9 -0
  3. package/dist/components/AchievementBadge/index.d.ts +1 -0
  4. package/dist/components/Banner/Banner.d.ts +36 -0
  5. package/dist/components/Banner/Banner.stories.d.ts +9 -0
  6. package/dist/components/Banner/index.d.ts +1 -0
  7. package/dist/components/BottomNav/BottomNav.d.ts +34 -0
  8. package/dist/components/BottomNav/BottomNav.stories.d.ts +7 -0
  9. package/dist/components/BottomNav/index.d.ts +1 -0
  10. package/dist/components/Button/Button.d.ts +23 -11
  11. package/dist/components/Button/Button.stories.d.ts +7 -7
  12. package/dist/components/Card/Card.d.ts +51 -0
  13. package/dist/components/Card/Card.stories.d.ts +8 -0
  14. package/dist/components/Card/index.d.ts +1 -0
  15. package/dist/components/Checkbox/Checkbox.d.ts +9 -4
  16. package/dist/components/Checkbox/Checkbox.stories.d.ts +2 -1
  17. package/dist/components/CircleAvatar/CircleAvatar.d.ts +30 -2
  18. package/dist/components/CircleAvatar/CircleAvatar.stories.d.ts +5 -0
  19. package/dist/components/CircularProgress/CircularProgress.d.ts +23 -16
  20. package/dist/components/CircularProgress/CircularProgress.stories.d.ts +5 -2
  21. package/dist/components/CommentRow/CommentRow.d.ts +30 -0
  22. package/dist/components/CommentRow/CommentRow.stories.d.ts +8 -0
  23. package/dist/components/CommentRow/index.d.ts +1 -0
  24. package/dist/components/Dropdown/Dropdown.d.ts +24 -45
  25. package/dist/components/Dropdown/Dropdown.stories.d.ts +8 -4
  26. package/dist/components/Dropdown/DropdownMenu.d.ts +29 -0
  27. package/dist/components/Dropdown/MultiSelect.d.ts +26 -0
  28. package/dist/components/Dropdown/index.d.ts +2 -0
  29. package/dist/components/Heatmap/Heatmap.d.ts +35 -0
  30. package/dist/components/Heatmap/Heatmap.stories.d.ts +8 -0
  31. package/dist/components/Heatmap/index.d.ts +1 -0
  32. package/dist/components/Icons/Home.d.ts +2 -0
  33. package/dist/components/Icons/LayoutGrid.d.ts +2 -0
  34. package/dist/components/Icons/index.d.ts +2 -0
  35. package/dist/components/ProgressBar/ProgressBar.d.ts +20 -3
  36. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +1 -0
  37. package/dist/components/Radio/Radio.d.ts +46 -0
  38. package/dist/components/Radio/Radio.stories.d.ts +9 -0
  39. package/dist/components/Radio/index.d.ts +1 -0
  40. package/dist/components/SectionHeader/SectionHeader.d.ts +31 -0
  41. package/dist/components/SectionHeader/SectionHeader.stories.d.ts +9 -0
  42. package/dist/components/SectionHeader/index.d.ts +1 -0
  43. package/dist/components/StatCard/StatCard.d.ts +29 -0
  44. package/dist/components/StatCard/StatCard.stories.d.ts +9 -0
  45. package/dist/components/StatCard/index.d.ts +1 -0
  46. package/dist/components/StatusBadge/StatusBadge.d.ts +28 -0
  47. package/dist/components/StatusBadge/StatusBadge.stories.d.ts +8 -0
  48. package/dist/components/StatusBadge/index.d.ts +1 -0
  49. package/dist/components/Streak/StreakChip.d.ts +20 -0
  50. package/dist/components/Streak/StreakChip.stories.d.ts +8 -0
  51. package/dist/components/Streak/StreakHero.d.ts +23 -0
  52. package/dist/components/Streak/StreakHero.stories.d.ts +8 -0
  53. package/dist/components/Streak/index.d.ts +2 -1
  54. package/dist/components/Stripe/Stripe.d.ts +29 -0
  55. package/dist/components/Stripe/Stripe.stories.d.ts +9 -0
  56. package/dist/components/Stripe/index.d.ts +1 -0
  57. package/dist/components/Tabs/Tabs.d.ts +37 -0
  58. package/dist/components/Tabs/Tabs.stories.d.ts +9 -0
  59. package/dist/components/Tabs/index.d.ts +1 -0
  60. package/dist/components/Tag/ChallengeTag.d.ts +19 -0
  61. package/dist/components/Tag/ChallengeTag.stories.d.ts +8 -0
  62. package/dist/components/Tag/FilterChip.d.ts +25 -0
  63. package/dist/components/Tag/Tag.d.ts +16 -14
  64. package/dist/components/Tag/Tag.stories.d.ts +6 -1
  65. package/dist/components/Tag/index.d.ts +2 -0
  66. package/dist/components/Text/Text.d.ts +2 -2
  67. package/dist/components/TextField/TextArea.d.ts +23 -0
  68. package/dist/components/TextField/TextArea.stories.d.ts +10 -0
  69. package/dist/components/TextField/TextField.d.ts +30 -13
  70. package/dist/components/TextField/TextField.stories.d.ts +7 -4
  71. package/dist/components/TextField/index.d.ts +1 -0
  72. package/dist/components/Toggle/Toggle.d.ts +14 -13
  73. package/dist/components/Toggle/Toggle.stories.d.ts +5 -5
  74. package/dist/components/TopNav/TopNav.d.ts +55 -0
  75. package/dist/components/TopNav/TopNav.stories.d.ts +8 -0
  76. package/dist/components/TopNav/index.d.ts +1 -0
  77. package/dist/components/index.d.ts +14 -25
  78. package/dist/index.es.js +3053 -11804
  79. package/dist/index.umd.js +1 -45
  80. package/package.json +2 -25
  81. package/src/styles/animation.css +109 -35
  82. package/src/styles/colors.css +25 -2
  83. package/src/styles/globals.css +1 -3
  84. package/src/styles/shadow.css +11 -1
  85. package/src/styles/shape.css +4 -0
  86. package/src/styles/typography.css +31 -11
  87. package/dist/components/Accordion/Accordion.d.ts +0 -47
  88. package/dist/components/Accordion/Accordion.stories.d.ts +0 -8
  89. package/dist/components/Accordion/index.d.ts +0 -1
  90. package/dist/components/AppHeader/AppHeader.d.ts +0 -26
  91. package/dist/components/AppHeader/AppHeader.stories.d.ts +0 -9
  92. package/dist/components/AppHeader/index.d.ts +0 -1
  93. package/dist/components/AvatarImagePicker/AvatarImagePicker.d.ts +0 -24
  94. package/dist/components/AvatarImagePicker/AvatarImagePicker.stories.d.ts +0 -7
  95. package/dist/components/AvatarImagePicker/index.d.ts +0 -1
  96. package/dist/components/BannerCarousel/BannerCarousel.d.ts +0 -42
  97. package/dist/components/BannerCarousel/BannerCarousel.stories.d.ts +0 -10
  98. package/dist/components/BannerCarousel/index.d.ts +0 -1
  99. package/dist/components/Calendar/Calendar.d.ts +0 -4
  100. package/dist/components/Calendar/Calendar.stories.d.ts +0 -15
  101. package/dist/components/Calendar/index.d.ts +0 -1
  102. package/dist/components/CheckContainer/CheckContainer.d.ts +0 -17
  103. package/dist/components/CheckContainer/CheckContainer.stories.d.ts +0 -9
  104. package/dist/components/CheckContainer/index.d.ts +0 -1
  105. package/dist/components/CheckList/CheckList.d.ts +0 -37
  106. package/dist/components/CheckList/CheckList.stories.d.ts +0 -9
  107. package/dist/components/CheckList/index.d.ts +0 -1
  108. package/dist/components/CommentThread/CommentThread.d.ts +0 -31
  109. package/dist/components/CommentThread/CommentThread.stories.d.ts +0 -9
  110. package/dist/components/CommentThread/index.d.ts +0 -1
  111. package/dist/components/DatePicker/DatePicker.d.ts +0 -26
  112. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -7
  113. package/dist/components/DatePicker/index.d.ts +0 -1
  114. package/dist/components/Dialog/Dialog.d.ts +0 -13
  115. package/dist/components/Dialog/Dialog.stories.d.ts +0 -9
  116. package/dist/components/Dialog/index.d.ts +0 -1
  117. package/dist/components/GoalAddList/GoalAddList.d.ts +0 -16
  118. package/dist/components/GoalAddList/GoalAddList.stories.d.ts +0 -7
  119. package/dist/components/GoalAddList/index.d.ts +0 -1
  120. package/dist/components/ImagePicker/ImagePicker.d.ts +0 -50
  121. package/dist/components/ImagePicker/ImagePicker.stories.d.ts +0 -8
  122. package/dist/components/ImagePicker/index.d.ts +0 -1
  123. package/dist/components/ImagePlaceholder/ImagePlaceholder.d.ts +0 -11
  124. package/dist/components/ImagePlaceholder/index.d.ts +0 -1
  125. package/dist/components/InfoButton/InfoButton.d.ts +0 -20
  126. package/dist/components/InfoButton/InfoButton.stories.d.ts +0 -9
  127. package/dist/components/InfoButton/index.d.ts +0 -1
  128. package/dist/components/Layout/Layout.d.ts +0 -69
  129. package/dist/components/Layout/Layout.stories.d.ts +0 -7
  130. package/dist/components/Layout/LayoutContext.d.ts +0 -12
  131. package/dist/components/Layout/index.d.ts +0 -2
  132. package/dist/components/PageWatermark/PageWatermark.d.ts +0 -1
  133. package/dist/components/PageWatermark/PageWatermark.stories.d.ts +0 -6
  134. package/dist/components/PageWatermark/index.d.ts +0 -1
  135. package/dist/components/Pagination/Pagination.d.ts +0 -14
  136. package/dist/components/Pagination/Pagination.stories.d.ts +0 -9
  137. package/dist/components/Pagination/index.d.ts +0 -1
  138. package/dist/components/Profile/Profile.d.ts +0 -37
  139. package/dist/components/Profile/Profile.stories.d.ts +0 -12
  140. package/dist/components/Profile/index.d.ts +0 -1
  141. package/dist/components/RightSidebar/RightSidebar.d.ts +0 -41
  142. package/dist/components/RightSidebar/RightSidebar.stories.d.ts +0 -14
  143. package/dist/components/RightSidebar/index.d.ts +0 -1
  144. package/dist/components/ScheduleCalendar/ScheduleCalendar.d.ts +0 -31
  145. package/dist/components/ScheduleCalendar/ScheduleCalendar.stories.d.ts +0 -10
  146. package/dist/components/ScheduleCalendar/index.d.ts +0 -1
  147. package/dist/components/StatContainer/StatContainer.d.ts +0 -15
  148. package/dist/components/StatContainer/StatContainer.stories.d.ts +0 -7
  149. package/dist/components/StatContainer/index.d.ts +0 -1
  150. package/dist/components/StepIndicator/StepIndicator.d.ts +0 -19
  151. package/dist/components/StepIndicator/StepIndicator.stories.d.ts +0 -10
  152. package/dist/components/StepIndicator/index.d.ts +0 -1
  153. package/dist/components/Streak/Streak.d.ts +0 -31
  154. package/dist/components/Streak/Streak.stories.d.ts +0 -12
  155. package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -21
  156. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -8
  157. package/dist/components/ToggleGroup/index.d.ts +0 -1
  158. package/dist/components/Tooltip/Tooltip.d.ts +0 -7
  159. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -7
  160. package/dist/components/Tooltip/index.d.ts +0 -1
@@ -1 +0,0 @@
1
- export * from './StatContainer';
@@ -1,19 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface StepIndicatorItem {
3
- id?: string;
4
- label: React.ReactNode;
5
- }
6
- type StepIndicatorSize = "sm" | "md" | "lg";
7
- export interface StepIndicatorProps {
8
- steps: StepIndicatorItem[];
9
- /** 현재 단계 (1부터 시작) */
10
- currentStep: number;
11
- size?: StepIndicatorSize;
12
- className?: string;
13
- }
14
- /**
15
- * StepIndicator
16
- * 단계 진행 상태를 가로 라인과 원형 포인트로 표시하는 컴포넌트.
17
- */
18
- export declare function StepIndicator({ steps, currentStep, size, className, }: StepIndicatorProps): React.ReactElement;
19
- export {};
@@ -1,10 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { StepIndicator } from './StepIndicator';
3
- declare const meta: Meta<typeof StepIndicator>;
4
- export default meta;
5
- type Story = StoryObj<typeof StepIndicator>;
6
- export declare const Default: Story;
7
- export declare const Completed: Story;
8
- export declare const FirstStep: Story;
9
- export declare const Small: Story;
10
- export declare const Large: Story;
@@ -1 +0,0 @@
1
- export * from './StepIndicator';
@@ -1,31 +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
- gap?: number;
15
- /** 추가 클래스 */
16
- className?: string;
17
- /**
18
- * 셀 클릭 시 팝오버 하단에 렌더링할 액션 영역.
19
- * 버튼, 링크 등 인터랙티브 요소를 넣을 수 있습니다.
20
- */
21
- renderCellActions?: (item: StreakData) => React.ReactNode;
22
- }
23
- /**
24
- * Streak
25
- * 활동 기록을 깃허브 잔디(Contribution Graph) 스타일로 보여주는 컴포넌트.
26
- * 7행 그리드 구조로 요일별로 쌓이며 가로로 데이터가 추가됩니다.
27
- *
28
- * - 데스크탑: hover 시 날짜/활동 정보 팝오버 표시
29
- * - 모바일: 클릭 시 테두리 + 정보 팝오버 표시, renderCellActions로 액션 영역 추가 가능
30
- */
31
- export declare function Streak({ data, size, gap, className, renderCellActions, }: StreakProps): React.ReactElement;
@@ -1,12 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
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;
9
- /** 클릭 시 테두리와 함께 액션 버튼이 나타납니다. 모바일 환경 대응용. */
10
- export declare const WithCellActions: Story;
11
- /** 모바일 뷰포트에서 클릭 인터랙션을 확인합니다. */
12
- export declare const MobileWithCellActions: Story;
@@ -1,21 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- declare const toggleGroupItemVariants: (props?: ({
4
- shape?: "square" | "rounded" | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- interface ToggleGroupItemProps extends React.ComponentProps<typeof ToggleGroupPrimitive.Item>, VariantProps<typeof toggleGroupItemVariants> {
7
- icon?: React.ReactNode;
8
- children: React.ReactNode;
9
- className?: string;
10
- }
11
- /**
12
- * ToggleGroup
13
- * 토글 그룹 컴포넌트
14
- */
15
- export declare function ToggleGroup({ children, className, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root>): React.ReactElement;
16
- /**
17
- * ToggleGroupItem
18
- * 토글 그룹 안에서 사용하는 카테고리형 아이템 컴포넌트.
19
- */
20
- export declare function ToggleGroupItem({ icon, shape, children, className, ...props }: ToggleGroupItemProps): React.ReactElement;
21
- export {};
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
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 SquareSingle: Story;
7
- export declare const RoundedSingle: Story;
8
- export declare const RoundedMultiple: 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-vite';
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';