fix: align for stack props

Author: codebender828

build/components.json

@@ -33,6 +33,9 @@
       }
     }
   },
+  "CAlertTitle": {
+    "name": "CAlertTitle"
+  },
   "CAlertDescription": {
     "name": "CAlertDescription"
   },
@@ -46,9 +49,6 @@
       }
     }
   },
-  "CAlertTitle": {
-    "name": "CAlertTitle"
-  },
   "CBreadcrumb": {
     "name": "CBreadcrumb",
     "props": {
@@ -78,6 +78,19 @@
       }
     }
   },
+  "CBreadcrumbSeparator": {
+    "props": {
+      "spacing": {
+        "type": [
+          null,
+          null,
+          null
+        ],
+        "default": "0.5rem"
+      }
+    },
+    "name": "CBreadcrumbSeparator"
+  },
   "CBreadcrumbItem": {
     "name": "CBreadcrumbItem",
     "props": {
@@ -111,19 +124,6 @@
     "name": "CBreadcrumbLink",
     "props": {}
   },
-  "CBreadcrumbSeparator": {
-    "name": "CBreadcrumbSeparator",
-    "props": {
-      "spacing": {
-        "type": [
-          null,
-          null,
-          null
-        ],
-        "default": "0.5rem"
-      }
-    }
-  },
   "CButton": {
     "name": "CButton",
     "props": {
@@ -311,6 +311,10 @@
   "CFormHelperText": {
     "name": ""
   },
+  "CFormErrorMessage": {
+    "name": "CFormErrorMessage",
+    "props": {}
+  },
   "CFormErrorIcon": {
     "name": "CFormErrorIcon",
     "props": {
@@ -334,10 +338,6 @@
       }
     }
   },
-  "CFormErrorMessage": {
-    "name": "CFormErrorMessage",
-    "props": {}
-  },
   "CFormLabel": {
     "name": "CFormLabel",
     "props": {}
@@ -455,9 +455,6 @@
       }
     }
   },
-  "CCircle": {
-    "name": "CCircle"
-  },
   "CSquare": {
     "name": "CSquare",
     "props": {
@@ -474,6 +471,9 @@
       }
     }
   },
+  "CCircle": {
+    "name": "CCircle"
+  },
   "CCenter": {
     "name": "CCenter",
     "props": {
@@ -670,27 +670,27 @@
       }
     }
   },
-  "CLinkBox": {
-    "name": "CLinkBox",
+  "CLinkOverlay": {
+    "name": "CLinkOverlay",
     "props": {
       "as": {
         "type": [
           null,
           null
         ],
-        "default": "div"
+        "default": "a"
       }
     }
   },
-  "CLinkOverlay": {
-    "name": "CLinkOverlay",
+  "CLinkBox": {
+    "name": "CLinkBox",
     "props": {
       "as": {
         "type": [
           null,
           null
         ],
-        "default": "a"
+        "default": "div"
       }
     }
   },
@@ -725,18 +725,18 @@
       ]
     }
   },
-  "CListIcon": {
-    "name": "CListIcon"
-  },
-  "CListItem": {
-    "name": "CListItem"
-  },
   "COrderedList": {
     "name": "COrderedList"
   },
   "CUnorderedList": {
     "name": "CUnorderedList"
   },
+  "CListItem": {
+    "name": "CListItem"
+  },
+  "CListIcon": {
+    "name": "CListIcon"
+  },
   "CKbd": {
     "name": "CKbd",
     "props": {
@@ -794,8 +794,15 @@
   "CSpacer": {
     "name": "CSpacer"
   },
-  "CHStack": {
-    "name": "CHStack",
+  "CStackDivider": {
+    "name": "CStackDivider",
+    "inheritAttrs": false
+  },
+  "CStackItem": {
+    "name": "CStackItem"
+  },
+  "CStack": {
+    "name": "CStack",
     "props": {
       "as": {
         "type": [
@@ -845,8 +852,8 @@
       ]
     }
   },
-  "CStack": {
-    "name": "CStack",
+  "CHStack": {
+    "name": "CHStack",
     "props": {
       "as": {
         "type": [
@@ -896,13 +903,6 @@
       ]
     }
   },
-  "CStackDivider": {
-    "name": "CStackDivider",
-    "inheritAttrs": false
-  },
-  "CStackItem": {
-    "name": "CStackItem"
-  },
   "CVStack": {
     "name": "CVStack",
     "props": {
@@ -1080,31 +1080,49 @@
       "closeModal"
     ]
   },
+  "CModalContent": {
+    "name": "CModalContent",
+    "inheritAttrs": false,
+    "emits": [
+      "click",
+      "mousedown",
+      "keydown"
+    ]
+  },
+  "CModalOverlay": {
+    "name": "CModalOverlay"
+  },
+  "CModalHeader": {
+    "name": "CModalHeader"
+  },
   "CModalBody": {
     "name": "CModalBody"
   },
+  "CModalFooter": {
+    "name": "CModalFooter"
+  },
   "CModalCloseButton": {
     "name": "CModalCloseButton",
     "emits": [
       "click"
     ]
   },
-  "CModalContent": {
-    "name": "CModalContent",
-    "inheritAttrs": false,
+  "CDrawerBody": {
+    "name": "CModalBody"
+  },
+  "CDrawerCloseButton": {
+    "name": "CModalCloseButton",
     "emits": [
-      "click",
-      "mousedown",
-      "keydown"
+      "click"
     ]
   },
-  "CModalFooter": {
+  "CDrawerFooter": {
     "name": "CModalFooter"
   },
-  "CModalHeader": {
+  "CDrawerHeader": {
     "name": "CModalHeader"
   },
-  "CModalOverlay": {
+  "CDrawerOverlay": {
     "name": "CModalOverlay"
   },
   "CDrawer": {
@@ -1164,15 +1182,6 @@
       "escape"
     ]
   },
-  "CDrawerBody": {
-    "name": "CModalBody"
-  },
-  "CDrawerCloseButton": {
-    "name": "CModalCloseButton",
-    "emits": [
-      "click"
-    ]
-  },
   "CDrawerContent": {
     "name": "CDrawerContent",
     "inheritAttrs": false,
@@ -1182,13 +1191,22 @@
       "keydown"
     ]
   },
-  "CDrawerFooter": {
+  "CAlertDialogBody": {
+    "name": "CModalBody"
+  },
+  "CAlertDialogCloseButton": {
+    "name": "CModalCloseButton",
+    "emits": [
+      "click"
+    ]
+  },
+  "CAlertDialogFooter": {
     "name": "CModalFooter"
   },
-  "CDrawerHeader": {
+  "CAlertDialogHeader": {
     "name": "CModalHeader"
   },
-  "CDrawerOverlay": {
+  "CAlertDialogOverlay": {
     "name": "CModalOverlay"
   },
   "CAlertDialog": {
@@ -1249,28 +1267,10 @@
       "escape"
     ]
   },
-  "CAlertDialogBody": {
-    "name": "CModalBody"
-  },
-  "CAlertDialogCloseButton": {
-    "name": "CModalCloseButton",
-    "emits": [
-      "click"
-    ]
-  },
   "CAlertDialogContent": {
     "name": "CAlertDialogContent",
     "inheritAttrs": false
   },
-  "CAlertDialogFooter": {
-    "name": "CModalFooter"
-  },
-  "CAlertDialogHeader": {
-    "name": "CModalHeader"
-  },
-  "CAlertDialogOverlay": {
-    "name": "CModalOverlay"
-  },
   "CMotion": {
     "name": "CMotion",
     "props": {

packages/layout/src/stack.tsx

@@ -113,10 +113,7 @@ const stackProps = {
     type: [Object, String] as PropType<DOMElements>,
     default: "div",
   },
-  align: {
-    type: SAO as PropType<StackProps["align"]>,
-    default: "center"
-  },
+  align: SAO as PropType<StackProps["align"]>,
   justify: SAO as PropType<StackProps["justify"]>,
   wrap: SAO as PropType<StackProps["wrap"]>,
   spacing: {