@team-monolith/cds 1.61.2 → 1.61.4

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

@@ -2,8 +2,8 @@ import React from "react";
 export interface BookProps {
     className?: string;
     title?: string;
-    chapter?: string;
-    courseType?: string;
+    subtitle?: string;
+    subtitleBold?: string;
     isHidden?: boolean;
     buttons?: React.ReactNode;
     /** 전달하면 controlled component로 애니메이션을 제어할 수 있다 */

package/dist/components/Book/Book.js

@@ -73,7 +73,7 @@ const CARD_COLOR_PALETTE = (theme) => ({
  * @returns
  */
 function Book(props, ref) {
-    const { className, title, chapter, courseType, coverColor, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, } = props;
+    const { className, title, subtitle, subtitleBold, coverColor, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, } = props;
     const theme = useTheme();
     const [open, setOpen] = useState(false);
     return (_jsxs(Container, Object.assign({ initial: "closed", animate: (controlledOpen !== undefined ? controlledOpen : open)
@@ -84,7 +84,10 @@ function Book(props, ref) {
         }, onHoverEnd: () => {
             setOpen(false);
             onHoverEnd === null || onHoverEnd === void 0 ? void 0 : onHoverEnd();
-        } }, { children: [_jsxs(Cover, Object.assign({ className: className, backgroundColor: coverColor, variants: coverMotion, onClick: () => {
+        } }, { children: [_jsxs(Cover, Object.assign({ className: className, css: onCoverClick &&
+                    css `
+            cursor: pointer;
+          `, backgroundColor: coverColor, variants: coverMotion, onClick: () => {
                     setOpen(!open);
                     onCoverClick === null || onCoverClick === void 0 ? void 0 : onCoverClick();
                 } }, { children: [icon && _jsx(CoverIcon, { children: icon }), isHidden && (_jsxs(_Fragment, { children: [_jsx(Hide, {}), _jsx(EyeOffFillIcon, { color: theme.color.foreground.neutralAlt, css: css `
@@ -97,7 +100,9 @@ function Book(props, ref) {
 
                 width: 24px;
                 height: 24px;
-              ` })] })), _jsxs(CoverTexts, Object.assign({ variants: buttons ? textMotion : undefined }, { children: [_jsx(Chapter, { children: chapter }), _jsx(CourseType, { children: courseType }), _jsx(CoverTitle, { children: title })] })), _jsx(BookGradient, {}), _jsx(Buttons, Object.assign({ variants: buttonsMotion, onClick: (e) => {
+              ` })] })), _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, { children: title })] })), _jsx(BookGradient, {}), _jsx(Buttons, Object.assign({ variants: buttonsMotion, onClick: (e) => {
                             // Button 클릭 시에도 CoverClick 이벤트가 발생하지 않도록 막습니다.
                             e.stopPropagation();
                         } }, { children: buttons }))] })), _jsx(Shelf, {})] })));
@@ -224,7 +229,7 @@ const Hide = styled.div(({ theme }) => css `
 
     z-index: ${ZINDEX_HIDE};
   `);
-const Chapter = styled.div(({ theme }) => css `
+const Subtitle = styled.div(({ theme }) => css `
     color: ${CARD_COLOR_PALETTE(theme).text};
 
     /* Default/Label/12px-Md */
@@ -233,20 +238,6 @@ const Chapter = styled.div(({ theme }) => css `
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-
-    opacity: 0.8;
-  `);
-const CourseType = styled.div(({ theme }) => css `
-    color: ${CARD_COLOR_PALETTE(theme).text};
-
-    /* Default/Label/12px-Eb */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 800;
-    line-height: 16px; /* 133.333% */
-
-    opacity: 0.8;
   `);
 const CoverIcon = styled.div(({ theme }) => css `
     position: absolute;

package/package.json

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