@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.
- package/dist/components/AppHeader/AppHeader.d.ts +2 -2
- package/dist/components/AppHeader/AppHeader.stories.d.ts +2 -1
- package/dist/components/BannerCarousel/BannerCarousel.d.ts +41 -0
- package/dist/components/BannerCarousel/BannerCarousel.stories.d.ts +9 -0
- package/dist/components/BannerCarousel/index.d.ts +1 -0
- package/dist/components/Calendar/Calendar.stories.d.ts +1 -0
- package/dist/components/GoalAddList/GoalAddList.d.ts +15 -0
- package/dist/components/GoalAddList/GoalAddList.stories.d.ts +7 -0
- package/dist/components/GoalAddList/index.d.ts +1 -0
- package/dist/components/Icons/Bell.d.ts +2 -0
- package/dist/components/Icons/BookOpen.d.ts +2 -0
- package/dist/components/Icons/Check.d.ts +1 -1
- package/dist/components/Icons/Code2.d.ts +2 -0
- package/dist/components/Icons/Dumbbell.d.ts +2 -0
- package/dist/components/Icons/Flag.d.ts +2 -0
- package/dist/components/Icons/Flame.d.ts +2 -0
- package/dist/components/Icons/Icon.d.ts +52 -0
- package/dist/components/Icons/Laptop.d.ts +2 -0
- package/dist/components/Icons/LogIn.d.ts +2 -0
- package/dist/components/Icons/Palette.d.ts +2 -0
- package/dist/components/Icons/PencilLine.d.ts +2 -0
- package/dist/components/Icons/Plane.d.ts +2 -0
- package/dist/components/Icons/ProgressRing.d.ts +10 -0
- package/dist/components/Icons/Salad.d.ts +2 -0
- package/dist/components/Icons/Settings.d.ts +2 -0
- package/dist/components/Icons/Target.d.ts +2 -0
- package/dist/components/Icons/Trophy.d.ts +2 -0
- package/dist/components/Icons/index.d.ts +17 -6
- package/dist/components/ProgressBar/ProgressBar.d.ts +21 -0
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +11 -0
- package/dist/components/ProgressBar/index.d.ts +1 -0
- package/dist/components/RightSidebar/RightSidebar.d.ts +9 -5
- package/dist/components/RightSidebar/RightSidebar.stories.d.ts +1 -0
- package/dist/components/StatContainer/StatContainer.d.ts +4 -2
- package/dist/components/Tag/Tag.d.ts +3 -2
- package/dist/components/UserListItem/UserListItem.d.ts +3 -3
- package/dist/components/index.d.ts +5 -6
- package/dist/index.es.js +4484 -4017
- package/dist/index.umd.js +12 -12
- package/package.json +1 -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/Icons/ChallengeDumbbell.d.ts +0 -2
- package/dist/components/Icons/ChallengeFlag.d.ts +0 -2
- package/dist/components/Icons/ChallengeFlame.d.ts +0 -2
- package/dist/components/Icons/ChallengeLaptop.d.ts +0 -2
- package/dist/components/Icons/ChallengeTarget.d.ts +0 -2
- package/dist/components/Icons/ChallengeTrophy.d.ts +0 -2
- 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/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/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/Ui/Button.d.ts +0 -11
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Footer';
|
|
@@ -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,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,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 };
|