boottent-design 0.1.256 → 0.1.259
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/README.md +59 -1
- package/bin/sync-docs.mjs +285 -0
- package/dist/article-asset-card-CGSemovn.cjs +1 -0
- package/dist/{article-asset-card-lw8aNjSM.js → article-asset-card-D1Ipe86b.js} +3 -2
- package/dist/camp-card-BRs3koNF.cjs +1 -0
- package/dist/{camp-card-7lzkmQep.js → camp-card-Bi7Li0p5.js} +3 -2
- package/dist/company-info-card-C00gMHAv.cjs +1 -0
- package/dist/{company-info-card-BVCaYbYN.js → company-info-card-D1U_poOk.js} +3 -2
- package/dist/components/article-asset-card.cjs.js +1 -1
- package/dist/components/article-asset-card.es.js +1 -1
- package/dist/components/camp-card.cjs.js +1 -1
- package/dist/components/camp-card.es.js +1 -1
- package/dist/components/company-info-card.cjs.js +1 -1
- package/dist/components/company-info-card.es.js +1 -1
- package/dist/components/event-card.cjs.js +1 -1
- package/dist/components/event-card.es.js +1 -1
- package/dist/components/lecturer-card.cjs.js +1 -1
- package/dist/components/lecturer-card.es.js +1 -1
- package/dist/components/main-banner-image.cjs.js +1 -1
- package/dist/components/main-banner-image.es.js +1 -1
- package/dist/components/mobile-camp-card.cjs.js +1 -1
- package/dist/components/mobile-camp-card.es.js +1 -1
- package/dist/components/portfolio-asset-card.cjs.js +1 -1
- package/dist/components/portfolio-asset-card.es.js +1 -1
- package/dist/components/premium-card.cjs.js +1 -1
- package/dist/components/premium-card.es.js +1 -1
- package/dist/components/title-tag-card.cjs.js +1 -1
- package/dist/components/title-tag-card.es.js +1 -1
- package/dist/components/youtube-video-modal.cjs.js +1 -1
- package/dist/components/youtube-video-modal.es.js +1 -1
- package/dist/components.cjs.js +1 -1
- package/dist/components.es.js +11 -11
- package/dist/design-system/components/article-asset-card.md +30 -0
- package/dist/design-system/components/blog-review-card.md +29 -0
- package/dist/design-system/components/camp-card.md +58 -0
- package/dist/design-system/components/company-info-card.md +31 -0
- package/dist/design-system/components/environment-asset-photo.md +31 -0
- package/dist/design-system/components/event-asset-banner.md +30 -0
- package/dist/design-system/components/event-card.md +39 -0
- package/dist/design-system/components/lecturer-card.md +37 -0
- package/dist/design-system/components/main-banner-image.md +40 -0
- package/dist/design-system/components/mobile-camp-card.md +60 -0
- package/dist/design-system/components/partner-list-card.md +31 -0
- package/dist/design-system/components/portfolio-asset-card.md +30 -0
- package/dist/design-system/components/premium-card.md +39 -0
- package/dist/design-system/components/title-tag-card.md +38 -0
- package/dist/design-system/components/youtube-video-modal.md +34 -0
- package/dist/design-system/design-system.md +138 -0
- package/dist/design-system/tokens.md +113 -0
- package/dist/design-system/ui/accordion.md +42 -0
- package/dist/design-system/ui/alert-dialog.md +53 -0
- package/dist/design-system/ui/anchor.md +48 -0
- package/dist/design-system/ui/aspect-ratio.md +36 -0
- package/dist/design-system/ui/avatar.md +35 -0
- package/dist/design-system/ui/badge.md +57 -0
- package/dist/design-system/ui/button.md +79 -0
- package/dist/design-system/ui/calendar.md +47 -0
- package/dist/design-system/ui/callout.md +42 -0
- package/dist/design-system/ui/card.md +41 -0
- package/dist/design-system/ui/checkbox.md +38 -0
- package/dist/design-system/ui/circled-check-button.md +33 -0
- package/dist/design-system/ui/command.md +50 -0
- package/dist/design-system/ui/dialog.md +44 -0
- package/dist/design-system/ui/dropdown-menu.md +44 -0
- package/dist/design-system/ui/file-uploader.md +49 -0
- package/dist/design-system/ui/form.md +52 -0
- package/dist/design-system/ui/highlight-text.md +30 -0
- package/dist/design-system/ui/icons.md +17 -0
- package/dist/design-system/ui/image.md +44 -0
- package/dist/design-system/ui/input.md +50 -0
- package/dist/design-system/ui/label.md +38 -0
- package/dist/design-system/ui/month-picker.md +44 -0
- package/dist/design-system/ui/multi-select.md +49 -0
- package/dist/design-system/ui/navigation-menu.md +42 -0
- package/dist/design-system/ui/popover.md +43 -0
- package/dist/design-system/ui/progress.md +45 -0
- package/dist/design-system/ui/radio-group.md +40 -0
- package/dist/design-system/ui/scroll-area.md +32 -0
- package/dist/design-system/ui/select.md +46 -0
- package/dist/design-system/ui/separator.md +32 -0
- package/dist/design-system/ui/simple-table.md +34 -0
- package/dist/design-system/ui/skeleton.md +43 -0
- package/dist/design-system/ui/slider.md +30 -0
- package/dist/design-system/ui/switch.md +30 -0
- package/dist/design-system/ui/symbols.md +17 -0
- package/dist/design-system/ui/tabs.md +44 -0
- package/dist/design-system/ui/tag.md +79 -0
- package/dist/design-system/ui/text.md +50 -0
- package/dist/design-system/ui/textarea.md +45 -0
- package/dist/design-system/ui/toast.md +66 -0
- package/dist/design-system/ui/toggle-group.md +50 -0
- package/dist/design-system/ui/toggle.md +68 -0
- package/dist/design-system/ui/tooltip.md +55 -0
- package/dist/design-system/usage.md +79 -0
- package/dist/design-system/when-to-use.md +127 -0
- package/dist/{event-card-DoePuHu8.js → event-card-C1mSACOR.js} +3 -2
- package/dist/event-card-DebLbRKd.cjs +1 -0
- package/dist/{lecturer-card-B80BJVu3.js → lecturer-card-BlzA-YP6.js} +3 -2
- package/dist/lecturer-card-CgSWLJ8r.cjs +1 -0
- package/dist/{main-banner-image-DoYpMy7T.js → main-banner-image-BRLhiQJZ.js} +8 -7
- package/dist/main-banner-image-Bh3AZqac.cjs +1 -0
- package/dist/mobile-camp-card-B4L0Eq0v.cjs +1 -0
- package/dist/{mobile-camp-card-S0gvQ6bD.js → mobile-camp-card-B8rTQeTh.js} +20 -19
- package/dist/portfolio-asset-card-BdS7kkkT.cjs +1 -0
- package/dist/{portfolio-asset-card-C_opxeH0.js → portfolio-asset-card-DEMARh53.js} +5 -4
- package/dist/premium-card-1vtWPIUr.cjs +1 -0
- package/dist/{premium-card-BzFA2A5p.js → premium-card-CFQKDWqN.js} +14 -13
- package/dist/styles.css +1 -1
- package/dist/{title-tag-card-CEjHX43m.js → title-tag-card-Iowzns_v.js} +3 -2
- package/dist/title-tag-card-MFpE2-Nb.cjs +1 -0
- package/dist/types/progress.d.ts +13 -0
- package/dist/types/ui/progress.d.ts +2 -0
- package/dist/types/ui.d.ts +10 -0
- package/dist/ui/progress.cjs.js +1 -0
- package/dist/ui/progress.es.js +26 -0
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +101 -99
- package/dist/{youtube-video-modal-CENnr9lf.js → youtube-video-modal-B_vy97Tt.js} +11 -10
- package/dist/youtube-video-modal-C4a0lovb.cjs +1 -0
- package/package.json +14 -4
- package/dist/DESIGN.md +0 -1963
- package/dist/article-asset-card-CM_WiHYI.cjs +0 -1
- package/dist/camp-card-Dr0h_TPh.cjs +0 -1
- package/dist/company-info-card-H1BDbRoL.cjs +0 -1
- package/dist/event-card-B7TYQ2do.cjs +0 -1
- package/dist/lecturer-card-CGPXVDdx.cjs +0 -1
- package/dist/main-banner-image-DdV4qseq.cjs +0 -1
- package/dist/mobile-camp-card-DJPf2Efp.cjs +0 -1
- package/dist/portfolio-asset-card-BlgNFtHc.cjs +0 -1
- package/dist/premium-card-Diea6qG_.cjs +0 -1
- package/dist/title-tag-card-Cn0V-8Ga.cjs +0 -1
- package/dist/youtube-video-modal-pooOcDO1.cjs +0 -1
package/dist/components.es.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { E as o } from "./event-card-
|
|
3
|
-
import { M as t } from "./main-banner-image-
|
|
4
|
-
import { P as m } from "./premium-card-
|
|
5
|
-
import { T as p } from "./title-tag-card-
|
|
6
|
-
import { A as d } from "./article-asset-card-
|
|
2
|
+
import { E as o } from "./event-card-C1mSACOR.js";
|
|
3
|
+
import { M as t } from "./main-banner-image-BRLhiQJZ.js";
|
|
4
|
+
import { P as m } from "./premium-card-CFQKDWqN.js";
|
|
5
|
+
import { T as p } from "./title-tag-card-Iowzns_v.js";
|
|
6
|
+
import { A as d } from "./article-asset-card-D1Ipe86b.js";
|
|
7
7
|
import { B as x } from "./blog-review-card-DTM0poKi.js";
|
|
8
|
-
import { C as l } from "./camp-card-
|
|
8
|
+
import { C as l } from "./camp-card-Bi7Li0p5.js";
|
|
9
9
|
import { f as u, a as A, b as P, c as E, d as c, e as B, i as M } from "./camp-card-format-QrakDFC6.js";
|
|
10
|
-
import { C as L } from "./company-info-card-
|
|
10
|
+
import { C as L } from "./company-info-card-D1U_poOk.js";
|
|
11
11
|
import { E as g } from "./environment-asset-photo-BCR9v2we.js";
|
|
12
12
|
import { E as y } from "./event-asset-banner-CbhdfmpK.js";
|
|
13
|
-
import { L as Y } from "./lecturer-card-
|
|
13
|
+
import { L as Y } from "./lecturer-card-BlzA-YP6.js";
|
|
14
14
|
import { P as D } from "./partner-list-card-Bx-UZxGG.js";
|
|
15
|
-
import { M as R } from "./mobile-camp-card-
|
|
16
|
-
import { P as V, a as j } from "./portfolio-asset-card-
|
|
17
|
-
import { Y as q } from "./youtube-video-modal-
|
|
15
|
+
import { M as R } from "./mobile-camp-card-B8rTQeTh.js";
|
|
16
|
+
import { P as V, a as j } from "./portfolio-asset-card-DEMARh53.js";
|
|
17
|
+
import { Y as q } from "./youtube-video-modal-B_vy97Tt.js";
|
|
18
18
|
export {
|
|
19
19
|
d as ArticleAssetCard,
|
|
20
20
|
x as BlogReviewCard,
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# components/article-asset-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — article-asset-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## article-asset-card
|
|
11
|
+
|
|
12
|
+
> article-asset-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/article-asset-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type ArticleAssetCardProps = ImageLoadingProps & {
|
|
25
|
+
article: ArticleAssetCardData;
|
|
26
|
+
isYoutube?: boolean;
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
> 시각 예시는 Storybook(`article-asset-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# components/blog-review-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — blog-review-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## blog-review-card
|
|
11
|
+
|
|
12
|
+
> blog-review-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/blog-review-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type BlogReviewCardProps = ImageLoadingProps & {
|
|
25
|
+
review: BlogReviewCardData;
|
|
26
|
+
}
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
> 시각 예시는 Storybook(`blog-review-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
# components/camp-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — camp-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## camp-card
|
|
11
|
+
|
|
12
|
+
> camp-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/camp-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type CampCardProps = ImageLoadingProps & {
|
|
25
|
+
brandName: string;
|
|
26
|
+
title: string;
|
|
27
|
+
batchName?: string;
|
|
28
|
+
imageUrl?: string | null;
|
|
29
|
+
imageAlt?: string;
|
|
30
|
+
tuitionText?: string;
|
|
31
|
+
locationText?: string;
|
|
32
|
+
scheduleText?: string;
|
|
33
|
+
startDate?: string | null;
|
|
34
|
+
endDate?: string | null;
|
|
35
|
+
period?: number | null;
|
|
36
|
+
tuition?: number | null;
|
|
37
|
+
earlyBirdTuition?: number | null;
|
|
38
|
+
earlyBirdEndDate?: string | null;
|
|
39
|
+
isFree?: boolean;
|
|
40
|
+
onoffText?: string | null;
|
|
41
|
+
cityLabels?: string[] | null;
|
|
42
|
+
offlineRequiredText?: string | null;
|
|
43
|
+
costOptionText?: string;
|
|
44
|
+
tags?: CampCardTag[];
|
|
45
|
+
statusBadge?: CampCardBadge;
|
|
46
|
+
adBadge?: CampCardBadge;
|
|
47
|
+
adTitle?: string;
|
|
48
|
+
isAd?: boolean;
|
|
49
|
+
className?: string;
|
|
50
|
+
style?: React.CSSProperties;
|
|
51
|
+
bookmarkSlot?: React.ReactNode;
|
|
52
|
+
latestBatchSlot?: React.ReactNode;
|
|
53
|
+
imageOverlaySlot?: React.ReactNode;
|
|
54
|
+
imageWrapper?: (image: React.ReactNode) => React.ReactNode;
|
|
55
|
+
}
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
> 시각 예시는 Storybook(`camp-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# components/company-info-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — company-info-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## company-info-card
|
|
11
|
+
|
|
12
|
+
> company-info-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/company-info-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type CompanyInfoCardProps = ImageLoadingProps & {
|
|
25
|
+
intro: CompanyInfoCardData;
|
|
26
|
+
roleText?: string;
|
|
27
|
+
descriptionId?: string;
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
> 시각 예시는 Storybook(`company-info-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# components/environment-asset-photo.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — environment-asset-photo.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## environment-asset-photo
|
|
11
|
+
|
|
12
|
+
> environment-asset-photo 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/environment-asset-photo";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type EnvironmentAssetPhotoProps = ImageLoadingProps & {
|
|
25
|
+
imageUrl: string;
|
|
26
|
+
index: number;
|
|
27
|
+
onClick: () => void;
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
> 시각 예시는 Storybook(`environment-asset-photo.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# components/event-asset-banner.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — event-asset-banner.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## event-asset-banner
|
|
11
|
+
|
|
12
|
+
> event-asset-banner 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/event-asset-banner";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type EventAssetBannerProps = ImageLoadingProps & {
|
|
25
|
+
eventValue: EventAssetBannerData;
|
|
26
|
+
buttonClass?: string;
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
> 시각 예시는 Storybook(`event-asset-banner.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# components/event-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — event-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## event-card
|
|
11
|
+
|
|
12
|
+
> event-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: ads
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/event-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type EventCardProps = ImageLoadingProps & {
|
|
25
|
+
adProduct: string;
|
|
26
|
+
logo: string;
|
|
27
|
+
title: string;
|
|
28
|
+
batchName?: string;
|
|
29
|
+
adTitle: string;
|
|
30
|
+
isLoading?: boolean;
|
|
31
|
+
startDate: string;
|
|
32
|
+
tuition: number;
|
|
33
|
+
nbCardRequired: boolean;
|
|
34
|
+
regEndDate?: string;
|
|
35
|
+
className?: string;
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
> 시각 예시는 Storybook(`event-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# components/lecturer-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — lecturer-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## lecturer-card
|
|
11
|
+
|
|
12
|
+
> lecturer-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/lecturer-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type LecturerCardProps = ImageLoadingProps & {
|
|
25
|
+
keyPrefix: string;
|
|
26
|
+
lecturer: LecturerAssetCardData;
|
|
27
|
+
roleLabel: string;
|
|
28
|
+
isMobile: boolean;
|
|
29
|
+
isExpanded: boolean;
|
|
30
|
+
onToggleExpand: (index: number) => void;
|
|
31
|
+
description: string[];
|
|
32
|
+
idx: number;
|
|
33
|
+
numberOfLecturers: number;
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
> 시각 예시는 Storybook(`lecturer-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# components/main-banner-image.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — main-banner-image.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## main-banner-image
|
|
11
|
+
|
|
12
|
+
> main-banner-image 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: ads
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/main-banner-image";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
type MainBannerImageProps = ImageLoadingProps & {
|
|
25
|
+
adKey: string;
|
|
26
|
+
filename: string;
|
|
27
|
+
title: string;
|
|
28
|
+
backgroundColor: string;
|
|
29
|
+
hideButton?: boolean;
|
|
30
|
+
buttonColors?: {
|
|
31
|
+
button: string;
|
|
32
|
+
buttonText: string;
|
|
33
|
+
};
|
|
34
|
+
linkType?: string;
|
|
35
|
+
isLoading?: boolean;
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
> 시각 예시는 Storybook(`main-banner-image.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
# components/mobile-camp-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — mobile-camp-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## mobile-camp-card
|
|
11
|
+
|
|
12
|
+
> mobile-camp-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/mobile-camp-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type MobileCampCardProps = ImageLoadingProps & {
|
|
25
|
+
brandName: string;
|
|
26
|
+
title: string;
|
|
27
|
+
batchName?: string;
|
|
28
|
+
imageUrl?: string | null;
|
|
29
|
+
imageAlt?: string;
|
|
30
|
+
tuitionText?: string;
|
|
31
|
+
locationText?: string;
|
|
32
|
+
scheduleText?: string;
|
|
33
|
+
startDate?: string | null;
|
|
34
|
+
endDate?: string | null;
|
|
35
|
+
period?: number | null;
|
|
36
|
+
tuition?: number | null;
|
|
37
|
+
earlyBirdTuition?: number | null;
|
|
38
|
+
earlyBirdEndDate?: string | null;
|
|
39
|
+
isFree?: boolean;
|
|
40
|
+
onoffText?: string | null;
|
|
41
|
+
cityLabels?: string[] | null;
|
|
42
|
+
offlineRequiredText?: string | null;
|
|
43
|
+
costOptionText?: string;
|
|
44
|
+
tags?: CampCardTag[];
|
|
45
|
+
statusBadge?: CampCardBadge;
|
|
46
|
+
adBadge?: CampCardBadge;
|
|
47
|
+
adTitle?: string;
|
|
48
|
+
isAd?: boolean;
|
|
49
|
+
isShowRegTag?: boolean;
|
|
50
|
+
earlyBirdText?: React.ReactNode;
|
|
51
|
+
afterTuitionText?: React.ReactNode;
|
|
52
|
+
govtCostText?: React.ReactNode;
|
|
53
|
+
height?: string | number;
|
|
54
|
+
className?: string;
|
|
55
|
+
bookmarkSlot?: React.ReactNode;
|
|
56
|
+
imageOverlaySlot?: React.ReactNode;
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
> 시각 예시는 Storybook(`mobile-camp-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# components/partner-list-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — partner-list-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## partner-list-card
|
|
11
|
+
|
|
12
|
+
> partner-list-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/partner-list-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type PartnerListCardProps = ImageLoadingProps & {
|
|
25
|
+
introductionData: PartnerListCardData;
|
|
26
|
+
updatedContents?: number;
|
|
27
|
+
openBatchs?: number;
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
> 시각 예시는 Storybook(`partner-list-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# components/portfolio-asset-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — portfolio-asset-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## portfolio-asset-card
|
|
11
|
+
|
|
12
|
+
> portfolio-asset-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/portfolio-asset-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type PortfolioAssetCardProps = ImageLoadingProps & {
|
|
25
|
+
portfolio: PortfolioAssetCardData;
|
|
26
|
+
isYoutube?: boolean;
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
> 시각 예시는 Storybook(`portfolio-asset-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# components/premium-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — premium-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## premium-card
|
|
11
|
+
|
|
12
|
+
> premium-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: ads
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/premium-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type PremiumCardProps = ImageLoadingProps & {
|
|
25
|
+
logo: string;
|
|
26
|
+
title: string;
|
|
27
|
+
subtitle: string;
|
|
28
|
+
thumbnail: string;
|
|
29
|
+
batchTitle: string;
|
|
30
|
+
batchName?: string;
|
|
31
|
+
brandName: string;
|
|
32
|
+
startDate: string;
|
|
33
|
+
tuition: number;
|
|
34
|
+
isLoading?: boolean;
|
|
35
|
+
className?: string;
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
> 시각 예시는 Storybook(`premium-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# components/title-tag-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — title-tag-card.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## title-tag-card
|
|
11
|
+
|
|
12
|
+
> title-tag-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: ads
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/title-tag-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type TitleTagCardProps = ImageLoadingProps & {
|
|
25
|
+
coverImage: string;
|
|
26
|
+
brandName: string;
|
|
27
|
+
title: string;
|
|
28
|
+
batchName?: string;
|
|
29
|
+
titleTagType?: string;
|
|
30
|
+
adTitle?: string;
|
|
31
|
+
changedAspect?: string;
|
|
32
|
+
tags?: string[];
|
|
33
|
+
isLoading?: boolean;
|
|
34
|
+
className?: string;
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
> 시각 예시는 Storybook(`title-tag-card.stories.tsx`)을 참고하세요.
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# components/youtube-video-modal.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — youtube-video-modal.
|
|
6
|
+
> 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## youtube-video-modal
|
|
11
|
+
|
|
12
|
+
> youtube-video-modal 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/youtube-video-modal";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type YoutubeVideoModalProps = {
|
|
25
|
+
open: boolean;
|
|
26
|
+
onOpenChange: (open: boolean) => void;
|
|
27
|
+
url?: string | null;
|
|
28
|
+
title?: string;
|
|
29
|
+
autoPlay?: boolean;
|
|
30
|
+
className?: string;
|
|
31
|
+
}
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
> 시각 예시는 Storybook(`youtube-video-modal.stories.tsx`)을 참고하세요.
|