boottent-design 0.1.261 → 0.1.262
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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +3 -1
- package/dist/design-system/usage.md +1 -1
- package/dist/design-system/when-to-use.md +1 -1
- package/dist/types/tooltip.d.ts +2 -0
- package/dist/types/ui.d.ts +2 -0
- package/dist/ui/tooltip.cjs.js +1 -1
- package/dist/ui/tooltip.es.js +48 -47
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — article-asset-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — blog-review-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — camp-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — company-info-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — dday-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — environment-asset-photo.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — event-asset-banner.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — event-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — lecturer-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — main-banner-image.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — mobile-camp-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — partner-list-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — portfolio-asset-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — premium-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — title-tag-card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> 조합형 컴포넌트 — youtube-video-modal.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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
|
> boottent-design 허브 — 먼저 이 문서를 읽고 필요한 스포크 문서로 이동하라.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
7
7
|
|
|
8
8
|
## 0. 원칙 (먼저 읽어라)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — accordion.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — alert-dialog.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — anchor.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — aspect-ratio.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — avatar.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — badge.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — button.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — calendar.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — callout.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — card-label.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — card.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — checkbox.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — circled-check-button.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — command.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — dialog.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — dropdown-menu.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — file-uploader.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — form.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — highlight-text.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — icons.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — image.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — input.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — label.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — month-picker.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — multi-select.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — navigation-menu.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — popover.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — portal.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — progress.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — radio-group.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — scroll-area.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — select.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — separator.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — simple-table.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — skeleton.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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 프리미티브 — slider.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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-group.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
### 🚫 주의
|
|
19
19
|
- `TooltipProvider`로 감싸야 정상 동작합니다(앱 루트에 한 번 선언 권장).
|
|
20
20
|
- `bubbleTip={false}`로 말풍선 꼬리를 숨길 수 있습니다.
|
|
21
|
+
- 가상화 테이블이나 `overflow` 컨테이너 안에서는 `usePortal={true}`를 사용하면 레이어 충돌을 피하기 쉽습니다.
|
|
21
22
|
- `position`은 8가지(`top-left`, `top-center`, `top-right`, `bottom-*`, `left`, `right`)를 지원합니다.
|
|
22
23
|
|
|
23
24
|
### Import
|
|
@@ -34,6 +35,7 @@ export type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipP
|
|
|
34
35
|
icRight?: React.ReactNode;
|
|
35
36
|
position?: TooltipPosition;
|
|
36
37
|
bubbleTip?: boolean;
|
|
38
|
+
usePortal?: boolean;
|
|
37
39
|
}
|
|
38
40
|
```
|
|
39
41
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 설치 · CSS 배포 모드 · 소비 규칙의 기계 생성 정본.
|
|
6
|
-
> 버전: boottent-design v0.1.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
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.261 · 생성: 2026. 6.
|
|
6
|
+
> 버전: boottent-design v0.1.261 · 생성: 2026. 6. 29. 오후 4:02:50
|
|
7
7
|
|
|
8
8
|
[← 디자인 시스템 허브](./design-system.md)
|
|
9
9
|
|
package/dist/types/tooltip.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<Tool
|
|
|
24
24
|
icRight?: React_2.ReactNode;
|
|
25
25
|
position?: TooltipPosition | undefined;
|
|
26
26
|
bubbleTip?: boolean | undefined;
|
|
27
|
+
usePortal?: boolean | undefined;
|
|
27
28
|
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
28
29
|
|
|
29
30
|
export declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
|
|
@@ -33,6 +34,7 @@ export declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeo
|
|
|
33
34
|
icRight?: React_2.ReactNode;
|
|
34
35
|
position?: TooltipPosition;
|
|
35
36
|
bubbleTip?: boolean;
|
|
37
|
+
usePortal?: boolean;
|
|
36
38
|
};
|
|
37
39
|
|
|
38
40
|
declare type TooltipPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "right" | "left";
|
package/dist/types/ui.d.ts
CHANGED
|
@@ -930,6 +930,7 @@ export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<Tool
|
|
|
930
930
|
icRight?: React_2.ReactNode;
|
|
931
931
|
position?: TooltipPosition | undefined;
|
|
932
932
|
bubbleTip?: boolean | undefined;
|
|
933
|
+
usePortal?: boolean | undefined;
|
|
933
934
|
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
934
935
|
|
|
935
936
|
export declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
|
|
@@ -939,6 +940,7 @@ export declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeo
|
|
|
939
940
|
icRight?: React_2.ReactNode;
|
|
940
941
|
position?: TooltipPosition;
|
|
941
942
|
bubbleTip?: boolean;
|
|
943
|
+
usePortal?: boolean;
|
|
942
944
|
};
|
|
943
945
|
|
|
944
946
|
declare type TooltipPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "right" | "left";
|
package/dist/ui/tooltip.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),Y=require("@radix-ui/react-tooltip"),P=require("react"),c=require("../index-DKCqkplO.cjs"),f=require("../common-DeneXo5X.cjs");function b(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(e,o,t.get?t:{enumerable:!0,get:()=>r[o]})}}return e.default=r,Object.freeze(e)}const n=b(Y),X=b(P),u={primary:"bg-main-600 text-white",secondary:"bg-grey-800 text-white",white:"bg-grey-50 text-grey-800"},v={sm:"p-2 text-xs font-normal rounded",md:"p-2 text-sm font-normal rounded",lg:"px-4 py-2 text-base font-medium rounded-lg"},z=n.Provider,C=n.Root,O=n.Trigger,_=(r,e)=>{const o=e==="primary"?c.colors.main[600]:e==="secondary"?c.colors.grey[800]:c.colors.grey[50],t=e==="white"?c.colors.grey[200]:o;return{...{width:"12px",height:"12px",backgroundColor:o,border:"1px solid",borderColor:t,opacity:e==="white"?1:.9,transform:"rotate(45deg)",borderRadius:"2px",zIndex:20},...{"top-left":{left:"1.5rem",top:"100%",transform:"translateX(-50%) translateY(-60%) rotate(45deg)"},"top-center":{left:"50%",top:"100%",transform:"translateX(-50%) translateY(-60%) rotate(45deg)"},"top-right":{right:"1.5rem",top:"100%",transform:"translateX(50%) translateY(-60%) rotate(45deg)"},"bottom-left":{left:"1.5rem",bottom:"100%",transform:"translateX(-50%) translateY(60%) rotate(45deg)"},"bottom-center":{left:"50%",bottom:"100%",transform:"translateX(-50%) translateY(60%) rotate(45deg)"},"bottom-right":{right:"1.5rem",bottom:"100%",transform:"translateX(50%) translateY(60%) rotate(45deg)"},right:{right:"100%",top:"50%",transform:"translateX(60%) translateY(-50%) rotate(45deg)"},left:{left:"100%",top:"50%",transform:"translateX(-60%) translateY(-50%) rotate(45deg)"}}[r]}},y=({className:r,variant:e="primary",size:o="md",icLeft:t,icRight:a,bubbleTip:l=!0,position:d,style:m,children:i})=>{const g=_(d,e);return s.jsxs("div",{className:f.cn("relative z-50 rounded",l&&"m-1",e==="white"&&"border border-border",u[e],r),style:m,children:[l&&s.jsx("div",{style:g,className:"absolute z-20"}),s.jsx("div",{className:"absolute inset-0 z-30 rounded bg-white"}),s.jsxs("div",{className:f.cn("relative z-40 flex max-w-sm items-center font-normal",e!=="white"?"bg-opacity-90":"border-none",u[e],v[o]),children:[t&&s.jsx("span",{className:"mr-1",children:t}),s.jsx("span",{className:"whitespace-pre-wrap break-keep",children:i}),a&&s.jsx("span",{className:"ml-1",children:a})]})]})},x=X.forwardRef(({className:r,variant:e="primary",size:o="md",position:t="top-center",sideOffset:a=8,icLeft:l,icRight:d,children:m,bubbleTip:i=!0,style:g,usePortal:h=!1,...T},j)=>{const S=t.startsWith("top"),w=t==="right"||t==="left"?t:S?"top":"bottom",N=t==="right"||t==="left"?"center":t.includes("left")?"start":t.includes("right")?"end":"center",p=s.jsx(n.Content,{ref:j,avoidCollisions:!1,sideOffset:i?a:4,side:w,align:N,style:{...g,zIndex:50},...T,children:s.jsx(y,{className:r,variant:e,size:o,icLeft:l,icRight:d,bubbleTip:i,position:t,children:m})});return h?s.jsx(n.Portal,{children:p}):p});x.displayName=n.Content.displayName;exports.Tooltip=C;exports.TooltipBubble=y;exports.TooltipContent=x;exports.TooltipProvider=z;exports.TooltipTrigger=O;
|
package/dist/ui/tooltip.es.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as r, jsxs as
|
|
3
|
-
import * as
|
|
4
|
-
import * as
|
|
2
|
+
import { jsx as r, jsxs as f } from "react/jsx-runtime";
|
|
3
|
+
import * as s from "@radix-ui/react-tooltip";
|
|
4
|
+
import * as N from "react";
|
|
5
5
|
import { c as d } from "../index-BFsbj9HY.js";
|
|
6
|
-
import { c as
|
|
7
|
-
const
|
|
6
|
+
import { c as h } from "../common-zQ5XY0UN.js";
|
|
7
|
+
const y = {
|
|
8
8
|
primary: "bg-main-600 text-white",
|
|
9
9
|
secondary: "bg-grey-800 text-white",
|
|
10
10
|
white: "bg-grey-50 text-grey-800"
|
|
11
|
-
},
|
|
11
|
+
}, Y = {
|
|
12
12
|
sm: "p-2 text-xs font-normal rounded",
|
|
13
13
|
md: "p-2 text-sm font-normal rounded",
|
|
14
14
|
lg: "px-4 py-2 text-base font-medium rounded-lg"
|
|
15
|
-
},
|
|
15
|
+
}, k = s.Provider, v = s.Root, E = s.Trigger, X = (a, e) => {
|
|
16
16
|
const o = e === "primary" ? d.main[600] : e === "secondary" ? d.grey[800] : d.grey[50], t = e === "white" ? d.grey[200] : o;
|
|
17
17
|
return { ...{
|
|
18
18
|
width: "12px",
|
|
@@ -65,84 +65,84 @@ const h = {
|
|
|
65
65
|
top: "50%",
|
|
66
66
|
transform: "translateX(-60%) translateY(-50%) rotate(45deg)"
|
|
67
67
|
}
|
|
68
|
-
}[
|
|
69
|
-
},
|
|
70
|
-
className:
|
|
68
|
+
}[a] };
|
|
69
|
+
}, z = ({
|
|
70
|
+
className: a,
|
|
71
71
|
variant: e = "primary",
|
|
72
72
|
size: o = "md",
|
|
73
73
|
icLeft: t,
|
|
74
|
-
icRight:
|
|
75
|
-
bubbleTip:
|
|
74
|
+
icRight: n,
|
|
75
|
+
bubbleTip: l = !0,
|
|
76
76
|
position: i,
|
|
77
77
|
style: c,
|
|
78
78
|
children: m
|
|
79
79
|
}) => {
|
|
80
|
-
const g =
|
|
81
|
-
return /* @__PURE__ */
|
|
80
|
+
const g = X(i, e);
|
|
81
|
+
return /* @__PURE__ */ f(
|
|
82
82
|
"div",
|
|
83
83
|
{
|
|
84
|
-
className:
|
|
84
|
+
className: h(
|
|
85
85
|
"relative z-50 rounded",
|
|
86
|
-
|
|
86
|
+
l && "m-1",
|
|
87
87
|
e === "white" && "border border-border",
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
y[e],
|
|
89
|
+
a
|
|
90
90
|
),
|
|
91
91
|
style: c,
|
|
92
92
|
children: [
|
|
93
|
-
|
|
93
|
+
l && /* @__PURE__ */ r("div", { style: g, className: "absolute z-20" }),
|
|
94
94
|
/* @__PURE__ */ r("div", { className: "absolute inset-0 z-30 rounded bg-white" }),
|
|
95
|
-
/* @__PURE__ */
|
|
95
|
+
/* @__PURE__ */ f(
|
|
96
96
|
"div",
|
|
97
97
|
{
|
|
98
|
-
className:
|
|
98
|
+
className: h(
|
|
99
99
|
"relative z-40 flex max-w-sm items-center font-normal",
|
|
100
100
|
e !== "white" ? "bg-opacity-90" : "border-none",
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
y[e],
|
|
102
|
+
Y[o]
|
|
103
103
|
),
|
|
104
104
|
children: [
|
|
105
105
|
t && /* @__PURE__ */ r("span", { className: "mr-1", children: t }),
|
|
106
106
|
/* @__PURE__ */ r("span", { className: "whitespace-pre-wrap break-keep", children: m }),
|
|
107
|
-
|
|
107
|
+
n && /* @__PURE__ */ r("span", { className: "ml-1", children: n })
|
|
108
108
|
]
|
|
109
109
|
}
|
|
110
110
|
)
|
|
111
111
|
]
|
|
112
112
|
}
|
|
113
113
|
);
|
|
114
|
-
},
|
|
114
|
+
}, C = N.forwardRef(
|
|
115
115
|
({
|
|
116
|
-
className:
|
|
116
|
+
className: a,
|
|
117
117
|
variant: e = "primary",
|
|
118
118
|
size: o = "md",
|
|
119
119
|
position: t = "top-center",
|
|
120
|
-
sideOffset:
|
|
121
|
-
icLeft:
|
|
120
|
+
sideOffset: n = 8,
|
|
121
|
+
icLeft: l,
|
|
122
122
|
icRight: i,
|
|
123
123
|
children: c,
|
|
124
124
|
bubbleTip: m = !0,
|
|
125
125
|
style: g,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
126
|
+
usePortal: b = !1,
|
|
127
|
+
...x
|
|
128
|
+
}, u) => {
|
|
129
|
+
const w = t.startsWith("top"), S = t === "right" || t === "left" ? t : w ? "top" : "bottom", T = t === "right" || t === "left" ? "center" : t.includes("left") ? "start" : t.includes("right") ? "end" : "center", p = /* @__PURE__ */ r(
|
|
130
|
+
s.Content,
|
|
131
131
|
{
|
|
132
|
-
ref:
|
|
132
|
+
ref: u,
|
|
133
133
|
avoidCollisions: !1,
|
|
134
|
-
sideOffset: m ?
|
|
135
|
-
side:
|
|
136
|
-
align:
|
|
134
|
+
sideOffset: m ? n : 4,
|
|
135
|
+
side: S,
|
|
136
|
+
align: T,
|
|
137
137
|
style: { ...g, zIndex: 50 },
|
|
138
|
-
...
|
|
138
|
+
...x,
|
|
139
139
|
children: /* @__PURE__ */ r(
|
|
140
|
-
|
|
140
|
+
z,
|
|
141
141
|
{
|
|
142
|
-
className:
|
|
142
|
+
className: a,
|
|
143
143
|
variant: e,
|
|
144
144
|
size: o,
|
|
145
|
-
icLeft:
|
|
145
|
+
icLeft: l,
|
|
146
146
|
icRight: i,
|
|
147
147
|
bubbleTip: m,
|
|
148
148
|
position: t,
|
|
@@ -151,13 +151,14 @@ const h = {
|
|
|
151
151
|
)
|
|
152
152
|
}
|
|
153
153
|
);
|
|
154
|
+
return b ? /* @__PURE__ */ r(s.Portal, { children: p }) : p;
|
|
154
155
|
}
|
|
155
156
|
);
|
|
156
|
-
|
|
157
|
+
C.displayName = s.Content.displayName;
|
|
157
158
|
export {
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
159
|
+
v as Tooltip,
|
|
160
|
+
z as TooltipBubble,
|
|
161
|
+
C as TooltipContent,
|
|
162
|
+
k as TooltipProvider,
|
|
163
|
+
E as TooltipTrigger
|
|
163
164
|
};
|