boottent-design 0.1.259 → 0.1.260
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-asset-card-DGa_XWK1.js +96 -0
- package/dist/article-asset-card-DRRl2BH8.cjs +1 -0
- package/dist/camp-card-DM2V71SW.cjs +1 -0
- package/dist/{camp-card-Bi7Li0p5.js → camp-card-nUdSAdXo.js} +70 -59
- package/dist/common-DeneXo5X.cjs +1 -0
- package/dist/common-zQ5XY0UN.js +11 -0
- package/dist/company-info-card-BXAempVI.cjs +1 -0
- package/dist/{company-info-card-D1U_poOk.js → company-info-card-DJTgItPu.js} +4 -3
- 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/dday-card.cjs.js +1 -0
- package/dist/components/dday-card.es.js +5 -0
- package/dist/components/event-asset-banner.cjs.js +1 -1
- package/dist/components/event-asset-banner.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 +41 -39
- package/dist/dday-card-Diku8WyO.cjs +1 -0
- package/dist/dday-card-HrnKCR_0.js +140 -0
- 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 +47 -0
- 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 -3
- 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 +2 -2
- package/dist/design-system/components/youtube-video-modal.md +1 -1
- package/dist/design-system/design-system.md +7 -6
- 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 +56 -0
- 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/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 +6 -4
- 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 +3 -1
- package/dist/{event-asset-banner-CbhdfmpK.js → event-asset-banner-BW6nZaJq.js} +20 -27
- package/dist/event-asset-banner-m607rLD9.cjs +1 -0
- package/dist/event-card-580Y5jgk.js +137 -0
- package/dist/event-card-BlNRSE2x.cjs +1 -0
- package/dist/{lecturer-card-BlzA-YP6.js → lecturer-card-BBkqiic3.js} +4 -3
- package/dist/lecturer-card-C7E4UkU8.cjs +1 -0
- package/dist/{main-banner-image-BRLhiQJZ.js → main-banner-image-BYIEit_f.js} +33 -33
- package/dist/main-banner-image-By44s_XP.cjs +1 -0
- package/dist/{mobile-camp-card-B8rTQeTh.js → mobile-camp-card-1dxI-BCc.js} +28 -21
- package/dist/mobile-camp-card-D-5N6bex.cjs +1 -0
- package/dist/portfolio-asset-card-8mBpumTp.cjs +1 -0
- package/dist/{portfolio-asset-card-DEMARh53.js → portfolio-asset-card-mAkXH6Qc.js} +12 -11
- package/dist/{premium-card-CFQKDWqN.js → premium-card-CLC7dc-g.js} +48 -60
- package/dist/premium-card-CThRJYXd.cjs +1 -0
- package/dist/styles.css +1 -1
- package/dist/title-tag-card-C-AvnXtC.cjs +1 -0
- package/dist/{title-tag-card-Iowzns_v.js → title-tag-card-hb6ub3gc.js} +59 -81
- package/dist/tokens.cjs.js +1 -1
- package/dist/tokens.es.js +18 -11
- package/dist/types/article-asset-card.d.ts +7 -29
- package/dist/types/badge.d.ts +1 -1
- package/dist/types/button.d.ts +1 -1
- package/dist/types/card-label.d.ts +15 -0
- package/dist/types/components/dday-card.d.ts +2 -0
- package/dist/types/components.d.ts +32 -34
- package/dist/types/dday-card.d.ts +32 -0
- package/dist/types/event-asset-banner.d.ts +1 -1
- package/dist/types/event-card.d.ts +1 -3
- package/dist/types/tag.d.ts +2 -2
- package/dist/types/text.d.ts +2 -2
- package/dist/types/title-tag-card.d.ts +8 -1
- package/dist/types/tokens.d.ts +48 -33
- package/dist/types/tooltip.d.ts +1 -1
- package/dist/types/ui/card-label.d.ts +2 -0
- package/dist/types/ui.d.ts +14 -5
- package/dist/ui/accordion.cjs.js +1 -1
- package/dist/ui/accordion.es.js +1 -1
- package/dist/ui/alert-dialog.cjs.js +1 -1
- package/dist/ui/alert-dialog.es.js +1 -1
- package/dist/ui/anchor.cjs.js +1 -1
- package/dist/ui/anchor.es.js +1 -1
- package/dist/ui/avatar.cjs.js +1 -1
- package/dist/ui/avatar.es.js +1 -1
- package/dist/ui/badge.cjs.js +1 -1
- package/dist/ui/badge.es.js +1 -1
- package/dist/ui/button.cjs.js +1 -1
- package/dist/ui/button.es.js +1 -1
- package/dist/ui/calendar.cjs.js +1 -1
- package/dist/ui/calendar.es.js +1 -1
- package/dist/ui/callout.cjs.js +1 -1
- package/dist/ui/callout.es.js +1 -1
- package/dist/ui/card-label.cjs.js +1 -0
- package/dist/ui/card-label.es.js +27 -0
- package/dist/ui/card.cjs.js +1 -1
- package/dist/ui/card.es.js +1 -1
- package/dist/ui/checkbox.cjs.js +1 -1
- package/dist/ui/checkbox.es.js +1 -1
- package/dist/ui/command.cjs.js +1 -1
- package/dist/ui/command.es.js +1 -1
- package/dist/ui/dialog.cjs.js +1 -1
- package/dist/ui/dialog.es.js +1 -1
- package/dist/ui/dropdown-menu.cjs.js +1 -1
- package/dist/ui/dropdown-menu.es.js +1 -1
- package/dist/ui/file-uploader.cjs.js +1 -1
- package/dist/ui/file-uploader.es.js +1 -1
- package/dist/ui/form.cjs.js +1 -1
- package/dist/ui/form.es.js +1 -1
- package/dist/ui/icons.cjs.js +1 -1
- package/dist/ui/icons.es.js +1 -1
- package/dist/ui/image.cjs.js +1 -1
- package/dist/ui/image.es.js +1 -1
- package/dist/ui/input.cjs.js +1 -1
- package/dist/ui/input.es.js +1 -1
- package/dist/ui/label.cjs.js +1 -1
- package/dist/ui/label.es.js +1 -1
- package/dist/ui/month-picker.cjs.js +1 -1
- package/dist/ui/month-picker.es.js +1 -1
- package/dist/ui/multi-select.cjs.js +1 -1
- package/dist/ui/multi-select.es.js +1 -1
- package/dist/ui/navigation-menu.cjs.js +1 -1
- package/dist/ui/navigation-menu.es.js +1 -1
- package/dist/ui/popover.cjs.js +1 -1
- package/dist/ui/popover.es.js +1 -1
- package/dist/ui/progress.cjs.js +1 -1
- package/dist/ui/progress.es.js +1 -1
- package/dist/ui/radio-group.cjs.js +1 -1
- package/dist/ui/radio-group.es.js +1 -1
- package/dist/ui/scroll-area.cjs.js +1 -1
- package/dist/ui/scroll-area.es.js +1 -1
- package/dist/ui/select.cjs.js +1 -1
- package/dist/ui/select.es.js +1 -1
- package/dist/ui/separator.cjs.js +1 -1
- package/dist/ui/separator.es.js +1 -1
- package/dist/ui/simple-table.cjs.js +1 -1
- package/dist/ui/simple-table.es.js +1 -1
- package/dist/ui/skeleton.cjs.js +1 -1
- package/dist/ui/skeleton.es.js +1 -1
- package/dist/ui/slider.cjs.js +1 -1
- package/dist/ui/slider.es.js +1 -1
- package/dist/ui/switch.cjs.js +1 -1
- package/dist/ui/switch.es.js +1 -1
- package/dist/ui/tabs.cjs.js +1 -1
- package/dist/ui/tabs.es.js +1 -1
- package/dist/ui/tag.cjs.js +1 -1
- package/dist/ui/tag.es.js +6 -8
- package/dist/ui/text.cjs.js +1 -1
- package/dist/ui/text.es.js +1 -1
- package/dist/ui/textarea.cjs.js +1 -1
- package/dist/ui/textarea.es.js +1 -1
- package/dist/ui/toast.cjs.js +1 -1
- package/dist/ui/toast.es.js +1 -1
- package/dist/ui/toggle-group.cjs.js +1 -1
- package/dist/ui/toggle-group.es.js +1 -1
- package/dist/ui/toggle.cjs.js +1 -1
- package/dist/ui/toggle.es.js +1 -1
- package/dist/ui/tooltip.cjs.js +1 -1
- package/dist/ui/tooltip.es.js +1 -1
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +157 -155
- package/dist/utils-CvQG8ZyC.js +36 -0
- package/dist/utils-DDqioO-T.cjs +1 -0
- package/dist/youtube-video-modal-CNTPCinc.cjs +1 -0
- package/dist/{youtube-video-modal-B_vy97Tt.js → youtube-video-modal-CrkV3YQc.js} +4 -3
- package/package.json +1 -1
- package/dist/article-asset-card-CGSemovn.cjs +0 -1
- package/dist/article-asset-card-D1Ipe86b.js +0 -97
- package/dist/camp-card-BRs3koNF.cjs +0 -1
- package/dist/common-C3JaD1vJ.js +0 -25
- package/dist/common-Ds1lanOg.cjs +0 -1
- package/dist/company-info-card-C00gMHAv.cjs +0 -1
- package/dist/event-asset-banner-BRsgu3Hc.cjs +0 -1
- package/dist/event-card-C1mSACOR.js +0 -158
- package/dist/event-card-DebLbRKd.cjs +0 -1
- package/dist/index-0QN4lVFQ.js +0 -130
- package/dist/index-B8SY6s5B.cjs +0 -1
- package/dist/index-DWvwbdTU.js +0 -44
- package/dist/index-Dhd1jlaC.cjs +0 -1
- package/dist/lecturer-card-CgSWLJ8r.cjs +0 -1
- package/dist/main-banner-image-Bh3AZqac.cjs +0 -1
- package/dist/mobile-camp-card-B4L0Eq0v.cjs +0 -1
- package/dist/portfolio-asset-card-BdS7kkkT.cjs +0 -1
- package/dist/premium-card-1vtWPIUr.cjs +0 -1
- package/dist/title-tag-card-MFpE2-Nb.cjs +0 -1
- package/dist/utils-B1DD9KJ8.js +0 -42
- package/dist/utils-B5U1QyKF.cjs +0 -1
- package/dist/youtube-video-modal-C4a0lovb.cjs +0 -1
package/dist/components.es.js
CHANGED
|
@@ -1,42 +1,44 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { E as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
2
|
+
import { D as o } from "./dday-card-HrnKCR_0.js";
|
|
3
|
+
import { E as t } from "./event-card-580Y5jgk.js";
|
|
4
|
+
import { M as m } from "./main-banner-image-BYIEit_f.js";
|
|
5
|
+
import { P as p } from "./premium-card-CLC7dc-g.js";
|
|
6
|
+
import { T as d } from "./title-tag-card-hb6ub3gc.js";
|
|
7
|
+
import { A as i } from "./article-asset-card-DGa_XWK1.js";
|
|
8
|
+
import { B as l } from "./blog-review-card-DTM0poKi.js";
|
|
9
|
+
import { C as u } from "./camp-card-nUdSAdXo.js";
|
|
10
|
+
import { f as P, a as E, b as c, c as B, d as M, e as v, i as L } from "./camp-card-format-QrakDFC6.js";
|
|
11
|
+
import { C as g } from "./company-info-card-DJTgItPu.js";
|
|
12
|
+
import { E as D } from "./environment-asset-photo-BCR9v2we.js";
|
|
13
|
+
import { E as I } from "./event-asset-banner-BW6nZaJq.js";
|
|
14
|
+
import { L as w } from "./lecturer-card-BBkqiic3.js";
|
|
15
|
+
import { P as R } from "./partner-list-card-Bx-UZxGG.js";
|
|
16
|
+
import { M as V } from "./mobile-camp-card-1dxI-BCc.js";
|
|
17
|
+
import { P as k, a as q } from "./portfolio-asset-card-mAkXH6Qc.js";
|
|
18
|
+
import { Y as G } from "./youtube-video-modal-CrkV3YQc.js";
|
|
18
19
|
export {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
p as
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
20
|
+
i as ArticleAssetCard,
|
|
21
|
+
l as BlogReviewCard,
|
|
22
|
+
u as CampCard,
|
|
23
|
+
g as CompanyInfoCard,
|
|
24
|
+
o as DdayCard,
|
|
25
|
+
D as EnvironmentAssetPhoto,
|
|
26
|
+
I as EventAssetBanner,
|
|
27
|
+
t as EventCard,
|
|
28
|
+
w as LecturerCard,
|
|
29
|
+
m as MainBannerImage,
|
|
30
|
+
V as MobileCampCard,
|
|
31
|
+
R as PartnerListCard,
|
|
32
|
+
k as PortfolioAssetCard,
|
|
33
|
+
q as PortfolioAssetFooter,
|
|
34
|
+
p as PremiumCard,
|
|
35
|
+
d as TitleTagCard,
|
|
36
|
+
G as YoutubeVideoModal,
|
|
37
|
+
P as formatCampCardDateText,
|
|
38
|
+
E as formatCampCardLocationText,
|
|
39
|
+
c as formatCampCardPeriodText,
|
|
40
|
+
B as formatCampCardScheduleText,
|
|
41
|
+
M as formatCampCardTuitionText,
|
|
42
|
+
v as formatTuitionAmountText,
|
|
43
|
+
L as isEarlyBirdApplied
|
|
42
44
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const c=require("./common-DeneXo5X.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");const x=require("./ui/card-label.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/progress.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");const t=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const o=require("./utils-DDqioO-T.cjs"),y=require("./image-loading-DZFBFoVv.cjs");function w({tagLabel:r,logo:a,title:i,batchName:l="",adTitle:s,startDate:u,tuition:n,nbCardRequired:q,isLoading:m=!1,className:d,imagePriority:g,imageLoading:f,imageFetchPriority:p,imageDecoding:h}){if(m)return e.jsx(v,{className:d});const b=`${o.getCampDateText(u)} 개강 · ${o.getEventCampCostValue(n,q)}`,j=y.getImageLoadingAttributes({imagePriority:g,imageLoading:f,imageFetchPriority:p,imageDecoding:h});return e.jsx(N,{tagLabel:r,logo:a,title:`${i} ${l}`,adTitle:s,footerText:b,className:d,imageLoadingAttributes:j})}function N({tagLabel:r,logo:a,title:i,adTitle:l,footerText:s,className:u,imageLoadingAttributes:n}){return e.jsxs("div",{className:c.cn("bt-ds-text-reset relative z-10 flex h-full w-full flex-col items-start justify-between gap-2 overflow-hidden rounded-xl border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",u),children:[e.jsx(x.CardLabel,{variant:"dDay",className:"absolute right-0 top-0",children:r}),e.jsx("img",{src:a,alt:`${i} 로고`,className:"h-4 object-contain",...n}),e.jsxs("div",{className:"flex w-full flex-col items-start gap-2",children:[e.jsx("p",{className:"line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12",title:i,children:i}),e.jsx("p",{className:"line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800",children:l}),e.jsx("div",{className:"text-[13px] leading-[19px] text-grey-600",children:s})]})]})}function v({className:r}){return e.jsxs(t.Skeleton,{type:"background",className:c.cn("bt-ds-text-reset relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-xl p-4 md:p-5 lg:p-6",r),children:[e.jsx(x.CardLabel,{variant:"dDay",className:"h-7 w-20 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg",children:""}),e.jsx(t.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex flex-col items-start gap-2",children:[e.jsx("div",{className:"h-10 w-full",children:e.jsx(t.Skeleton,{className:"h-5 w-4/5"})}),e.jsx(t.Skeleton,{className:"h-14 w-full"})]}),e.jsx(t.Skeleton,{className:"mt-2 h-[19px] w-2/3"})]})}exports.DdayCard=w;
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import "./ui/accordion.es.js";
|
|
3
|
+
import "./ui/alert-dialog.es.js";
|
|
4
|
+
import { c as n } from "./common-zQ5XY0UN.js";
|
|
5
|
+
import "@radix-ui/react-aspect-ratio";
|
|
6
|
+
import "./ui/avatar.es.js";
|
|
7
|
+
import "./ui/badge.es.js";
|
|
8
|
+
import "./ui/button.es.js";
|
|
9
|
+
import "./ui/calendar.es.js";
|
|
10
|
+
import "./ui/callout.es.js";
|
|
11
|
+
import "./ui/card.es.js";
|
|
12
|
+
import { CardLabel as c } from "./ui/card-label.es.js";
|
|
13
|
+
import "./ui/checkbox.es.js";
|
|
14
|
+
import "lucide-react";
|
|
15
|
+
import "./ui/command.es.js";
|
|
16
|
+
import "./ui/dialog.es.js";
|
|
17
|
+
import "./ui/dropdown-menu.es.js";
|
|
18
|
+
import "./ui/file-uploader.es.js";
|
|
19
|
+
import "./ui/form.es.js";
|
|
20
|
+
import "./ui/input.es.js";
|
|
21
|
+
import "./ui/label.es.js";
|
|
22
|
+
import "./ui/month-picker.es.js";
|
|
23
|
+
import "./ui/multi-select.es.js";
|
|
24
|
+
import "./ui/navigation-menu.es.js";
|
|
25
|
+
import "./ui/popover.es.js";
|
|
26
|
+
import "./ui/progress.es.js";
|
|
27
|
+
import "./ui/radio-group.es.js";
|
|
28
|
+
import "./ui/scroll-area.es.js";
|
|
29
|
+
import "./ui/select.es.js";
|
|
30
|
+
import "./ui/separator.es.js";
|
|
31
|
+
import { Skeleton as o } from "./ui/skeleton.es.js";
|
|
32
|
+
import "@radix-ui/react-slider";
|
|
33
|
+
import "react";
|
|
34
|
+
import "./ui/switch.es.js";
|
|
35
|
+
import "./ui/tabs.es.js";
|
|
36
|
+
import "./ui/tag.es.js";
|
|
37
|
+
import "./ui/text.es.js";
|
|
38
|
+
import "./ui/textarea.es.js";
|
|
39
|
+
import "./ui/toast.es.js";
|
|
40
|
+
import "./ui/toggle.es.js";
|
|
41
|
+
import "./ui/toggle-group.es.js";
|
|
42
|
+
import "./ui/tooltip.es.js";
|
|
43
|
+
import { g as N, a as v } from "./utils-CvQG8ZyC.js";
|
|
44
|
+
import { g as C } from "./image-loading-BX5rKZfC.js";
|
|
45
|
+
function gt({
|
|
46
|
+
tagLabel: e,
|
|
47
|
+
logo: m,
|
|
48
|
+
title: r,
|
|
49
|
+
batchName: a = "",
|
|
50
|
+
adTitle: l,
|
|
51
|
+
startDate: p,
|
|
52
|
+
tuition: s,
|
|
53
|
+
nbCardRequired: f,
|
|
54
|
+
isLoading: x = !1,
|
|
55
|
+
className: d,
|
|
56
|
+
imagePriority: u,
|
|
57
|
+
imageLoading: g,
|
|
58
|
+
imageFetchPriority: h,
|
|
59
|
+
imageDecoding: b
|
|
60
|
+
}) {
|
|
61
|
+
if (x)
|
|
62
|
+
return /* @__PURE__ */ t(j, { className: d });
|
|
63
|
+
const w = `${N(p)} 개강 · ${v(s, f)}`, y = C({
|
|
64
|
+
imagePriority: u,
|
|
65
|
+
imageLoading: g,
|
|
66
|
+
imageFetchPriority: h,
|
|
67
|
+
imageDecoding: b
|
|
68
|
+
});
|
|
69
|
+
return /* @__PURE__ */ t(
|
|
70
|
+
D,
|
|
71
|
+
{
|
|
72
|
+
tagLabel: e,
|
|
73
|
+
logo: m,
|
|
74
|
+
title: `${r} ${a}`,
|
|
75
|
+
adTitle: l,
|
|
76
|
+
footerText: w,
|
|
77
|
+
className: d,
|
|
78
|
+
imageLoadingAttributes: y
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
}
|
|
82
|
+
function D({
|
|
83
|
+
tagLabel: e,
|
|
84
|
+
logo: m,
|
|
85
|
+
title: r,
|
|
86
|
+
adTitle: a,
|
|
87
|
+
footerText: l,
|
|
88
|
+
className: p,
|
|
89
|
+
imageLoadingAttributes: s
|
|
90
|
+
}) {
|
|
91
|
+
return /* @__PURE__ */ i(
|
|
92
|
+
"div",
|
|
93
|
+
{
|
|
94
|
+
className: n(
|
|
95
|
+
"bt-ds-text-reset relative z-10 flex h-full w-full flex-col items-start justify-between gap-2 overflow-hidden rounded-xl border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",
|
|
96
|
+
p
|
|
97
|
+
),
|
|
98
|
+
children: [
|
|
99
|
+
/* @__PURE__ */ t(c, { variant: "dDay", className: "absolute right-0 top-0", children: e }),
|
|
100
|
+
/* @__PURE__ */ t("img", { src: m, alt: `${r} 로고`, className: "h-4 object-contain", ...s }),
|
|
101
|
+
/* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-2", children: [
|
|
102
|
+
/* @__PURE__ */ t("p", { className: "line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12", title: r, children: r }),
|
|
103
|
+
/* @__PURE__ */ t("p", { className: "line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800", children: a }),
|
|
104
|
+
/* @__PURE__ */ t("div", { className: "text-[13px] leading-[19px] text-grey-600", children: l })
|
|
105
|
+
] })
|
|
106
|
+
]
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
}
|
|
110
|
+
function j({ className: e }) {
|
|
111
|
+
return /* @__PURE__ */ i(
|
|
112
|
+
o,
|
|
113
|
+
{
|
|
114
|
+
type: "background",
|
|
115
|
+
className: n(
|
|
116
|
+
"bt-ds-text-reset relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-xl p-4 md:p-5 lg:p-6",
|
|
117
|
+
e
|
|
118
|
+
),
|
|
119
|
+
children: [
|
|
120
|
+
/* @__PURE__ */ t(
|
|
121
|
+
c,
|
|
122
|
+
{
|
|
123
|
+
variant: "dDay",
|
|
124
|
+
className: "h-7 w-20 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg",
|
|
125
|
+
children: ""
|
|
126
|
+
}
|
|
127
|
+
),
|
|
128
|
+
/* @__PURE__ */ t(o, { className: "h-4 w-1/2" }),
|
|
129
|
+
/* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2", children: [
|
|
130
|
+
/* @__PURE__ */ t("div", { className: "h-10 w-full", children: /* @__PURE__ */ t(o, { className: "h-5 w-4/5" }) }),
|
|
131
|
+
/* @__PURE__ */ t(o, { className: "h-14 w-full" })
|
|
132
|
+
] }),
|
|
133
|
+
/* @__PURE__ */ t(o, { className: "mt-2 h-[19px] w-2/3" })
|
|
134
|
+
]
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
}
|
|
138
|
+
export {
|
|
139
|
+
gt as D
|
|
140
|
+
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — article-asset-card.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# components/dday-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — dday-card.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## dday-card
|
|
11
|
+
|
|
12
|
+
> 마감 임박 캠프에 D-day 레이블을 부착해 긴급감을 전달하는 광고 카드입니다.
|
|
13
|
+
EventCard 와 구조가 동일하지만 `tagLabel` prop 을 소비자가 직접 전달합니다.
|
|
14
|
+
|
|
15
|
+
- **분류**: ads
|
|
16
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
17
|
+
|
|
18
|
+
### ✅ 언제 사용
|
|
19
|
+
- 캠프 등록 마감 D-day 카운트다운을 강조할 때
|
|
20
|
+
- 이벤트 카드 자리에서 마감 임박 캠프를 배치할 때
|
|
21
|
+
|
|
22
|
+
### 🚫 주의
|
|
23
|
+
- `tagLabel` 은 소비자가 `getCampDdayText(regEndDate)` 등으로 계산해 전달하세요.
|
|
24
|
+
- D-day 계산 로직은 DS가 소유하지 않습니다.
|
|
25
|
+
|
|
26
|
+
### Import
|
|
27
|
+
```tsx
|
|
28
|
+
import { /* ... */ } from "boottent-design/components/dday-card";
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### Props
|
|
32
|
+
```typescript
|
|
33
|
+
export type DdayCardProps = ImageLoadingProps & {
|
|
34
|
+
tagLabel: string;
|
|
35
|
+
logo: string;
|
|
36
|
+
title: string;
|
|
37
|
+
batchName?: string;
|
|
38
|
+
adTitle: string;
|
|
39
|
+
isLoading?: boolean;
|
|
40
|
+
startDate: string;
|
|
41
|
+
tuition: number;
|
|
42
|
+
nbCardRequired: boolean;
|
|
43
|
+
className?: string;
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
> 시각 예시는 Storybook(`dday-card.stories.tsx`)을 참고하세요.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — environment-asset-photo.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -22,7 +22,6 @@ import { /* ... */ } from "boottent-design/components/event-card";
|
|
|
22
22
|
### Props
|
|
23
23
|
```typescript
|
|
24
24
|
export type EventCardProps = ImageLoadingProps & {
|
|
25
|
-
adProduct: string;
|
|
26
25
|
logo: string;
|
|
27
26
|
title: string;
|
|
28
27
|
batchName?: string;
|
|
@@ -31,7 +30,6 @@ export type EventCardProps = ImageLoadingProps & {
|
|
|
31
30
|
startDate: string;
|
|
32
31
|
tuition: number;
|
|
33
32
|
nbCardRequired: boolean;
|
|
34
|
-
regEndDate?: string;
|
|
35
33
|
className?: string;
|
|
36
34
|
}
|
|
37
35
|
```
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — lecturer-card.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -29,7 +29,7 @@ export type TitleTagCardProps = ImageLoadingProps & {
|
|
|
29
29
|
titleTagType?: string;
|
|
30
30
|
adTitle?: string;
|
|
31
31
|
changedAspect?: string;
|
|
32
|
-
tags?:
|
|
32
|
+
tags?: TitleTagCardTag[];
|
|
33
33
|
isLoading?: boolean;
|
|
34
34
|
className?: string;
|
|
35
35
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — youtube-video-modal.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.
|
|
6
|
+
> 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
7
7
|
|
|
8
8
|
## 0. 원칙 (먼저 읽어라)
|
|
9
9
|
|
|
@@ -41,7 +41,7 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
|
|
|
41
41
|
|
|
42
42
|
## 4. 인벤토리
|
|
43
43
|
|
|
44
|
-
### 4.1 UI 프리미티브 (
|
|
44
|
+
### 4.1 UI 프리미티브 (45종)
|
|
45
45
|
|
|
46
46
|
| 컴포넌트 | 설명 | 문서 |
|
|
47
47
|
|----------|------|------|
|
|
@@ -55,6 +55,7 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
|
|
|
55
55
|
| `calendar` | 날짜를 시각적으로 보여주고 사용자가 특정 날짜 또는 날짜 범위를 선택할 수 있게 하는 달력 컴포넌트입니다. | [ui/calendar.md](./ui/calendar.md) |
|
|
56
56
|
| `callout` | 정보, 경고, 힌트 등 사용자에게 추가적인 맥락이나 주의사항을 전달할 때 사용하는 박스형 컴포넌트입니다. | [ui/callout.md](./ui/callout.md) |
|
|
57
57
|
| `card` | 관련 정보나 콘텐츠를 하나의 독립된 상자 형태로 묶어 보여주는 카드 컴포넌트입니다. | [ui/card.md](./ui/card.md) |
|
|
58
|
+
| `card-label` | 카드 코너에 부착되는 레이블 컴포넌트입니다. 카드 유형별 색상 variant를 제공하며, 코너 탭 형태… | [ui/card-label.md](./ui/card-label.md) |
|
|
58
59
|
| `checkbox` | 사용자가 하나 이상의 옵션을 선택할 수 있게 하는 체크박스 컴포넌트입니다. | [ui/checkbox.md](./ui/checkbox.md) |
|
|
59
60
|
| `circled-check-button` | 이미지나 카드 위에 겹쳐서 표시하며, 선택 상태를 시각적으로 나타내는 원형 체크 버튼 컴포넌트입니다. | [ui/circled-check-button.md](./ui/circled-check-button.md) |
|
|
60
61
|
| `command` | 명령어 입력, 검색, 리스트 선택 등을 하나의 인터페이스에서 처리할 수 있는 강력한 커맨드 메뉴 컴포넌… | [ui/command.md](./ui/command.md) |
|
|
@@ -90,7 +91,7 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
|
|
|
90
91
|
| `toggle-group` | 여러 개의 Toggle 버튼을 단일(single) 또는 다중(multiple) 선택 그룹으로 묶는 컴포… | [ui/toggle-group.md](./ui/toggle-group.md) |
|
|
91
92
|
| `tooltip` | 요소에 마우스를 올렸을 때 나타나는 툴팁 컴포넌트입니다. 방향·색상·크기·말풍선 꼬리를 지원합니다. | [ui/tooltip.md](./ui/tooltip.md) |
|
|
92
93
|
|
|
93
|
-
### 4.2 조합형 컴포넌트 (
|
|
94
|
+
### 4.2 조합형 컴포넌트 (16종)
|
|
94
95
|
|
|
95
96
|
| 컴포넌트 | 분류 | 문서 |
|
|
96
97
|
|----------|------|------|
|
|
@@ -98,6 +99,7 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
|
|
|
98
99
|
| `blog-review-card` | assets | [components/blog-review-card.md](./components/blog-review-card.md) |
|
|
99
100
|
| `camp-card` | assets | [components/camp-card.md](./components/camp-card.md) |
|
|
100
101
|
| `company-info-card` | assets | [components/company-info-card.md](./components/company-info-card.md) |
|
|
102
|
+
| `dday-card` | ads | [components/dday-card.md](./components/dday-card.md) |
|
|
101
103
|
| `environment-asset-photo` | assets | [components/environment-asset-photo.md](./components/environment-asset-photo.md) |
|
|
102
104
|
| `event-asset-banner` | assets | [components/event-asset-banner.md](./components/event-asset-banner.md) |
|
|
103
105
|
| `event-card` | ads | [components/event-card.md](./components/event-card.md) |
|
|
@@ -110,13 +112,12 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
|
|
|
110
112
|
| `title-tag-card` | ads | [components/title-tag-card.md](./components/title-tag-card.md) |
|
|
111
113
|
| `youtube-video-modal` | assets | [components/youtube-video-modal.md](./components/youtube-video-modal.md) |
|
|
112
114
|
|
|
113
|
-
### 4.3 디자인 토큰 (
|
|
115
|
+
### 4.3 디자인 토큰 (3개 도메인) → [tokens.md](./tokens.md)
|
|
114
116
|
|
|
115
117
|
| 도메인 | 주요 export |
|
|
116
118
|
|--------|-------------|
|
|
117
|
-
| `ads` | `adProducts`, `defaultBannerColor` |
|
|
118
|
-
| `camps` | `campCategoryColors` |
|
|
119
119
|
| `colors` | `colors` |
|
|
120
|
+
| `tags` | `tagColorVariants`, `TagColorVariant` |
|
|
120
121
|
| `typography` | `typography`, `fontWeight`, `FontSize` |
|
|
121
122
|
|
|
122
123
|
## 5. import 경로 맵
|
|
@@ -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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|