diff --git a/examples/wrapper-components/react-vite-js/package-lock.json b/examples/wrapper-components/react-vite-js/package-lock.json
index 15409eaabb..8d8db8eb1d 100644
--- a/examples/wrapper-components/react-vite-js/package-lock.json
+++ b/examples/wrapper-components/react-vite-js/package-lock.json
@@ -8,7 +8,7 @@
       "name": "react-vite",
       "version": "0.0.0",
       "dependencies": {
-        "@infineon/infineon-design-system-react": "25.8.0--canary.1474.33d0c70051c87a15c56093ef6c47c51decdde43c.0",
+        "@infineon/infineon-design-system-react": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
         "path": "^0.12.7",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
@@ -2078,9 +2078,9 @@
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.6.0.tgz",
-      "integrity": "sha512-8I2Q8ykA4J0x0o7cg67FPVnehcqWTBehu/lmY+bolPFHGjh49YzGBMXTvpqVgEbBdvNCSxj6iFgiIyHzf03lzg==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.7.0.tgz",
+      "integrity": "sha512-xp5Jirz5DyPYlPiKat8jaq0EmYvDXKKpzTbxXMpT9eqlRJkRKIz9AGMdlvYjih+im+QlhWrpvVjl8IPC/lHlUw==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2122,9 +2122,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.12.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.12.0.tgz",
-      "integrity": "sha512-eohesHH8WFRUprDNyEREgqP6beG6htMeUYeCpkEgBCieCMme5r9zFWjzAJp//9S+Kub4rqE+jXe9Cp1a7IYIIA==",
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.13.0.tgz",
+      "integrity": "sha512-IFLyoY4d72Z5y/6o/BazFBezupzI/taV8sGumxTAVw3lXG9A6md1Dc34T9s1FoD/an9pJH8RHbAxsaEbBed9lA==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2140,9 +2140,9 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.0.tgz",
-      "integrity": "sha512-vH9PiIMMwvhCx31Af3HiGzsVNULDbyVkHXwlemn/B0TFj/00ho3y55efXrUZTfQipxoHC5u4xq6zblww1zm1Ig==",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.1.tgz",
+      "integrity": "sha512-HFZ4Mp26nbWk9d/BpvP0YNL6W4UoZF0VFcTw/aPPA8RpOxeFQgK+ClABGgAUXs9Y/RGX/l1vOmrqz1MQt9MNuw==",
       "dev": true,
       "dependencies": {
         "levn": "^0.4.1"
@@ -2234,19 +2234,19 @@
       }
     },
     "node_modules/@infineon/infineon-design-system-react": {
-      "version": "25.8.0--canary.1474.33d0c70051c87a15c56093ef6c47c51decdde43c.0",
-      "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-react/-/infineon-design-system-react-25.8.0--canary.1474.33d0c70051c87a15c56093ef6c47c51decdde43c.0.tgz",
-      "integrity": "sha512-m72eyZgOXGk5iHRLOfHN0KfjMRkd73N5+uTND+SZ3/KGwKT/59v9LkT3Mmbok/YPLkUrXl/hfhkdFNGPGUGQeQ==",
+      "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+      "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-react/-/infineon-design-system-react-25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0.tgz",
+      "integrity": "sha512-jU26d+VVNDHSxKRUcWFVhU/DxPjCbfmTOW5mC4DMJmhWqbsulhL9+H2DrjaDPBrJcB4m9HkR5hG6oLEfCfexRw==",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.8.0--canary.1474.33d0c70051c87a15c56093ef6c47c51decdde43c.0",
+        "@infineon/infineon-design-system-stencil": "^25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
         "@stencil/react-output-target": "^0.7.1"
       }
     },
     "node_modules/@infineon/infineon-design-system-stencil": {
-      "version": "25.8.0",
-      "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-stencil/-/infineon-design-system-stencil-25.8.0.tgz",
-      "integrity": "sha512-yFm27OSqcqFBnaZayen9hgNvzBEj2NerGWXcdpZVT06iV/IBzzckxizFUugSfX5/vZTyeOdLTJylnD6GZs4H7w==",
+      "version": "25.11.0",
+      "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-stencil/-/infineon-design-system-stencil-25.11.0.tgz",
+      "integrity": "sha512-MFT12EpZHoTUuxrsLdK+87Eong8xFLUdVp0klW12mp7SwzETAEfqHKcvc+oEOkWP+OYXEKH6g8aKOErZNvQpeA==",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
         "@infineon/infineon-icons": "^2.1.2",
@@ -2922,17 +2922,17 @@
       }
     },
     "node_modules/@storybook/cli": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.3.5.tgz",
-      "integrity": "sha512-OPGcRzxc3t8c3D4SKiqO672S1YnqD4M2ybJfQivkPhLeRsU//jrysFYieGn/M/Hngw2GqyuSusFPwGmmGjj5ZA==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.3.6.tgz",
+      "integrity": "sha512-yGwWCwuuJJqfZMWZgQo9Yqt9XvJNSCKmZSa6cbYoPg8VUTCAEOQJQRBehEQmw1bl4APh4lXL9pkPMaLfaNRlIg==",
       "dependencies": {
         "@babel/core": "^7.24.4",
         "@babel/types": "^7.24.0",
-        "@storybook/codemod": "8.3.5",
+        "@storybook/codemod": "8.3.6",
         "@types/semver": "^7.3.4",
         "chalk": "^4.1.0",
         "commander": "^12.1.0",
-        "create-storybook": "8.3.5",
+        "create-storybook": "8.3.6",
         "cross-spawn": "^7.0.3",
         "envinfo": "^7.7.3",
         "fd-package-json": "^1.2.0",
@@ -2945,7 +2945,7 @@
         "leven": "^3.1.0",
         "prompts": "^2.4.0",
         "semver": "^7.3.7",
-        "storybook": "8.3.5",
+        "storybook": "8.3.6",
         "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0"
       },
@@ -3033,14 +3033,14 @@
       }
     },
     "node_modules/@storybook/codemod": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.3.5.tgz",
-      "integrity": "sha512-5beGRgJu2bwlviO2GK0qph1XQcp8sMnhkMJkSXvoXc1HyOetDjFuOaEirI28bQjBgjdIUb7Zsz+mHZpV12bXww==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.3.6.tgz",
+      "integrity": "sha512-Jut3+z3CXyRlQ1hvQ3u9pVfEReV37OiANpcnreWpJAQ58HsFQmZf5eBpwT2kh5/Ex9CpmumecoEmuGikqNVWQw==",
       "dependencies": {
         "@babel/core": "^7.24.4",
         "@babel/preset-env": "^7.24.4",
         "@babel/types": "^7.24.0",
-        "@storybook/core": "8.3.5",
+        "@storybook/core": "8.3.6",
         "@storybook/csf": "^0.1.11",
         "@types/cross-spawn": "^6.0.2",
         "cross-spawn": "^7.0.3",
@@ -3071,9 +3071,9 @@
       }
     },
     "node_modules/@storybook/core": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.3.5.tgz",
-      "integrity": "sha512-GOGfTvdioNa/n+Huwg4u/dsyYyBcM+gEcdxi3B7i5x4yJ3I912KoVshumQAOF2myKSRdI8h8aGWdx7nnjd0+5Q==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.3.6.tgz",
+      "integrity": "sha512-frwfgf0EJ7QL29DWZ5bla/g0eOOWqJGd14t+VUBlpP920zB6sdDfo7+p9JoCjD9u08lGeFDqbPNKayUk+0qDag==",
       "dependencies": {
         "@storybook/csf": "^0.1.11",
         "@types/express": "^4.17.21",
@@ -3108,9 +3108,9 @@
       "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ=="
     },
     "node_modules/@storybook/instrumenter": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.3.5.tgz",
-      "integrity": "sha512-NLDXai5y2t1ITgHVK9chyL0rMFZbICCOGcnTbyWhkLbiEWZKPJ8FuB8+g+Ba6zwtCve1A1Cnb4O2LOWy7TgWQw==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.3.6.tgz",
+      "integrity": "sha512-0RowbKwoB/s7rtymlnKNiyWN1Z3ZK5mwgzVjlRmzxDL8hrdi5KDjTNExuJTRR3ZaBP2RR0/I3m/n0p9JhHAZvg==",
       "dependencies": {
         "@storybook/global": "^5.0.0",
         "@vitest/utils": "^2.0.5",
@@ -3121,17 +3121,17 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.3.5"
+        "storybook": "^8.3.6"
       }
     },
     "node_modules/@storybook/test": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.3.5.tgz",
-      "integrity": "sha512-1BXWsUGWk9FiKKelZZ55FDJdeoL8uRBHbjTYBRM2xJLhdNSvGzI4Tb3bkmxPpGn72Ua6AyldhlTxr2BpUFKOHA==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.3.6.tgz",
+      "integrity": "sha512-WIc8LzK9jaEw+e3OiweEM2j3cppPzsWod59swuf6gDBf176EQLIyjtVc+Kh3qO4NNkcL+lwmqaLPjOxlBLaDbg==",
       "dependencies": {
         "@storybook/csf": "^0.1.11",
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.3.5",
+        "@storybook/instrumenter": "8.3.6",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.5.0",
         "@testing-library/user-event": "14.5.2",
@@ -3144,7 +3144,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.3.5"
+        "storybook": "^8.3.6"
       }
     },
     "node_modules/@testing-library/dom": {
@@ -3399,9 +3399,9 @@
       "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w=="
     },
     "node_modules/@types/node": {
-      "version": "22.7.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.5.tgz",
-      "integrity": "sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==",
+      "version": "22.7.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.7.tgz",
+      "integrity": "sha512-SRxCrrg9CL/y54aiMCG3edPKdprgMVGDXjA3gB8UmmBW5TcXzRUYAh8EWzTnSJFAd1rgImPELza+A3bJ+qxz8Q==",
       "dependencies": {
         "undici-types": "~6.19.2"
       }
@@ -3431,9 +3431,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.0",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
-      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
@@ -3464,9 +3464,9 @@
       }
     },
     "node_modules/@vitejs/plugin-react": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.2.tgz",
-      "integrity": "sha512-hieu+o05v4glEBucTcKMK3dlES0OeJlD9YVOAPraVMOInBCwzumaIFiUjr4bHK7NPgnAHgiskUoceKercrN8vg==",
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.3.tgz",
+      "integrity": "sha512-NooDe9GpHGqNns1i8XDERg0Vsg5SSYRhRxxyTGogUdkdNt47jal+fbuYi+Yfq6pzRCKXyoPcWisfxE6RIM3GKA==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.25.2",
@@ -3522,9 +3522,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.2.tgz",
-      "integrity": "sha512-FIoglbHrSUlOJPDGIrh2bjX1sNars5HbxlcsFKCtKzu4+5lpsRhOCVcuzp0fEhAGHkPZRIXVNzPcpSlkoZ3LuA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.3.tgz",
+      "integrity": "sha512-XH1XdtoLZCpqV59KRbPrIhFCOO0hErxrQCMcvnQete3Vibb9UeIOX02uFPfVn3Z9ZXsq78etlfyhnkmIZSzIwQ==",
       "dependencies": {
         "tinyrainbow": "^1.2.0"
       },
@@ -3544,11 +3544,11 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.2.tgz",
-      "integrity": "sha512-zMO2KdYy6mx56btx9JvAqAZ6EyS3g49krMPPrgOp1yxGZiA93HumGk+bZ5jIZtOg5/VBYl5eBmGRQHqq4FG6uQ==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.3.tgz",
+      "integrity": "sha512-xpiVfDSg1RrYT0tX6czgerkpcKFmFOF/gCr30+Mve5V2kewCy4Prn1/NDMSRwaSmT7PRaOF83wu+bEtsY1wrvA==",
       "dependencies": {
-        "@vitest/pretty-format": "2.1.2",
+        "@vitest/pretty-format": "2.1.3",
         "loupe": "^3.1.1",
         "tinyrainbow": "^1.2.0"
       },
@@ -3577,9 +3577,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz",
+      "integrity": "sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4212,9 +4212,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001668",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001668.tgz",
-      "integrity": "sha512-nWLrdxqCdblixUO+27JtGJJE/txpJlyUy5YN1u53wLZkP0emYCo5zgS6QYft7VUYR42LGgi/S5hdLZTrnyIddw==",
+      "version": "1.0.30001669",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz",
+      "integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==",
       "funding": [
         {
           "type": "opencollective",
@@ -4517,9 +4517,9 @@
       }
     },
     "node_modules/create-storybook": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.3.5.tgz",
-      "integrity": "sha512-yoGZIhsWbVDg324MHgN08mxNAHOKmqn9NNcOKSEz07RwUvPw+NGiJ48CTc94jX+qysOCq+8PFSzAGA2laWFfTA==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.3.6.tgz",
+      "integrity": "sha512-i0TmAzd/io60R/JTVhAY9uv7FCDSSo+A8roKSZHMN7hUpy9UbLcJxrzRLZBvSYe9YiwhcctzTq2wNC5XRzFJcA==",
       "dependencies": {
         "@types/semver": "^7.3.4",
         "chalk": "^4.1.0",
@@ -4532,7 +4532,7 @@
         "prettier": "^3.1.1",
         "prompts": "^2.4.0",
         "semver": "^7.3.7",
-        "storybook": "8.3.5",
+        "storybook": "8.3.6",
         "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0"
       },
@@ -4855,9 +4855,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.36",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.36.tgz",
-      "integrity": "sha512-HYTX8tKge/VNp6FGO+f/uVDmUkq+cEfcxYhKf15Akc4M5yxt5YmorwlAitKWjWhWQnKcDRBAQKXkhqqXMqcrjw=="
+      "version": "1.5.41",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.41.tgz",
+      "integrity": "sha512-dfdv/2xNjX0P8Vzme4cfzHqnPm5xsZXwsolTYr0eyW18IUmNyG08vL+fttvinTfhKfIKdRoqkDIC9e9iWQCNYQ=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -5129,17 +5129,17 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.12.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.12.0.tgz",
-      "integrity": "sha512-UVIOlTEWxwIopRL1wgSQYdnVDcEvs2wyaO6DGo5mXqe3r16IoCNWkR29iHhyaP4cICWjbgbmFUGAhh0GJRuGZw==",
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.13.0.tgz",
+      "integrity": "sha512-EYZK6SX6zjFHST/HRytOdA/zE72Cq/bfw45LSyuwrdvcclb/gqV8RRQxywOBEWO2+WDpva6UZa4CcDeJKzUCFA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.11.0",
         "@eslint/config-array": "^0.18.0",
-        "@eslint/core": "^0.6.0",
+        "@eslint/core": "^0.7.0",
         "@eslint/eslintrc": "^3.1.0",
-        "@eslint/js": "9.12.0",
+        "@eslint/js": "9.13.0",
         "@eslint/plugin-kit": "^0.2.0",
         "@humanfs/node": "^0.16.5",
         "@humanwhocodes/module-importer": "^1.0.1",
@@ -5233,9 +5233,9 @@
       }
     },
     "node_modules/eslint-plugin-react-refresh": {
-      "version": "0.4.12",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.12.tgz",
-      "integrity": "sha512-9neVjoGv20FwYtCP6CB1dzR1vr57ZDNOXst21wd2xJ/cTlM2xLq0GWVlSNTdMn/4BtP6cHYBMCSp1wFBJ9jBsg==",
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.13.tgz",
+      "integrity": "sha512-f1EppwrpJRWmqDTyvAyomFVDYRtrS7iTEqv3nokETnMiMzs2SSTmKRTACce4O2p4jYyowiSMvpdwC/RLcMFhuQ==",
       "dev": true,
       "peerDependencies": {
         "eslint": ">=7"
@@ -5629,9 +5629,9 @@
       "dev": true
     },
     "node_modules/flow-parser": {
-      "version": "0.248.0",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.248.0.tgz",
-      "integrity": "sha512-IJVGA/PgRFNvTWBxqG7PKO0ZjX7wdTEz9yk3Xb8nPuCNdcqVphaK1cGhb1CS56Rniu2RPtOA5L0smNoQHRjM+w==",
+      "version": "0.250.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.250.0.tgz",
+      "integrity": "sha512-8mkLh/CotlvqA9vCyQMbhJoPx2upEg9oKxARAayz8zQ58wCdABnTZy6U4xhMHvHvbTUFgZQk4uH2cglOCOel5A==",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -7488,13 +7488,6 @@
         "which",
         "write-file-atomic"
       ],
-      "workspaces": [
-        "docs",
-        "smoke-tests",
-        "mock-globals",
-        "mock-registry",
-        "workspaces/*"
-      ],
       "dependencies": {
         "@isaacs/string-locale-compare": "^1.1.0",
         "@npmcli/arborist": "^8.0.0",
@@ -11024,9 +11017,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -11817,9 +11810,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/sass": {
-      "version": "1.79.5",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.79.5.tgz",
-      "integrity": "sha512-W1h5kp6bdhqFh2tk3DsI771MoEJjvrSY/2ihJRJS4pjIyfJCw0nTsxqhnrUzaLMOJjFchj8rOvraI/YUVjtx5g==",
+      "version": "1.80.3",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.3.tgz",
+      "integrity": "sha512-ptDWyVmDMVielpz/oWy3YP3nfs7LpJTHIJZboMVs8GEC9eUmtZTZhMHlTW98wY4aEorDfjN38+Wr/XjskFWcfA==",
       "dependencies": {
         "@parcel/watcher": "^2.4.1",
         "chokidar": "^4.0.0",
@@ -12108,11 +12101,11 @@
       }
     },
     "node_modules/storybook": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.3.5.tgz",
-      "integrity": "sha512-hYQVtP2l+3kO8oKDn4fjXXQYxgTRsj/LaV6lUMJH0zt+OhVmDXKJLxmdUP4ieTm0T8wEbSYosFavgPcQZlxRfw==",
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.3.6.tgz",
+      "integrity": "sha512-9GVbtej6ZzPRUM7KRQ7848506FfHrUiJGqPuIQdoSJd09EmuEoLjmLAgEOmrHBQKgGYMaM7Vh9GsTLim6vwZTQ==",
       "dependencies": {
-        "@storybook/core": "8.3.5"
+        "@storybook/core": "8.3.6"
       },
       "bin": {
         "getstorybook": "bin/index.cjs",
@@ -12636,9 +12629,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
-      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.0.tgz",
+      "integrity": "sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -12946,9 +12939,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.8",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.8.tgz",
-      "integrity": "sha512-FqrItQ4DT1NC4zCUqMB4c4AZORMKIa0m8/URVCZ77OZ/QSNeJ54bU1vrFADbDsuwfIPcgknRkmqakQcgnL4GiQ==",
+      "version": "5.4.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.9.tgz",
+      "integrity": "sha512-20OVpJHh0PAM0oSOELa5GaZNWeDjcAvQjGXy2Uyr+Tp+/D2/Hdz6NLgpJLsarPTA2QJ6v8mX2P1ZfbsSKvdMkg==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.21.3",
diff --git a/examples/wrapper-components/react-vite-js/package.json b/examples/wrapper-components/react-vite-js/package.json
index 58f651ed87..28e66d6505 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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+    "@infineon/infineon-design-system-react": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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 704b4da679..2b75a00e90 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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+    "@infineon/infineon-design-system-vue": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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 5771af35e4..b3d85b3657 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+  "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
index 01684265c9..3eee468084 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37405,7 +37405,7 @@
     },
     "packages/components": {
       "name": "@infineon/infineon-design-system-stencil",
-      "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+      "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
@@ -37467,7 +37467,7 @@
       }
     },
     "packages/components-angular": {
-      "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+      "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^18.0.0",
@@ -37478,7 +37478,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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+        "@infineon/infineon-design-system-angular": "^25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "typescript": "~5.4.4",
@@ -37498,7 +37498,7 @@
     },
     "packages/components-angular/projects/component-library": {
       "name": "@infineon/infineon-design-system-angular",
-      "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+      "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -37507,16 +37507,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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0"
+        "@infineon/infineon-design-system-stencil": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0"
       }
     },
     "packages/components-react": {
       "name": "@infineon/infineon-design-system-react",
-      "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+      "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+        "@infineon/infineon-design-system-stencil": "^25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
         "@stencil/react-output-target": "^0.7.1"
       },
       "devDependencies": {
@@ -37530,11 +37530,11 @@
     },
     "packages/components-vue": {
       "name": "@infineon/infineon-design-system-vue",
-      "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+      "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
       "license": "MIT",
       "dependencies": {
         "@infineon/design-system-tokens": "3.3.3",
-        "@infineon/infineon-design-system-stencil": "^25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0"
+        "@infineon/infineon-design-system-stencil": "^25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0"
       },
       "devDependencies": {
         "@babel/types": "^7.22.5",
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 8f2103f17c..05f2264c35 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+  "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+    "@infineon/infineon-design-system-angular": "^25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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 7a49abcbd4..a56d7d9c9e 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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+  "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0"
+    "@infineon/infineon-design-system-stencil": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 8d8de09107..778795d996 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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+  "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+    "@infineon/infineon-design-system-stencil": "^25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
     "@stencil/react-output-target": "^0.7.1"
   },
   "auto": {
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index 998d8c8016..0de5fea445 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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+  "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.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.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0"
+    "@infineon/infineon-design-system-stencil": "^25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/package.json b/packages/components/package.json
index f7d188452c..988fb93210 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "25.10.1--canary.1544.b473cfd14ac9689b66c713ec72dcc87d8e764f29.0",
+  "version": "25.12.0--canary.1503.ad49b651a076acc83c8b6857c553d2c0bb92cb49.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",
diff --git a/packages/components/src/components/accordion/accordion.stories.tsx b/packages/components/src/components/accordion/accordion.stories.tsx
index 8b6e002a9d..51b952b0b6 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.
     `;
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.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 {
diff --git a/packages/components/src/components/accordion/accordionItem.tsx b/packages/components/src/components/accordion/accordionItem.tsx
index 6fae60912c..8713107aee 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',
@@ -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;
@@ -79,16 +80,30 @@ 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()}>
-          <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-hidden="true" role="heading" aria-level={String(this.AriaLevel) as string} 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>
diff --git a/packages/components/src/components/accordion/readme.md b/packages/components/src/components/accordion/readme.md
index bb282fa194..b96bc4c616 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