@1d1s/design-system 0.2.0 → 0.2.2

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 (65) hide show
  1. package/dist/components/AppHeader/AppHeader.d.ts +2 -2
  2. package/dist/components/AppHeader/AppHeader.stories.d.ts +2 -1
  3. package/dist/components/BannerCarousel/BannerCarousel.d.ts +41 -0
  4. package/dist/components/BannerCarousel/BannerCarousel.stories.d.ts +9 -0
  5. package/dist/components/BannerCarousel/index.d.ts +1 -0
  6. package/dist/components/Calendar/Calendar.stories.d.ts +1 -0
  7. package/dist/components/GoalAddList/GoalAddList.d.ts +15 -0
  8. package/dist/components/GoalAddList/GoalAddList.stories.d.ts +7 -0
  9. package/dist/components/GoalAddList/index.d.ts +1 -0
  10. package/dist/components/Icons/Bell.d.ts +2 -0
  11. package/dist/components/Icons/BookOpen.d.ts +2 -0
  12. package/dist/components/Icons/Check.d.ts +1 -1
  13. package/dist/components/Icons/Code2.d.ts +2 -0
  14. package/dist/components/Icons/Dumbbell.d.ts +2 -0
  15. package/dist/components/Icons/Flag.d.ts +2 -0
  16. package/dist/components/Icons/Flame.d.ts +2 -0
  17. package/dist/components/Icons/Icon.d.ts +52 -0
  18. package/dist/components/Icons/Laptop.d.ts +2 -0
  19. package/dist/components/Icons/LogIn.d.ts +2 -0
  20. package/dist/components/Icons/Palette.d.ts +2 -0
  21. package/dist/components/Icons/PencilLine.d.ts +2 -0
  22. package/dist/components/Icons/Plane.d.ts +2 -0
  23. package/dist/components/Icons/ProgressRing.d.ts +10 -0
  24. package/dist/components/Icons/Salad.d.ts +2 -0
  25. package/dist/components/Icons/Settings.d.ts +2 -0
  26. package/dist/components/Icons/Target.d.ts +2 -0
  27. package/dist/components/Icons/Trophy.d.ts +2 -0
  28. package/dist/components/Icons/index.d.ts +17 -6
  29. package/dist/components/ProgressBar/ProgressBar.d.ts +21 -0
  30. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +11 -0
  31. package/dist/components/ProgressBar/index.d.ts +1 -0
  32. package/dist/components/RightSidebar/RightSidebar.d.ts +9 -5
  33. package/dist/components/RightSidebar/RightSidebar.stories.d.ts +1 -0
  34. package/dist/components/StatContainer/StatContainer.d.ts +4 -2
  35. package/dist/components/Tag/Tag.d.ts +3 -2
  36. package/dist/components/UserListItem/UserListItem.d.ts +3 -3
  37. package/dist/components/index.d.ts +5 -6
  38. package/dist/index.es.js +4484 -4017
  39. package/dist/index.umd.js +12 -12
  40. package/package.json +1 -1
  41. package/dist/components/Footer/Footer.d.ts +0 -8
  42. package/dist/components/Footer/Footer.stories.d.ts +0 -6
  43. package/dist/components/Footer/index.d.ts +0 -1
  44. package/dist/components/Icons/ChallengeDumbbell.d.ts +0 -2
  45. package/dist/components/Icons/ChallengeFlag.d.ts +0 -2
  46. package/dist/components/Icons/ChallengeFlame.d.ts +0 -2
  47. package/dist/components/Icons/ChallengeLaptop.d.ts +0 -2
  48. package/dist/components/Icons/ChallengeTarget.d.ts +0 -2
  49. package/dist/components/Icons/ChallengeTrophy.d.ts +0 -2
  50. package/dist/components/PageBackground/PageBackground.d.ts +0 -15
  51. package/dist/components/PageBackground/PageBackground.stories.d.ts +0 -6
  52. package/dist/components/PageBackground/index.d.ts +0 -1
  53. package/dist/components/PageTitle/PageTitle.d.ts +0 -29
  54. package/dist/components/PageTitle/PageTitle.stories.d.ts +0 -7
  55. package/dist/components/PageTitle/index.d.ts +0 -1
  56. package/dist/components/ProfileCard/ProfileCard.d.ts +0 -6
  57. package/dist/components/ProfileCard/ProfileCard.stories.d.ts +0 -7
  58. package/dist/components/ProfileCard/index.d.ts +0 -1
  59. package/dist/components/Spacing/Spacing.d.ts +0 -12
  60. package/dist/components/Spacing/Spacing.stories.d.ts +0 -6
  61. package/dist/components/Spacing/index.d.ts +0 -1
  62. package/dist/components/ToggleCheck/ToggleCheck.d.ts +0 -15
  63. package/dist/components/ToggleCheck/ToggleCheck.stories.d.ts +0 -7
  64. package/dist/components/ToggleCheck/index.d.ts +0 -1
  65. package/dist/components/Ui/Button.d.ts +0 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1d1s/design-system",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "main": "dist/index.umd.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",
@@ -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,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const ChallengeDumbbell: (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 ChallengeFlag: (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 ChallengeFlame: (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 ChallengeLaptop: (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 ChallengeTarget: (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 ChallengeTrophy: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -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,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,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,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" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
5
- size?: "default" | "icon" | "sm" | "lg" | 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 };