@westpac/ui 0.42.0 → 0.42.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @westpac/ui
 
+## 0.42.1
+
+### Patch Changes
+
+- 1020b3a: When Alert are put in Form and click on close button, It triggers onsubmit action due default type of button is submit for most of the browsers
+
 ## 0.42.0
 
 ### Minor Changes

package/dist/components/alert/alert.component.js

@@ -82,6 +82,7 @@ export function Alert({ look ='info' , mode ='box' , heading , headingTag: Headi
     }, !!heading && React.createElement(HeadingTag, {
         className: styles.heading()
     }, heading), children), dismissible && mode !== 'text' && React.createElement("button", {
+        type: "button",
         className: styles.close(),
         onClick: handleClose,
         "aria-label": "Close alert"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@westpac/ui",
-  "version": "0.42.0",
+  "version": "0.42.1",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",
@@ -257,7 +257,7 @@
     "typescript": "^5.5.4",
     "vite": "^5.2.12",
     "vitest": "^0.30.1",
-    "@westpac/eslint-config": "~0.4.0",
+    "@westpac/eslint-config": "~0.5.0",
     "@westpac/test-config": "~0.0.0",
     "@westpac/ts-config": "~0.0.0"
   },

package/src/components/alert/alert.component.tsx

@@ -69,7 +69,7 @@ export function Alert({
                 {children}
               </div>
               {dismissible && mode !== 'text' && (
-                <button className={styles.close()} onClick={handleClose} aria-label="Close alert">
+                <button type="button" className={styles.close()} onClick={handleClose} aria-label="Close alert">
                   <CloseIcon size="small" />
                 </button>
               )}