@team-monolith/cds 1.61.0 → 1.61.2

package/@types/emotion.d.ts

@@ -106,6 +106,20 @@ interface CodleColors {
     ebookAlt: string;
     makecode: string;
     makecodeAlt: string;
+    decorativeRed: string;
+    decorativePink: string;
+    decorativeAmber: string;
+    decorativeGrass: string;
+    decorativeGreen: string;
+    decorativeBlue: string;
+    decorativeIndigo: string;
+    decorativePurple: string;
+    decorativeBrown: string;
+    decorativeCopper: string;
+    decorativeGold: string;
+    decorativeSilver: string;
+    decorativeGray: string;
+    decorativeBlack: string;
   };
   blanket: {
     neutral: string;

package/dist/CodleDesignSystemProvider.js

@@ -111,6 +111,20 @@ export const light = {
             ebookAlt: "#E0F2FF",
             makecode: "#AA278F",
             makecodeAlt: "#FFE0F9",
+            decorativeRed: "#D73152",
+            decorativePink: "#D13D78",
+            decorativeAmber: "#CC4827",
+            decorativeGrass: "#6E7B3F",
+            decorativeGreen: "#26864B",
+            decorativeBlue: "#0076D0",
+            decorativeIndigo: "#5863FF",
+            decorativePurple: "#9A3BBC",
+            decorativeBrown: "#996C49",
+            decorativeCopper: "#8A6470",
+            decorativeGold: "#876E3F",
+            decorativeSilver: "#6A7781",
+            decorativeGray: "#747474",
+            decorativeBlack: "#474658",
         },
         blanket: {
             neutral: COLOR.alpha030,
@@ -228,6 +242,20 @@ export const dark = {
             ebookAlt: "#475966",
             makecode: "#AA278F",
             makecodeAlt: "#664760",
+            decorativeRed: "#D73152",
+            decorativePink: "#D13D78",
+            decorativeAmber: "#CC4827",
+            decorativeGrass: "#6E7B3F",
+            decorativeGreen: "#26864B",
+            decorativeBlue: "#0076D0",
+            decorativeIndigo: "#5863FF",
+            decorativePurple: "#9A3BBC",
+            decorativeBrown: "#996C49",
+            decorativeCopper: "#8A6470",
+            decorativeGold: "#876E3F",
+            decorativeSilver: "#6A7781",
+            decorativeGray: "#747474",
+            decorativeBlack: "#474658",
         },
         blanket: {
             neutral: COLOR.alphaf20,

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

@@ -12,6 +12,7 @@ export interface BookProps {
     onHoverEnd?: () => void;
     onCoverClick?: () => void;
     icon?: React.ReactNode;
+    coverColor: string;
 }
 declare const _default: React.ForwardRefExoticComponent<BookProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/components/Book/Book.js

@@ -54,7 +54,6 @@ const buttonsMotion = {
 };
 const CARD_COLOR_PALETTE = (theme) => ({
     border: theme.color.foreground.primaryDisabled,
-    backgrond: theme.color.background.primary,
     text: theme.color.foreground.neutralAlt,
 });
 /**
@@ -74,7 +73,7 @@ const CARD_COLOR_PALETTE = (theme) => ({
  * @returns
  */
 function Book(props, ref) {
-    const { className, title, chapter, courseType, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, } = props;
+    const { className, title, chapter, courseType, 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)
@@ -85,7 +84,7 @@ function Book(props, ref) {
         }, onHoverEnd: () => {
             setOpen(false);
             onHoverEnd === null || onHoverEnd === void 0 ? void 0 : onHoverEnd();
-        } }, { children: [_jsxs(Cover, Object.assign({ className: className, variants: coverMotion, onClick: () => {
+        } }, { children: [_jsxs(Cover, Object.assign({ className: className, 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 `
@@ -112,11 +111,11 @@ const Container = styled(motion.div) `
 
   padding-top: ${HOVER_Y_OFFSET}px;
 `;
-const Cover = styled(motion.div)(({ theme }) => css `
+const Cover = styled(motion.div)(({ backgroundColor }) => css `
     height: ${BOOK_HEIGHT}px;
 
     border-radius: 8px;
-    background: ${CARD_COLOR_PALETTE(theme).backgrond};
+    background: ${backgroundColor};
     box-shadow: ${shadows.shadow04};
 
     display: flex;

package/package.json

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