# Mermaid 11.4.0

- Product: Mermaid (https://whatsnew.fyi/product/mermaid)
- Vendor: Mermaid
- Date: 2024-10-30
- Version: 11.4.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.4.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.4.0

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

Reuse: the summaries, labels and curation here are © What's New. Quote freely with attribution and a link back; wholesale republication of the corpus is not permitted — terms: https://whatsnew.fyi/terms. The vendors' own release notes remain their publishers'.

---

- **added** — Add Kanban board as a new diagram type
- **changed** — Update class diagram to use the new unified rendering approach
- **added** — Add classBox shape for use in diagrams
- **added** — Add option to hide empty members box in class diagrams
- **added** — Add support for handDrawn look in class diagrams
- **added** — Introduce classDef statement into class diagrams
- **added** — Add support for styling the default class in class diagrams
- **added** — Add support for lollipop interfaces in class diagrams
- **fixed** — Fix jagged edge rendering for icon shape
- **added** — Add missing TypeScript dependencies
- **fixed** — Fix icon color rendering for colored icons
- **fixed** — Make mermaid.parse throw errors on invalid shapes to match behavior of mermaid.render

###### Minor Changes

-   [#5999](https://github.com/mermaid-js/mermaid/pull/5999) [`742ad7c`](https://github.com/mermaid-js/mermaid/commit/742ad7c130964df1fb5544e909d9556081285f68) Thanks [@knsv](https://github.com/knsv)! - Adding Kanban board, a new diagram type

-   [#5880](https://github.com/mermaid-js/mermaid/pull/5880) [`bdf145f`](https://github.com/mermaid-js/mermaid/commit/bdf145ffe362462176d9c1e68d5f3ff5c9d962b0) Thanks [@yari-dewalt](https://github.com/yari-dewalt)! - Class diagram changes:

    -   Updates the class diagram to the new unified way of rendering.
    -   Includes a new "classBox" shape to be used in diagrams
    -   Other updates such as:
        -   the option to hide the empty members box in class diagrams,
        -   support for handDrawn look,
        -   the introduction of the classDef statement into class diagrams,
        -   support for styling the default class,
        -   support lollipop interfaces.
    -   Includes fixes / additions for #5562 #3139 and #4037

###### Patch Changes

-   [#5937](https://github.com/mermaid-js/mermaid/pull/5937) [`17b7831`](https://github.com/mermaid-js/mermaid/commit/17b783135f9b2b7748b620dbf81d0f56ab4755f1) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: Jagged edge fix for icon shape

-   [#5933](https://github.com/mermaid-js/mermaid/pull/5933) [`72d60d2`](https://github.com/mermaid-js/mermaid/commit/72d60d2633584eb59bccdb6cf30b9522db645db2) Thanks [@remcohaszing](https://github.com/remcohaszing)! - Add missing TypeScript dependencies

-   [#5937](https://github.com/mermaid-js/mermaid/pull/5937) [`17b7831`](https://github.com/mermaid-js/mermaid/commit/17b783135f9b2b7748b620dbf81d0f56ab4755f1) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: Icon color fix for colored icons.

-   [#6002](https://github.com/mermaid-js/mermaid/pull/6002) [`5fabd41`](https://github.com/mermaid-js/mermaid/commit/5fabd414fbee01e43bf6c900907ffc1511ca7440) Thanks [@aloisklink](https://github.com/aloisklink)! - fix: error `mermaid.parse` on an invalid shape, so that it matches the errors thrown by `mermaid.render`