@tmorrow/cre8-wc 2.0.6 → 2.0.8

package/a2ui/catalog

@@ -33,7 +33,7 @@ digraph "cre8-wc" {
 		"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>>]
 		"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>>]
 		"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>>]
-		"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>>]
+		"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">top | left | right</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>>]
 		"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>>]
 		"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>>]
 		"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>>]
@@ -41,12 +41,12 @@ digraph "cre8-wc" {
 	subgraph cluster_Feedback {
 		color="#E65100" fillcolor="#FFF3E0" fontcolor="#E65100" fontname="Helvetica-Bold" fontsize=13 label="  Feedback  " penwidth=2 style="filled,rounded"
 		"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>>]
-		"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>>]
+		"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">error | info | warning | success | attention</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">light | white</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>>]
 		"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>>]
 		"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>>]
 		"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>>]
 		"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>>]
-		"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>>]
+		"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">  state</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">error | warning | complete | current | incomplete</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">  svg</FONT></TD><TD ALIGN="LEFT" BGCOLOR="#FAFAFA"><FONT POINT-SIZE="8" COLOR="#666666">string</FONT></TD></TR></TABLE>>]
 		"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>>]
 	}
 	subgraph cluster_Forms {
@@ -67,7 +67,7 @@ digraph "cre8-wc" {
 		color="#37474F" fillcolor="#ECEFF1" fontcolor="#37474F" fontname="Helvetica-Bold" fontsize=13 label="  Layout  " penwidth=2 style="filled,rounded"
 		"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>>]
 		"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>>]
-		"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>>]
+		"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">brand | knockout</FONT></TD></TR></TABLE>>]
 		"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>>]
 		"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>>]
 		"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>>]
@@ -117,7 +117,7 @@ digraph "cre8-wc" {
 	}
 	subgraph cluster_Typography {
 		color="#4E342E" fillcolor="#EFEBE9" fontcolor="#4E342E" fontname="Helvetica-Bold" fontsize=13 label="  Typography  " penwidth=2 style="filled,rounded"
-		"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>>]
+		"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">h1 | h2 | h3 | h4 | h5 (+1)</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>>]
 		"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>>]
 		"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>>]
 	}

package/a2ui/catalog-kg.json

@@ -3,9 +3,9 @@
     "generated_from": "catalog.json",
     "catalog_id": "cre8-wc",
     "library": "@tmorrow/cre8-wc",
-    "library_version": "2.0.4",
-    "total_nodes": 214,
-    "total_edges": 203
+    "library_version": "2.0.7",
+    "total_nodes": 220,
+    "total_edges": 209
   },
   "nodes": [
     {
@@ -1732,9 +1732,13 @@
         },
         "position": {
           "type": "string",
-          "enum": null,
+          "enum": [
+            "top",
+            "left",
+            "right"
+          ],
           "default": null,
-          "description": "Positions the popover panel absolutely to the trigger - **default** positions th\u2026",
+          "description": "Positions the popover panel absolutely to the trigger - Omitting this prop posit\u2026",
           "x-kind": "attribute"
         },
         "isVisibleOnScroll": {
@@ -1830,6 +1834,18 @@
       "component": "cre8-popover",
       "description": "Custom footer content for the popover panel"
     },
+    {
+      "id": "prop:cre8-popover:position",
+      "type": "enum_prop",
+      "name": "position",
+      "component": "cre8-popover",
+      "enum": [
+        "top",
+        "left",
+        "right"
+      ],
+      "description": "Positions the popover panel absolutely to the trigger - Omitting this prop posit\u2026"
+    },
     {
       "id": "cre8-submenu",
       "type": "component",
@@ -2133,16 +2149,25 @@
         },
         "status": {
           "type": "string",
-          "enum": null,
+          "enum": [
+            "error",
+            "info",
+            "warning",
+            "success",
+            "attention"
+          ],
           "default": null,
-          "description": "Status (a color variant prop) - **neutral** (default) renders a badge with a neu\u2026",
+          "description": "Status (a color variant prop) - Omitting this prop renders a badge with the neut\u2026",
           "x-kind": "attribute"
         },
         "variant": {
           "type": "string",
-          "enum": null,
+          "enum": [
+            "light",
+            "white"
+          ],
           "default": null,
-          "description": "Background Style Variant - **dark|undefined** (default) renders a badge with a d\u2026",
+          "description": "Background Style Variant - Omitting this prop renders a badge with a dark backgr\u2026",
           "x-kind": "attribute"
         },
         "svg": {
@@ -2156,6 +2181,31 @@
       "slots": [],
       "accepts_children": false
     },
+    {
+      "id": "prop:cre8-badge:status",
+      "type": "enum_prop",
+      "name": "status",
+      "component": "cre8-badge",
+      "enum": [
+        "error",
+        "info",
+        "warning",
+        "success",
+        "attention"
+      ],
+      "description": "Status (a color variant prop) - Omitting this prop renders a badge with the neut\u2026"
+    },
+    {
+      "id": "prop:cre8-badge:variant",
+      "type": "enum_prop",
+      "name": "variant",
+      "component": "cre8-badge",
+      "enum": [
+        "light",
+        "white"
+      ],
+      "description": "Background Style Variant - Omitting this prop renders a badge with a dark backgr\u2026"
+    },
     {
       "id": "cre8-inline-alert",
       "type": "component",
@@ -2440,25 +2490,31 @@
       "category": "Feedback",
       "description": "The Progress Steps Item component is used to display a single step in a multi-step process. It should be used as a child\u2026",
       "props": {
-        "message": {
+        "state": {
           "type": "string",
-          "enum": null,
+          "enum": [
+            "error",
+            "warning",
+            "complete",
+            "current",
+            "incomplete"
+          ],
           "default": null,
-          "description": "Optional message to display under the step name.",
+          "description": "The state of the step.",
           "x-kind": "attribute"
         },
-        "name": {
+        "message": {
           "type": "string",
           "enum": null,
           "default": null,
-          "description": "The name of the step.",
+          "description": "Optional message to display under the step name.",
           "x-kind": "attribute"
         },
-        "state": {
+        "name": {
           "type": "string",
           "enum": null,
           "default": null,
-          "description": "The state of the step: 'complete', 'current', 'error',' incomplete', 'warning';",
+          "description": "The name of the step.",
           "x-kind": "attribute"
         },
         "svg": {
@@ -2472,6 +2528,20 @@
       "slots": [],
       "accepts_children": true
     },
+    {
+      "id": "prop:cre8-progress-steps-item:state",
+      "type": "enum_prop",
+      "name": "state",
+      "component": "cre8-progress-steps-item",
+      "enum": [
+        "error",
+        "warning",
+        "complete",
+        "current",
+        "incomplete"
+      ],
+      "description": "The state of the step."
+    },
     {
       "id": "cre8-skeleton-loader",
       "type": "component",
@@ -4035,7 +4105,10 @@
         },
         "status": {
           "type": "string",
-          "enum": null,
+          "enum": [
+            "brand",
+            "knockout"
+          ],
           "default": null,
           "description": "Status (a color variant prop) - By default, the divider has gray color. - **bran\u2026",
           "x-kind": "attribute"
@@ -4055,6 +4128,17 @@
       ],
       "description": "Divider variants - By default, the component renders the horizontal divider - **\u2026"
     },
+    {
+      "id": "prop:cre8-divider:status",
+      "type": "enum_prop",
+      "name": "status",
+      "component": "cre8-divider",
+      "enum": [
+        "brand",
+        "knockout"
+      ],
+      "description": "Status (a color variant prop) - By default, the divider has gray color. - **bran\u2026"
+    },
     {
       "id": "cre8-grid",
       "type": "component",
@@ -5515,7 +5599,7 @@
             "title-default",
             "title-small",
             "label-large",
-            "label",
+            "label-default",
             "label-small",
             "meta-large",
             "meta-default",
@@ -5534,7 +5618,14 @@
         },
         "tagVariant": {
           "type": "string",
-          "enum": null,
+          "enum": [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6"
+          ],
           "default": "h5",
           "description": "Dynamic tag name for the component 1) This is needed to use proper semantic head\u2026",
           "x-kind": "property"
@@ -5566,7 +5657,7 @@
         "title-default",
         "title-small",
         "label-large",
-        "label",
+        "label-default",
         "label-small",
         "meta-large",
         "meta-default",
@@ -5574,6 +5665,21 @@
       ],
       "description": "Heading type <cre8-text-passage size=\"small\"> <ul> <li>**display-default** rende\u2026"
     },
+    {
+      "id": "prop:cre8-heading:tagVariant",
+      "type": "enum_prop",
+      "name": "tagVariant",
+      "component": "cre8-heading",
+      "enum": [
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6"
+      ],
+      "description": "Dynamic tag name for the component 1) This is needed to use proper semantic head\u2026"
+    },
     {
       "id": "cre8-text-link",
       "type": "component",
@@ -6010,6 +6116,11 @@
       "to": "slot:cre8-popover:footer",
       "rel": "HAS_SLOT"
     },
+    {
+      "from": "cre8-popover",
+      "to": "prop:cre8-popover:position",
+      "rel": "HAS_ENUM_PROP"
+    },
     {
       "from": "cre8-submenu",
       "to": "cat:Disclosure",
@@ -6075,6 +6186,16 @@
       "to": "cat:Feedback",
       "rel": "BELONGS_TO"
     },
+    {
+      "from": "cre8-badge",
+      "to": "prop:cre8-badge:status",
+      "rel": "HAS_ENUM_PROP"
+    },
+    {
+      "from": "cre8-badge",
+      "to": "prop:cre8-badge:variant",
+      "rel": "HAS_ENUM_PROP"
+    },
     {
       "from": "cre8-inline-alert",
       "to": "cat:Feedback",
@@ -6125,6 +6246,11 @@
       "to": "cat:Feedback",
       "rel": "BELONGS_TO"
     },
+    {
+      "from": "cre8-progress-steps-item",
+      "to": "prop:cre8-progress-steps-item:state",
+      "rel": "HAS_ENUM_PROP"
+    },
     {
       "from": "cre8-skeleton-loader",
       "to": "cat:Feedback",
@@ -6320,6 +6446,11 @@
       "to": "prop:cre8-divider:variant",
       "rel": "HAS_ENUM_PROP"
     },
+    {
+      "from": "cre8-divider",
+      "to": "prop:cre8-divider:status",
+      "rel": "HAS_ENUM_PROP"
+    },
     {
       "from": "cre8-grid",
       "to": "cat:Layout",
@@ -6670,6 +6801,11 @@
       "to": "prop:cre8-heading:type",
       "rel": "HAS_ENUM_PROP"
     },
+    {
+      "from": "cre8-heading",
+      "to": "prop:cre8-heading:tagVariant",
+      "rel": "HAS_ENUM_PROP"
+    },
     {
       "from": "cre8-text-link",
       "to": "cat:Typography",