Added missing type prop to inner buttons

.storybook/preview.tsx

@@ -49,7 +49,7 @@ const preview: Preview = {
     },
   },
 
-  tags: ["autodocs"]
+  tags: ["autodocs"],
 };
 
 export default preview;

src/components/Breadcrumbs/BreadcrumbButton.tsx

@@ -114,6 +114,7 @@ const BreadcrumbButton: FC<
   return (
     <Fragment>
       <button
+        type={"button"}
         css={[breadcrumbButtonTheme]}
         onClick={onClick}
         disabled={disabled || false}

src/components/DateTimeInput/DateTimeSelector.tsx

@@ -152,6 +152,7 @@ const DateTimeSelector: FC<DateTimeSelectorProps> = ({
             css={[optionChangeButton]}
             className={currentView === "calendar" ? "selected" : ""}
             onClick={() => setCurrentView("calendar")}
+            type={"button"}
           >
             <CalendarIcon />
             <span>{value?.toFormat("dd LLL yyyy") || ""}</span>
@@ -160,6 +161,7 @@ const DateTimeSelector: FC<DateTimeSelectorProps> = ({
             css={[optionChangeButton]}
             className={currentView === "time" ? "selected" : ""}
             onClick={() => setCurrentView("time")}
+            type={"button"}
           >
             <Clock4Icon />
             <span>

src/components/DateTimeInput/TimeSelector.tsx

@@ -125,6 +125,7 @@ const TimeSelector: FC<TimeSelectorProps> = ({
     type: "hour" | "minute" | "second" | "meridiem";
   }) => (
     <button
+      type={"button"}
       css={selectorButton}
       onClick={() => {
         changeTimeAction(itemValue, type);

src/components/ExpandMenu/ExpandMenuOption.tsx

@@ -51,6 +51,7 @@ const ExpandMenuOption: FC<
   return (
     <button
       id={id}
+      type={"button"}
       className={`option-element ${variant}`}
       css={[expandMenuOptionStyles(theme), extraPadding, overrideThemes]}
       {...restProps}

src/components/LinkButton/index.tsx

@@ -43,6 +43,7 @@ const LinkButton: FC<LinkButtonProps> = ({
 
   return (
     <button
+      type={"button"}
       className="LinkButton"
       css={[buttonVariant, overrideThemes]}
       {...props}

src/components/ModalBox/index.tsx

@@ -61,7 +61,12 @@ const ModalBox: FC<ModalBoxProps> = ({
             {titleIcon}
             {title}
           </div>
-          <button className={"closeModalButton"} id={"close"} onClick={onClose}>
+          <button
+            type={"button"}
+            className={"closeModalButton"}
+            id={"close"}
+            onClick={onClose}
+          >
             <XIcon />
           </button>
         </div>

src/components/NotificationAlert/index.tsx

@@ -256,7 +256,7 @@ const Index: FC<NotificationAlertPrp & HTMLAttributes<HTMLDivElement>> = ({
         </div>
       </div>
       {onClose && (
-        <button className={"dismissAlert"} onClick={onClose}>
+        <button type={"button"} className={"dismissAlert"} onClick={onClose}>
           <XIcon />
         </button>
       )}

src/components/Tabs/TabButton.tsx

@@ -41,6 +41,7 @@ const TabButton: FC<TabButtonProps> = ({
       onClick={() => onClick()}
       disabled={disabled}
       className={`${selected ? "selected" : ""}`}
+      type={"button"}
     >
       {icon}
       {label}

src/components/Tag/index.tsx

@@ -58,7 +58,11 @@ const Tag: FC<TagProps & React.HTMLAttributes<HTMLSpanElement>> = ({
         {children}
       </span>
       {onDelete && (
-        <button className={"deleteTagButton"} onClick={() => onDelete(id)}>
+        <button
+          type={"button"}
+          className={"deleteTagButton"}
+          onClick={() => onDelete(id)}
+        >
           <XIcon />
         </button>
       )}

src/components/Wizard/index.tsx

@@ -93,6 +93,7 @@ const GenericWizard = ({
           {wizardSteps.map((step, index) => {
             return (
               <button
+                type={"button"}
                 key={`wizard-step-${index}`}
                 id={"wizard-step-" + step.label.toLowerCase().replace(" ", "-")}
                 onClick={() => pageChange(index)}