@tmorrow/cre8-wc 2.0.4 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/a2ui/build-knowledge-graph.py +297 -0
  2. package/a2ui/catalog +240 -0
  3. package/a2ui/catalog-kg.json +6704 -0
  4. package/a2ui/catalog.json +576 -84
  5. package/a2ui/catalog.svg +3295 -0
  6. package/a2ui/demo.html +5 -49
  7. package/a2ui/examples/card-gallery.json +786 -0
  8. package/a2ui/examples/dating-grid.json +456 -0
  9. package/a2ui/examples/llm-observability.json +1719 -0
  10. package/a2ui/examples/portfolio.json +341 -0
  11. package/a2ui/generate-catalog.mjs +3 -0
  12. package/cdn/cre8-wc.esm.js +3057 -2438
  13. package/cdn/cre8-wc.esm.js.map +1 -1
  14. package/cdn/cre8-wc.min.js +1801 -1204
  15. package/cdn/cre8-wc.min.js.map +1 -1
  16. package/lib/components/accordion/accordion.d.ts +1 -0
  17. package/lib/components/accordion/accordion.d.ts.map +1 -1
  18. package/lib/components/accordion/accordion.js +1 -0
  19. package/lib/components/accordion/accordion.js.map +1 -1
  20. package/lib/components/accordion-item/accordion-item.d.ts +1 -0
  21. package/lib/components/accordion-item/accordion-item.d.ts.map +1 -1
  22. package/lib/components/accordion-item/accordion-item.js +1 -0
  23. package/lib/components/accordion-item/accordion-item.js.map +1 -1
  24. package/lib/components/alert/alert.d.ts +6 -0
  25. package/lib/components/alert/alert.d.ts.map +1 -1
  26. package/lib/components/alert/alert.js +6 -0
  27. package/lib/components/alert/alert.js.map +1 -1
  28. package/lib/components/button/button.d.ts +2 -0
  29. package/lib/components/button/button.d.ts.map +1 -1
  30. package/lib/components/button/button.js +2 -0
  31. package/lib/components/button/button.js.map +1 -1
  32. package/lib/components/button/button.styles.d.ts.map +1 -1
  33. package/lib/components/button/button.styles.js +1120 -557
  34. package/lib/components/button/button.styles.js.map +1 -1
  35. package/lib/components/button-group/button-group.d.ts +9 -0
  36. package/lib/components/button-group/button-group.d.ts.map +1 -1
  37. package/lib/components/button-group/button-group.js +8 -0
  38. package/lib/components/button-group/button-group.js.map +1 -1
  39. package/lib/components/button-group/button-group.styles.d.ts.map +1 -1
  40. package/lib/components/button-group/button-group.styles.js +12 -0
  41. package/lib/components/button-group/button-group.styles.js.map +1 -1
  42. package/lib/components/card/card.d.ts +1 -1
  43. package/lib/components/card/card.d.ts.map +1 -1
  44. package/lib/components/card/card.js +1 -0
  45. package/lib/components/card/card.js.map +1 -1
  46. package/lib/components/card/card.styles.d.ts.map +1 -1
  47. package/lib/components/card/card.styles.js +8 -0
  48. package/lib/components/card/card.styles.js.map +1 -1
  49. package/lib/components/checkbox-field-item/checkbox-field-item.d.ts +6 -0
  50. package/lib/components/checkbox-field-item/checkbox-field-item.d.ts.map +1 -1
  51. package/lib/components/checkbox-field-item/checkbox-field-item.js +6 -0
  52. package/lib/components/checkbox-field-item/checkbox-field-item.js.map +1 -1
  53. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js +1 -1
  54. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js.map +1 -1
  55. package/lib/components/date-picker/date-picker.d.ts +5 -0
  56. package/lib/components/date-picker/date-picker.d.ts.map +1 -1
  57. package/lib/components/date-picker/date-picker.js +12 -10
  58. package/lib/components/date-picker/date-picker.js.map +1 -1
  59. package/lib/components/dropdown/dropdown.d.ts +2 -0
  60. package/lib/components/dropdown/dropdown.d.ts.map +1 -1
  61. package/lib/components/dropdown/dropdown.js +2 -0
  62. package/lib/components/dropdown/dropdown.js.map +1 -1
  63. package/lib/components/dropdown-item/dropdown-item.d.ts +8 -0
  64. package/lib/components/dropdown-item/dropdown-item.d.ts.map +1 -1
  65. package/lib/components/dropdown-item/dropdown-item.js +15 -2
  66. package/lib/components/dropdown-item/dropdown-item.js.map +1 -1
  67. package/lib/components/feature/feature.d.ts +4 -0
  68. package/lib/components/feature/feature.d.ts.map +1 -1
  69. package/lib/components/feature/feature.js +4 -1
  70. package/lib/components/feature/feature.js.map +1 -1
  71. package/lib/components/field/field.d.ts +2 -0
  72. package/lib/components/field/field.d.ts.map +1 -1
  73. package/lib/components/field/field.js +3 -0
  74. package/lib/components/field/field.js.map +1 -1
  75. package/lib/components/global-nav-item/global-nav-item.d.ts +2 -0
  76. package/lib/components/global-nav-item/global-nav-item.d.ts.map +1 -1
  77. package/lib/components/global-nav-item/global-nav-item.js +2 -0
  78. package/lib/components/global-nav-item/global-nav-item.js.map +1 -1
  79. package/lib/components/header/header.d.ts +2 -0
  80. package/lib/components/header/header.d.ts.map +1 -1
  81. package/lib/components/header/header.js +2 -0
  82. package/lib/components/header/header.js.map +1 -1
  83. package/lib/components/hero/hero.d.ts +4 -0
  84. package/lib/components/hero/hero.d.ts.map +1 -1
  85. package/lib/components/hero/hero.js +4 -0
  86. package/lib/components/hero/hero.js.map +1 -1
  87. package/lib/components/hero/hero.styles.d.ts.map +1 -1
  88. package/lib/components/hero/hero.styles.js +13 -0
  89. package/lib/components/hero/hero.styles.js.map +1 -1
  90. package/lib/components/icon/icon.d.ts +3 -0
  91. package/lib/components/icon/icon.d.ts.map +1 -1
  92. package/lib/components/icon/icon.js +7 -5
  93. package/lib/components/icon/icon.js.map +1 -1
  94. package/lib/components/link/link.d.ts +2 -0
  95. package/lib/components/link/link.d.ts.map +1 -1
  96. package/lib/components/link/link.js +2 -0
  97. package/lib/components/link/link.js.map +1 -1
  98. package/lib/components/link-list-item/link-list-item.d.ts +2 -0
  99. package/lib/components/link-list-item/link-list-item.d.ts.map +1 -1
  100. package/lib/components/link-list-item/link-list-item.js +2 -0
  101. package/lib/components/link-list-item/link-list-item.js.map +1 -1
  102. package/lib/components/modal/modal.d.ts +4 -0
  103. package/lib/components/modal/modal.d.ts.map +1 -1
  104. package/lib/components/modal/modal.js +4 -0
  105. package/lib/components/modal/modal.js.map +1 -1
  106. package/lib/components/multi-select/multi-select.d.ts +4 -0
  107. package/lib/components/multi-select/multi-select.d.ts.map +1 -1
  108. package/lib/components/multi-select/multi-select.js +5 -2
  109. package/lib/components/multi-select/multi-select.js.map +1 -1
  110. package/lib/components/page-header/page-header.d.ts +1 -0
  111. package/lib/components/page-header/page-header.d.ts.map +1 -1
  112. package/lib/components/page-header/page-header.js +3 -2
  113. package/lib/components/page-header/page-header.js.map +1 -1
  114. package/lib/components/pagination/pagination.d.ts +7 -0
  115. package/lib/components/pagination/pagination.d.ts.map +1 -1
  116. package/lib/components/pagination/pagination.js +7 -0
  117. package/lib/components/pagination/pagination.js.map +1 -1
  118. package/lib/components/percent-bar/percent-bar.d.ts.map +1 -1
  119. package/lib/components/percent-bar/percent-bar.js +1 -0
  120. package/lib/components/percent-bar/percent-bar.js.map +1 -1
  121. package/lib/components/popover/popover.d.ts +6 -0
  122. package/lib/components/popover/popover.d.ts.map +1 -1
  123. package/lib/components/popover/popover.js +7 -1
  124. package/lib/components/popover/popover.js.map +1 -1
  125. package/lib/components/primary-nav-item/primary-nav-item.d.ts +2 -0
  126. package/lib/components/primary-nav-item/primary-nav-item.d.ts.map +1 -1
  127. package/lib/components/primary-nav-item/primary-nav-item.js +2 -0
  128. package/lib/components/primary-nav-item/primary-nav-item.js.map +1 -1
  129. package/lib/components/remove-tag/remove-tag.d.ts +2 -0
  130. package/lib/components/remove-tag/remove-tag.d.ts.map +1 -1
  131. package/lib/components/remove-tag/remove-tag.js +3 -1
  132. package/lib/components/remove-tag/remove-tag.js.map +1 -1
  133. package/lib/components/section/section.d.ts +1 -0
  134. package/lib/components/section/section.d.ts.map +1 -1
  135. package/lib/components/section/section.js +1 -0
  136. package/lib/components/section/section.js.map +1 -1
  137. package/lib/components/select/select.d.ts +2 -0
  138. package/lib/components/select/select.d.ts.map +1 -1
  139. package/lib/components/select/select.js +5 -1
  140. package/lib/components/select/select.js.map +1 -1
  141. package/lib/components/split-button/split-button.d.ts +3 -0
  142. package/lib/components/split-button/split-button.d.ts.map +1 -1
  143. package/lib/components/split-button/split-button.js.map +1 -1
  144. package/lib/components/tab/tab.d.ts +2 -0
  145. package/lib/components/tab/tab.d.ts.map +1 -1
  146. package/lib/components/tab/tab.js +2 -0
  147. package/lib/components/tab/tab.js.map +1 -1
  148. package/lib/components/table-object/table-object.d.ts +2 -0
  149. package/lib/components/table-object/table-object.d.ts.map +1 -1
  150. package/lib/components/table-object/table-object.js +2 -0
  151. package/lib/components/table-object/table-object.js.map +1 -1
  152. package/lib/components/table-row/table-row.d.ts +1 -0
  153. package/lib/components/table-row/table-row.d.ts.map +1 -1
  154. package/lib/components/table-row/table-row.js +1 -0
  155. package/lib/components/table-row/table-row.js.map +1 -1
  156. package/lib/components/tag/tag.d.ts +5 -0
  157. package/lib/components/tag/tag.d.ts.map +1 -1
  158. package/lib/components/tag/tag.js +2 -0
  159. package/lib/components/tag/tag.js.map +1 -1
  160. package/lib/components/tag-list/tag-list.d.ts +2 -0
  161. package/lib/components/tag-list/tag-list.d.ts.map +1 -1
  162. package/lib/components/tag-list/tag-list.js +2 -0
  163. package/lib/components/tag-list/tag-list.js.map +1 -1
  164. package/lib/components/text-link/text-link.d.ts +1 -0
  165. package/lib/components/text-link/text-link.d.ts.map +1 -1
  166. package/lib/components/text-link/text-link.js +1 -0
  167. package/lib/components/text-link/text-link.js.map +1 -1
  168. package/lib/components/tooltip/tooltip.d.ts +6 -0
  169. package/lib/components/tooltip/tooltip.d.ts.map +1 -1
  170. package/lib/components/tooltip/tooltip.js +3 -0
  171. package/lib/components/tooltip/tooltip.js.map +1 -1
  172. package/lib/design-tokens/brands/claude-terracotta/css/tokens_brand.css +85 -0
  173. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.css +1 -0
  174. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.d.ts +3 -0
  175. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.d.ts.map +1 -0
  176. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.js +90 -0
  177. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.js.map +1 -0
  178. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_brand.css +1 -0
  179. package/lib/design-tokens/brands/cre8-teal/css/tokens_brand.css +87 -0
  180. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.css +1 -0
  181. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.d.ts +3 -0
  182. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.d.ts.map +1 -0
  183. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.js +90 -0
  184. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.js.map +1 -0
  185. package/lib/scripts/generate-react-manifest.d.ts +20 -0
  186. package/lib/scripts/generate-react-manifest.d.ts.map +1 -0
  187. package/lib/scripts/generate-react-manifest.js +154 -0
  188. package/lib/scripts/generate-react-manifest.js.map +1 -0
  189. package/mcp-manifest.json +203 -38
  190. package/package.json +10 -4
  191. package/react-manifest.json +3594 -0
  192. package/dist/leaf.png +0 -0
  193. package/dist/leafDS.png +0 -0
  194. package/dist/leafLogo.svg +0 -1
package/a2ui/catalog ADDED
@@ -0,0 +1,240 @@
1
+ // cre8 Web Components Knowledge Graph
2
+ digraph "cre8-wc" {
3
+ graph [bgcolor="#FFFFFF" fontname=Helvetica fontsize=11 label="cre8-wc Component Knowledge Graph" labelfontsize=16 labelloc=t nodesep=0.5 overlap=false rankdir=LR ranksep=1.5 splines=ortho]
4
+ node [fontname=Helvetica margin=0 shape=none]
5
+ edge [fontname=Helvetica fontsize=9]
6
+ subgraph cluster_Actions {
7
+ color="#1565C0" fillcolor="#E3F2FD" fontcolor="#1565C0" fontname="Helvetica-Bold" fontsize=13 label=" Actions " penwidth=2 style="filled,rounded"
8
+ "cre8-button" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E3F2FD" ALIGN="LEFT"><B><FONT COLOR="#1565C0" POINT-SIZE="11">cre8-button</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [before] · [after]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">primary | secondary | tertiary</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> neutral</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverse</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> target</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">_blank | _self | _parent | _top</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +21 more props</FONT></TD></TR></TABLE>>]
9
+ "cre8-button-group" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E3F2FD" ALIGN="LEFT"><B><FONT COLOR="#1565C0" POINT-SIZE="11">cre8-button-group</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> orientation</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> gap</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullWidth</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
10
+ "cre8-danger-button" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E3F2FD" ALIGN="LEFT"><B><FONT COLOR="#1565C0" POINT-SIZE="11">cre8-danger-button</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">primary | secondary | tertiary</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> target</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">_blank | _self | _parent | _top</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> rel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +18 more props</FONT></TD></TR></TABLE>>]
11
+ "cre8-split-button" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E3F2FD" ALIGN="LEFT"><B><FONT COLOR="#1565C0" POINT-SIZE="11">cre8-split-button</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">sm | lg</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> buttonText</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> dropdownOpen</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
12
+ }
13
+ subgraph cluster_Data {
14
+ color="#2E7D32" fillcolor="#E8F5E9" fontcolor="#2E7D32" fontname="Helvetica-Bold" fontsize=13 label=" Data " penwidth=2 style="filled,rounded"
15
+ "cre8-chart" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-chart</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> type</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">line | bar | pie | doughnut | radar (+3)</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> width</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> height</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> maintain-aspect-ratio</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> responsive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> loading</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +8 more props</FONT></TD></TR></TABLE>>]
16
+ "cre8-list" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-list</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> spacing</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">condensed | padded</FONT></TD></TR></TABLE>>]
17
+ "cre8-list-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-list-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
18
+ "cre8-remove-tag" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-remove-tag</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> color</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">neutral | branded | neutral-hybrid</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> shape</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">round | square</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
19
+ "cre8-table" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> caption</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> behavior</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isHoverable</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
20
+ "cre8-table-body" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table-body</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
21
+ "cre8-table-cell" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table-cell</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> colspan</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> dataHeader</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
22
+ "cre8-table-header" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table-header</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
23
+ "cre8-table-header-cell" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table-header-cell</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> colspan</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> width</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
24
+ "cre8-table-object" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table-object</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [header] · [footer]</FONT></TD></TR></TABLE>>]
25
+ "cre8-table-row" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-table-row</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [expandableContent]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isExpanded</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isExpandable</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> expandedButtonText</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> collapsedButtonText</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
26
+ "cre8-tag" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-tag</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">neutral | branded | neutral-hybrid</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> shape</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">square | round</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> type</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">checkbox | radio</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +7 more props</FONT></TD></TR></TABLE>>]
27
+ "cre8-tag-list" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E8F5E9" ALIGN="LEFT"><B><FONT COLOR="#2E7D32" POINT-SIZE="11">cre8-tag-list</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldId</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
28
+ }
29
+ subgraph cluster_Disclosure {
30
+ color="#6A1B9A" fillcolor="#F3E5F5" fontcolor="#6A1B9A" fontname="Helvetica-Bold" fontsize=13 label=" Disclosure " penwidth=2 style="filled,rounded"
31
+ "cre8-accordion" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-accordion</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> borderType</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">rectangle | rounded-bottom | rounded | none</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> hasDivider</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
32
+ "cre8-accordion-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-accordion-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [heading]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">sm | lg</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> heading</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconBefore</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> tertiaryIcon</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> headingTagVariant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">h1 | h2 | h3 | h4 | h5 (+1)</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +2 more props</FONT></TD></TR></TABLE>>]
33
+ "cre8-dropdown" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-dropdown</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> buttonText</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> maxHeight</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> dropdownWithLink</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> open</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> dropdownContent</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
34
+ "cre8-dropdown-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-dropdown-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> ariaLabel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
35
+ "cre8-modal" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-modal</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [header] · [footer]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> status</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">error | info | warning | success | help</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> utilityModalTitle</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> notDismissible</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> closeButtonText</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> closeButtonIcon</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +2 more props</FONT></TD></TR></TABLE>>]
36
+ "cre8-popover" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-popover</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [trigger] · [header] · [footer]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> heading</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> position</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isVisibleOnScroll</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isDynamic</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActiveDynamic</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +4 more props</FONT></TD></TR></TABLE>>]
37
+ "cre8-submenu" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-submenu</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
38
+ "cre8-submenu-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-submenu-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
39
+ "cre8-tooltip" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F3E5F5" ALIGN="LEFT"><B><FONT COLOR="#6A1B9A" POINT-SIZE="11">cre8-tooltip</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [trigger]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> position</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">default | top | left | right</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> knockout</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isDynamic</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActiveDynamic</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +5 more props</FONT></TD></TR></TABLE>>]
40
+ }
41
+ subgraph cluster_Feedback {
42
+ color="#E65100" fillcolor="#FFF3E0" fontcolor="#E65100" fontname="Helvetica-Bold" fontsize=13 label=" Feedback " penwidth=2 style="filled,rounded"
43
+ "cre8-alert" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-alert</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [cta]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> status</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">error | info | notification | neutral | warning (+1)</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">standalone | banner</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> emphasis</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">subtle | strong</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> dismissed</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconAlert</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconTitle</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +3 more props</FONT></TD></TR></TABLE>>]
44
+ "cre8-badge" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-badge</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> status</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
45
+ "cre8-inline-alert" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-inline-alert</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">subtle | transparent</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> status</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">error | info | neutral | warning | success (+2)</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullWidth</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconTitle</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
46
+ "cre8-loading-spinner" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-loading-spinner</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> determinate</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverse</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> neutral</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> progress</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">large | small</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +1 more props</FONT></TD></TR></TABLE>>]
47
+ "cre8-percent-bar" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-percent-bar</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> value</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> max</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disableActionLeft</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
48
+ "cre8-progress-meter" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-progress-meter</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> status</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">error | warning | success</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> knockout</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> max</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> value</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +1 more props</FONT></TD></TR></TABLE>>]
49
+ "cre8-progress-steps-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-progress-steps-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> message</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> state</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
50
+ "cre8-skeleton-loader" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FFF3E0" ALIGN="LEFT"><B><FONT COLOR="#E65100" POINT-SIZE="11">cre8-skeleton-loader</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">rectangle | square | circle</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> height</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> width</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
51
+ }
52
+ subgraph cluster_Forms {
53
+ color="#00838F" fillcolor="#E0F7FA" fontcolor="#00838F" fontname="Helvetica-Bold" fontsize=13 label=" Forms " penwidth=2 style="filled,rounded"
54
+ "cre8-checkbox-field" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-checkbox-field</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNote</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> ariaDescribedBy</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteIconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteKnockout</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteIsSuccess</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +1 more props</FONT></TD></TR></TABLE>>]
55
+ "cre8-checkbox-field-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-checkbox-field-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [fieldNote]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> checked</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> required</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> value</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +12 more props</FONT></TD></TR></TABLE>>]
56
+ "cre8-date-picker" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-date-picker</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [fieldNote]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> autocomplete</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> pattern</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> placeholder</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> max</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string | number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> min</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string | number</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +20 more props</FONT></TD></TR></TABLE>>]
57
+ "cre8-field" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-field</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [fieldNote]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> autocomplete</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> pattern</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> placeholder</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> max</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string | number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> min</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string | number</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +18 more props</FONT></TD></TR></TABLE>>]
58
+ "cre8-field-note" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-field-note</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isError</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isSuccess</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
59
+ "cre8-multi-select" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-multi-select</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [fieldNote]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> items</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">array</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> preselectedItems</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">array</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldId</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNote</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +8 more props</FONT></TD></TR></TABLE>>]
60
+ "cre8-radio-field" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-radio-field</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNote</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> ariaDescribedBy</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteIconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteKnockout</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isSuccess</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +1 more props</FONT></TD></TR></TABLE>>]
61
+ "cre8-radio-field-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-radio-field-item</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> checked</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> required</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> value</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +9 more props</FONT></TD></TR></TABLE>>]
62
+ "cre8-select" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-select</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [fieldNote]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> items</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">array</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> required</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> value</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +9 more props</FONT></TD></TR></TABLE>>]
63
+ "cre8-select-tile" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-select-tile</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [header] · [footer] · [title] · [body]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">bare | horizontal | horizontal-bare</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> align</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> checked</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> type</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">checkbox | radio</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> disabled</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +10 more props</FONT></TD></TR></TABLE>>]
64
+ "cre8-select-tile-list" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#E0F7FA" ALIGN="LEFT"><B><FONT COLOR="#00838F" POINT-SIZE="11">cre8-select-tile-list</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">columns | rows</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> label</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNote</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> ariaDescribedBy</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteIconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fieldNoteKnockout</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +2 more props</FONT></TD></TR></TABLE>>]
65
+ }
66
+ subgraph cluster_Layout {
67
+ color="#37474F" fillcolor="#ECEFF1" fontcolor="#37474F" fontname="Helvetica-Bold" fontsize=13 label=" Layout " penwidth=2 style="filled,rounded"
68
+ "cre8-band" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-band</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullHeight</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
69
+ "cre8-card" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-card</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [header] · [footer]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">bare | compact | horizontal | horizontal-bare</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> align</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
70
+ "cre8-divider" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-divider</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">horizontal | vertical</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> status</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
71
+ "cre8-grid" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-grid</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">side-by-side | 2up | 3up | 1-3up | 4up (+3)</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> gap</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">sm | lg | none</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> break</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">faster | slower</FONT></TD></TR></TABLE>>]
72
+ "cre8-grid-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-grid-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
73
+ "cre8-hero" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-hero</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> align</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">center | left | right | top-left | top-center (+3)</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> imgSrc</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> imgAlt</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> hasOverlay</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
74
+ "cre8-layout" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-layout</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
75
+ "cre8-layout-container" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-layout-container</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullHeight</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
76
+ "cre8-layout-section" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-layout-section</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> behavior</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> top</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
77
+ "cre8-linelength-container" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-linelength-container</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
78
+ "cre8-main" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-main</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullHeight</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
79
+ "cre8-section" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#ECEFF1" ALIGN="LEFT"><B><FONT COLOR="#37474F" POINT-SIZE="11">cre8-section</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [header]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> headline</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
80
+ }
81
+ subgraph cluster_Marketing {
82
+ color="#AD1457" fillcolor="#FCE4EC" fontcolor="#AD1457" fontname="Helvetica-Bold" fontsize=13 label=" Marketing " penwidth=2 style="filled,rounded"
83
+ "cre8-feature" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FCE4EC" ALIGN="LEFT"><B><FONT COLOR="#AD1457" POINT-SIZE="11">cre8-feature</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> imgSrc</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> imgAlt</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> aspectRatio</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
84
+ "cre8-page-header" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#FCE4EC" ALIGN="LEFT"><B><FONT COLOR="#AD1457" POINT-SIZE="11">cre8-page-header</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [titleAfter]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> heading</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
85
+ }
86
+ subgraph cluster_Media {
87
+ color="#4527A0" fillcolor="#EDE7F6" fontcolor="#4527A0" fontname="Helvetica-Bold" fontsize=13 label=" Media " penwidth=2 style="filled,rounded"
88
+ "cre8-icon" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#EDE7F6" ALIGN="LEFT"><B><FONT COLOR="#4527A0" POINT-SIZE="11">cre8-icon</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> focusable</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> name</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconUrl</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconTitle</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
89
+ "cre8-logo" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#EDE7F6" ALIGN="LEFT"><B><FONT COLOR="#4527A0" POINT-SIZE="11">cre8-logo</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
90
+ }
91
+ subgraph cluster_Navigation {
92
+ color="#558B2F" fillcolor="#F9FBE7" fontcolor="#558B2F" fontname="Helvetica-Bold" fontsize=13 label=" Navigation " penwidth=2 style="filled,rounded"
93
+ "cre8-breadcrumbs" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-breadcrumbs</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> navAriaLabel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
94
+ "cre8-breadcrumbs-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-breadcrumbs-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
95
+ "cre8-footer" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-footer</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [top] · [bottom]</FONT></TD></TR></TABLE>>]
96
+ "cre8-global-nav" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-global-nav</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> behavior</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> navAriaLabel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
97
+ "cre8-global-nav-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-global-nav-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [itemBefore] · [itemAfter]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> megaMenu</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
98
+ "cre8-header" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-header</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [top] · [bottom]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
99
+ "cre8-link" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-link</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [badge]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> rel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> target</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">_blank | _self | _parent | _top</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">sm | lg</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +7 more props</FONT></TD></TR></TABLE>>]
100
+ "cre8-link-list" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-link-list</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> behavior</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">horizontal | responsive</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> spacing</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">secondary | display</FONT></TD></TR></TABLE>>]
101
+ "cre8-link-list-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-link-list-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [itemBefore] · [itemAfter]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
102
+ "cre8-nav-container" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-nav-container</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
103
+ "cre8-pagination" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-pagination</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> display</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">compact | icon-only | default</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> totalResults</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> pageSize</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> visiblePages</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> hideLastAndFirstButtons</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> currentPage</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +4 more props</FONT></TD></TR></TABLE>>]
104
+ "cre8-primary-nav" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-primary-nav</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> behavior</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> navAriaLabel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
105
+ "cre8-primary-nav-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-primary-nav-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [itemBefore] · [itemAfter]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> megaMenu</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
106
+ "cre8-tab" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-tab</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> index</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> ariaLabelledBy</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
107
+ "cre8-tab-panel" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-tab-panel</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> index</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> skipFocusOnPanel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isActive</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
108
+ "cre8-tabs" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-tabs</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [panel]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullWidth</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> activeIndex</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">number</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isStart</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isEnd</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> activeTab</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD COLSPAN="2" ALIGN="LEFT" BGCOLOR="#F5F5F5"><FONT POINT-SIZE="8" COLOR="#999999"> +7 more props</FONT></TD></TR></TABLE>>]
109
+ "cre8-tertiary-nav" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-tertiary-nav</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> fullWidth</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> navAriaLabel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
110
+ "cre8-tertiary-nav-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-tertiary-nav-item</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> isCurrent</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
111
+ "cre8-utility-nav" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-utility-nav</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> navAriaLabel</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
112
+ "cre8-utility-nav-item" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F9FBE7" ALIGN="LEFT"><B><FONT COLOR="#558B2F" POINT-SIZE="11">cre8-utility-nav-item</FONT></B></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> text</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> hideText</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconName</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> iconPosition</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">before | after</FONT></TD></TR></TABLE>>]
113
+ }
114
+ subgraph cluster_Other {
115
+ color="#546E7A" fillcolor="#F5F5F5" fontcolor="#546E7A" fontname="Helvetica-Bold" fontsize=13 label=" Other " penwidth=2 style="filled,rounded"
116
+ "cre8-progress-steps" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#F5F5F5" ALIGN="LEFT"><B><FONT COLOR="#546E7A" POINT-SIZE="11">cre8-progress-steps</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR></TABLE>>]
117
+ }
118
+ subgraph cluster_Typography {
119
+ color="#4E342E" fillcolor="#EFEBE9" fontcolor="#4E342E" fontname="Helvetica-Bold" fontsize=13 label=" Typography " penwidth=2 style="filled,rounded"
120
+ "cre8-heading" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#EFEBE9" ALIGN="LEFT"><B><FONT COLOR="#4E342E" POINT-SIZE="11">cre8-heading</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> type</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">display-default | display-small | headline-large | headline-default | headline-small (+10)</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> tagVariant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> brandColor</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
121
+ "cre8-text-link" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#EFEBE9" ALIGN="LEFT"><B><FONT COLOR="#4E342E" POINT-SIZE="11">cre8-text-link</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> [default] · [linkAfter]</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> href</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> variant</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">secondary | display</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR></TABLE>>]
122
+ "cre8-text-passage" [label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="3"><TR><TD COLSPAN="2" BGCOLOR="#EFEBE9" ALIGN="LEFT"><B><FONT COLOR="#4E342E" POINT-SIZE="11">cre8-text-passage</FONT></B><FONT POINT-SIZE="8" COLOR="#888888"> children</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> inverted</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">boolean</FONT></TD></TR><TR><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="9"> size</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">large | small | default</FONT></TD></TR></TABLE>>]
123
+ }
124
+ "cre8-button" -> slot:"cre8-button":before [label=before arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
125
+ "slot:cre8-button:before" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: before</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
126
+ "cre8-button" -> slot:"cre8-button":after [label=after arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
127
+ "slot:cre8-button:after" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: after</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
128
+ "cre8-table-object" -> slot:"cre8-table-object":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
129
+ "slot:cre8-table-object:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
130
+ "cre8-table-object" -> slot:"cre8-table-object":header [label=header arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
131
+ "slot:cre8-table-object:header" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: header</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
132
+ "cre8-table-object" -> slot:"cre8-table-object":footer [label=footer arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
133
+ "slot:cre8-table-object:footer" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: footer</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
134
+ "cre8-table-row" -> slot:"cre8-table-row":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
135
+ "slot:cre8-table-row:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
136
+ "cre8-table-row" -> slot:"cre8-table-row":expandableContent [label=expandableContent arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
137
+ "slot:cre8-table-row:expandableContent" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: expandableContent</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
138
+ "cre8-accordion-item" -> slot:"cre8-accordion-item":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
139
+ "slot:cre8-accordion-item:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
140
+ "cre8-accordion-item" -> slot:"cre8-accordion-item":heading [label=heading arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
141
+ "slot:cre8-accordion-item:heading" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: heading</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
142
+ "cre8-modal" -> slot:"cre8-modal":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
143
+ "slot:cre8-modal:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
144
+ "cre8-modal" -> slot:"cre8-modal":header [label=header arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
145
+ "slot:cre8-modal:header" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: header</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
146
+ "cre8-modal" -> slot:"cre8-modal":footer [label=footer arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
147
+ "slot:cre8-modal:footer" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: footer</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
148
+ "cre8-popover" -> slot:"cre8-popover":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
149
+ "slot:cre8-popover:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
150
+ "cre8-popover" -> slot:"cre8-popover":trigger [label=trigger arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
151
+ "slot:cre8-popover:trigger" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: trigger</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
152
+ "cre8-popover" -> slot:"cre8-popover":header [label=header arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
153
+ "slot:cre8-popover:header" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: header</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
154
+ "cre8-popover" -> slot:"cre8-popover":footer [label=footer arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
155
+ "slot:cre8-popover:footer" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: footer</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
156
+ "cre8-tooltip" -> slot:"cre8-tooltip":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
157
+ "slot:cre8-tooltip:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
158
+ "cre8-tooltip" -> slot:"cre8-tooltip":trigger [label=trigger arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
159
+ "slot:cre8-tooltip:trigger" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: trigger</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
160
+ "cre8-alert" -> slot:"cre8-alert":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
161
+ "slot:cre8-alert:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
162
+ "cre8-alert" -> slot:"cre8-alert":cta [label=cta arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
163
+ "slot:cre8-alert:cta" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: cta</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
164
+ "cre8-checkbox-field-item" -> slot:"cre8-checkbox-field-item":fieldNote [label=fieldNote arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
165
+ "slot:cre8-checkbox-field-item:fieldNote" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: fieldNote</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
166
+ "cre8-date-picker" -> slot:"cre8-date-picker":fieldNote [label=fieldNote arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
167
+ "slot:cre8-date-picker:fieldNote" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: fieldNote</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
168
+ "cre8-field" -> slot:"cre8-field":fieldNote [label=fieldNote arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
169
+ "slot:cre8-field:fieldNote" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: fieldNote</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
170
+ "cre8-multi-select" -> slot:"cre8-multi-select":fieldNote [label=fieldNote arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
171
+ "slot:cre8-multi-select:fieldNote" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: fieldNote</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
172
+ "cre8-select" -> slot:"cre8-select":fieldNote [label=fieldNote arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
173
+ "slot:cre8-select:fieldNote" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: fieldNote</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
174
+ "cre8-select-tile" -> slot:"cre8-select-tile":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
175
+ "slot:cre8-select-tile:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
176
+ "cre8-select-tile" -> slot:"cre8-select-tile":header [label=header arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
177
+ "slot:cre8-select-tile:header" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: header</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
178
+ "cre8-select-tile" -> slot:"cre8-select-tile":footer [label=footer arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
179
+ "slot:cre8-select-tile:footer" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: footer</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
180
+ "cre8-select-tile" -> slot:"cre8-select-tile":title [label=title arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
181
+ "slot:cre8-select-tile:title" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: title</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
182
+ "cre8-select-tile" -> slot:"cre8-select-tile":body [label=body arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
183
+ "slot:cre8-select-tile:body" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: body</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
184
+ "cre8-card" -> slot:"cre8-card":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
185
+ "slot:cre8-card:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
186
+ "cre8-card" -> slot:"cre8-card":header [label=header arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
187
+ "slot:cre8-card:header" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: header</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
188
+ "cre8-card" -> slot:"cre8-card":footer [label=footer arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
189
+ "slot:cre8-card:footer" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: footer</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
190
+ "cre8-section" -> slot:"cre8-section":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
191
+ "slot:cre8-section:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
192
+ "cre8-section" -> slot:"cre8-section":header [label=header arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
193
+ "slot:cre8-section:header" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: header</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
194
+ "cre8-page-header" -> slot:"cre8-page-header":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
195
+ "slot:cre8-page-header:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
196
+ "cre8-page-header" -> slot:"cre8-page-header":titleAfter [label=titleAfter arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
197
+ "slot:cre8-page-header:titleAfter" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: titleAfter</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
198
+ "cre8-footer" -> slot:"cre8-footer":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
199
+ "slot:cre8-footer:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
200
+ "cre8-footer" -> slot:"cre8-footer":top [label=top arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
201
+ "slot:cre8-footer:top" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: top</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
202
+ "cre8-footer" -> slot:"cre8-footer":bottom [label=bottom arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
203
+ "slot:cre8-footer:bottom" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: bottom</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
204
+ "cre8-global-nav-item" -> slot:"cre8-global-nav-item":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
205
+ "slot:cre8-global-nav-item:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
206
+ "cre8-global-nav-item" -> slot:"cre8-global-nav-item":itemBefore [label=itemBefore arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
207
+ "slot:cre8-global-nav-item:itemBefore" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: itemBefore</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
208
+ "cre8-global-nav-item" -> slot:"cre8-global-nav-item":itemAfter [label=itemAfter arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
209
+ "slot:cre8-global-nav-item:itemAfter" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: itemAfter</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
210
+ "cre8-header" -> slot:"cre8-header":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
211
+ "slot:cre8-header:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
212
+ "cre8-header" -> slot:"cre8-header":top [label=top arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
213
+ "slot:cre8-header:top" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: top</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
214
+ "cre8-header" -> slot:"cre8-header":bottom [label=bottom arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
215
+ "slot:cre8-header:bottom" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: bottom</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
216
+ "cre8-link" -> slot:"cre8-link":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
217
+ "slot:cre8-link:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
218
+ "cre8-link" -> slot:"cre8-link":badge [label=badge arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
219
+ "slot:cre8-link:badge" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: badge</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
220
+ "cre8-link-list-item" -> slot:"cre8-link-list-item":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
221
+ "slot:cre8-link-list-item:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
222
+ "cre8-link-list-item" -> slot:"cre8-link-list-item":itemBefore [label=itemBefore arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
223
+ "slot:cre8-link-list-item:itemBefore" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: itemBefore</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
224
+ "cre8-link-list-item" -> slot:"cre8-link-list-item":itemAfter [label=itemAfter arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
225
+ "slot:cre8-link-list-item:itemAfter" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: itemAfter</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
226
+ "cre8-primary-nav-item" -> slot:"cre8-primary-nav-item":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
227
+ "slot:cre8-primary-nav-item:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
228
+ "cre8-primary-nav-item" -> slot:"cre8-primary-nav-item":itemBefore [label=itemBefore arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
229
+ "slot:cre8-primary-nav-item:itemBefore" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: itemBefore</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
230
+ "cre8-primary-nav-item" -> slot:"cre8-primary-nav-item":itemAfter [label=itemAfter arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
231
+ "slot:cre8-primary-nav-item:itemAfter" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: itemAfter</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
232
+ "cre8-tabs" -> slot:"cre8-tabs":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
233
+ "slot:cre8-tabs:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
234
+ "cre8-tabs" -> slot:"cre8-tabs":panel [label=panel arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
235
+ "slot:cre8-tabs:panel" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: panel</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
236
+ "cre8-text-link" -> slot:"cre8-text-link":default [label=default arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
237
+ "slot:cre8-text-link:default" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: default</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
238
+ "cre8-text-link" -> slot:"cre8-text-link":linkAfter [label=linkAfter arrowhead=open color="#9C27B0" fontcolor="#9C27B0" style=dashed]
239
+ "slot:cre8-text-link:linkAfter" [label=<<FONT POINT-SIZE="9" COLOR="#9C27B0">slot: linkAfter</FONT>> color="#9C27B0" fillcolor="#F8E8FF" margin="0.1,0.05" shape=ellipse style="filled,dashed"]
240
+ }