Generated from commits between v4.5.5 and HEAD

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - add new TreeView diagram

Thanks to our awesome mermaid community that contributed to this release: @ashishjain0512, @tractorjuice, @autofix-ci[bot], @aloisklink, @knsv, @kibanana, @chandershekhar22, @khalil, @ytatsuno, @sidharthv96, @github-actions[bot], @dripcoding, @knsv-bot, @jeroensmink98, @Alex9583, @GhassenS, @omkarht, @darshanr0107, @leentaylor, @lee-treehouse, @veeceey, @turntrout, @Mermaid-Chart, @BambioGaming, Claude

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - Add Wardley Maps diagram type (beta)

  Adds Wardley Maps as a new diagram type to Mermaid (available as wardley-beta). Wardley Maps are visual representations of business strategy that help map value chains and component evolution.

  Features:

  • Component positioning with [visibility, evolution] coordinates (OWM format)
  • Anchors for users/customers
  • Multiple link types: dependencies, flows, labeled links
  • Evolution arrows and trend indicators
  • Custom evolution stages with optional dual labels
  • Custom stage widths using @boundary notation
  • Pipeline components with visibility inheritance
  • Annotations, notes, and visual elements
  • Source strategy markers: build, buy, outsource, market
  • Inertia indicators
  • Theme integration

  Implementation includes parser, D3.js renderer, unit tests, E2E tests, and comprehensive documentation.

• #7526 efe218a - feat: implement neo look styling for state diagrams

• #7526 efe218a - feat: implement neo look support for sequence diagrams with drop shadows, and enhanced styling

• #7526 efe218a - feat: add randomize config option for architecture diagrams, defaulting to false for deterministic layout

• #7526 efe218a - feat: Add option to change timeline direction

• #7526 efe218a - Fix duplicate SVG element IDs when rendering multiple diagrams on the same page. Internal element IDs (nodes, edges, markers, clusters) are now prefixed with the diagram's SVG element ID across all diagram types. Custom CSS or JS using exact ID selectors like #arrowhead should use attribute-ending selectors like [id$="-arrowhead"] instead.

• #7526 efe218a - feat: implement neo look styling for ER diagrams

• #7526 efe218a - feat: implement neo look styling for requirement diagrams

• #7526 efe218a - feat: add theme support for data label colour in xy chart

• #7526 efe218a - feat: implement neo look styling for mindmap diagrams

• #7526 efe218a - feat: implement neo look for mermaid flowchart diagrams

• #7526 efe218a - feat: implement neo look and themes for class diagram

• #7526 efe218a - feat: add showDataLabelOutsideBar option for xy chart

• #7526 efe218a - feat: implement neo look support for timeline diagram with drop shadows, additoinal redux themes and enhanced styling

• #7526 efe218a - feat: implement neo look and themes for gitGraph diagram

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - add link to ishikawa diagram on mermaid.js.org

• #7526 efe218a - docs: document valid duration token formats in gantt.md

• #7526 efe218a - fix: ER diagram parsing when using "1" as entity identifier on right side

  The parser was incorrectly tokenizing the second "1" in patterns like a many to 1 1: because the lookahead rule only checked for alphabetic characters after whitespace, not digits. Added a new lookahead pattern "1"(?=\s+[0-9]) to correctly identify the cardinality alias before a numeric entity name.

  Fixes #7472

• #7526 efe218a - fix: scope cytoscape label style mapping to edges with labels to prevent console warnings

• #7526 efe218a - fix: support inline annotation syntax in class diagrams (class Shape <>)

• #7526 efe218a - fix: Align branch label background with text for multi-line labels in LR GitGraph layout

• #7526 efe218a - fix: preserve cause hierarchy when ishikawa effect is indented more than causes

• #7526 efe218a - refactor: remove unused createGraphWithElements function and add regression test for open edge arrowheads

• #7526 efe218a - fix: Prevent long pie chart titles from being clipped by expanding the viewBox

• #7526 efe218a - fix: prevent sequence diagram hang when "as" is used without a trailing space in participant declarations

• #7526 efe218a - fix: warn when style statement targets a non-existent node in flowcharts

• #7526 efe218a - fix: group state diagram SVG children under single root element

• #7526 efe218a - fix: Allow :::className syntax inside composite state blocks

• #7526 efe218a Thanks @aloisklink, @BambioGaming! - fix: prevent escaping < and & when htmlLabels: false

• #7526 efe218a - fix: treemap title and labels use theme-aware colors for dark backgrounds

• Updated dependencies [efe218a]:

  • @mermaid-js/parser@1.1.0

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - Add Wardley Maps diagram type (beta)

  Adds Wardley Maps as a new diagram type to Mermaid (available as wardley-beta). Wardley Maps are visual representations of business strategy that help map value chains and component evolution.

  Features:

  • Component positioning with [visibility, evolution] coordinates (OWM format)
  • Anchors for users/customers
  • Multiple link types: dependencies, flows, labeled links
  • Evolution arrows and trend indicators
  • Custom evolution stages with optional dual labels
  • Custom stage widths using @boundary notation
  • Pipeline components with visibility inheritance
  • Annotations, notes, and visual elements
  • Source strategy markers: build, buy, outsource, market
  • Inertia indicators
  • Theme integration

  Implementation includes parser, D3.js renderer, unit tests, E2E tests, and comprehensive documentation.

• #7526 efe218a - feat: implement neo look styling for state diagrams

• #7526 efe218a - feat: implement neo look support for sequence diagrams with drop shadows, and enhanced styling

• #7526 efe218a - feat: add randomize config option for architecture diagrams, defaulting to false for deterministic layout

• #7526 efe218a - feat: Add option to change timeline direction

• #7526 efe218a - Fix duplicate SVG element IDs when rendering multiple diagrams on the same page. Internal element IDs (nodes, edges, markers, clusters) are now prefixed with the diagram's SVG element ID across all diagram types. Custom CSS or JS using exact ID selectors like #arrowhead should use attribute-ending selectors like [id$="-arrowhead"] instead.

• #7526 efe218a - feat: implement neo look styling for ER diagrams

• #7526 efe218a - feat: implement neo look styling for requirement diagrams

• #7526 efe218a - feat: add theme support for data label colour in xy chart

• #7526 efe218a - feat: implement neo look styling for mindmap diagrams

• #7526 efe218a - feat: implement neo look for mermaid flowchart diagrams

• #7526 efe218a - feat: implement neo look and themes for class diagram

• #7526 efe218a - feat: add showDataLabelOutsideBar option for xy chart

• #7526 efe218a - feat: implement neo look support for timeline diagram with drop shadows, additoinal redux themes and enhanced styling

• #7526 efe218a - feat: implement neo look and themes for gitGraph diagram

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - add link to ishikawa diagram on mermaid.js.org

• #7526 efe218a - docs: document valid duration token formats in gantt.md

• #7526 efe218a - fix: ER diagram parsing when using "1" as entity identifier on right side

  The parser was incorrectly tokenizing the second "1" in patterns like a many to 1 1: because the lookahead rule only checked for alphabetic characters after whitespace, not digits. Added a new lookahead pattern "1"(?=\s+[0-9]) to correctly identify the cardinality alias before a numeric entity name.

  Fixes #7472

• #7526 efe218a - fix: scope cytoscape label style mapping to edges with labels to prevent console warnings

• #7526 efe218a - fix: support inline annotation syntax in class diagrams (class Shape <>)

• #7526 efe218a - fix: Align branch label background with text for multi-line labels in LR GitGraph layout

• #7526 efe218a - fix: preserve cause hierarchy when ishikawa effect is indented more than causes

• #7526 efe218a - refactor: remove unused createGraphWithElements function and add regression test for open edge arrowheads

• #7526 efe218a - fix: Prevent long pie chart titles from being clipped by expanding the viewBox

• #7526 efe218a - fix: prevent sequence diagram hang when "as" is used without a trailing space in participant declarations

• #7526 efe218a - fix: warn when style statement targets a non-existent node in flowcharts

• #7526 efe218a - fix: group state diagram SVG children under single root element

• #7526 efe218a - fix: Allow :::className syntax inside composite state blocks

• #7526 efe218a Thanks @aloisklink, @BambioGaming! - fix: prevent escaping < and & when htmlLabels: false

• #7526 efe218a - fix: treemap title and labels use theme-aware colors for dark backgrounds

• Updated dependencies [efe218a]:

  • @mermaid-js/parser@1.1.0

Thanks to our awesome mermaid community that contributed to this release: @ashishjain0512, @tractorjuice, @autofix-ci[bot], @aloisklink, @knsv, @kibanana, @chandershekhar22, @khalil, @ytatsuno, @sidharthv96, @github-actions[bot], @dripcoding, @knsv-bot, @jeroensmink98, @Alex9583, @GhassenS, @omkarht, @darshanr0107, @leentaylor, @lee-treehouse, @veeceey, @turntrout, @Mermaid-Chart, @BambioGaming, Claude

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - Add Wardley Maps diagram type (beta)

  Adds Wardley Maps as a new diagram type to Mermaid (available as wardley-beta). Wardley Maps are visual representations of business strategy that help map value chains and component evolution.

  Features:

  • Component positioning with [visibility, evolution] coordinates (OWM format)
  • Anchors for users/customers
  • Multiple link types: dependencies, flows, labeled links
  • Evolution arrows and trend indicators
  • Custom evolution stages with optional dual labels
  • Custom stage widths using @boundary notation
  • Pipeline components with visibility inheritance
  • Annotations, notes, and visual elements
  • Source strategy markers: build, buy, outsource, market
  • Inertia indicators
  • Theme integration

  Implementation includes parser, D3.js renderer, unit tests, E2E tests, and comprehensive documentation.

• #7526 efe218a - feat: implement neo look styling for state diagrams

• #7526 efe218a - feat: implement neo look support for sequence diagrams with drop shadows, and enhanced styling

• #7526 efe218a - feat: add randomize config option for architecture diagrams, defaulting to false for deterministic layout

• #7526 efe218a - feat: Add option to change timeline direction

• #7526 efe218a - Fix duplicate SVG element IDs when rendering multiple diagrams on the same page. Internal element IDs (nodes, edges, markers, clusters) are now prefixed with the diagram's SVG element ID across all diagram types. Custom CSS or JS using exact ID selectors like #arrowhead should use attribute-ending selectors like [id$="-arrowhead"] instead.

• #7526 efe218a - feat: implement neo look styling for ER diagrams

• #7526 efe218a - feat: implement neo look styling for requirement diagrams

• #7526 efe218a - feat: add theme support for data label colour in xy chart

• #7526 efe218a - feat: implement neo look styling for mindmap diagrams

• #7526 efe218a - feat: implement neo look for mermaid flowchart diagrams

• #7526 efe218a - feat: implement neo look and themes for class diagram

• #7526 efe218a - feat: add showDataLabelOutsideBar option for xy chart

• #7526 efe218a - feat: implement neo look support for timeline diagram with drop shadows, additoinal redux themes and enhanced styling

• #7526 efe218a - feat: implement neo look and themes for gitGraph diagram

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - add link to ishikawa diagram on mermaid.js.org

• #7526 efe218a - docs: document valid duration token formats in gantt.md

• #7526 efe218a - fix: ER diagram parsing when using "1" as entity identifier on right side

  The parser was incorrectly tokenizing the second "1" in patterns like a many to 1 1: because the lookahead rule only checked for alphabetic characters after whitespace, not digits. Added a new lookahead pattern "1"(?=\s+[0-9]) to correctly identify the cardinality alias before a numeric entity name.

  Fixes #7472

• #7526 efe218a - fix: scope cytoscape label style mapping to edges with labels to prevent console warnings

• #7526 efe218a - fix: support inline annotation syntax in class diagrams (class Shape <>)

• #7526 efe218a - fix: Align branch label background with text for multi-line labels in LR GitGraph layout

• #7526 efe218a - fix: preserve cause hierarchy when ishikawa effect is indented more than causes

• #7526 efe218a - refactor: remove unused createGraphWithElements function and add regression test for open edge arrowheads

• #7526 efe218a - fix: Prevent long pie chart titles from being clipped by expanding the viewBox

• #7526 efe218a - fix: prevent sequence diagram hang when "as" is used without a trailing space in participant declarations

• #7526 efe218a - fix: warn when style statement targets a non-existent node in flowcharts

• #7526 efe218a - fix: group state diagram SVG children under single root element

• #7526 efe218a - fix: Allow :::className syntax inside composite state blocks

• #7526 efe218a Thanks @aloisklink, @BambioGaming! - fix: prevent escaping < and & when htmlLabels: false

• #7526 efe218a - fix: treemap title and labels use theme-aware colors for dark backgrounds

• Updated dependencies [efe218a]:

  • @mermaid-js/parser@1.1.0

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - Add Wardley Maps diagram type (beta)

  Adds Wardley Maps as a new diagram type to Mermaid (available as wardley-beta). Wardley Maps are visual representations of business strategy that help map value chains and component evolution.

  Features:

  • Component positioning with [visibility, evolution] coordinates (OWM format)
  • Anchors for users/customers
  • Multiple link types: dependencies, flows, labeled links
  • Evolution arrows and trend indicators
  • Custom evolution stages with optional dual labels
  • Custom stage widths using @boundary notation
  • Pipeline components with visibility inheritance
  • Annotations, notes, and visual elements
  • Source strategy markers: build, buy, outsource, market
  • Inertia indicators
  • Theme integration

  Implementation includes parser, D3.js renderer, unit tests, E2E tests, and comprehensive documentation.

• #7526 efe218a - feat: implement neo look styling for state diagrams

• #7526 efe218a - feat: implement neo look support for sequence diagrams with drop shadows, and enhanced styling

• #7526 efe218a - feat: add randomize config option for architecture diagrams, defaulting to false for deterministic layout

• #7526 efe218a - feat: Add option to change timeline direction

• #7526 efe218a - Fix duplicate SVG element IDs when rendering multiple diagrams on the same page. Internal element IDs (nodes, edges, markers, clusters) are now prefixed with the diagram's SVG element ID across all diagram types. Custom CSS or JS using exact ID selectors like #arrowhead should use attribute-ending selectors like [id$="-arrowhead"] instead.

• #7526 efe218a - feat: implement neo look styling for ER diagrams

• #7526 efe218a - feat: implement neo look styling for requirement diagrams

• #7526 efe218a - feat: add theme support for data label colour in xy chart

• #7526 efe218a - feat: implement neo look styling for mindmap diagrams

• #7526 efe218a - feat: implement neo look for mermaid flowchart diagrams

• #7526 efe218a - feat: implement neo look and themes for class diagram

• #7526 efe218a - feat: add showDataLabelOutsideBar option for xy chart

• #7526 efe218a - feat: implement neo look support for timeline diagram with drop shadows, additoinal redux themes and enhanced styling

• #7526 efe218a - feat: implement neo look and themes for gitGraph diagram

• #7526 efe218a - add new TreeView diagram

• #7526 efe218a - add link to ishikawa diagram on mermaid.js.org

• #7526 efe218a - docs: document valid duration token formats in gantt.md

• #7526 efe218a - fix: ER diagram parsing when using "1" as entity identifier on right side

  The parser was incorrectly tokenizing the second "1" in patterns like a many to 1 1: because the lookahead rule only checked for alphabetic characters after whitespace, not digits. Added a new lookahead pattern "1"(?=\s+[0-9]) to correctly identify the cardinality alias before a numeric entity name.

  Fixes #7472

• #7526 efe218a - fix: scope cytoscape label style mapping to edges with labels to prevent console warnings

• #7526 efe218a - fix: support inline annotation syntax in class diagrams (class Shape <>)

• #7526 efe218a - fix: Align branch label background with text for multi-line labels in LR GitGraph layout

• #7526 efe218a - fix: preserve cause hierarchy when ishikawa effect is indented more than causes

• #7526 efe218a - refactor: remove unused createGraphWithElements function and add regression test for open edge arrowheads

• #7526 efe218a - fix: Prevent long pie chart titles from being clipped by expanding the viewBox

• #7526 efe218a - fix: prevent sequence diagram hang when "as" is used without a trailing space in participant declarations

• #7526 efe218a - fix: warn when style statement targets a non-existent node in flowcharts

• #7526 efe218a - fix: group state diagram SVG children under single root element

• #7526 efe218a - fix: Allow :::className syntax inside composite state blocks

• #7526 efe218a Thanks @aloisklink, @BambioGaming! - fix: prevent escaping < and & when htmlLabels: false

• #7526 efe218a - fix: treemap title and labels use theme-aware colors for dark backgrounds

• Updated dependencies [efe218a]:

  • @mermaid-js/parser@1.1.0

• Updated @platejs/core, @platejs/slate, @platejs/utils.

• Updated @platejs/core, @platejs/slate.

• 0af3236 by @github-actions[bot] – Updated slate, slate-dom, slate-react.