boottent-design 0.1.272 → 0.1.274
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/article-card-AKV7qtq6.js +31 -0
- package/dist/article-card-ocD4sDG2.cjs +1 -0
- package/dist/components/article-card.cjs.js +1 -0
- package/dist/components/article-card.es.js +5 -0
- package/dist/components/crew-content-card.cjs.js +1 -0
- package/dist/components/crew-content-card.es.js +5 -0
- package/dist/components/question-card.cjs.js +1 -0
- package/dist/components/question-card.es.js +5 -0
- package/dist/components/story-preview-card.cjs.js +1 -0
- package/dist/components/story-preview-card.es.js +5 -0
- package/dist/components.cjs.js +1 -1
- package/dist/components.es.js +39 -31
- package/dist/crew-content-card-C8MVKFur.cjs +1 -0
- package/dist/crew-content-card-vi7_37Zl.js +28 -0
- package/dist/design-system/components/article-asset-card.md +1 -1
- package/dist/design-system/components/article-card.md +40 -0
- package/dist/design-system/components/blog-review-card.md +1 -1
- package/dist/design-system/components/boottent-event-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/crew-content-card.md +45 -0
- 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/question-card.md +38 -0
- package/dist/design-system/components/story-preview-card.md +40 -0
- 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/consumer-setup.md +1 -1
- package/dist/design-system/design-system.md +6 -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 +3 -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 +1 -1
- package/dist/design-system/usage.md +1 -1
- package/dist/design-system/when-to-use.md +10 -1
- package/dist/question-card-C2xeKRcv.cjs +1 -0
- package/dist/question-card-DzMummZs.js +57 -0
- package/dist/story-preview-card-BiknUNLs.js +92 -0
- package/dist/story-preview-card-vNGsyl3L.cjs +1 -0
- package/dist/styles.css +1 -1
- package/dist/types/article-card.d.ts +30 -0
- package/dist/types/components/article-card.d.ts +2 -0
- package/dist/types/components/crew-content-card.d.ts +2 -0
- package/dist/types/components/question-card.d.ts +2 -0
- package/dist/types/components/story-preview-card.d.ts +2 -0
- package/dist/types/components.d.ts +113 -0
- package/dist/types/crew-content-card.d.ts +35 -0
- package/dist/types/question-card.d.ts +31 -0
- package/dist/types/story-preview-card.d.ts +28 -0
- package/dist/ui/card-label.cjs.js +1 -1
- package/dist/ui/card-label.es.js +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — accordion.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -20,6 +20,8 @@
|
|
|
20
20
|
### 🚫 주의
|
|
21
21
|
- 위치(absolute top-0 right-0 등)는 소비 컴포넌트에서 className으로 지정하세요.
|
|
22
22
|
- 로딩 스켈레톤 상태는 className으로 h-7 w-xx animate-pulse를 주입하세요.
|
|
23
|
+
- 텍스트는 항상 한 줄로 고정됩니다(줄바꿈 없음). 매우 긴 텍스트는 줄바꿈되지 않고 부모의
|
|
24
|
+
- overflow-hidden 등에 의해 잘릴 수 있으니 표시 문구 길이에 유의하세요.
|
|
23
25
|
|
|
24
26
|
### Import
|
|
25
27
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — card.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
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.274 · 생성: 2026. 7. 27. 오전 11:13:49
|
|
7
7
|
|
|
8
8
|
[← 디자인 시스템 허브](./design-system.md)
|
|
9
9
|
|
|
@@ -129,3 +129,12 @@
|
|
|
129
129
|
| 이벤트 에셋 배너 | [`event-asset-banner`](./components/event-asset-banner.md) |
|
|
130
130
|
| 회사 이벤트 카드(색상/이미지 커스텀) | [`boottent-event-card`](./components/boottent-event-card.md) |
|
|
131
131
|
|
|
132
|
+
## 콘텐츠모음(꿀팁모음/취업후기/부캠Q&A/크루모임) 리스트 카드를 렌더할 때 (조합형 contents)
|
|
133
|
+
|
|
134
|
+
| 이럴 때 | 컴포넌트 |
|
|
135
|
+
|---------|----------|
|
|
136
|
+
| Q&A/질문-답변 미리보기 카드를 렌더할 때 | [`question-card`](./components/question-card.md) |
|
|
137
|
+
| 아티클(꿀팁/취업후기/크루모임 등) 썸네일+태그+제목 카드를 렌더할 때 | [`article-card`](./components/article-card.md) |
|
|
138
|
+
| 크루모임 콘텐츠(카테고리 color/background 포함) 썸네일+태그+제목 카드를 렌더할 때 | [`crew-content-card`](./components/crew-content-card.md) |
|
|
139
|
+
| 취업후기 스토리 프로필+통계+미리보기 카드를 렌더할 때 | [`story-preview-card`](./components/story-preview-card.md) |
|
|
140
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),x=require("react"),u=require("class-variance-authority"),m=require("./common-DeneXo5X.cjs");function p(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return a.default=r,Object.freeze(a)}const g=p(x),h=u.cva("group flex h-full w-full flex-col gap-2.5 rounded-lg transition-colors hover:bg-grey-50"),d=g.forwardRef(function({question:a,className:t},n){const{categoryTags:c=[],answerPreviews:i=[],answerCount:o=0}=a;return e.jsxs("div",{ref:n,className:m.cn(h(),t),children:[c.length>0&&e.jsx("ul",{className:"flex flex-wrap items-center gap-1.5",children:c.map((s,l)=>e.jsx("li",{children:e.jsx("span",{className:"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-2 py-1 text-xs",style:{color:s.color,backgroundColor:s.background},children:s.text})},l))}),e.jsxs("p",{className:"flex gap-1.5 text-semibold15 text-grey-800 transition-colors group-hover:text-main-700 md:text-semibold16",children:[e.jsx("span",{className:"shrink-0 font-bold text-main-600",children:"Q."}),e.jsx("span",{className:"line-clamp-2",children:a.question})]}),i.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("hr",{className:"border-grey-100"}),e.jsx("ul",{className:"flex flex-col gap-2",children:i.map((s,l)=>e.jsxs("li",{className:"flex items-start gap-2 overflow-hidden",children:[s.profileImage?e.jsx("img",{src:s.profileImage,alt:s.name||"답변자",width:24,height:24,className:"mt-0.5 aspect-square w-6 shrink-0 rounded-full object-cover"}):e.jsx("span",{className:"mt-1 shrink-0 text-grey-400","aria-hidden":"true",children:"↳"}),e.jsxs("div",{className:"flex min-w-0 flex-col",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-regular12",children:[s.name&&e.jsx("span",{className:"font-medium text-grey-700",children:s.name}),s.job&&e.jsx("span",{className:"rounded bg-grey-100 px-1.5 py-0.5 text-regular12 text-grey-600",children:s.job})]}),e.jsx("span",{className:"truncate text-regular13 text-grey-500",children:s.answer})]})]},l))})]}),o>0&&e.jsxs("div",{className:"mt-auto flex items-center justify-between pt-0.5 text-regular13 text-grey-500",children:[e.jsxs("span",{children:["답변 ",o,"개"]}),e.jsx("span",{className:"text-grey-400 transition-transform group-hover:translate-x-0.5","aria-hidden":"true",children:"→"})]})]})});d.displayName="QuestionCard";exports.QuestionCard=d;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsxs as a, jsx as e, Fragment as d } from "react/jsx-runtime";
|
|
2
|
+
import * as m from "react";
|
|
3
|
+
import { cva as p } from "class-variance-authority";
|
|
4
|
+
import { c as x } from "./common-zQ5XY0UN.js";
|
|
5
|
+
const h = p(
|
|
6
|
+
"group flex h-full w-full flex-col gap-2.5 rounded-lg transition-colors hover:bg-grey-50"
|
|
7
|
+
), g = m.forwardRef(function({ question: l, className: i }, o) {
|
|
8
|
+
const { categoryTags: t = [], answerPreviews: n = [], answerCount: c = 0 } = l;
|
|
9
|
+
return /* @__PURE__ */ a("div", { ref: o, className: x(h(), i), children: [
|
|
10
|
+
t.length > 0 && /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center gap-1.5", children: t.map((r, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
11
|
+
"span",
|
|
12
|
+
{
|
|
13
|
+
className: "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-2 py-1 text-xs",
|
|
14
|
+
style: { color: r.color, backgroundColor: r.background },
|
|
15
|
+
children: r.text
|
|
16
|
+
}
|
|
17
|
+
) }, s)) }),
|
|
18
|
+
/* @__PURE__ */ a("p", { className: "flex gap-1.5 text-semibold15 text-grey-800 transition-colors group-hover:text-main-700 md:text-semibold16", children: [
|
|
19
|
+
/* @__PURE__ */ e("span", { className: "shrink-0 font-bold text-main-600", children: "Q." }),
|
|
20
|
+
/* @__PURE__ */ e("span", { className: "line-clamp-2", children: l.question })
|
|
21
|
+
] }),
|
|
22
|
+
n.length > 0 && /* @__PURE__ */ a(d, { children: [
|
|
23
|
+
/* @__PURE__ */ e("hr", { className: "border-grey-100" }),
|
|
24
|
+
/* @__PURE__ */ e("ul", { className: "flex flex-col gap-2", children: n.map((r, s) => /* @__PURE__ */ a("li", { className: "flex items-start gap-2 overflow-hidden", children: [
|
|
25
|
+
r.profileImage ? /* @__PURE__ */ e(
|
|
26
|
+
"img",
|
|
27
|
+
{
|
|
28
|
+
src: r.profileImage,
|
|
29
|
+
alt: r.name || "답변자",
|
|
30
|
+
width: 24,
|
|
31
|
+
height: 24,
|
|
32
|
+
className: "mt-0.5 aspect-square w-6 shrink-0 rounded-full object-cover"
|
|
33
|
+
}
|
|
34
|
+
) : /* @__PURE__ */ e("span", { className: "mt-1 shrink-0 text-grey-400", "aria-hidden": "true", children: "↳" }),
|
|
35
|
+
/* @__PURE__ */ a("div", { className: "flex min-w-0 flex-col", children: [
|
|
36
|
+
/* @__PURE__ */ a("span", { className: "flex items-center gap-1.5 text-regular12", children: [
|
|
37
|
+
r.name && /* @__PURE__ */ e("span", { className: "font-medium text-grey-700", children: r.name }),
|
|
38
|
+
r.job && /* @__PURE__ */ e("span", { className: "rounded bg-grey-100 px-1.5 py-0.5 text-regular12 text-grey-600", children: r.job })
|
|
39
|
+
] }),
|
|
40
|
+
/* @__PURE__ */ e("span", { className: "truncate text-regular13 text-grey-500", children: r.answer })
|
|
41
|
+
] })
|
|
42
|
+
] }, s)) })
|
|
43
|
+
] }),
|
|
44
|
+
c > 0 && /* @__PURE__ */ a("div", { className: "mt-auto flex items-center justify-between pt-0.5 text-regular13 text-grey-500", children: [
|
|
45
|
+
/* @__PURE__ */ a("span", { children: [
|
|
46
|
+
"답변 ",
|
|
47
|
+
c,
|
|
48
|
+
"개"
|
|
49
|
+
] }),
|
|
50
|
+
/* @__PURE__ */ e("span", { className: "text-grey-400 transition-transform group-hover:translate-x-0.5", "aria-hidden": "true", children: "→" })
|
|
51
|
+
] })
|
|
52
|
+
] });
|
|
53
|
+
});
|
|
54
|
+
g.displayName = "QuestionCard";
|
|
55
|
+
export {
|
|
56
|
+
g as Q
|
|
57
|
+
};
|