chore(docs): Updated UI Reference (#6347)

* chore(docs): Generated UI Reference

* fixed props typing + added new alert page

* updated ui dependencies

---------

Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com>
Co-authored-by: Shahed Nasser <shahednasser@gmail.com>

www/apps/ui/src/specs/Alert/Alert.json

@@ -0,0 +1,48 @@
+{
+  "description": "This component is based on the div element and supports all of its props",
+  "methods": [],
+  "displayName": "Alert",
+  "props": {
+    "variant": {
+      "required": false,
+      "tsType": {
+        "name": "union",
+        "raw": "\"error\" | \"success\" | \"warning\" | \"info\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"error\""
+          },
+          {
+            "name": "literal",
+            "value": "\"success\""
+          },
+          {
+            "name": "literal",
+            "value": "\"warning\""
+          },
+          {
+            "name": "literal",
+            "value": "\"info\""
+          }
+        ]
+      },
+      "description": "The variant of the alert",
+      "defaultValue": {
+        "value": "\"info\"",
+        "computed": false
+      }
+    },
+    "dismissible": {
+      "required": false,
+      "tsType": {
+        "name": "boolean"
+      },
+      "description": "Whether the alert is dismissible",
+      "defaultValue": {
+        "value": "false",
+        "computed": false
+      }
+    }
+  }
+}

www/apps/ui/src/specs/Button/Button.json

@@ -33,7 +33,7 @@
       "description": "The button's style.",
       "tsType": {
         "name": "union",
-        "raw": "\"primary\" \\| \"secondary\" \\| \"transparent\" \\| \"danger\"",
+        "raw": "\"primary\" \\| \"transparent\" \\| \"secondary\" \\| \"danger\"",
         "elements": [
           {
             "name": "literal",
@@ -41,11 +41,11 @@
           },
           {
             "name": "literal",
-            "value": "\"secondary\""
+            "value": "\"transparent\""
           },
           {
             "name": "literal",
-            "value": "\"transparent\""
+            "value": "\"secondary\""
           },
           {
             "name": "literal",

www/apps/ui/src/specs/Heading/Heading.json

@@ -11,8 +11,12 @@
       "description": "The heading level which specifies which heading element is used.",
       "tsType": {
         "name": "union",
-        "raw": "\"h2\" \\| \"h3\" \\| \"h1\"",
+        "raw": "\"h1\" \\| \"h2\" \\| \"h3\"",
         "elements": [
+          {
+            "name": "literal",
+            "value": "\"h1\""
+          },
           {
             "name": "literal",
             "value": "\"h2\""
@@ -20,10 +24,6 @@
           {
             "name": "literal",
             "value": "\"h3\""
-          },
-          {
-            "name": "literal",
-            "value": "\"h1\""
           }
         ]
       },

www/apps/ui/src/specs/IconButton/IconButton.json

@@ -55,8 +55,16 @@
       "description": "The button's size.",
       "tsType": {
         "name": "union",
-        "raw": "\"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
+        "raw": "\"2xsmall\" \\| \"xsmall\" \\| \"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
         "elements": [
+          {
+            "name": "literal",
+            "value": "\"2xsmall\""
+          },
+          {
+            "name": "literal",
+            "value": "\"xsmall\""
+          },
           {
             "name": "literal",
             "value": "\"small\""