boottent-design 0.1.263 → 0.1.265
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/boottent-event-card-BgPupRDJ.cjs +1 -0
- package/dist/boottent-event-card-DdQs8Ufl.js +145 -0
- package/dist/components/boottent-event-card.cjs.js +1 -0
- package/dist/components/boottent-event-card.es.js +5 -0
- 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 +31 -29
- 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/boottent-event-card.md +36 -0
- package/dist/design-system/components/camp-card.md +1 -1
- package/dist/design-system/components/company-info-card.md +1 -1
- package/dist/design-system/components/dday-card.md +1 -1
- package/dist/design-system/components/environment-asset-photo.md +1 -1
- package/dist/design-system/components/event-asset-banner.md +1 -1
- package/dist/design-system/components/event-card.md +1 -1
- package/dist/design-system/components/lecturer-card.md +1 -1
- package/dist/design-system/components/main-banner-image.md +1 -1
- package/dist/design-system/components/mobile-camp-card.md +1 -1
- package/dist/design-system/components/partner-list-card.md +1 -1
- package/dist/design-system/components/portfolio-asset-card.md +1 -1
- package/dist/design-system/components/premium-card.md +1 -1
- package/dist/design-system/components/title-tag-card.md +1 -1
- package/dist/design-system/components/youtube-video-modal.md +1 -1
- package/dist/design-system/design-system.md +3 -2
- package/dist/design-system/tokens.md +1 -1
- package/dist/design-system/ui/accordion.md +1 -1
- package/dist/design-system/ui/alert-dialog.md +1 -1
- package/dist/design-system/ui/anchor.md +1 -1
- package/dist/design-system/ui/aspect-ratio.md +1 -1
- package/dist/design-system/ui/avatar.md +1 -1
- package/dist/design-system/ui/badge.md +1 -1
- package/dist/design-system/ui/button.md +1 -1
- package/dist/design-system/ui/calendar.md +1 -1
- package/dist/design-system/ui/callout.md +1 -1
- package/dist/design-system/ui/card-label.md +1 -1
- package/dist/design-system/ui/card.md +1 -1
- package/dist/design-system/ui/checkbox.md +1 -1
- package/dist/design-system/ui/circled-check-button.md +1 -1
- package/dist/design-system/ui/command.md +1 -1
- package/dist/design-system/ui/dialog.md +1 -1
- package/dist/design-system/ui/dropdown-menu.md +1 -1
- package/dist/design-system/ui/file-uploader.md +1 -1
- package/dist/design-system/ui/form.md +1 -1
- package/dist/design-system/ui/highlight-text.md +1 -1
- package/dist/design-system/ui/icons.md +1 -1
- package/dist/design-system/ui/image.md +1 -1
- package/dist/design-system/ui/input.md +1 -1
- package/dist/design-system/ui/label.md +1 -1
- package/dist/design-system/ui/month-picker.md +1 -1
- package/dist/design-system/ui/multi-select.md +1 -1
- package/dist/design-system/ui/navigation-menu.md +1 -1
- package/dist/design-system/ui/popover.md +1 -1
- package/dist/design-system/ui/portal.md +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 +2 -1
- package/dist/styles.css +1 -1
- package/dist/types/boottent-event-card.d.ts +76 -0
- package/dist/types/components/boottent-event-card.d.ts +2 -0
- package/dist/types/components.d.ts +59 -0
- package/dist/types/toast.d.ts +13 -6
- package/dist/types/ui.d.ts +13 -6
- package/dist/ui/toast.cjs.js +1 -1
- package/dist/ui/toast.es.js +64 -54
- package/dist/youtube-video-modal-C2GWcF5u.cjs +1 -0
- package/dist/youtube-video-modal-CAy1hYoA.js +84 -0
- package/package.json +1 -1
- package/dist/youtube-video-modal-CNTPCinc.cjs +0 -1
- package/dist/youtube-video-modal-CrkV3YQc.js +0 -84
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),N=require("react");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const o=require("./common-DeneXo5X.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const L=require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");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");const C=require("./ui/icons.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");require("@radix-ui/react-slider");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 I=require("./image-loading-DZFBFoVv.cjs");function k(s){const i=parseInt(s.slice(1),16),n=i>>16&255,l=i>>8&255,u=i&255;return`${n}, ${l}, ${u}`}function E({eventValue:s,dateText:i,mobile:n=!1,isClosed:l=!1,className:u,imagePriority:q,imageLoading:x,imageFetchPriority:b,imageDecoding:g}){const{colors:r,eventImageUrl:c,eventTitle:a,eventDescription:d,buttonText:p,isOngoingEvent:f}=s,t=n,h=t?c.mobile:c.pc,w=t?a.mobile:a.pc,v=t?d.mobile:d.pc,[j,m]=N.useState(!1),y=I.getImageLoadingAttributes({imagePriority:q,imageLoading:x,imageFetchPriority:b,imageDecoding:g});return e.jsxs("div",{style:{backgroundColor:r.background},className:o.cn("relative flex h-full w-full cursor-pointer items-start justify-between gap-2 overflow-hidden rounded-[10px] bg-main-600 text-white",t?"p-4":"md:p-6 lg:p-8",u),children:[l&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center bg-black/60 text-lg text-white",children:"종료된 이벤트입니다."}),e.jsxs("div",{className:"flex h-full flex-col items-start gap-2",children:[!f&&i&&e.jsx("div",{style:{color:r.date,borderColor:r.date},className:o.cn("rounded-full border-yellow-400 text-semibold12 text-xs text-yellow-400",t?"border-none p-0":"md:border md:border-solid md:px-2 md:py-1"),children:i}),e.jsx("h3",{style:{color:r.title},className:o.cn("whitespace-pre-wrap",t?"text-semibold16":"md:text-bold20"),children:w}),e.jsx("p",{style:{color:r.title},className:o.cn("flex-grow whitespace-pre-wrap",t?"text-[13px] text-regular13":"md:text-regular14"),children:v}),!t&&e.jsxs(L.Button,{onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),size:"sm",style:{backgroundColor:j?`rgba(${k(r.button)}, 0.5)`:r.button,color:r.buttonText,transition:"all"},className:"mt-2 justify-self-end border-none",children:[e.jsx("span",{children:p}),e.jsx(C.Icon.ArrowDown,{size:"12",fill:r.buttonText,className:"-rotate-90"})]})]}),e.jsx("div",{className:o.cn("relative overflow-hidden rounded-lg",t?"aspect-square w-[168px] max-w-24 ":"md:aspect-photo md:w-1/2 md:max-w-[222px]"),children:e.jsx("img",{src:h,alt:"이벤트선물",className:"h-full w-full object-cover",...y})})]})}exports.BoottentEventCard=E;
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as k } from "react";
|
|
3
|
+
import "./ui/accordion.es.js";
|
|
4
|
+
import "./ui/alert-dialog.es.js";
|
|
5
|
+
import { c as i } from "./common-zQ5XY0UN.js";
|
|
6
|
+
import "@radix-ui/react-aspect-ratio";
|
|
7
|
+
import "./ui/avatar.es.js";
|
|
8
|
+
import "./ui/badge.es.js";
|
|
9
|
+
import { Button as C } from "./ui/button.es.js";
|
|
10
|
+
import "./ui/calendar.es.js";
|
|
11
|
+
import "./ui/callout.es.js";
|
|
12
|
+
import "./ui/card.es.js";
|
|
13
|
+
import "./ui/card-label.es.js";
|
|
14
|
+
import "./ui/checkbox.es.js";
|
|
15
|
+
import "lucide-react";
|
|
16
|
+
import "./ui/command.es.js";
|
|
17
|
+
import "./ui/dialog.es.js";
|
|
18
|
+
import "./ui/dropdown-menu.es.js";
|
|
19
|
+
import "./ui/file-uploader.es.js";
|
|
20
|
+
import "./ui/form.es.js";
|
|
21
|
+
import { Icon as T } from "./ui/icons.es.js";
|
|
22
|
+
import "./ui/input.es.js";
|
|
23
|
+
import "./ui/label.es.js";
|
|
24
|
+
import "./ui/month-picker.es.js";
|
|
25
|
+
import "./ui/multi-select.es.js";
|
|
26
|
+
import "./ui/navigation-menu.es.js";
|
|
27
|
+
import "./ui/popover.es.js";
|
|
28
|
+
import "./ui/progress.es.js";
|
|
29
|
+
import "./ui/radio-group.es.js";
|
|
30
|
+
import "./ui/scroll-area.es.js";
|
|
31
|
+
import "./ui/select.es.js";
|
|
32
|
+
import "./ui/separator.es.js";
|
|
33
|
+
import "@radix-ui/react-slider";
|
|
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 $ } from "./image-loading-BX5rKZfC.js";
|
|
44
|
+
function z(l) {
|
|
45
|
+
const r = parseInt(l.slice(1), 16), s = r >> 16 & 255, m = r >> 8 & 255, n = r & 255;
|
|
46
|
+
return `${s}, ${m}, ${n}`;
|
|
47
|
+
}
|
|
48
|
+
function wt({
|
|
49
|
+
eventValue: l,
|
|
50
|
+
dateText: r,
|
|
51
|
+
mobile: s = !1,
|
|
52
|
+
isClosed: m = !1,
|
|
53
|
+
className: n,
|
|
54
|
+
imagePriority: b,
|
|
55
|
+
imageLoading: f,
|
|
56
|
+
imageFetchPriority: x,
|
|
57
|
+
imageDecoding: g
|
|
58
|
+
}) {
|
|
59
|
+
const { colors: t, eventImageUrl: a, eventTitle: c, eventDescription: d, buttonText: h, isOngoingEvent: w } = l, e = s, v = e ? a.mobile : a.pc, y = e ? c.mobile : c.pc, N = e ? d.mobile : d.pc, [j, u] = k(!1), I = $({
|
|
60
|
+
imagePriority: b,
|
|
61
|
+
imageLoading: f,
|
|
62
|
+
imageFetchPriority: x,
|
|
63
|
+
imageDecoding: g
|
|
64
|
+
});
|
|
65
|
+
return /* @__PURE__ */ p(
|
|
66
|
+
"div",
|
|
67
|
+
{
|
|
68
|
+
style: {
|
|
69
|
+
backgroundColor: t.background
|
|
70
|
+
},
|
|
71
|
+
className: i(
|
|
72
|
+
"relative flex h-full w-full cursor-pointer items-start justify-between gap-2 overflow-hidden rounded-[10px] bg-main-600 text-white",
|
|
73
|
+
e ? "p-4" : "md:p-6 lg:p-8",
|
|
74
|
+
n
|
|
75
|
+
),
|
|
76
|
+
children: [
|
|
77
|
+
m && /* @__PURE__ */ o("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/60 text-lg text-white", children: "종료된 이벤트입니다." }),
|
|
78
|
+
/* @__PURE__ */ p("div", { className: "flex h-full flex-col items-start gap-2", children: [
|
|
79
|
+
!w && r && /* @__PURE__ */ o(
|
|
80
|
+
"div",
|
|
81
|
+
{
|
|
82
|
+
style: { color: t.date, borderColor: t.date },
|
|
83
|
+
className: i(
|
|
84
|
+
"rounded-full border-yellow-400 text-semibold12 text-xs text-yellow-400",
|
|
85
|
+
e ? "border-none p-0" : "md:border md:border-solid md:px-2 md:py-1"
|
|
86
|
+
),
|
|
87
|
+
children: r
|
|
88
|
+
}
|
|
89
|
+
),
|
|
90
|
+
/* @__PURE__ */ o(
|
|
91
|
+
"h3",
|
|
92
|
+
{
|
|
93
|
+
style: {
|
|
94
|
+
color: t.title
|
|
95
|
+
},
|
|
96
|
+
className: i("whitespace-pre-wrap", e ? "text-semibold16" : "md:text-bold20"),
|
|
97
|
+
children: y
|
|
98
|
+
}
|
|
99
|
+
),
|
|
100
|
+
/* @__PURE__ */ o(
|
|
101
|
+
"p",
|
|
102
|
+
{
|
|
103
|
+
style: {
|
|
104
|
+
color: t.title
|
|
105
|
+
},
|
|
106
|
+
className: i("flex-grow whitespace-pre-wrap", e ? "text-[13px] text-regular13" : "md:text-regular14"),
|
|
107
|
+
children: N
|
|
108
|
+
}
|
|
109
|
+
),
|
|
110
|
+
!e && /* @__PURE__ */ p(
|
|
111
|
+
C,
|
|
112
|
+
{
|
|
113
|
+
onMouseEnter: () => u(!0),
|
|
114
|
+
onMouseLeave: () => u(!1),
|
|
115
|
+
size: "sm",
|
|
116
|
+
style: {
|
|
117
|
+
backgroundColor: j ? `rgba(${z(t.button)}, 0.5)` : t.button,
|
|
118
|
+
color: t.buttonText,
|
|
119
|
+
transition: "all"
|
|
120
|
+
},
|
|
121
|
+
className: "mt-2 justify-self-end border-none",
|
|
122
|
+
children: [
|
|
123
|
+
/* @__PURE__ */ o("span", { children: h }),
|
|
124
|
+
/* @__PURE__ */ o(T.ArrowDown, { size: "12", fill: t.buttonText, className: "-rotate-90" })
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
)
|
|
128
|
+
] }),
|
|
129
|
+
/* @__PURE__ */ o(
|
|
130
|
+
"div",
|
|
131
|
+
{
|
|
132
|
+
className: i(
|
|
133
|
+
"relative overflow-hidden rounded-lg",
|
|
134
|
+
e ? "aspect-square w-[168px] max-w-24 " : "md:aspect-photo md:w-1/2 md:max-w-[222px]"
|
|
135
|
+
),
|
|
136
|
+
children: /* @__PURE__ */ o("img", { src: v, alt: "이벤트선물", className: "h-full w-full object-cover", ...I })
|
|
137
|
+
}
|
|
138
|
+
)
|
|
139
|
+
]
|
|
140
|
+
}
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
export {
|
|
144
|
+
wt as B
|
|
145
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../boottent-event-card-BgPupRDJ.cjs");exports.BoottentEventCard=t.BoottentEventCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../youtube-video-modal-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../youtube-video-modal-C2GWcF5u.cjs");exports.YoutubeVideoModal=e.YoutubeVideoModal;
|
package/dist/components.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./dday-card-Diku8WyO.cjs"),a=require("./event-card-BlNRSE2x.cjs"),o=require("./main-banner-image-By44s_XP.cjs"),n=require("./premium-card-CThRJYXd.cjs"),i=require("./title-tag-card-C-AvnXtC.cjs"),d=require("./article-asset-card-DRRl2BH8.cjs"),C=require("./blog-review-card-OX6KhSpS.cjs"),s=require("./boottent-event-card-BgPupRDJ.cjs"),m=require("./camp-card-DM2V71SW.cjs"),e=require("./camp-card-format-rjZZu4G6.cjs"),u=require("./company-info-card-BXAempVI.cjs"),c=require("./environment-asset-photo-CXxtAAax.cjs"),l=require("./event-asset-banner-m607rLD9.cjs"),p=require("./lecturer-card-C7E4UkU8.cjs"),T=require("./partner-list-card-DL_omz4v.cjs"),f=require("./mobile-camp-card-D-5N6bex.cjs"),r=require("./portfolio-asset-card-8mBpumTp.cjs"),A=require("./youtube-video-modal-C2GWcF5u.cjs");exports.DdayCard=t.DdayCard;exports.EventCard=a.EventCard;exports.MainBannerImage=o.MainBannerImage;exports.PremiumCard=n.PremiumCard;exports.TitleTagCard=i.TitleTagCard;exports.ArticleAssetCard=d.ArticleAssetCard;exports.BlogReviewCard=C.BlogReviewCard;exports.BoottentEventCard=s.BoottentEventCard;exports.CampCard=m.CampCard;exports.formatCampCardDateText=e.formatCampCardDateText;exports.formatCampCardLocationText=e.formatCampCardLocationText;exports.formatCampCardPeriodText=e.formatCampCardPeriodText;exports.formatCampCardScheduleText=e.formatCampCardScheduleText;exports.formatCampCardTuitionText=e.formatCampCardTuitionText;exports.formatTuitionAmountText=e.formatTuitionAmountText;exports.isEarlyBirdApplied=e.isEarlyBirdApplied;exports.CompanyInfoCard=u.CompanyInfoCard;exports.EnvironmentAssetPhoto=c.EnvironmentAssetPhoto;exports.EventAssetBanner=l.EventAssetBanner;exports.LecturerCard=p.LecturerCard;exports.PartnerListCard=T.PartnerListCard;exports.MobileCampCard=f.MobileCampCard;exports.PortfolioAssetCard=r.PortfolioAssetCard;exports.PortfolioAssetFooter=r.PortfolioAssetFooter;exports.YoutubeVideoModal=A.YoutubeVideoModal;
|
package/dist/components.es.js
CHANGED
|
@@ -1,44 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { D as o } from "./dday-card-HrnKCR_0.js";
|
|
3
|
-
import { E as
|
|
3
|
+
import { E as e } from "./event-card-580Y5jgk.js";
|
|
4
4
|
import { M as m } from "./main-banner-image-BYIEit_f.js";
|
|
5
5
|
import { P as p } from "./premium-card-CLC7dc-g.js";
|
|
6
6
|
import { T as d } from "./title-tag-card-hb6ub3gc.js";
|
|
7
7
|
import { A as i } from "./article-asset-card-DGa_XWK1.js";
|
|
8
8
|
import { B as l } from "./blog-review-card-DTM0poKi.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { E as I } from "./
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
9
|
+
import { B as u } from "./boottent-event-card-DdQs8Ufl.js";
|
|
10
|
+
import { C as P } from "./camp-card-nUdSAdXo.js";
|
|
11
|
+
import { f as B, a as c, b as v, c as M, d as L, e as b, i as g } from "./camp-card-format-QrakDFC6.js";
|
|
12
|
+
import { C as D } from "./company-info-card-DJTgItPu.js";
|
|
13
|
+
import { E as I } from "./environment-asset-photo-BCR9v2we.js";
|
|
14
|
+
import { E as w } from "./event-asset-banner-BW6nZaJq.js";
|
|
15
|
+
import { L as R } from "./lecturer-card-BBkqiic3.js";
|
|
16
|
+
import { P as V } from "./partner-list-card-Bx-UZxGG.js";
|
|
17
|
+
import { M as k } from "./mobile-camp-card-1dxI-BCc.js";
|
|
18
|
+
import { P as z, a as G } from "./portfolio-asset-card-mAkXH6Qc.js";
|
|
19
|
+
import { Y as J } from "./youtube-video-modal-CAy1hYoA.js";
|
|
19
20
|
export {
|
|
20
21
|
i as ArticleAssetCard,
|
|
21
22
|
l as BlogReviewCard,
|
|
22
|
-
u as
|
|
23
|
-
|
|
23
|
+
u as BoottentEventCard,
|
|
24
|
+
P as CampCard,
|
|
25
|
+
D as CompanyInfoCard,
|
|
24
26
|
o as DdayCard,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
I as EnvironmentAssetPhoto,
|
|
28
|
+
w as EventAssetBanner,
|
|
29
|
+
e as EventCard,
|
|
30
|
+
R as LecturerCard,
|
|
29
31
|
m as MainBannerImage,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
k as MobileCampCard,
|
|
33
|
+
V as PartnerListCard,
|
|
34
|
+
z as PortfolioAssetCard,
|
|
35
|
+
G as PortfolioAssetFooter,
|
|
34
36
|
p as PremiumCard,
|
|
35
37
|
d as TitleTagCard,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
38
|
+
J as YoutubeVideoModal,
|
|
39
|
+
B as formatCampCardDateText,
|
|
40
|
+
c as formatCampCardLocationText,
|
|
41
|
+
v as formatCampCardPeriodText,
|
|
42
|
+
M as formatCampCardScheduleText,
|
|
43
|
+
L as formatCampCardTuitionText,
|
|
44
|
+
b as formatTuitionAmountText,
|
|
45
|
+
g as isEarlyBirdApplied
|
|
44
46
|
};
|
|
@@ -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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# components/boottent-event-card.md — boottent-design
|
|
2
|
+
|
|
3
|
+
> [!WARNING]
|
|
4
|
+
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
|
+
> 조합형 컴포넌트 — boottent-event-card.
|
|
6
|
+
> 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
|
+
|
|
8
|
+
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
|
+
|
|
10
|
+
## boottent-event-card
|
|
11
|
+
|
|
12
|
+
> boottent-event-card 조합형 컴포넌트입니다.
|
|
13
|
+
|
|
14
|
+
- **분류**: assets
|
|
15
|
+
- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
```tsx
|
|
19
|
+
import { /* ... */ } from "boottent-design/components/boottent-event-card";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Props
|
|
23
|
+
```typescript
|
|
24
|
+
export type BoottentEventCardProps = ImageLoadingProps & {
|
|
25
|
+
eventValue: BoottentEventCardData;
|
|
26
|
+
/** 이미 포맷된 마감 라벨 (예: "~ 5월 12일까지"). isOngoingEvent 이거나 없으면 배지 미표시 */
|
|
27
|
+
dateText?: string;
|
|
28
|
+
/** 모바일 레이아웃 여부. 소비자가 뷰포트를 판정해 전달한다. */
|
|
29
|
+
mobile?: boolean;
|
|
30
|
+
/** 종료된 이벤트 여부. 소비자가 현재 시각 기준으로 판정해 전달한다. */
|
|
31
|
+
isClosed?: boolean;
|
|
32
|
+
className?: string;
|
|
33
|
+
}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
> 시각 예시는 Storybook(`boottent-event-card.stories.tsx`)을 참고하세요.
|
|
@@ -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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — dday-card.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — environment-asset-photo.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — lecturer-card.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> 조합형 컴포넌트 — youtube-video-modal.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
## 0. 원칙 (먼저 읽어라)
|
|
9
9
|
|
|
@@ -92,12 +92,13 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
|
|
|
92
92
|
| `toggle-group` | 여러 개의 Toggle 버튼을 단일(single) 또는 다중(multiple) 선택 그룹으로 묶는 컴포… | [ui/toggle-group.md](./ui/toggle-group.md) |
|
|
93
93
|
| `tooltip` | 요소에 마우스를 올렸을 때 나타나는 툴팁 컴포넌트입니다. 방향·색상·크기·말풍선 꼬리를 지원합니다. | [ui/tooltip.md](./ui/tooltip.md) |
|
|
94
94
|
|
|
95
|
-
### 4.2 조합형 컴포넌트 (
|
|
95
|
+
### 4.2 조합형 컴포넌트 (17종)
|
|
96
96
|
|
|
97
97
|
| 컴포넌트 | 분류 | 문서 |
|
|
98
98
|
|----------|------|------|
|
|
99
99
|
| `article-asset-card` | assets | [components/article-asset-card.md](./components/article-asset-card.md) |
|
|
100
100
|
| `blog-review-card` | assets | [components/blog-review-card.md](./components/blog-review-card.md) |
|
|
101
|
+
| `boottent-event-card` | assets | [components/boottent-event-card.md](./components/boottent-event-card.md) |
|
|
101
102
|
| `camp-card` | assets | [components/camp-card.md](./components/camp-card.md) |
|
|
102
103
|
| `company-info-card` | assets | [components/company-info-card.md](./components/company-info-card.md) |
|
|
103
104
|
| `dday-card` | ads | [components/dday-card.md](./components/dday-card.md) |
|
|
@@ -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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
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.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
|
|
5
5
|
> UI 프리미티브 — card.
|
|
6
|
-
> 버전: boottent-design v0.1.
|
|
6
|
+
> 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
|
|
7
7
|
|
|
8
8
|
[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
|
|
9
9
|
|