@team-monolith/cds 1.91.2 → 1.92.0

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { TagProps } from "../Tag";
 export declare const bookClasses: {
     readonly cover: "Book-cover";
     readonly progressText: "Book-progressText";
@@ -35,6 +36,8 @@ export interface BookProps {
     icon?: React.ReactNode;
     /** 진행도 프로그레스 바 표시를 위한 정보 */
     progressInfo?: ProgressInfo;
+    /** 상단에 노출될 Tag 컴포넌트 관련 속성 */
+    tagProps?: TagProps;
 }
 /**
  * Framer Motion의 whileHover를 사용하지 않고 직접 애니메이션 상태를 관리합니다.

package/dist/components/Book/Book.js

@@ -6,6 +6,7 @@ import { forwardRef, useState } from "react";
 import { shadows } from "../../foundation/shadows";
 import { EyeOffFillIcon } from "../../icons";
 import { motion } from "framer-motion";
+import { Tag } from "../Tag";
 export const bookClasses = {
     cover: "Book-cover",
     progressText: "Book-progressText",
@@ -79,7 +80,7 @@ const CARD_COLOR_PALETTE = (theme) => ({
  * @returns
  */
 export const Book = forwardRef(function Book(props, ref) {
-    const { className, title, subtitle, subtitleBold, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, progressInfo, } = props;
+    const { className, title, subtitle, subtitleBold, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, progressInfo, tagProps, } = props;
     const theme = useTheme();
     const [open, setOpen] = useState(false);
     return (_jsxs(Container, Object.assign({ className: className, initial: "closed", animate: (controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : open) ? "open" : "closed", ref: ref, onHoverStart: () => {
@@ -101,7 +102,7 @@ export const Book = forwardRef(function Book(props, ref) {
                 top: 50%;
                 transform: translate(-50%, -50%);
                 opacity: 0.8;
-              ` })] })), _jsxs(CoverTexts, Object.assign({ variants: buttons ? textMotion : undefined }, { children: [_jsx(Subtitle, { children: subtitle }), _jsx(Subtitle, Object.assign({ css: css `
+              ` })] })), _jsxs(CoverTexts, Object.assign({ variants: buttons ? textMotion : undefined }, { children: [tagProps && _jsx(Tag, Object.assign({}, tagProps)), _jsx(Subtitle, { children: subtitle }), _jsx(Subtitle, Object.assign({ css: css `
               font-weight: 800;
             ` }, { children: subtitleBold })), _jsx(CoverTitle, Object.assign({ showProgress: Boolean(progressInfo) }, { children: title })), progressInfo && (_jsxs(Progress, { children: [_jsx("div", Object.assign({ className: bookClasses.progressText }, { children: progressInfo.title })), _jsxs("div", Object.assign({ css: css `
                   display: flex;

package/dist/components/Tag.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export type TagColor = "default" | "red" | "teal" | "orange" | "blue" | "green" | "yellow" | "black" | "ai";
+export type TagColor = "default" | "red" | "teal" | "orange" | "blue" | "green" | "yellow" | "black";
 export interface TagProps {
     className?: string;
     component?: React.ElementType;

package/dist/components/Tag.js

@@ -63,10 +63,6 @@ const COLOR_TO_STYLE = (theme, color) => ({
       background: ${theme.color.container.obsidianContainer};
       color: ${theme.color.container.obsidianOnContainer};
     `,
-    ai: css `
-      background: linear-gradient(94deg, #5898ff 5.24%, #c673e4 96.99%);
-      color: ${theme.color.container.obsidianOnContainer};
-    `,
 })[color];
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=42-869&t=HZXCHP0r0tbvMA6v-0)

package/package.json

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