@1d1s/design-system 0.1.8 → 0.1.10
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/Accordion/Accordion.d.ts +47 -0
- package/dist/components/Accordion/Accordion.stories.d.ts +8 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/index.es.js +3810 -3422
- package/dist/index.umd.js +12 -12
- package/package.json +2 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
+
/**
|
|
4
|
+
* Accordion
|
|
5
|
+
* 아코디언 컴포넌트 - 접을 수 있는 콘텐츠 섹션을 제공합니다.
|
|
6
|
+
*
|
|
7
|
+
* @example 단일 아코디언
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Accordion type="single" collapsible>
|
|
10
|
+
* <AccordionItem value="item-1">
|
|
11
|
+
* <AccordionTrigger>제목</AccordionTrigger>
|
|
12
|
+
* <AccordionContent>내용</AccordionContent>
|
|
13
|
+
* </AccordionItem>
|
|
14
|
+
* </Accordion>
|
|
15
|
+
* ```
|
|
16
|
+
*
|
|
17
|
+
* @example 다중 아코디언
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Accordion type="multiple">
|
|
20
|
+
* <AccordionItem value="item-1">
|
|
21
|
+
* <AccordionTrigger>제목 1</AccordionTrigger>
|
|
22
|
+
* <AccordionContent>내용 1</AccordionContent>
|
|
23
|
+
* </AccordionItem>
|
|
24
|
+
* <AccordionItem value="item-2">
|
|
25
|
+
* <AccordionTrigger>제목 2</AccordionTrigger>
|
|
26
|
+
* <AccordionContent>내용 2</AccordionContent>
|
|
27
|
+
* </AccordionItem>
|
|
28
|
+
* </Accordion>
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
/**
|
|
33
|
+
* AccordionItem
|
|
34
|
+
* 각 아코디언 항목을 감싸는 컨테이너
|
|
35
|
+
*/
|
|
36
|
+
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.ReactElement;
|
|
37
|
+
/**
|
|
38
|
+
* AccordionTrigger
|
|
39
|
+
* 아코디언을 열고 닫는 트리거 버튼
|
|
40
|
+
*/
|
|
41
|
+
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.ReactElement;
|
|
42
|
+
/**
|
|
43
|
+
* AccordionContent
|
|
44
|
+
* 아코디언의 접히는 콘텐츠 영역
|
|
45
|
+
*/
|
|
46
|
+
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.ReactElement;
|
|
47
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Accordion } from './Accordion';
|
|
3
|
+
declare const meta: Meta<typeof Accordion>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Accordion>;
|
|
6
|
+
export declare const Single: Story;
|
|
7
|
+
export declare const Multiple: Story;
|
|
8
|
+
export declare const DefaultOpen: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Accordion';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
-
declare
|
|
3
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.ReactElement;
|
|
4
4
|
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
5
5
|
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
6
|
declare function TooltipContent({ className, sideOffset, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.ReactElement;
|