fix(state): allow colons in transition and state description text

[knsv]

Summary

Resolves #7418

• Modified the DESCR lexer rule in stateDiagram.jison to allow colons inside transition labels and state descriptions
• Changed the regex from [^:\n;]+ (which excluded colons) to an alternation (?:[^:\n;]|:[^:\n;])+ that permits colons followed by non-colon characters, while preserving ::: style separator parsing
• Added unit tests for single colon, multiple colons in transitions, and colons in state descriptions

Classification

• Change type: Parser (JISON grammar)
• Breaking change: No — this only allows previously-invalid input to parse correctly
• Shared code touched: No

Verification

• TDD: test failed before fix (3 parse errors), passes after (all 12 parser tests green)
• Lint: passed
• Unit tests: passed — all 93 state diagram tests pass (pnpm vitest run packages/mermaid/src/diagrams/state/)
• Visual spot-check: verified — diagram renders correctly with colons in transition text
• Full e2e: not run — parser-only change, no shared rendering-util/ touched
• Changeset: generated (patch)

🤖 Generated with Claude Code

[changeset-bot]

🦋 Changeset detected

Latest commit: 409bf91

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
mermaid	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	409bf91
🔍 Latest deploy log	https://app.netlify.com/projects/mermaid-js/deploys/69a5262b6d8d1200080c2385
😎 Deploy Preview	https://deploy-preview-7430--mermaid-js.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[pkg-pr-new]

Open in StackBlitz

@mermaid-js/examples

npm i https://pkg.pr.new/@mermaid-js/examples@7430

mermaid

npm i https://pkg.pr.new/mermaid@7430

@mermaid-js/layout-elk

npm i https://pkg.pr.new/@mermaid-js/layout-elk@7430

@mermaid-js/layout-tidy-tree

npm i https://pkg.pr.new/@mermaid-js/layout-tidy-tree@7430

@mermaid-js/mermaid-zenuml

npm i https://pkg.pr.new/@mermaid-js/mermaid-zenuml@7430

@mermaid-js/parser

npm i https://pkg.pr.new/@mermaid-js/parser@7430

@mermaid-js/tiny

npm i https://pkg.pr.new/@mermaid-js/tiny@7430

commit: 29f8091

[codecov]

Codecov Report

❌ Patch coverage is 0% with 164 lines in your changes missing coverage. Please review.
✅ Project coverage is 3.54%. Comparing base (6f85f2b) to head (409bf91).
⚠️ Report is 42 commits behind head on develop.

Files with missing lines	Patch %	Lines
scripts/verify-diagram/verify.mjs	0.00%	164 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           develop   #7430      +/-   ##
==========================================
- Coverage     3.55%   3.54%   -0.02%     
==========================================
  Files          490     491       +1     
  Lines        48785   48949     +164     
  Branches       765     766       +1     
==========================================
  Hits          1734    1734              
- Misses       47051   47215     +164     

Flag	Coverage Δ
unit	3.54% <0.00%> (-0.02%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
scripts/verify-diagram/verify.mjs	0.00% <0.00%> (ø)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	✅ No changes detected	-	Mar 2, 2026, 6:07 AM