@infineon/infineon-design-system-stencil 31.0.0--canary.1697.d182a3c648fcdb68889698ab9252e421f923fb47.0 → 31.0.0--canary.1640.26c4c0764d79109b3335389182db63edca37148d.0

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class RadioButton {
-    el: any;
+    el: HTMLElement;
     disabled: boolean;
     value: string;
     error: boolean;
@@ -9,25 +9,15 @@ export declare class RadioButton {
     checked: boolean;
     internalChecked: boolean;
     hasSlot: boolean;
-    inputElement: HTMLInputElement;
+    private inputElement;
+    private internals;
+    private fallbackInput;
     ifxChange: EventEmitter;
-    /**
-     * @returns whether the radio button is checked.
-     */
-    isChecked(): Promise<boolean>;
     componentWillLoad(): void;
-    /**
-     * Click the hidden input element to let it handle the state
-     * and emit ifxChange event.
-     */
-    handleRadioButtonClick(event: PointerEvent): void;
-    /**
-     * Listen to all change events.
-     * Needed to get informed when another button of the group gets chcked
-     * and this one needs to become unchecked.
-     *
-     * @param event
-     */
-    handleChange(event: Event): void;
+    handleCheckedChange(newValue: boolean): void;
+    updateFormValue(): void;
+    handleRadioButtonClick(event: Event): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    handleExternalChange(event: Event): void;
     render(): any;
 }

package/dist/types/components/radio-button/radio-button.stories.d.ts

@@ -1,37 +1,88 @@
 declare const _default: {
     title: string;
     args: {
+        label: string;
         error: boolean;
         disabled: boolean;
         checked: boolean;
         size: string;
-        label: string;
         name: string;
         value: string;
     };
     argTypes: {
-        ifxChange: {
+        error: {
             description: string;
+            control: string;
             table: {
-                type: {
-                    summary: string;
-                    detail: string;
+                category: string;
+                defaultValue: {
+                    summary: boolean;
                 };
             };
-            action: string;
+        };
+        disabled: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        checked: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        label: {
+            name: string;
+            description: string;
+            table: {
+                category: string;
+            };
         };
         size: {
             description: string;
+            control: string;
             options: string[];
-            control: {
-                type: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
             };
         };
         name: {
             description: string;
+            table: {
+                category: string;
+            };
         };
         value: {
             description: string;
+            table: {
+                category: string;
+            };
+        };
+        ifxChange: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
+            action: string;
         };
     };
 };

package/dist/types/components/search-bar/search-bar.d.ts

@@ -6,7 +6,7 @@ export declare class SearchBar {
     value: string;
     maxlength?: number;
     ifxInput: EventEmitter;
-    ifxSearchBarIsOpen: EventEmitter;
+    ifxOpen: EventEmitter;
     el: any;
     onNavbarMobile(): Promise<void>;
     handlePropChange(): void;

package/dist/types/components/search-bar/search-bar.stories.d.ts

@@ -3,22 +3,79 @@ declare const _default: {
     args: {
         disabled: boolean;
         isOpen: boolean;
+        value: string;
     };
     argTypes: {
-        ifxInput: {
-            action: string;
+        isOpen: {
             description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         maxlength: {
             description: string;
             control: {
                 type: string;
             };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ifxInput: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
         };
-        ifxSearchBarIsOpen: {
+        ifxOpen: {
             action: string;
             description: string;
             table: {
+                category: string;
                 type: {
                     summary: string;
                     detail: string;

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

@@ -4,31 +4,70 @@ declare const _default: {
         showDeleteIcon: boolean;
         disabled: boolean;
         size: string;
+        value: string;
+        placeholder: string;
     };
     argTypes: {
+        showDeleteIcon: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
         size: {
             description: string;
+            control: string;
             options: string[];
-            control: {
-                type: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
         placeholder: {
             description: string;
-            control: {
-                type: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
         maxlength: {
             description: string;
-            control: {
-                type: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        value: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
             };
         };
         ifxInput: {
             action: string;
             description: string;
             table: {
+                category: string;
                 type: {
                     summary: string;
                     detail: string;

package/dist/types/components/segmented-control/segmented-control.stories.d.ts

@@ -31,9 +31,6 @@ declare const _default: {
             description: string;
             table: {
                 category: string;
-                type: {
-                    summary: string;
-                };
             };
         };
         caption: {

package/dist/types/components/select/multi-select/multiselect.d.ts

@@ -27,7 +27,7 @@ export declare class Multiselect {
     optionCount: number;
     optionsProcessed: boolean;
     ifxSelect: EventEmitter;
-    ifxMultiselectIsOpen: EventEmitter;
+    ifxOpen: EventEmitter;
     el: HTMLElement;
     dropdownElement: HTMLElement;
     internals: ElementInternals;

package/dist/types/components/select/multi-select/multiselect.stories.d.ts

@@ -1,7 +1,9 @@
 declare const _default: {
     title: string;
     args: {
+        name: string;
         size: string;
+        disabled: boolean;
         batchSize: number;
         maxItemCount: number;
         showSearch: boolean;
@@ -13,6 +15,7 @@ declare const _default: {
     };
     argTypes: {
         size: {
+            description: string;
             options: {
                 'small (36px)': string;
                 'medium (40px)': string;
@@ -20,24 +23,84 @@ declare const _default: {
             control: {
                 type: string;
             };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            options: boolean[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         batchSize: {
             description: string;
             control: {
                 type: string;
             };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
         };
         maxItemCount: {
             control: {
                 type: string;
             };
             description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         showSearch: {
+            description: string;
             options: boolean[];
             control: {
                 type: string;
             };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
         };
         showSelectAll: {
             description: string;
@@ -45,29 +108,91 @@ declare const _default: {
             control: {
                 type: string;
             };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
         };
         error: {
+            description: string;
             options: boolean[];
             control: {
                 type: string;
             };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
         };
         errorMessage: {
             control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
         };
         label: {
+            description: string;
             control: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         placeholder: {
+            description: string;
             control: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         options: {
             description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
         };
         ifxSelect: {
             action: string;
             description: string;
             table: {
+                category: string;
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
+        };
+        ifxOpen: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
                 type: {
                     summary: string;
                     detail: string;

package/dist/types/components/select/single-select/select.stories.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     title: string;
     args: {
+        label: string;
         size: string;
         showSearch: boolean;
         searchPlaceholderValue: string;
@@ -8,64 +9,106 @@ declare const _default: {
         placeholderValue: string;
         error: boolean;
         errorMessage: string;
-        label: string;
         disabled: boolean;
     };
     argTypes: {
         size: {
-            options: {
-                'small (36px)': string;
-                'medium (40px)': string;
-            };
-            control: {
-                type: string;
+            description: string;
+            control: string;
+            options: string[];
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
         placeholder: {
-            options: boolean[];
-            control: {
-                type: string;
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
             };
         };
         placeholderValue: {
-            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
         };
         error: {
-            options: boolean[];
-            control: {
-                type: string;
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
             };
         };
         errorMessage: {
-            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
         };
         label: {
-            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
         };
         disabled: {
-            options: boolean[];
-            control: {
-                type: string;
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
             };
         };
         showSearch: {
-            options: boolean[];
-            control: {
-                type: string;
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
             };
         };
         searchPlaceholderValue: {
-            control: {
-                type: string;
+            description: string;
+            table: {
+                category: string;
             };
         };
         options: {
             description: string;
+            table: {
+                category: string;
+            };
         };
         ifxSelect: {
             action: string;
             description: string;
             table: {
+                category: string;
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
+        };
+        ifxInput: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
                 type: {
                     summary: string;
                     detail: string;