boottent-design 0.1.264 → 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.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/package.json +1 -1
|
@@ -52,6 +52,65 @@ export declare type BlogReviewCardProps = ImageLoadingProps & {
|
|
|
52
52
|
|
|
53
53
|
declare type BlogReviewMetaTags = Record<string, string>;
|
|
54
54
|
|
|
55
|
+
/**
|
|
56
|
+
* @description 회사 이벤트 asset 을 카드 형태로 보여주는 프로모션 카드입니다. 색상/이미지/문구가 데이터로 주입됩니다.
|
|
57
|
+
*
|
|
58
|
+
* @useCase
|
|
59
|
+
* - 이벤트 목록 그리드나 가입 완료 배너에서 개별 이벤트를 카드로 노출할 때
|
|
60
|
+
*
|
|
61
|
+
* @warning
|
|
62
|
+
* - 프리젠테이셔널 컴포넌트입니다. 링크 이동/트래킹은 소비자가 `<a>`(또는 앱의 링크 컴포넌트)로 감싸세요.
|
|
63
|
+
* - `mobile`/`isClosed`/`dateText` 는 소비자가 계산해 전달합니다(뷰포트·현재 시각·날짜 포맷).
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* ```tsx
|
|
67
|
+
* <a href={linkUrl} target="_blank" rel="noreferrer">
|
|
68
|
+
* <BoottentEventCard eventValue={eventValue} dateText="~ 5월 12일까지" />
|
|
69
|
+
* </a>
|
|
70
|
+
* ```
|
|
71
|
+
*
|
|
72
|
+
* @related
|
|
73
|
+
* - EventAssetBanner
|
|
74
|
+
*/
|
|
75
|
+
export declare function BoottentEventCard({ eventValue, dateText, mobile, isClosed, className, imagePriority, imageLoading, imageFetchPriority, imageDecoding, }: BoottentEventCardProps): JSX_2.Element;
|
|
76
|
+
|
|
77
|
+
export declare type BoottentEventCardColors = {
|
|
78
|
+
date: string;
|
|
79
|
+
button: string;
|
|
80
|
+
buttonText: string;
|
|
81
|
+
title: string;
|
|
82
|
+
background: string;
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export declare type BoottentEventCardData = {
|
|
86
|
+
colors: BoottentEventCardColors;
|
|
87
|
+
eventImageUrl: {
|
|
88
|
+
mobile: string;
|
|
89
|
+
pc: string;
|
|
90
|
+
};
|
|
91
|
+
eventTitle: {
|
|
92
|
+
mobile: string;
|
|
93
|
+
pc: string;
|
|
94
|
+
};
|
|
95
|
+
eventDescription: {
|
|
96
|
+
mobile: string;
|
|
97
|
+
pc: string;
|
|
98
|
+
};
|
|
99
|
+
buttonText: string;
|
|
100
|
+
isOngoingEvent?: boolean;
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
export declare type BoottentEventCardProps = ImageLoadingProps & {
|
|
104
|
+
eventValue: BoottentEventCardData;
|
|
105
|
+
/** 이미 포맷된 마감 라벨 (예: "~ 5월 12일까지"). isOngoingEvent 이거나 없으면 배지 미표시 */
|
|
106
|
+
dateText?: string;
|
|
107
|
+
/** 모바일 레이아웃 여부. 소비자가 뷰포트를 판정해 전달한다. */
|
|
108
|
+
mobile?: boolean;
|
|
109
|
+
/** 종료된 이벤트 여부. 소비자가 현재 시각 기준으로 판정해 전달한다. */
|
|
110
|
+
isClosed?: boolean;
|
|
111
|
+
className?: string;
|
|
112
|
+
};
|
|
113
|
+
|
|
55
114
|
export declare function CampCard({ brandName, title, batchName, imageUrl, imageAlt, tuitionText, locationText, scheduleText, startDate, endDate, period, tuition, earlyBirdTuition, earlyBirdEndDate, isFree, onoffText, cityLabels, costOptionText, tags, statusBadge, adBadge, adTitle, isAd, className, style, bookmarkSlot, latestBatchSlot, imageOverlaySlot, imageWrapper, imagePriority, imageLoading, imageFetchPriority, imageDecoding, }: CampCardProps): JSX_2.Element;
|
|
56
115
|
|
|
57
116
|
export declare type CampCardBadge = CampCardTag;
|