';
diff --git a/docs/community/newDiagram.md b/docs/community/newDiagram.md
index 371f3b508..82243f81f 100644
--- a/docs/community/newDiagram.md
+++ b/docs/community/newDiagram.md
@@ -32,9 +32,10 @@ statement
In the extract of the grammar above, it is defined that a call to the setTitle method in the data object will be done when parsing and the title keyword is encountered.
-```note
-Make sure that the `parseError` function for the parser is defined and calling `mermaid.parseError`. This way a common way of detecting parse errors is provided for the end-user.
-```
+> **Note**\
+> Make sure that the `parseError` function for the parser is defined and calling `mermaid.parseError`. This way a common way of detecting parse errors is provided for the end-user.
+>
+> >
For more info look in the example diagram type:
diff --git a/docs/config/8.6.0_docs.md b/docs/config/8.6.0_docs.md
index 3c78ce2b5..8fb8d0b6a 100644
--- a/docs/config/8.6.0_docs.md
+++ b/docs/config/8.6.0_docs.md
@@ -52,9 +52,10 @@ Implementors can only modify configurations using directives, and cannot change
The Two types of directives: are `init` (or `initialize`) and `wrap`.
-```note
-All directives are enclosed in `%%{ }%%`
-```
+> **Note**\
+> All directives are enclosed in `%%{ }%%`
+>
+> >
Older versions of mermaid will not parse directives because `%%` will comment out the directive. This makes the update backwards-compatible.
@@ -66,18 +67,19 @@ Older versions of mermaid will not parse directives because `%%` will comment ou
| --------- | ----------------------- | --------- | -------- | ----------------------------------------------- |
| init | modifies configurations | Directive | Optional | Any parameters not included in the secure array |
-```note
-init would be an argument-directive: `%%{init: { **insert argument here**}}%%`
-
-The json object that is passed as {**argument** } must be valid, quoted json or it will be ignored.
-**for example**:
-
-`%%{init: {"theme": "default", "logLevel": 1 }}%%`
-
-Configurations that are passed through init cannot change the parameters in a secure array at a higher level. In the event of a collision, mermaid will give priority to secure arrays and parse the request without changing the values of those parameters in conflict.
-
-When deployed within code, init is called before the graph/diagram description.
-```
+> **Note**\
+> init would be an argument-directive: `%%{init: { **insert argument here**}}%%`
+>
+> The json object that is passed as {**argument** } must be valid, quoted json or it will be ignored.
+> **for example**:
+>
+> `%%{init: {"theme": "default", "logLevel": 1 }}%%`
+>
+> Configurations that are passed through init cannot change the parameters in a secure array at a higher level. In the event of a collision, mermaid will give priority to secure arrays and parse the request without changing the values of those parameters in conflict.
+>
+> When deployed within code, init is called before the graph/diagram description.
+>
+> >
**for example**:
@@ -111,15 +113,16 @@ When deployed within code, init is called before the graph/diagram description.
| --------- | ----------------------------- | --------- | -------- | ---------- |
| wrap | a callable text-wrap function | Directive | Optional | %%{wrap}%% |
-```note
-Wrap is a function that is currently only deployable for sequence diagrams.
-
-`Wrap respects a manually added , so if the user wants to break up their text, they have full control over line breaks by adding tags.`
-
-It is a non-argument directive and can be executed thusly:
-
-`%%{wrap}%%` .
-```
+> **Note**\
+> Wrap is a function that is currently only deployable for sequence diagrams.
+>
+> `Wrap respects a manually added , so if the user wants to break up their text, they have full control over line breaks by adding tags.`
+>
+> It is a non-argument directive and can be executed thusly:
+>
+> `%%{wrap}%%` .
+>
+> >
**An example of text wrapping in a sequence diagram**:
@@ -161,13 +164,14 @@ Example of **object.Assign**:
| --------------- | ------------------------------------- | ----------- | --------------------------------------- | ---------- | ---------- |
| `setSiteConfig` | Sets the siteConfig to desired values | Put Request | Any Values, except ones in secure array | conf | siteConfig |
-```note
-Sets the siteConfig. The siteConfig is a protected configuration for repeat use. Calls to reset() will reset
-the currentConfig to siteConfig. Calls to reset(configApi.defaultConfig) will reset siteConfig and currentConfig
-to the defaultConfig
-Note: currentConfig is set in this function。
-Default value: will mirror Global Config
-```
+> **Note**\
+> Sets the siteConfig. The siteConfig is a protected configuration for repeat use. Calls to reset() will reset
+> the currentConfig to siteConfig. Calls to reset(configApi.defaultConfig) will reset siteConfig and currentConfig
+> to the defaultConfig
+> Note: currentConfig is set in this function。
+> Default value: will mirror Global Config
+>
+> >
## getSiteConfig
@@ -175,9 +179,10 @@ Default value: will mirror Global Config
| --------------- | --------------------------------------------------- | ----------- | ---------------------------------- |
| `getSiteConfig` | Returns the current `siteConfig` base configuration | Get Request | Returns Any Values in `siteConfig` |
-```note
-Returns any values in siteConfig.
-```
+> **Note**\
+> Returns any values in siteConfig.
+>
+> >
## setConfig
@@ -185,11 +190,12 @@ Returns any values in siteConfig.
| ----------- | ------------------------------------------ | ----------- | --------------------------------- | ---------- | ---------------------------------------------- |
| `setConfig` | Sets the `currentConfig` to desired values | Put Request | Any Values, those in secure array | conf | `currentConfig` merged with the sanitized conf |
-```note
-Sets the currentConfig. The parameter conf is sanitized based on the siteConfig.secure keys. Any
-values found in conf with key found in siteConfig.secure will be replaced with the corresponding
-siteConfig value.
-```
+> **Note**\
+> Sets the currentConfig. The parameter conf is sanitized based on the siteConfig.secure keys. Any
+> values found in conf with key found in siteConfig.secure will be replaced with the corresponding
+> siteConfig value.
+>
+> >
## getConfig
@@ -197,9 +203,10 @@ siteConfig value.
| ----------- | --------------------------- | ----------- | ------------------------------- |
| `getConfig` | Obtains the `currentConfig` | Get Request | Any Values from `currentConfig` |
-```note
-Returns any values in currentConfig.
-```
+> **Note**\
+> Returns any values in currentConfig.
+>
+> >
## sanitize
@@ -207,10 +214,11 @@ Returns any values in currentConfig.
| ---------- | ---------------------------------------- | -------------- | ------ |
| `sanitize` | Sets the `siteConfig` to desired values. | Put Request(?) | None |
-```note
-modifies options in-place
-Ensures options parameter does not attempt to override siteConfig secure keys.
-```
+> **Note**\
+> modifies options in-place
+> Ensures options parameter does not attempt to override siteConfig secure keys.
+>
+> >
## reset
@@ -224,8 +232,9 @@ Ensures options parameter does not attempt to override siteConfig secure keys.
| --------- | ------------------------------------------------------------ | ---------- | -------- | -------------------------------------------- |
| `conf` | base set of values, which `currentConfig` could be reset to. | Dictionary | Required | Any Values, with respect to the secure Array |
-```note
-default: current siteConfig (optional, default `getSiteConfig()`)
-```
+> **Note**\
+> default: current siteConfig (optional, default `getSiteConfig()`)
+>
+> >
## For more information, read [Setup](setup/README).
diff --git a/docs/config/setup/modules/config.md b/docs/config/setup/modules/config.md
index e5399dc0e..b3b4e024d 100644
--- a/docs/config/setup/modules/config.md
+++ b/docs/config/setup/modules/config.md
@@ -14,7 +14,7 @@
#### Defined in
-[config.ts:7](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L7)
+config.ts:7
## Functions
@@ -36,7 +36,7 @@ Pushes in a directive to the configuration
#### Defined in
-[config.ts:191](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L191)
+config.ts:191
---
@@ -60,7 +60,7 @@ The currentConfig
#### Defined in
-[config.ts:136](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L136)
+config.ts:136
---
@@ -84,7 +84,7 @@ The siteConfig
#### Defined in
-[config.ts:96](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L96)
+config.ts:96
---
@@ -118,7 +118,7 @@ The siteConfig
#### Defined in
-[config.ts:223](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L223)
+config.ts:223
---
@@ -147,7 +147,7 @@ options in-place
#### Defined in
-[config.ts:151](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L151)
+config.ts:151
---
@@ -167,7 +167,7 @@ options in-place
#### Defined in
-[config.ts:75](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L75)
+config.ts:75
---
@@ -199,7 +199,7 @@ The currentConfig merged with the sanitized conf
#### Defined in
-[config.ts:113](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L113)
+config.ts:113
---
@@ -232,7 +232,7 @@ The new siteConfig
#### Defined in
-[config.ts:61](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L61)
+config.ts:61
---
@@ -253,7 +253,7 @@ The new siteConfig
#### Defined in
-[config.ts:14](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L14)
+config.ts:14
---
@@ -273,4 +273,4 @@ The new siteConfig
#### Defined in
-[config.ts:79](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/config.ts#L79)
+config.ts:79
diff --git a/docs/config/setup/modules/defaultConfig.md b/docs/config/setup/modules/defaultConfig.md
index fec6a390c..e29e45490 100644
--- a/docs/config/setup/modules/defaultConfig.md
+++ b/docs/config/setup/modules/defaultConfig.md
@@ -14,7 +14,7 @@
#### Defined in
-[defaultConfig.ts:1869](https://github.com/emersonbottero/mermaid/blob/455839c0/packages/mermaid/src/defaultConfig.ts#L1869)
+defaultConfig.ts:1869
---
@@ -39,7 +39,7 @@ mermaid.initialize({ flowchart: { htmlLabels: false } });
```html
```
-```note
-This is the preferred way of configuring mermaid.
-```
+> **Note**\
+> This is the preferred way of configuring mermaid.
+>
+> >
### The following methods are deprecated and are kept only for backwards compatibility.
@@ -361,9 +364,10 @@ approach are:
mermaid.startOnLoad = true;
```
-```warning
-This way of setting the configuration is deprecated. Instead the preferred way is to use the initialize method. This functionality is only kept for backwards compatibility.
-```
+> **Warning**\
+> This way of setting the configuration is deprecated. Instead the preferred way is to use the initialize method. This functionality is only kept for backwards compatibility.
+>
+> >
## Using the mermaid_config
@@ -377,9 +381,10 @@ approach are:
mermaid_config.startOnLoad = true;
```
-```warning
-This way of setting the configuration is deprecated. Instead the preferred way is to use the initialize method. This functionality is only kept for backwards compatibility.
-```
+> **Warning**\
+> This way of setting the configuration is deprecated. Instead the preferred way is to use the initialize method. This functionality is only kept for backwards compatibility.
+>
+> >
## Using the mermaid.init call
@@ -392,6 +397,7 @@ To set some configuration via the mermaid object. The two parameters that are su
mermaid_config.startOnLoad = true;
```
-```warning
-This way of setting the configuration is deprecated. Instead the preferred way is to use the initialize method. This functionality is only kept for backwards compatibility.
-```
+> **Warning**\
+> This way of setting the configuration is deprecated. Instead the preferred way is to use the initialize method. This functionality is only kept for backwards compatibility.
+>
+> >
diff --git a/docs/syntax/sequenceDiagram.md b/docs/syntax/sequenceDiagram.md
index 4220cffe0..da33b8ff6 100644
--- a/docs/syntax/sequenceDiagram.md
+++ b/docs/syntax/sequenceDiagram.md
@@ -24,11 +24,12 @@ sequenceDiagram
Alice-)John: See you later!
```
-```note
-A note on nodes, the word "end" could potentially break the diagram, due to the way that the mermaid language is scripted.
-
-If unavoidable, one must use parentheses(), quotation marks "", or brackets {},[], to enclose the word "end". i.e : (end), [end], {end}.
-```
+> **Note**\
+> A note on nodes, the word "end" could potentially break the diagram, due to the way that the mermaid language is scripted.
+>
+> If unavoidable, one must use parentheses(), quotation marks "", or brackets {},\[], to enclose the word "end". i.e : (end), \[end], {end}.
+>
+> >
## Syntax
diff --git a/packages/mermaid/package.json b/packages/mermaid/package.json
index 4b6d3ed91..9f3674454 100644
--- a/packages/mermaid/package.json
+++ b/packages/mermaid/package.json
@@ -34,7 +34,7 @@
"predocs:build": "rimraf docs && pnpm docs:code",
"docs:build": "ts-node-esm src/docs.mts",
"docs:verify": "pnpm docs:build --verify",
- "docs:code": "typedoc --plugin typedoc-plugin-markdown --readme none --hideBreadcrumbs --hideInPageTOC --namedAnchors --out src/docs/config/setup --entryPointStrategy expand src/defaultConfig.ts src/config.ts src/mermaidAPI.ts",
+ "docs:code": "typedoc --plugin typedoc-plugin-markdown --readme none --hideBreadcrumbs --gitRemote disable --hideInPageTOC --namedAnchors --out src/docs/config/setup --entryPointStrategy expand src/defaultConfig.ts src/config.ts src/mermaidAPI.ts",
"predocs:dev": "pnpm docs:code",
"docs:dev": "vitepress dev src/docs",
"predocs:bundle": "pnpm docs:code",
@@ -77,7 +77,8 @@
"khroma": "^2.0.0",
"lodash": "^4.17.21",
"moment-mini": "^2.24.0",
- "non-layered-tidy-tree-layout": "^2.0.2"
+ "non-layered-tidy-tree-layout": "^2.0.2",
+ "stylis": "^4.1.2"
},
"devDependencies": {
"@applitools/eyes-cypress": "3.27.5",
diff --git a/packages/mermaid/src/defaultConfig.ts b/packages/mermaid/src/defaultConfig.ts
index 570dc2da3..8b09eed1a 100644
--- a/packages/mermaid/src/defaultConfig.ts
+++ b/packages/mermaid/src/defaultConfig.ts
@@ -18,7 +18,7 @@ import { MermaidConfig } from './config.type';
*
* ```html
*