boottent-design 0.1.260 → 0.1.261
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/design-system/components/article-asset-card.md +1 -1
- package/dist/design-system/components/blog-review-card.md +1 -1
- package/dist/design-system/components/camp-card.md +1 -1
- package/dist/design-system/components/company-info-card.md +1 -1
- package/dist/design-system/components/dday-card.md +1 -1
- package/dist/design-system/components/environment-asset-photo.md +1 -1
- package/dist/design-system/components/event-asset-banner.md +1 -1
- package/dist/design-system/components/event-card.md +1 -1
- package/dist/design-system/components/lecturer-card.md +1 -1
- package/dist/design-system/components/main-banner-image.md +1 -1
- package/dist/design-system/components/mobile-camp-card.md +1 -1
- package/dist/design-system/components/partner-list-card.md +1 -1
- package/dist/design-system/components/portfolio-asset-card.md +1 -1
- package/dist/design-system/components/premium-card.md +1 -1
- package/dist/design-system/components/title-tag-card.md +1 -1
- package/dist/design-system/components/youtube-video-modal.md +1 -1
- package/dist/design-system/design-system.md +3 -2
- package/dist/design-system/tokens.md +1 -1
- package/dist/design-system/ui/accordion.md +1 -1
- package/dist/design-system/ui/alert-dialog.md +1 -1
- package/dist/design-system/ui/anchor.md +1 -1
- package/dist/design-system/ui/aspect-ratio.md +1 -1
- package/dist/design-system/ui/avatar.md +1 -1
- package/dist/design-system/ui/badge.md +1 -1
- package/dist/design-system/ui/button.md +1 -1
- package/dist/design-system/ui/calendar.md +1 -1
- package/dist/design-system/ui/callout.md +1 -1
- package/dist/design-system/ui/card-label.md +1 -1
- package/dist/design-system/ui/card.md +1 -1
- package/dist/design-system/ui/checkbox.md +1 -1
- package/dist/design-system/ui/circled-check-button.md +1 -1
- package/dist/design-system/ui/command.md +1 -1
- package/dist/design-system/ui/dialog.md +1 -1
- package/dist/design-system/ui/dropdown-menu.md +1 -1
- package/dist/design-system/ui/file-uploader.md +1 -1
- package/dist/design-system/ui/form.md +1 -1
- package/dist/design-system/ui/highlight-text.md +1 -1
- package/dist/design-system/ui/icons.md +1 -1
- package/dist/design-system/ui/image.md +1 -1
- package/dist/design-system/ui/input.md +1 -1
- package/dist/design-system/ui/label.md +1 -1
- package/dist/design-system/ui/month-picker.md +1 -1
- package/dist/design-system/ui/multi-select.md +1 -1
- package/dist/design-system/ui/navigation-menu.md +1 -1
- package/dist/design-system/ui/popover.md +1 -1
- package/dist/design-system/ui/portal.md +64 -0
- package/dist/design-system/ui/progress.md +1 -1
- package/dist/design-system/ui/radio-group.md +1 -1
- package/dist/design-system/ui/scroll-area.md +1 -1
- package/dist/design-system/ui/select.md +1 -1
- package/dist/design-system/ui/separator.md +1 -1
- package/dist/design-system/ui/simple-table.md +1 -1
- package/dist/design-system/ui/skeleton.md +1 -1
- package/dist/design-system/ui/slider.md +1 -1
- package/dist/design-system/ui/switch.md +1 -1
- package/dist/design-system/ui/symbols.md +1 -1
- package/dist/design-system/ui/tabs.md +1 -1
- package/dist/design-system/ui/tag.md +1 -1
- package/dist/design-system/ui/text.md +1 -1
- package/dist/design-system/ui/textarea.md +1 -1
- package/dist/design-system/ui/toast.md +9 -3
- package/dist/design-system/ui/toggle-group.md +1 -1
- package/dist/design-system/ui/toggle.md +1 -1
- package/dist/design-system/ui/tooltip.md +1 -1
- package/dist/design-system/usage.md +1 -1
- package/dist/design-system/when-to-use.md +3 -2
- package/dist/styles.css +1 -1
- package/dist/types/button.d.ts +1 -1
- package/dist/types/command.d.ts +6 -6
- package/dist/types/multi-select.d.ts +2 -2
- package/dist/types/portal.d.ts +179 -0
- package/dist/types/toast.d.ts +31 -2
- package/dist/types/toggle-group.d.ts +2 -2
- package/dist/types/toggle.d.ts +2 -2
- package/dist/types/ui/accordion.d.ts +1 -1
- package/dist/types/ui/alert-dialog.d.ts +1 -1
- package/dist/types/ui/anchor.d.ts +1 -1
- package/dist/types/ui/aspect-ratio.d.ts +1 -1
- package/dist/types/ui/avatar.d.ts +1 -1
- package/dist/types/ui/badge.d.ts +1 -1
- package/dist/types/ui/button.d.ts +1 -1
- package/dist/types/ui/calendar.d.ts +1 -1
- package/dist/types/ui/callout.d.ts +1 -1
- package/dist/types/ui/card-label.d.ts +1 -1
- package/dist/types/ui/card.d.ts +1 -1
- package/dist/types/ui/checkbox.d.ts +1 -1
- package/dist/types/ui/circled-check-button.d.ts +1 -1
- package/dist/types/ui/command.d.ts +1 -1
- package/dist/types/ui/dialog.d.ts +1 -1
- package/dist/types/ui/dropdown-menu.d.ts +1 -1
- package/dist/types/ui/file-uploader.d.ts +1 -1
- package/dist/types/ui/form.d.ts +1 -1
- package/dist/types/ui/highlight-text.d.ts +1 -1
- package/dist/types/ui/icons.d.ts +1 -1
- package/dist/types/ui/image.d.ts +1 -1
- package/dist/types/ui/input.d.ts +1 -1
- package/dist/types/ui/label.d.ts +1 -1
- package/dist/types/ui/month-picker.d.ts +1 -1
- package/dist/types/ui/multi-select.d.ts +1 -1
- package/dist/types/ui/navigation-menu.d.ts +1 -1
- package/dist/types/ui/popover.d.ts +1 -1
- package/dist/types/ui/portal.d.ts +2 -0
- package/dist/types/ui/progress.d.ts +1 -1
- package/dist/types/ui/radio-group.d.ts +1 -1
- package/dist/types/ui/scroll-area.d.ts +1 -1
- package/dist/types/ui/select.d.ts +1 -1
- package/dist/types/ui/separator.d.ts +1 -1
- package/dist/types/ui/simple-table.d.ts +1 -1
- package/dist/types/ui/skeleton.d.ts +1 -1
- package/dist/types/ui/slider.d.ts +1 -1
- package/dist/types/ui/switch.d.ts +1 -1
- package/dist/types/ui/symbols.d.ts +1 -1
- package/dist/types/ui/tabs.d.ts +1 -1
- package/dist/types/ui/tag.d.ts +1 -1
- package/dist/types/ui/text.d.ts +1 -1
- package/dist/types/ui/textarea.d.ts +1 -1
- package/dist/types/ui/toast.d.ts +1 -1
- package/dist/types/ui/toggle-group.d.ts +1 -1
- package/dist/types/ui/toggle.d.ts +1 -1
- package/dist/types/ui/tooltip.d.ts +1 -1
- package/dist/types/ui.d.ts +42 -14
- package/dist/ui/portal.cjs.js +1 -0
- package/dist/ui/portal.es.js +561 -0
- package/dist/ui/toast.cjs.js +1 -1
- package/dist/ui/toast.es.js +202 -47
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +61 -57
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — slider.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — switch.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — symbols.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — tabs.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — tag.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — text.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — textarea.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — toast.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -50,7 +50,7 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
|
|
|
50
50
|
|
|
51
51
|
### 예시
|
|
52
52
|
```tsx
|
|
53
|
-
//
|
|
53
|
+
// 1) 저수준 프리미티브로 직접 구성
|
|
54
54
|
<ToastProvider>
|
|
55
55
|
<Toast variant="black">
|
|
56
56
|
<ToastTitle>제목</ToastTitle>
|
|
@@ -58,9 +58,15 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
|
|
|
58
58
|
</Toast>
|
|
59
59
|
<ToastViewport />
|
|
60
60
|
</ToastProvider>
|
|
61
|
+
// 2) 권장: 명령형 훅으로 사용 (앱 루트에 <ToastManager /> 한 번 mount)
|
|
62
|
+
import { ToastManager, useToast } from "boottent-design/ui/toast";
|
|
63
|
+
// 루트: <ToastManager />
|
|
64
|
+
const { toast } = useToast();
|
|
65
|
+
toast({ description: "저장되었습니다.", variant: "black" });
|
|
61
66
|
```
|
|
62
67
|
|
|
63
68
|
### 🔗 관련 · 대안
|
|
64
69
|
- Dialog
|
|
65
|
-
-
|
|
70
|
+
- AlertDialog
|
|
71
|
+
- ui/portal (usePortal)
|
|
66
72
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — toggle-group.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — toggle.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — tooltip.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 설치 · CSS 배포 모드 · 소비 규칙의 기계 생성 정본.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 디자인 시스템 허브](./design-system.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 어떤 상황에 어떤 컴포넌트를 쓰는가 — 결정 가이드.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
|
|
7
7
|
|
|
8
8
|
[← 디자인 시스템 허브](./design-system.md)
|
|
9
9
|
|
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
|
|
15
15
|
| 이럴 때 | 컴포넌트 |
|
|
16
16
|
|---------|----------|
|
|
17
|
-
|
|
|
17
|
+
| 명령형으로 모달·알럿·다이얼로그·커스텀 오버레이를 띄울 때(usePortal) | [`portal`](./ui/portal.md) |
|
|
18
|
+
| 정보나 폼을 담는 일반 모달(선언형) | [`dialog`](./ui/dialog.md) |
|
|
18
19
|
| 삭제 등 파괴적 작업을 확인받을 때 | [`alert-dialog`](./ui/alert-dialog.md) |
|
|
19
20
|
| 특정 요소(앵커)에 붙는 보조 정보·메뉴 | [`popover`](./ui/popover.md) |
|
|
20
21
|
| 호버 시 짧은 보조 설명 | [`tooltip`](./ui/tooltip.md) |
|