Merge pull request #1485 from Infineon/1479-radio-button-integrate-in…

…put-element Align Radio-Button, Checkbox and Switch to web standards
Infineon · Nov 14, 2024 · dac035d · dac035d
2 parents c726203 + 145c0a7
commit dac035d
Show file tree

Hide file tree

Showing 28 changed files with 667 additions and 195 deletions.
diff --git a/examples/stencil-components/vanilla-cdn/index.html b/examples/stencil-components/vanilla-cdn/index.html
@@ -364,7 +364,13 @@ <h2>Progress bar</h2>
 
 
     <h2>Radio Button</h2>
-    <ifx-radio-button id="radio-btn" error="false" disabled="false" value="false" size="s">Text</ifx-radio-button>
+    <form id="radio-form">
+      <ifx-radio-button id="radio-btn" error="false" disabled="false" size="s" name="fruit" value="apple">Apple</ifx-radio-button>
+      <ifx-radio-button error="false" disabled="false" size="s" name="fruit" value="pear">Pear</ifx-radio-button>
+      <ifx-radio-button error="false" disabled="false" size="s" name="fruit" value="orange">Orange</ifx-radio-button>
+      <ifx-button type="submit">Submit</ifx-button>
+    </form>
+
     <br />
 
     <h2>Spinner</h2>
@@ -764,9 +770,12 @@ <h5 slot="title">Title</h5>
       updateValues();
     });
 
-    radioBtn.addEventListener('ifxChange', (event) => {
-      console.log("radio btn value change", event.detail);
-      radioChecked = !radioChecked;
+    document.getElementById('radio-form').addEventListener('submit', event => {
+        event.preventDefault();
+        const formData = new FormData(event.target);
+        formData.forEach((value, key) => {
+          console.log(`${key}: ${value}`);
+        });
     });
 
     openModalBtn.addEventListener('click', (event) => {

diff --git 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.18.1--canary.1567.6510a80557e0611c0b0130ba9658379ed51eab31.0",
+    "@infineon/infineon-design-system-react": "26.0.0--canary.1485.8162da32f9fc366646a6da72bbed42526db2b8ee.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
@@ -15,7 +15,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-vue": "25.18.1--canary.1567.6510a80557e0611c0b0130ba9658379ed51eab31.0",
+    "@infineon/infineon-design-system-vue": "26.0.0--canary.1485.8162da32f9fc366646a6da72bbed42526db2b8ee.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
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "25.18.1--canary.1567.6510a80557e0611c0b0130ba9658379ed51eab31.0",
+  "version": "26.0.0--canary.1485.8162da32f9fc366646a6da72bbed42526db2b8ee.0",
   "command": {
     "publish": {
       "verifyAccess": false