From 757f5c395c09c3fc7bcf0f86dfb855ba463809e1 Mon Sep 17 00:00:00 2001
From: Per Brolin <per@mermaidchart.com>
Date: Mon, 17 Jun 2024 08:47:44 +0200
Subject: [PATCH] MC-1765: Added drop-shadow for circles and polygons

---
 cypress/platform/per.html                       |  4 ++--
 cypress/platform/state-refactor-neo-themes.html | 10 +++++-----
 docs/neo-style-to-do                            |  5 ++++-
 packages/mermaid/src/styles.ts                  |  2 +-
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/cypress/platform/per.html b/cypress/platform/per.html
index e865b55e6..dfd4c2ae0 100644
--- a/cypress/platform/per.html
+++ b/cypress/platform/per.html
@@ -89,7 +89,7 @@ stateDiagram-v2
       </pre
     >
 
-    <pre id="diagram" class="mermaid">
+    <pre id="diagram" class="mermaid2">
       stateDiagram-v2
       [*] --> First
       state First {
@@ -100,7 +100,7 @@ stateDiagram-v2
 
     </pre>
 
-    <pre id="diagram" class="mermaid2">
+    <pre id="diagram" class="mermaid">
       flowchart LR
         A[Start] --Some text--> B(Continue)
         B --> C{Evaluate}
diff --git a/cypress/platform/state-refactor-neo-themes.html b/cypress/platform/state-refactor-neo-themes.html
index e5e366ebb..f6346b527 100644
--- a/cypress/platform/state-refactor-neo-themes.html
+++ b/cypress/platform/state-refactor-neo-themes.html
@@ -91,11 +91,11 @@
   <table>
     <tr>
       <th></th> <!-- Placeholder for the top left corner -->
-      <th>default-light</th>
-      <th>neo-neo-light</th>
-      <th>neo-neo-dark</th>
-      <th>neo-forest-light</th>
-      <th>neo-base-light</th>
+      <th>classic-default</th>
+      <th>neo-neo</th>
+      <th>neo-dark</th>
+      <th>neo-forest</th>
+      <th>neo-base</th>
     </tr>
     <tr>
       <th class="vertical-header">
diff --git a/docs/neo-style-to-do b/docs/neo-style-to-do
index 11df9f591..5e8a1c917 100644
--- a/docs/neo-style-to-do
+++ b/docs/neo-style-to-do
@@ -5,4 +5,7 @@
 5. When look is "neo" and "theme" is "neo", the background color shall be white. Status: Fixed
 6. Composite states contains borders in neo. Status: Fixed
 7. Nested states contains borders in neo. Status: Fixed
-8. The font-size of node labels seems a bit off:
+8. The font-size of node labels seems a bit off.
+9. When selecting look=neo and theme for composite stated, the height differs.
+10. Drop-shadows for non-rectangular shapes are not supported: Status: Fixed
+11. Gradient
diff --git a/packages/mermaid/src/styles.ts b/packages/mermaid/src/styles.ts
index 148bd7215..83f1a7ad5 100644
--- a/packages/mermaid/src/styles.ts
+++ b/packages/mermaid/src/styles.ts
@@ -73,7 +73,7 @@ const getStyles = (
     stroke: ${options.nodeBorder};
   }
 
-  [data-look="neo"].node rect {
+  [data-look="neo"].node rect,  [data-look="neo"].node circle, [data-look="neo"].node polygon {
     stroke: none;
     filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) );
   }