From 0e819ae050a136f9cc92c267708307c567576796 Mon Sep 17 00:00:00 2001
From: yari-dewalt <yari.dewalt@gmail.com>
Date: Fri, 18 Oct 2024 10:33:56 -0700
Subject: [PATCH] Change cssClasses to use concatenated string instead of array
 to pick up css styles

---
 packages/mermaid/src/diagrams/class/classDb.ts    | 4 ++--
 packages/mermaid/src/diagrams/class/classTypes.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mermaid/src/diagrams/class/classDb.ts b/packages/mermaid/src/diagrams/class/classDb.ts
index 6d8453dd09..9c8a642c6f 100644
--- a/packages/mermaid/src/diagrams/class/classDb.ts
+++ b/packages/mermaid/src/diagrams/class/classDb.ts
@@ -88,7 +88,7 @@ export const addClass = function (_id: string) {
     label: name,
     text: `${name}${type ? `&lt;${type}&gt;` : ''}`,
     shape: 'classBox',
-    cssClasses: ['default'],
+    cssClasses: 'default',
     methods: [],
     members: [],
     annotations: [],
@@ -279,7 +279,7 @@ export const setCssClass = function (ids: string, className: string) {
     }
     const classNode = classes.get(id);
     if (classNode) {
-      classNode.cssClasses.push(className);
+      classNode.cssClasses += ' ' + className;
     }
   });
 };
diff --git a/packages/mermaid/src/diagrams/class/classTypes.ts b/packages/mermaid/src/diagrams/class/classTypes.ts
index df2c9c0d23..9d0d47569c 100644
--- a/packages/mermaid/src/diagrams/class/classTypes.ts
+++ b/packages/mermaid/src/diagrams/class/classTypes.ts
@@ -7,7 +7,7 @@ export interface ClassNode {
   label: string;
   shape: string;
   text: string;
-  cssClasses: string[];
+  cssClasses: string;
   methods: ClassMember[];
   members: ClassMember[];
   annotations: string[];