Named composite example in State Diagram

[cbugk]

Proposal

I would like to propose a change in State Diagram's composite examples. Since there weren't a documentation related issue type, I am opening one as syntax issue. I already have committed my changes on my fork. Will be creating a merge request shortly.

Example

Below is the addition I would like to append to the first example at https://mermaid.js.org/syntax/stateDiagram.html#composite-states

[*] --> NamedComposite
    NamedComposite: Another Composite
    state NamedComposite {
        [*] --> namedSimple
        namedSimple --> [*]
        namedSimple: Another simple
    }

Screenshots

[cbugk]

There is a strange occurance on my end. If naming is post-state-definition rather than pre-state-definition, color fill is dark grey for the parent state. I suppose it can not be rendered but its borders are honored in rendering somehow.