MC-1765: Added drop-shadow for circles and polygons

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}

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">

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

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) );
   }