fix(core/toggle-button): accessibility consistency in toggle-button (#2586)

Co-authored-by: Daniel Leroux <daniel.leroux@siemens.com>

Author: GayatriK2002

.changeset/eight-maps-drive.md

@@ -0,0 +1,8 @@
+---
+"@siemens/ix": patch
+"@siemens/ix-angular": patch
+"@siemens/ix-react": patch
+"@siemens/ix-vue": patch
+---
+
+Disabled buttons are now correctly inaccessible, preventing unintended interactions.

packages/core/src/components/button/base-button.tsx

@@ -167,6 +167,7 @@ export const BaseButton: FunctionalComponent<BaseButtonProps> = (
     <button
       {...commonAttributes}
       aria-disabled={a11yBoolean(props.disabled)}
+      disabled={props.disabled || props.loading}
       onClick={(e: Event) => handleOnClick(e, props)}
       type={props.type}
     >

packages/react-test-app/src/main.tsx

@@ -243,6 +243,7 @@ import ToastCustom from './preview-examples/toast-custom';
 import ToastPosition from './preview-examples/toast-position';
 import Toggle from './preview-examples/toggle';
 import toggleButtonPrimary from './preview-examples/toggle-button-primary.tsx';
+import ToggleButtonSecondary from './preview-examples/toggle-button-secondary';
 import ToggleButtonSubtlePrimary from './preview-examples/toggle-button-subtle-primary';
 import ToggleButtonSubtleSecondary from './preview-examples/toggle-button-subtle-secondary';
 import ToggleButtonSubtleTertiary from './preview-examples/toggle-button-subtle-tertiary';
@@ -454,10 +455,11 @@ const routes: IxPreviewRoutes = {
   '/preview/toast-custom': ToastCustom,
   '/preview/toast-position': ToastPosition,
   '/preview/toast': Toast,
-  '/preview/toggle-button-tertiary': ToggleButtonTertiary,
+  '/preview/toggle-button-secondary': ToggleButtonSecondary,
   '/preview/toggle-button-subtle-primary': ToggleButtonSubtlePrimary,
   '/preview/toggle-button-subtle-secondary': ToggleButtonSubtleSecondary,
   '/preview/toggle-button-subtle-tertiary': ToggleButtonSubtleTertiary,
+  '/preview/toggle-button-tertiary': ToggleButtonTertiary,
   '/preview/toggle-checked': ToggleChecked,
   '/preview/toggle-custom-label': ToggleCustomLabel,
   '/preview/toggle-disabled': ToggleDisabled,