@infineon/infineon-design-system-stencil 30.9.3--canary.1640.c246fbcdce3247ffada7a2fffa49d05593d4088f.0 → 30.9.3--canary.1678.5b4a7e71bc0aa2e3f495f00864e3c9507193dd72.0

package/dist/types/components/table-basic-version/table.stories.d.ts

@@ -2,16 +2,11 @@ declare const _default: {
     title: string;
     args: {
         tableHeight: string;
-        rowHeight: string;
+        rowHeight: number;
     };
     argTypes: {
         tableHeight: {
-            description: string;
             table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
                 type: {
                     summary: string;
                     detail: string;
@@ -19,26 +14,13 @@ declare const _default: {
             };
         };
         rowHeight: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                    detail: string;
-                };
-            };
             options: string[];
             control: {
                 type: string;
             };
         };
         cols: {
-            description: string;
             table: {
-                category: string;
                 type: {
                     summary: string;
                     detail: string;
@@ -46,9 +28,7 @@ declare const _default: {
             };
         };
         rows: {
-            description: string;
             table: {
-                category: string;
                 type: {
                     summary: string;
                     detail: string;

package/dist/types/components/tabs/tabs.d.ts

@@ -11,7 +11,7 @@ export declare class IfxTabs {
     tabHeaderRefs: HTMLElement[];
     disabledTabs: string[];
     tabObjects: any[];
-    ifxChange: EventEmitter;
+    ifxTabChange: EventEmitter;
     updateBorderOnWindowResize(): void;
     setActiveAndFocusedTab(index: number): void;
     handleTabHeaderChange(e: any): void;

package/dist/types/components/tabs/tabs.stories.d.ts

@@ -2,130 +2,50 @@ declare const _default: {
     title: string;
     tags: string[];
     component: string;
-    args: {
-        amountOfTabs: number;
-        orientation: string;
-        icon: string;
-        header: string;
-        disabled: boolean;
-        fullWidth: boolean;
-    };
     argTypes: {
         amountOfTabs: {
             name: string;
             control: string;
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
         };
         orientation: {
+            name: string;
             options: string[];
             control: {
                 type: string;
             };
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                };
-            };
         };
         icon: {
             name: string;
             control: {
                 type: string;
             };
-            options: any[];
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                };
-            };
         };
         fullWidth: {
+            name: string;
             control: {
                 type: string;
             };
             description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                };
-            };
         };
         iconPosition: {
+            name: string;
             options: string[];
             control: {
                 type: string;
             };
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                };
+            if: {
+                arg: string;
+                eq: boolean;
             };
         };
         activeTabIndex: {
+            name: string;
             description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        header: {
-            control: string;
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        disabled: {
-            control: string;
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
         };
-        ifxChange: {
+        ifxTabChange: {
             action: string;
             description: string;
             table: {
-                category: string;
                 type: {
                     summary: string;
                     detail: string;
@@ -136,3 +56,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: any;
+export declare const Disabled: any;

package/dist/types/components/tag/tag.stories.d.ts

@@ -6,31 +6,11 @@ declare const _default: {
         icon: string;
     };
     argTypes: {
-        label: {
-            name: string;
-            control: {
-                type: string;
-            };
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-        };
         icon: {
             options: any[];
             control: {
                 type: string;
             };
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
         };
     };
 };

package/dist/types/components/text-field/text-field.stories.d.ts

@@ -1,145 +1,49 @@
 declare const _default: {
     title: string;
     args: {
-        label: string;
-        error: boolean;
         disabled: boolean;
         size: string;
-        icon: string;
         success: boolean;
+        label: string;
         placeholder: string;
+        error: boolean;
         caption: string;
         required: boolean;
         optional: boolean;
+        icon: string;
         name: string;
         showDeleteIcon: boolean;
-        maxlength: string;
-        value: string;
     };
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        error: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        disabled: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
         size: {
             description: string;
             options: string[];
-            control: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
+            control: {
+                type: string;
             };
         };
         icon: {
-            description: string;
             options: any[];
-            control: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        success: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        placeholder: {
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        caption: {
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        required: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        optional: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: boolean;
-                };
+            control: {
+                type: string;
             };
         };
         name: {
             description: string;
-            table: {
-                category: string;
-            };
-        };
-        showDeleteIcon: {
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
         };
         maxlength: {
             description: string;
-            control: string;
-            table: {
-                category: string;
+            control: {
+                type: string;
             };
         };
-        value: {
+        showDeleteIcon: {
             description: string;
-            control: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
         };
         ifxInput: {
             action: string;
             description: string;
             table: {
-                category: string;
                 type: {
                     summary: string;
                     detail: string;

package/dist/types/components/tooltip/tooltip.stories.d.ts

@@ -9,65 +9,30 @@ declare const _default: {
         icon: string;
     };
     argTypes: {
-        text: {
-            description: string;
-            control: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-        };
         icon: {
-            description: string;
             options: any[];
-            control: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                    defaultValue: {
-                        summary: string;
-                    };
-                };
+            control: {
+                type: string;
             };
         };
         position: {
-            description: string;
             options: string[];
-            control: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
+            control: {
+                type: string;
             };
         };
         variant: {
-            description: string;
-            control: string;
             options: string[];
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
+            control: {
+                type: string;
             };
         };
         header: {
-            description: string;
             control: string;
             if: {
                 arg: string;
                 neq: string;
             };
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
         };
     };
 };

package/dist/types/components.d.ts

@@ -24,7 +24,7 @@ export namespace Components {
         "autoCollapse": boolean;
     }
     interface IfxAccordionItem {
-        "AriaLevel": number;
+        "AriaLive": number;
         "caption": string;
         "open": boolean;
     }
@@ -47,9 +47,9 @@ export namespace Components {
     interface IfxBreadcrumbItem {
     }
     interface IfxBreadcrumbItemLabel {
-        "href": string;
         "icon": string;
         "target": string;
+        "url": string;
     }
     interface IfxButton {
         "AriaLabel": string;
@@ -436,6 +436,7 @@ export namespace Components {
         "numberIndicator": string;
         "setActiveClasses": () => Promise<void>;
         "target": string;
+        "value": string;
     }
     interface IfxSidebarTitle {
     }
@@ -461,7 +462,7 @@ export namespace Components {
     }
     interface IfxStatus {
         "border": boolean;
-        "color": 'orange' | 'ocean' | 'grey' | 'light-grey' | 'red' | 'green' | 'berry';
+        "color": 'engineering-100' | 'engineering-200' | 'engineering-300' | 'engineering-400' | 'engineering-500' | 'engineering-600' | 'ocean-100' | 'ocean-200' | 'ocean-300' | 'ocean-400' | 'ocean-500' | 'ocean-600' | 'ocean-700' | 'red-500' | 'red-600' | 'red-700' | 'orange-500' | 'green-500' | 'lawn-400' | 'lawn-500' | 'lawn-700' | 'berry-400' | 'berry-500' | 'sun-400' | 'sun-500' | 'sand-400' | 'sand-500';
         "label": string;
     }
     interface IfxStep {
@@ -715,8 +716,8 @@ declare global {
         new (): HTMLIfxAccordionElement;
     };
     interface HTMLIfxAccordionItemElementEventMap {
-        "ifxOpen": any;
-        "ifxClose": any;
+        "ifxItemOpen": any;
+        "ifxItemClose": any;
     }
     interface HTMLIfxAccordionItemElement extends Components.IfxAccordionItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxAccordionItemElementEventMap>(type: K, listener: (this: HTMLIfxAccordionItemElement, ev: IfxAccordionItemCustomEvent<HTMLIfxAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -861,7 +862,7 @@ declare global {
         new (): HTMLIfxCheckboxElement;
     };
     interface HTMLIfxChipElementEventMap {
-        "ifxChange": { previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string };
+        "ifxChipChange": { previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string };
     }
     interface HTMLIfxChipElement extends Components.IfxChip, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxChipElementEventMap>(type: K, listener: (this: HTMLIfxChipElement, ev: IfxChipCustomEvent<HTMLIfxChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1168,8 +1169,8 @@ declare global {
         new (): HTMLIfxListEntryElement;
     };
     interface HTMLIfxModalElementEventMap {
-        "ifxOpen": any;
-        "ifxClose": any;
+        "ifxModalOpen": any;
+        "ifxModalClose": any;
     }
     interface HTMLIfxModalElement extends Components.IfxModal, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxModalElementEventMap>(type: K, listener: (this: HTMLIfxModalElement, ev: IfxModalCustomEvent<HTMLIfxModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1187,7 +1188,7 @@ declare global {
     };
     interface HTMLIfxMultiselectElementEventMap {
         "ifxSelect": any;
-        "ifxOpen": any;
+        "ifxMultiselectIsOpen": any;
     }
     interface HTMLIfxMultiselectElement extends Components.IfxMultiselect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxMultiselectElementEventMap>(type: K, listener: (this: HTMLIfxMultiselectElement, ev: IfxMultiselectCustomEvent<HTMLIfxMultiselectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1263,6 +1264,8 @@ declare global {
     };
     interface HTMLIfxPaginationElementEventMap {
         "ifxPageChange": any;
+        "ifxNextPage": any;
+        "ifxPrevPage": any;
     }
     interface HTMLIfxPaginationElement extends Components.IfxPagination, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxPaginationElementEventMap>(type: K, listener: (this: HTMLIfxPaginationElement, ev: IfxPaginationCustomEvent<HTMLIfxPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1303,7 +1306,7 @@ declare global {
     };
     interface HTMLIfxSearchBarElementEventMap {
         "ifxInput": any;
-        "ifxOpen": any;
+        "ifxSearchBarIsOpen": any;
     }
     interface HTMLIfxSearchBarElement extends Components.IfxSearchBar, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxSearchBarElementEventMap>(type: K, listener: (this: HTMLIfxSearchBarElement, ev: IfxSearchBarCustomEvent<HTMLIfxSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1529,7 +1532,7 @@ declare global {
         new (): HTMLIfxTableElement;
     };
     interface HTMLIfxTabsElementEventMap {
-        "ifxChange": any;
+        "ifxTabChange": any;
     }
     interface HTMLIfxTabsElement extends Components.IfxTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxTabsElementEventMap>(type: K, listener: (this: HTMLIfxTabsElement, ev: IfxTabsCustomEvent<HTMLIfxTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1673,10 +1676,10 @@ declare namespace LocalJSX {
         "autoCollapse"?: boolean;
     }
     interface IfxAccordionItem {
-        "AriaLevel"?: number;
+        "AriaLive"?: number;
         "caption"?: string;
-        "onIfxClose"?: (event: IfxAccordionItemCustomEvent<any>) => void;
-        "onIfxOpen"?: (event: IfxAccordionItemCustomEvent<any>) => void;
+        "onIfxItemClose"?: (event: IfxAccordionItemCustomEvent<any>) => void;
+        "onIfxItemOpen"?: (event: IfxAccordionItemCustomEvent<any>) => void;
         "open"?: boolean;
     }
     interface IfxAlert {
@@ -1699,10 +1702,10 @@ declare namespace LocalJSX {
     interface IfxBreadcrumbItem {
     }
     interface IfxBreadcrumbItemLabel {
-        "href"?: string;
         "icon"?: string;
         "onBreadcrumbMenuIconWrapper"?: (event: IfxBreadcrumbItemLabelCustomEvent<CustomEvent>) => void;
         "target"?: string;
+        "url"?: string;
     }
     interface IfxButton {
         "AriaLabel"?: string;
@@ -1746,7 +1749,7 @@ declare namespace LocalJSX {
     }
     interface IfxChip {
         "AriaLabel"?: string;
-        "onIfxChange"?: (event: IfxChipCustomEvent<{ previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string }>) => void;
+        "onIfxChipChange"?: (event: IfxChipCustomEvent<{ previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string }>) => void;
         "placeholder"?: string;
         "readOnly"?: boolean;
         "size"?: 'small' | 'large';
@@ -1890,8 +1893,8 @@ declare namespace LocalJSX {
         "caption"?: string;
         "closeOnOverlayClick"?: boolean;
         "okButtonLabel"?: string;
-        "onIfxClose"?: (event: IfxModalCustomEvent<any>) => void;
-        "onIfxOpen"?: (event: IfxModalCustomEvent<any>) => void;
+        "onIfxModalClose"?: (event: IfxModalCustomEvent<any>) => void;
+        "onIfxModalOpen"?: (event: IfxModalCustomEvent<any>) => void;
         "opened"?: boolean;
         "showCloseButton"?: boolean;
         "size"?: 's' | 'm' | 'l';
@@ -1905,7 +1908,7 @@ declare namespace LocalJSX {
         "label"?: string;
         "maxItemCount"?: number;
         "name"?: string;
-        "onIfxOpen"?: (event: IfxMultiselectCustomEvent<any>) => void;
+        "onIfxMultiselectIsOpen"?: (event: IfxMultiselectCustomEvent<any>) => void;
         "onIfxSelect"?: (event: IfxMultiselectCustomEvent<any>) => void;
         "options"?: any[] | string;
         "placeholder"?: string;
@@ -1951,7 +1954,9 @@ declare namespace LocalJSX {
     }
     interface IfxPagination {
         "currentPage"?: number;
+        "onIfxNextPage"?: (event: IfxPaginationCustomEvent<any>) => void;
         "onIfxPageChange"?: (event: IfxPaginationCustomEvent<any>) => void;
+        "onIfxPrevPage"?: (event: IfxPaginationCustomEvent<any>) => void;
         "total"?: number;
     }
     interface IfxProgressBar {
@@ -1973,7 +1978,7 @@ declare namespace LocalJSX {
         "isOpen"?: boolean;
         "maxlength"?: number;
         "onIfxInput"?: (event: IfxSearchBarCustomEvent<any>) => void;
-        "onIfxOpen"?: (event: IfxSearchBarCustomEvent<any>) => void;
+        "onIfxSearchBarIsOpen"?: (event: IfxSearchBarCustomEvent<any>) => void;
         "value"?: string;
     }
     interface IfxSearchField {
@@ -2081,6 +2086,7 @@ declare namespace LocalJSX {
         "onIfxSidebarMenu"?: (event: IfxSidebarItemCustomEvent<any>) => void;
         "onIfxSidebarNavigationItem"?: (event: IfxSidebarItemCustomEvent<any>) => void;
         "target"?: string;
+        "value"?: string;
     }
     interface IfxSidebarTitle {
     }
@@ -2107,7 +2113,7 @@ declare namespace LocalJSX {
     }
     interface IfxStatus {
         "border"?: boolean;
-        "color"?: 'orange' | 'ocean' | 'grey' | 'light-grey' | 'red' | 'green' | 'berry';
+        "color"?: 'engineering-100' | 'engineering-200' | 'engineering-300' | 'engineering-400' | 'engineering-500' | 'engineering-600' | 'ocean-100' | 'ocean-200' | 'ocean-300' | 'ocean-400' | 'ocean-500' | 'ocean-600' | 'ocean-700' | 'red-500' | 'red-600' | 'red-700' | 'orange-500' | 'green-500' | 'lawn-400' | 'lawn-500' | 'lawn-700' | 'berry-400' | 'berry-500' | 'sun-400' | 'sun-500' | 'sand-400' | 'sand-500';
         "label"?: string;
     }
     interface IfxStep {
@@ -2153,7 +2159,7 @@ declare namespace LocalJSX {
     interface IfxTabs {
         "activeTabIndex"?: number;
         "fullWidth"?: boolean;
-        "onIfxChange"?: (event: IfxTabsCustomEvent<any>) => void;
+        "onIfxTabChange"?: (event: IfxTabsCustomEvent<any>) => void;
         "orientation"?: string;
     }
     interface IfxTag {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "30.9.3--canary.1640.c246fbcdce3247ffada7a2fffa49d05593d4088f.0",
+  "version": "30.9.3--canary.1678.5b4a7e71bc0aa2e3f495f00864e3c9507193dd72.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",
@@ -50,7 +50,6 @@
     "classnames": "^2.3.2",
     "glob": "^11.0.0",
     "i": "^0.3.7",
-    "lerna": "8.1.9",
     "npm": "^10.2.1",
     "npm-run-all": "^4.1.5",
     "prettier-standalone": "^1.3.1-0"
@@ -87,7 +86,7 @@
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
     "ncp": "^2.0.0",
-    "puppeteer": "^24.0.0",
+    "puppeteer": "^21.9.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sass": "^1.78.0",