Merge branch 'master' into 1695-storybook-add-alert-notification-abov…

…e-the-icon-snippet

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": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+    "@infineon/infineon-design-system-react": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

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": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+    "@infineon/infineon-design-system-vue": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "vite": "^5.0.12",

lerna.json

@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+  "version": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
   "command": {
     "publish": {
       "verifyAccess": false

packages/components-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+  "version": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.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": "^30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+    "@infineon/infineon-design-system-angular": "^30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",

packages/components-angular/projects/component-library/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+  "version": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.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.4",
-    "@infineon/infineon-design-system-stencil": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0"
+    "@infineon/infineon-design-system-stencil": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

packages/components-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+  "version": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.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.4",
-    "@infineon/infineon-design-system-stencil": "^30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+    "@infineon/infineon-design-system-stencil": "^30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
     "@stencil/react-output-target": "^0.7.1"
   },
   "auto": {

packages/components-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+  "version": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.4",
-    "@infineon/infineon-design-system-stencil": "^30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0"
+    "@infineon/infineon-design-system-stencil": "^30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0"
   },
   "auto": {
     "plugins": [

packages/components/CHANGELOG.md

@@ -1,3 +1,90 @@
+# v30.14.2 (Fri Jan 31 2025)
+
+#### 🐛 Bug Fix
+
+- Updates Status and Typography documentation [#1703](https://github.com/Infineon/infineon-design-system-stencil/pull/1703) ([@SergejLust](https://github.com/SergejLust) [@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 2
+
+- [@SergejLust](https://github.com/SergejLust)
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
+# v30.14.1 (Fri Jan 31 2025)
+
+#### 🐛 Bug Fix
+
+- Sidebar-item: internal code optimization [#1687](https://github.com/Infineon/infineon-design-system-stencil/pull/1687) ([@evangeliaPanteliadou](https://github.com/evangeliaPanteliadou) [@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 2
+
+- Evangelia Panteliadou ([@evangeliaPanteliadou](https://github.com/evangeliaPanteliadou))
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
+# v30.14.0 (Thu Jan 30 2025)
+
+#### 🚀 Enhancement
+
+- radio-button: enables shadow dom [#1702](https://github.com/Infineon/infineon-design-system-stencil/pull/1702) ([@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 1
+
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
+# v30.12.1 (Thu Jan 30 2025)
+
+#### 🐛 Bug Fix
+
+- Link: changes cursor to pointer [#1686](https://github.com/Infineon/infineon-design-system-stencil/pull/1686) ([@evangeliaPanteliadou](https://github.com/evangeliaPanteliadou) [@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 2
+
+- Evangelia Panteliadou ([@evangeliaPanteliadou](https://github.com/evangeliaPanteliadou))
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
+# v30.12.0 (Tue Jan 28 2025)
+
+#### 🚀 Enhancement
+
+- Multi-select: implements search by children option [#1683](https://github.com/Infineon/infineon-design-system-stencil/pull/1683) ([@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 1
+
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
+# v30.11.0 (Tue Jan 28 2025)
+
+#### 🚀 Enhancement
+
+- Multi-select: fixes bugs related to option selection, and search filter [#1680](https://github.com/Infineon/infineon-design-system-stencil/pull/1680) ([@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 1
+
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
+# v30.10.0 (Tue Jan 28 2025)
+
+#### 🚀 Enhancement
+
+- Temporarily remove e2e unit tests from github actions [#1689](https://github.com/Infineon/infineon-design-system-stencil/pull/1689) ([@tishoyanchev](https://github.com/tishoyanchev))
+
+#### Authors: 1
+
+- Tisho Yanchev ([@tishoyanchev](https://github.com/tishoyanchev))
+
+---
+
 # v30.9.2 (Fri Jan 10 2025)
 
 #### 🐛 Bug Fix

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "30.10.0--canary.1696.f6fc7149013229dfeecb984f52e464c01a339d3d.0",
+  "version": "30.14.2--canary.1703.033458615fa20d28a05b873c01f6c9c7d1209ec4.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

packages/components/src/components/link/link.scss

@@ -16,6 +16,10 @@
   line-height: 1.6;
   font-family: var(--ifx-font-family);
 
+  &:hover { 
+    cursor: pointer;
+  }
+
   &:focus {
     outline-width: 2px;
     outline-style: solid;
@@ -89,8 +93,6 @@
     }
   }
 
-
-
   &.small {
     font-size: tokens.$ifxFontSizeS;
   }
@@ -107,30 +109,6 @@
     font-size: tokens.$ifxFontSizeXl;
   }
 
-  // &.bold {
-  //   font-weight: tokens.$ifxFontWeightSemibold;
-  // }
-
-  // &.primary {
-  //   color: tokens.$ifxColorOcean500;
-  // }
-
-  // &.secondary {
-  //   color: tokens.$ifxColorBerry500;
-  // }
-
-  // &.warning {
-  //   color: tokens.$ifxColorOrange500;
-  // }
-
-  // &.danger {
-  //   color: tokens.$ifxColorRed500;
-  // }
-
-  // &.success {
-  //   color: tokens.$ifxColorGreen500;
-  // }
-
   &.underline {
     text-decoration: underline;
   }

packages/components/src/components/navigation/sidebar/sidebar-item.tsx

@@ -16,7 +16,7 @@ export class SidebarItem {
   @State() isExpandable: boolean = false;
   @State() isNested: boolean = true;
   @State() isSubMenuItem: boolean = false;
-  @Prop() numberIndicator: string;
+  @Prop() numberIndicator: number;
   @Prop() active: boolean = false; // set to true manually or by clicking on a navigation item
   @Prop() isActionItem: boolean = false; // if an item is an action item, it can not become active
 
@@ -303,15 +303,15 @@ export class SidebarItem {
             <slot />
           </div>
           {
-          (this.isExpandable || this.numberIndicator?.trim()) && 
+          (this.isExpandable || !isNaN(this.numberIndicator)) &&
             <div class="sidebar__nav-item-indicator">
               {this.isExpandable &&
                 <span class='item__arrow-wrapper'>
                   <ifx-icon icon="chevron-down-12" />
                 </span>
               }
 
-              {this.numberIndicator?.trim() && !this.isExpandable && !this.isNested &&
+              {!isNaN(this.numberIndicator) && !this.isExpandable && !this.isNested &&
                 <span class='item__number-indicator'>
                   <ifx-number-indicator>{this.numberIndicator}</ifx-number-indicator>
                 </span>}

packages/components/src/components/overview-table/overview-table.tsx

@@ -499,9 +499,20 @@ export class OverviewTable {
                       </li>
                     </ul>
                   </td>
-                  <td >
+                  <td>
                     <ul>
-
+                      <li>
+                        <span>
+                          <ifx-icon class='check__icon' icon="check12"></ifx-icon>
+                        </span>
+                        <span>Range</span>
+                      </li>
+                      <li>
+                        <span>
+                          <ifx-icon class='check__icon' icon="check12"></ifx-icon>
+                        </span>
+                        <span>Default value</span>
+                      </li>
                     </ul>
                   </td>
                   <td></td>
@@ -1856,24 +1867,6 @@ export class OverviewTable {
                   <td></td>
                 </tr>
 
-                <tr>
-                  <td class="planned__component sticky-col second-col">
-                    <ifx-link href="" size="s" variant="bold">Advanced Date Picker</ifx-link>
-                  </td>
-                  <td>
-                    <ul>
-                      <li class="planned__component-wrapper">
-                        <span>
-                          <ifx-icon class="planned__icon" icon="roboticarm24"></ifx-icon>
-                        </span>
-                        <span>In Progress</span>
-                      </li>
-                    </ul>
-                  </td>
-                  <td></td>
-                  <td></td>
-                </tr>
-
                 <tr>
                   <td class="planned__component sticky-col second-col">
                     <ifx-link href="" size="s" variant="bold">Upload</ifx-link>
@@ -1954,9 +1947,9 @@ export class OverviewTable {
                     <ul>
                       <li class="planned__component-wrapper">
                         <span>
-                          <ifx-icon class="planned__icon" icon="clock24"></ifx-icon>
+                          <ifx-icon class="planned__icon" icon="roboticarm24"></ifx-icon>
                         </span>
-                        <span>On Hold</span>
+                        <span>In Progress</span>
                       </li>
                     </ul>
                   </td>

packages/components/src/components/radio-button/radio-button.scss

@@ -3,8 +3,21 @@
 
 :host {
     display: inline-flex;
+    --_ifx-fallback-display: none !important;
 }
 
+._ifx-radiobutton-fallback {
+    display: var(--_ifx-fallback-display);
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0,0,0,0) !important;
+    border: 0 !important;
+  }
+
 .radioButton__container {
     box-sizing: border-box;
     display: inline-flex;
@@ -156,4 +169,5 @@
             cursor: pointer;
         }
     }
-}
+}
+