From 1f84a8f0c020a1f276120eaaef90051eca9fee3a Mon Sep 17 00:00:00 2001
From: Pfaff Fabian <fabian.pfaff@infineon.com>
Date: Fri, 26 Jul 2024 12:51:25 +0200
Subject: [PATCH 01/10] feat(1264): Add keyboard support to accordion

---
 .../src/components/accordion/accordion.tsx     |  2 +-
 .../src/components/accordion/accordionItem.tsx | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/accordion/accordion.tsx b/packages/components/src/components/accordion/accordion.tsx
index f7c89f85f5..d37273e415 100644
--- a/packages/components/src/components/accordion/accordion.tsx
+++ b/packages/components/src/components/accordion/accordion.tsx
@@ -4,7 +4,7 @@ import { Component, h, Listen, Element, Prop } from '@stencil/core';
 @Component({
   tag: 'ifx-accordion',
   styleUrl: 'accordion.scss',
-  shadow: true,
+  shadow: { delegatesFocus: true },
 })
 export class Accordion {
   @Element() el: HTMLElement;
diff --git a/packages/components/src/components/accordion/accordionItem.tsx b/packages/components/src/components/accordion/accordionItem.tsx
index d9b282ab03..4857627a6a 100644
--- a/packages/components/src/components/accordion/accordionItem.tsx
+++ b/packages/components/src/components/accordion/accordionItem.tsx
@@ -1,5 +1,5 @@
 //ifxAccordionItem
-import { Component, Prop, h, State, Event, EventEmitter, Watch } from '@stencil/core';
+import { Component, Prop, h, State, Event, EventEmitter, Watch, Listen } from '@stencil/core';
 
 @Component({
   tag: 'ifx-accordion-item',
@@ -83,10 +83,24 @@ export class IfxAccordionItem {
     }
   }
 
+  
+
+  @Listen('keydown')
+  handleKeydown(ev: KeyboardEvent) {
+    switch (ev.key) {
+      case 'Enter': // fallthrough
+      case ' ': // space
+        ev.preventDefault();
+        this.toggleOpen();
+        break;
+    }
+  }
+
+
   render() {
     return (
       <div aria-label={this.caption} class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>
-        <div class="accordion-title" onClick={() => this.toggleOpen()}>
+        <div class="accordion-title" onClick={() => this.toggleOpen()} tabindex='0'>
           <span class="accordion-icon">
             <ifx-icon icon="chevron-down-12" />
           </span>

From 3288d4ffbab55529ce9ee18ee9324d02b797fb4e Mon Sep 17 00:00:00 2001
From: Pfaff Fabian <fabian.pfaff@infineon.com>
Date: Mon, 29 Jul 2024 08:32:20 +0200
Subject: [PATCH 02/10] feat(1264): Add focus indication to accordion

---
 .../components/accordion/accordionItem.scss   | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/components/src/components/accordion/accordionItem.scss b/packages/components/src/components/accordion/accordionItem.scss
index 1907ab58d4..2a31193168 100644
--- a/packages/components/src/components/accordion/accordionItem.scss
+++ b/packages/components/src/components/accordion/accordionItem.scss
@@ -11,6 +11,24 @@
 
 }
 
+.accordion-title:focus {
+  outline: none;
+}
+
+// workaround to add corner radius to outline
+.accordion-title:focus::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border-radius: 5px;
+  border: 2px solid tokens.$ifxColorOcean500;
+  box-sizing: border-box;
+}
+
 .accordion-title:hover {
   border: 1px solid tokens.$ifxColorEngineering200;
   color: tokens.$ifxColorOcean600;
@@ -19,12 +37,14 @@
 .accordion-title {
   display: flex;
   align-items: center;
+  position: relative;
   padding: tokens.$ifxSpace150 tokens.$ifxSpace200;
   gap: tokens.$ifxSpace150;
   color: tokens.$ifxColorOcean500;
   background-color: tokens.$ifxColorBaseWhite;
   border: 1px solid tokens.$ifxColorEngineering200;
   cursor: pointer;
+  margin: 4px;
 }
 
 .accordion-caption {

From 928b9546391adf4d5793134d4ca0c00b837c2bb5 Mon Sep 17 00:00:00 2001
From: Pfaff Fabian <fabian.pfaff@infineon.com>
Date: Mon, 29 Jul 2024 11:52:08 +0200
Subject: [PATCH 03/10] feat(1264): Add aria-attributes to accordion

---
 .../src/components/accordion/accordionItem.tsx       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/components/accordion/accordionItem.tsx b/packages/components/src/components/accordion/accordionItem.tsx
index 4857627a6a..5fe67c56f4 100644
--- a/packages/components/src/components/accordion/accordionItem.tsx
+++ b/packages/components/src/components/accordion/accordionItem.tsx
@@ -99,14 +99,14 @@ export class IfxAccordionItem {
 
   render() {
     return (
-      <div aria-label={this.caption} class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>
-        <div class="accordion-title" onClick={() => this.toggleOpen()} tabindex='0'>
-          <span class="accordion-icon">
-            <ifx-icon icon="chevron-down-12" />
+      <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>
+        <div role="button" aria-expanded={this.internalOpen} aria-controls="accordion-content" class="accordion-title" onClick={() => this.toggleOpen()} tabindex='0'>
+          <span aria-ignore role="heading" class="accordion-icon">
+            <ifx-icon icon="chevron-down-12"/>
           </span>
-          <span class="accordion-caption">{this.caption}</span>
+          <span id="accordion-caption" class="accordion-caption">{this.caption}</span>
         </div>
-        <div class="accordion-content" ref={(el) => (this.contentEl = el as HTMLElement)}>
+        <div id="accordion-content" class="accordion-content" ref={(el) => (this.contentEl = el as HTMLElement)} role="region" aria-labelledby="accordion-caption">
           <div class="inner-content">
             <slot onSlotchange={(e) => this.handleSlotChange(e)} />
           </div>

From 95b09f249226285295fd42ce8770ec52df4d9dd4 Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@github.com>
Date: Thu, 26 Sep 2024 13:59:09 +0000
Subject: [PATCH 04/10] Update Stencil library version to
 25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0

---
 lerna.json                                     |  2 +-
 package-lock.json                              | 18 +++++++++---------
 packages/components-angular/package.json       |  4 ++--
 .../projects/component-library/package.json    |  4 ++--
 packages/components-react/package.json         |  4 ++--
 packages/components-vue/package.json           |  4 ++--
 packages/components/package.json               |  2 +-
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/lerna.json b/lerna.json
index 9dcaa001b2..3279d7c1c3 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.2.0",
+  "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index 35f95a6a97..5647ce3de9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34457,7 +34457,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "25.2.0",
+      "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
@@ -34518,7 +34518,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "25.2.0",
+      "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^18.0.0",
@@ -34529,7 +34529,7 @@
         "@angular/platform-browser": "^18.0.0",
         "@angular/platform-browser-dynamic": "^18.0.0",
         "@angular/router": "^18.0.0",
-        "@infineon/infineon-design-system-angular": "^25.2.0",
+        "@infineon/infineon-design-system-angular": "^25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "typescript": "~5.4.4",
@@ -34549,7 +34549,7 @@
     },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "25.2.0",
+      "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -34558,16 +34558,16 @@
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.2.0"
+        "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "25.2.0",
+      "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.2.0"
+        "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0"
       },
       "devDependencies": {
         "@types/node": "^20.1.4",
@@ -34580,11 +34580,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "25.2.0",
+      "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.2.0"
+        "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 566f29e9cd..c1cfb38b76 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "25.2.0",
+  "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^18.0.0",
     "@angular/platform-browser-dynamic": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@infineon/infineon-design-system-angular": "^25.2.0",
+    "@infineon/infineon-design-system-angular": "^25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
index a459261845..d179de79e0 100644
--- a/packages/components-angular/projects/component-library/package.json
+++ b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "25.2.0",
+  "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.2.0"
+    "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 3ac5faf2dd..7782eafba7 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "25.2.0",
+  "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.2.0"
+    "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index 0c8272f421..5e1138c851 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "25.2.0",
+  "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.2.0"
+    "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index c67a487764..683efcabc4 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "25.2.0",
+  "version": "25.3.0--canary.1503.2b18076b0791ed521434621aba5d5f620f684081.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

From 43c76c22359f975d9ead73594e283e9c61be949d Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@github.com>
Date: Mon, 30 Sep 2024 13:32:46 +0000
Subject: [PATCH 05/10] Update Stencil library version to
 25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0

---
 lerna.json                                     |  2 +-
 package-lock.json                              | 18 +++++++++---------
 packages/components-angular/package.json       |  4 ++--
 .../projects/component-library/package.json    |  4 ++--
 packages/components-react/package.json         |  4 ++--
 packages/components-vue/package.json           |  4 ++--
 packages/components/package.json               |  2 +-
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/lerna.json b/lerna.json
index 34c1a3298b..df83bc27c6 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.2.2",
+  "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index b5bbb7d952..2019d37fcb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34457,7 +34457,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "25.2.2",
+      "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
@@ -34518,7 +34518,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "25.2.2",
+      "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^18.0.0",
@@ -34529,7 +34529,7 @@
         "@angular/platform-browser": "^18.0.0",
         "@angular/platform-browser-dynamic": "^18.0.0",
         "@angular/router": "^18.0.0",
-        "@infineon/infineon-design-system-angular": "^25.2.2",
+        "@infineon/infineon-design-system-angular": "^25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "typescript": "~5.4.4",
@@ -34549,7 +34549,7 @@
     },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "25.2.2",
+      "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -34558,16 +34558,16 @@
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.2.2"
+        "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "25.2.2",
+      "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.2.2"
+        "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0"
       },
       "devDependencies": {
         "@types/node": "^20.1.4",
@@ -34580,11 +34580,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "25.2.2",
+      "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.2.2"
+        "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index bfe12bedc9..1d56eccda3 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "25.2.2",
+  "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^18.0.0",
     "@angular/platform-browser-dynamic": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@infineon/infineon-design-system-angular": "^25.2.2",
+    "@infineon/infineon-design-system-angular": "^25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
index d28bd32f2b..bfc7ca9248 100644
--- a/packages/components-angular/projects/component-library/package.json
+++ b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "25.2.2",
+  "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.2.2"
+    "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 537724dc1b..f9f2babe03 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "25.2.2",
+  "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.2.2"
+    "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index 0ec9b217c5..6fe31f189d 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "25.2.2",
+  "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.2.2"
+    "@infineon/infineon-design-system-stencil": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index 6d81ba080f..32e8c8dbac 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "25.2.2",
+  "version": "25.3.0--canary.1503.c97fcd6e9ffc0b40f090debcbab8100462fabd69.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

From 10d826d16bf936628ff150dd8ba5b291cf1c26f2 Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@github.com>
Date: Thu, 3 Oct 2024 08:39:14 +0000
Subject: [PATCH 06/10] Update Stencil library version to
 25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0

---
 lerna.json                                     |  2 +-
 package-lock.json                              | 18 +++++++++---------
 packages/components-angular/package.json       |  4 ++--
 .../projects/component-library/package.json    |  4 ++--
 packages/components-react/package.json         |  4 ++--
 packages/components-vue/package.json           |  4 ++--
 packages/components/package.json               |  2 +-
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/lerna.json b/lerna.json
index c9b5e18d44..a2416aa390 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.6.3",
+  "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index 34899bca92..d9f6c27880 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34580,7 +34580,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "25.6.3",
+      "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
@@ -34641,7 +34641,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "25.6.3",
+      "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^18.0.0",
@@ -34652,7 +34652,7 @@
         "@angular/platform-browser": "^18.0.0",
         "@angular/platform-browser-dynamic": "^18.0.0",
         "@angular/router": "^18.0.0",
-        "@infineon/infineon-design-system-angular": "^25.6.3",
+        "@infineon/infineon-design-system-angular": "^25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "typescript": "~5.4.4",
@@ -34672,7 +34672,7 @@
     },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "25.6.3",
+      "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -34681,16 +34681,16 @@
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.6.3"
+        "@infineon/infineon-design-system-stencil": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "25.6.3",
+      "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.6.3"
+        "@infineon/infineon-design-system-stencil": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0"
       },
       "devDependencies": {
         "@types/node": "^20.1.4",
@@ -34703,11 +34703,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "25.6.3",
+      "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.6.3"
+        "@infineon/infineon-design-system-stencil": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 386295b34f..9ea234eb75 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "25.6.3",
+  "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^18.0.0",
     "@angular/platform-browser-dynamic": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@infineon/infineon-design-system-angular": "^25.6.3",
+    "@infineon/infineon-design-system-angular": "^25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
index 3c5c581a46..9f7df3fcb5 100644
--- a/packages/components-angular/projects/component-library/package.json
+++ b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "25.6.3",
+  "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.6.3"
+    "@infineon/infineon-design-system-stencil": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 1542e62b05..8f3632068b 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "25.6.3",
+  "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.6.3"
+    "@infineon/infineon-design-system-stencil": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index 66b5478671..ec05a24848 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "25.6.3",
+  "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.6.3"
+    "@infineon/infineon-design-system-stencil": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index daa76d7c55..715f69d584 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "25.6.3",
+  "version": "25.7.0--canary.1503.cc39321f5f504236422b4bc6188db7114ae9c295.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

From 8e0bcd083178d6c3d94d33991e4d7334b763440c Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@github.com>
Date: Thu, 17 Oct 2024 12:19:54 +0000
Subject: [PATCH 07/10] Update Stencil library version to
 25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0

---
 .../react-vite-js/package.json                |  2 +-
 .../vue-javascript/package.json               |  2 +-
 lerna.json                                    |  2 +-
 package-lock.json                             | 47 ++++---------------
 packages/components-angular/package.json      |  4 +-
 .../projects/component-library/package.json   |  4 +-
 packages/components-react/package.json        |  4 +-
 packages/components-vue/package.json          |  4 +-
 packages/components/package.json              |  2 +-
 9 files changed, 21 insertions(+), 50 deletions(-)

diff --git a/examples/wrapper-components/react-vite-js/package.json b/examples/wrapper-components/react-vite-js/package.json
index 46498d99b9..45d3d2aaf6 100644
--- a/examples/wrapper-components/react-vite-js/package.json
+++ b/examples/wrapper-components/react-vite-js/package.json
@@ -18,7 +18,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-react": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+    "@infineon/infineon-design-system-react": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
diff --git a/examples/wrapper-components/vue-javascript/package.json b/examples/wrapper-components/vue-javascript/package.json
index ac50d12199..6cccc2f9a9 100644
--- a/examples/wrapper-components/vue-javascript/package.json
+++ b/examples/wrapper-components/vue-javascript/package.json
@@ -15,7 +15,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-vue": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+    "@infineon/infineon-design-system-vue": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "vite": "^5.0.12",
diff --git a/lerna.json b/lerna.json
index facc3c81ab..4c578f1afa 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index ee281877d7..a31f7496a3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36831,7 +36831,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
@@ -36893,7 +36893,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^18.0.0",
@@ -36904,7 +36904,7 @@
         "@angular/platform-browser": "^18.0.0",
         "@angular/platform-browser-dynamic": "^18.0.0",
         "@angular/router": "^18.0.0",
-        "@infineon/infineon-design-system-angular": "^25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+        "@infineon/infineon-design-system-angular": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "typescript": "~5.4.4",
@@ -36922,38 +36922,9 @@
         "ng-packagr": "^18.2.0"
       }
     },
-    "packages/components-angular/node_modules/@infineon/infineon-design-system-stencil": {
-      "version": "25.10.0--canary.1533.e6d75a4e3c9d494489d4646ee2f29d6d1716677f.0",
-      "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-stencil/-/infineon-design-system-stencil-25.10.0--canary.1533.e6d75a4e3c9d494489d4646ee2f29d6d1716677f.0.tgz",
-      "integrity": "sha512-zi4w7lR4NMu4UbeKQMDEWL71T4/KfHFuH4/w6zpceh4Lt9cDfAPT0gCHEAd75b70WYpBaq8rd6yta51+8b8kEQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-icons": "^2.1.2",
-        "@popperjs/core": "^2.11.8",
-        "@stencil/angular-output-target": "^0.9.0",
-        "@stencil/core": "^4.21.0",
-        "@stencil/vue-output-target": "^0.8.9",
-        "@storybook/cli": "^8.3.0",
-        "@storybook/test": "^8.3.0",
-        "babel-prettier-parser": "^0.10.8",
-        "classnames": "^2.3.2",
-        "glob": "^11.0.0",
-        "i": "^0.3.7",
-        "npm": "^10.2.1",
-        "npm-run-all": "^4.1.5",
-        "prettier-standalone": "^1.3.1-0"
-      },
-      "peerDependencies": {
-        "@floating-ui/dom": "^1.4.5",
-        "ag-grid-community": "^31.0.3",
-        "choices.js": "^10.2.0"
-      }
-    },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -36962,16 +36933,16 @@
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0"
+        "@infineon/infineon-design-system-stencil": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+        "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
         "@stencil/react-output-target": "^0.7.1"
       },
       "devDependencies": {
@@ -36985,11 +36956,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0"
+        "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 5043f5829d..e6938c9cfb 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^18.0.0",
     "@angular/platform-browser-dynamic": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@infineon/infineon-design-system-angular": "^25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+    "@infineon/infineon-design-system-angular": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
index 5712add5d0..0172d7fe00 100644
--- a/packages/components-angular/projects/component-library/package.json
+++ b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0"
+    "@infineon/infineon-design-system-stencil": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index d9eee48fd7..6938794026 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "^25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+    "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
     "@stencil/react-output-target": "^0.7.1"
   },
   "auto": {
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index 5c41a9a480..a90302e340 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "^25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0"
+    "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index e1d392480c..75027f7b82 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "25.10.0--canary.1533.c0d964bf3ea3f65d8ace03aba6f8f7c7d5574689.0",
+  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

From f594c81cfeaa84047340c2a209bd63ad51cd89c5 Mon Sep 17 00:00:00 2001
From: Pfaff Fabian <fabian.pfaff@infineon.com>
Date: Thu, 17 Oct 2024 15:46:07 +0200
Subject: [PATCH 08/10] feat(1264): customizable aria-level of accordion-item

---
 .../src/components/accordion/accordion.stories.tsx | 14 +++++++++++++-
 .../src/components/accordion/accordionItem.tsx     |  3 ++-
 .../components/src/components/accordion/readme.md  |  9 +++++----
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/components/accordion/accordion.stories.tsx b/packages/components/src/components/accordion/accordion.stories.tsx
index 8b6e002a9d..3d0718c0c4 100644
--- a/packages/components/src/components/accordion/accordion.stories.tsx
+++ b/packages/components/src/components/accordion/accordion.stories.tsx
@@ -7,10 +7,17 @@ export default {
 
   args: {
     autoCollapse: false,
+    ariaLevel: 3,
   },
 
   argTypes: {
     amountOfItems: { control: 'number' },
+    ariaLevel: { 
+      control: 'number', 
+      min: 1, 
+      max: 6, 
+      description: 'The aria-level attribute for the accordion item header.' 
+    },
   },
 };
 
@@ -19,6 +26,7 @@ const Template = args => {
   const initialItem = document.createElement('ifx-accordion-item');
   initialItem.setAttribute('caption', `Label`);
   initialItem.setAttribute('open', `true`);
+  initialItem.setAttribute('aria-level', args.ariaLevel);
 
   initialItem.innerHTML = `
   Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
@@ -35,9 +43,12 @@ const Template = args => {
     const item = document.createElement('ifx-accordion-item');
     item.setAttribute('caption', `Label`);
     item.setAttribute('open', `false`);
+    item.setAttribute('aria-level', args.ariaLevel);
 
     item.innerHTML = `
-        Content for Item #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Content for Item #${
+          i + 1
+        }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
     `;
@@ -53,4 +64,5 @@ const Template = args => {
 export const Default = Template.bind({});
 Default.args = {
   amountOfItems: 3,
+  ariaLevel: 3,
 };
diff --git a/packages/components/src/components/accordion/accordionItem.tsx b/packages/components/src/components/accordion/accordionItem.tsx
index bff1089b91..1b4595012b 100644
--- a/packages/components/src/components/accordion/accordionItem.tsx
+++ b/packages/components/src/components/accordion/accordionItem.tsx
@@ -11,6 +11,7 @@ export class IfxAccordionItem {
   @Prop({
     mutable: true,
   }) open: boolean = false;
+  @Prop() ariaLevel = 3;
   @State() internalOpen: boolean = false;
   @Event() ifxItemOpen: EventEmitter;
   @Event() ifxItemClose: EventEmitter;
@@ -97,7 +98,7 @@ export class IfxAccordionItem {
     return (
       <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>
         <div role="button" aria-expanded={this.internalOpen} aria-controls="accordion-content" class="accordion-title" onClick={() => this.toggleOpen()} tabindex='0'>
-          <span aria-ignore role="heading" class="accordion-icon">
+          <span aria-hidden="true" role="heading" aria-level={String(this.ariaLevel)} class="accordion-icon">
             <ifx-icon icon="chevron-down-12"/>
           </span>
           <span id="accordion-caption" class="accordion-caption">{this.caption}</span>
diff --git a/packages/components/src/components/accordion/readme.md b/packages/components/src/components/accordion/readme.md
index bb282fa194..1fd366d526 100644
--- a/packages/components/src/components/accordion/readme.md
+++ b/packages/components/src/components/accordion/readme.md
@@ -7,10 +7,11 @@
 
 ## Properties
 
-| Property  | Attribute | Description | Type      | Default     |
-| --------- | --------- | ----------- | --------- | ----------- |
-| `caption` | `caption` |             | `string`  | `undefined` |
-| `open`    | `open`    |             | `boolean` | `false`     |
+| Property    | Attribute    | Description | Type      | Default     |
+| ----------- | ------------ | ----------- | --------- | ----------- |
+| `ariaLevel` | `aria-level` |             | `number`  | `3`         |
+| `caption`   | `caption`    |             | `string`  | `undefined` |
+| `open`      | `open`       |             | `boolean` | `false`     |
 
 
 ## Events

From 0908674621be43b7c650d09061c797c91539ed66 Mon Sep 17 00:00:00 2001
From: Pfaff Fabian <fabian.pfaff@infineon.com>
Date: Thu, 17 Oct 2024 16:19:35 +0200
Subject: [PATCH 09/10] fix(1264): rename ariaLevel prop to ifxAriaLevel

---
 .../src/components/accordion/accordion.stories.tsx     |  8 ++++----
 .../src/components/accordion/accordionItem.tsx         |  4 ++--
 packages/components/src/components/accordion/readme.md | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/components/src/components/accordion/accordion.stories.tsx b/packages/components/src/components/accordion/accordion.stories.tsx
index 3d0718c0c4..1bc2f08134 100644
--- a/packages/components/src/components/accordion/accordion.stories.tsx
+++ b/packages/components/src/components/accordion/accordion.stories.tsx
@@ -7,12 +7,12 @@ export default {
 
   args: {
     autoCollapse: false,
-    ariaLevel: 3,
+    ifxAriaLevel: 3,
   },
 
   argTypes: {
     amountOfItems: { control: 'number' },
-    ariaLevel: { 
+    ifxAriaLevel: { 
       control: 'number', 
       min: 1, 
       max: 6, 
@@ -26,7 +26,7 @@ const Template = args => {
   const initialItem = document.createElement('ifx-accordion-item');
   initialItem.setAttribute('caption', `Label`);
   initialItem.setAttribute('open', `true`);
-  initialItem.setAttribute('aria-level', args.ariaLevel);
+  initialItem.setAttribute('ifx-aria-level', args.ifxAriaLevel);
 
   initialItem.innerHTML = `
   Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
@@ -43,7 +43,7 @@ const Template = args => {
     const item = document.createElement('ifx-accordion-item');
     item.setAttribute('caption', `Label`);
     item.setAttribute('open', `false`);
-    item.setAttribute('aria-level', args.ariaLevel);
+    item.setAttribute('aria-level', args.ifxAriaLevel);
 
     item.innerHTML = `
         Content for Item #${
diff --git a/packages/components/src/components/accordion/accordionItem.tsx b/packages/components/src/components/accordion/accordionItem.tsx
index 1b4595012b..fdebdb2985 100644
--- a/packages/components/src/components/accordion/accordionItem.tsx
+++ b/packages/components/src/components/accordion/accordionItem.tsx
@@ -11,7 +11,7 @@ export class IfxAccordionItem {
   @Prop({
     mutable: true,
   }) open: boolean = false;
-  @Prop() ariaLevel = 3;
+  @Prop() ifxAriaLevel = 3;
   @State() internalOpen: boolean = false;
   @Event() ifxItemOpen: EventEmitter;
   @Event() ifxItemClose: EventEmitter;
@@ -98,7 +98,7 @@ export class IfxAccordionItem {
     return (
       <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>
         <div role="button" aria-expanded={this.internalOpen} aria-controls="accordion-content" class="accordion-title" onClick={() => this.toggleOpen()} tabindex='0'>
-          <span aria-hidden="true" role="heading" aria-level={String(this.ariaLevel)} class="accordion-icon">
+          <span aria-hidden="true" role="heading" aria-level={String(this.ifxAriaLevel) as string} class="accordion-icon">
             <ifx-icon icon="chevron-down-12"/>
           </span>
           <span id="accordion-caption" class="accordion-caption">{this.caption}</span>
diff --git a/packages/components/src/components/accordion/readme.md b/packages/components/src/components/accordion/readme.md
index 1fd366d526..c2e8faee20 100644
--- a/packages/components/src/components/accordion/readme.md
+++ b/packages/components/src/components/accordion/readme.md
@@ -7,11 +7,11 @@
 
 ## Properties
 
-| Property    | Attribute    | Description | Type      | Default     |
-| ----------- | ------------ | ----------- | --------- | ----------- |
-| `ariaLevel` | `aria-level` |             | `number`  | `3`         |
-| `caption`   | `caption`    |             | `string`  | `undefined` |
-| `open`      | `open`       |             | `boolean` | `false`     |
+| Property       | Attribute        | Description | Type      | Default     |
+| -------------- | ---------------- | ----------- | --------- | ----------- |
+| `caption`      | `caption`        |             | `string`  | `undefined` |
+| `ifxAriaLevel` | `ifx-aria-level` |             | `number`  | `3`         |
+| `open`         | `open`           |             | `boolean` | `false`     |
 
 
 ## Events

From b696e376280578d8716584a1553fd4182be72b9a Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@github.com>
Date: Thu, 17 Oct 2024 14:27:26 +0000
Subject: [PATCH 10/10] Update Stencil library version to
 25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0

---
 .../react-vite-js/package.json                |  2 +-
 .../vue-javascript/package.json               |  2 +-
 lerna.json                                    |  2 +-
 package-lock.json                             | 47 +++++++++++++++----
 packages/components-angular/package.json      |  4 +-
 .../projects/component-library/package.json   |  4 +-
 packages/components-react/package.json        |  4 +-
 packages/components-vue/package.json          |  4 +-
 packages/components/package.json              |  2 +-
 9 files changed, 50 insertions(+), 21 deletions(-)

diff --git a/examples/wrapper-components/react-vite-js/package.json b/examples/wrapper-components/react-vite-js/package.json
index 45d3d2aaf6..a5fae4460d 100644
--- a/examples/wrapper-components/react-vite-js/package.json
+++ b/examples/wrapper-components/react-vite-js/package.json
@@ -18,7 +18,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-react": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+    "@infineon/infineon-design-system-react": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
diff --git a/examples/wrapper-components/vue-javascript/package.json b/examples/wrapper-components/vue-javascript/package.json
index 6cccc2f9a9..62f13941d8 100644
--- a/examples/wrapper-components/vue-javascript/package.json
+++ b/examples/wrapper-components/vue-javascript/package.json
@@ -15,7 +15,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-vue": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+    "@infineon/infineon-design-system-vue": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "vite": "^5.0.12",
diff --git a/lerna.json b/lerna.json
index 4c578f1afa..6aec2015f1 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+  "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index a31f7496a3..4fb460401f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36831,7 +36831,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+      "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
@@ -36893,7 +36893,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+      "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^18.0.0",
@@ -36904,7 +36904,7 @@
         "@angular/platform-browser": "^18.0.0",
         "@angular/platform-browser-dynamic": "^18.0.0",
         "@angular/router": "^18.0.0",
-        "@infineon/infineon-design-system-angular": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+        "@infineon/infineon-design-system-angular": "^25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "typescript": "~5.4.4",
@@ -36922,9 +36922,38 @@
         "ng-packagr": "^18.2.0"
       }
     },
+    "packages/components-angular/node_modules/@infineon/infineon-design-system-stencil": {
+      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+      "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-stencil/-/infineon-design-system-stencil-25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0.tgz",
+      "integrity": "sha512-P2JgZmj/5qHMYpv0Ut6Abewq0w3Tsvw5oGCWmLVn9Na95dlYhwG+r6ecZdJLJiPbKpNpBtPH8Wqj50s5gkydNg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@infineon/design-system-tokens": "3.3.3",
+        "@infineon/infineon-icons": "^2.1.2",
+        "@popperjs/core": "^2.11.8",
+        "@stencil/angular-output-target": "^0.9.0",
+        "@stencil/core": "^4.21.0",
+        "@stencil/vue-output-target": "^0.8.9",
+        "@storybook/cli": "^8.3.0",
+        "@storybook/test": "^8.3.0",
+        "babel-prettier-parser": "^0.10.8",
+        "classnames": "^2.3.2",
+        "glob": "^11.0.0",
+        "i": "^0.3.7",
+        "npm": "^10.2.1",
+        "npm-run-all": "^4.1.5",
+        "prettier-standalone": "^1.3.1-0"
+      },
+      "peerDependencies": {
+        "@floating-ui/dom": "^1.4.5",
+        "ag-grid-community": "^31.0.3",
+        "choices.js": "^10.2.0"
+      }
+    },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+      "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -36933,16 +36962,16 @@
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
+        "@infineon/infineon-design-system-stencil": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+      "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+        "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
         "@stencil/react-output-target": "^0.7.1"
       },
       "devDependencies": {
@@ -36956,11 +36985,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+      "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
+        "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index e6938c9cfb..a4a17b1d3c 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+  "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^18.0.0",
     "@angular/platform-browser-dynamic": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@infineon/infineon-design-system-angular": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+    "@infineon/infineon-design-system-angular": "^25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
index 0172d7fe00..821cbdc0c1 100644
--- a/packages/components-angular/projects/component-library/package.json
+++ b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+  "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
+    "@infineon/infineon-design-system-stencil": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 6938794026..ac99dcdcc6 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+  "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+    "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
     "@stencil/react-output-target": "^0.7.1"
   },
   "auto": {
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index a90302e340..544dd768d8 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+  "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.3",
-    "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0"
+    "@infineon/infineon-design-system-stencil": "^25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index 75027f7b82..59493c3010 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "25.11.0--canary.1503.fc56b0f91a644dd50e7faf8c1ba349f12b32aeef.0",
+  "version": "25.11.0--canary.1503.c812d7c741baa37be49fd723b88a0cda142c1bdb.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",