@team-monolith/cds 1.76.2 → 1.76.4

package/dist/components/Book/Book.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
-export interface progressInfo {
+export interface ProgressInfo {
     /** 프로그레스 바 상단에 표시되는 텍스트 */
-    progressTitle: string;
+    title: string;
     /** 프로그레스 바 진행도 (0 ~ 1 사이 숫자) */
-    progressValue: number;
+    value: number;
     /** 프로그레스 바 배경 및 텍스트 색상 */
-    progressBaseColor: string;
+    baseColor: string;
     /** 프로그레스 바 진행도 색상 */
-    progressBarColor: string;
+    barColor: string;
 }
 export interface BookProps {
     className?: string;
@@ -34,7 +34,7 @@ export interface BookProps {
     /** 커버 색상 */
     coverColor: string;
     /** 진행도 프로그레스 바 영역 */
-    progress?: progressInfo;
+    progressInfo?: ProgressInfo;
 }
 declare const _default: React.ForwardRefExoticComponent<BookProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/components/Book/Book.js

@@ -73,7 +73,7 @@ const CARD_COLOR_PALETTE = (theme) => ({
  * @returns
  */
 function Book(props, ref) {
-    const { className, title, subtitle, subtitleBold, coverColor, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, progress, } = props;
+    const { className, title, subtitle, subtitleBold, coverColor, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, progressInfo, } = props;
     const theme = useTheme();
     const [open, setOpen] = useState(false);
     return (_jsxs(Container, Object.assign({ initial: "closed", animate: (controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : open) ? "open" : "closed", ref: ref, onHoverStart: () => {
@@ -97,30 +97,29 @@ function Book(props, ref) {
                 opacity: 0.8;
               ` })] })), _jsxs(CoverTexts, Object.assign({ variants: buttons ? textMotion : undefined }, { children: [_jsx(Subtitle, { children: subtitle }), _jsx(Subtitle, Object.assign({ css: css `
               font-weight: 800;
-            ` }, { children: subtitleBold })), _jsx(CoverTitle, Object.assign({ showProgress: Boolean(progress) }, { children: title })), progress &&
-                                _jsxs(Progress, { children: [_jsx("div", Object.assign({ css: css `
-                  color: ${progress.progressBaseColor};
-                ` }, { children: progress.progressTitle })), _jsxs("div", Object.assign({ css: css `
+            ` }, { children: subtitleBold })), _jsx(CoverTitle, Object.assign({ showProgress: Boolean(progressInfo) }, { children: title })), progressInfo && (_jsxs(Progress, { children: [_jsx("div", Object.assign({ css: css `
+                  color: ${progressInfo.baseColor};
+                ` }, { children: progressInfo.title })), _jsxs("div", Object.assign({ css: css `
                   display: flex;
                   justify-content: space-between;
                   align-items: center;
                 ` }, { children: [_jsx("div", Object.assign({ css: css `
                     overflow: hidden;
-                    background-color: ${progress.progressBaseColor};
+                    background-color: ${progressInfo.baseColor};
                     width: 128px;
                     height: 6px;
                     border-radius: 3px;
                   ` }, { children: _jsx("div", { css: css `
-                      background-color: ${progress.progressBarColor};
-                      width: ${progress.progressValue * 100}%;
+                      background-color: ${progressInfo.barColor};
+                      width: ${progressInfo.value * 100}%;
                       height: 6px;
                     ` }) })), _jsxs("div", Object.assign({ css: css `
-                    color: ${progress.progressBaseColor};
+                    color: ${progressInfo.baseColor};
                     width: 32px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
-                  ` }, { children: [Math.round(progress.progressValue * 100), "%"] }))] }))] })] })), _jsx(BookGradient, {}), _jsx(Buttons, Object.assign({ variants: buttonsMotion, onClick: (e) => {
+                  ` }, { children: [Math.round(progressInfo.value * 100), "%"] }))] }))] }))] })), _jsx(BookGradient, {}), _jsx(Buttons, Object.assign({ variants: buttonsMotion, onClick: (e) => {
                             // Button 클릭 시에도 CoverClick 이벤트가 발생하지 않도록 막습니다.
                             e.stopPropagation();
                         } }, { children: buttons }))] })), _jsx(Shelf, {})] })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.76.2",
+  "version": "1.76.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,