@siemens/ix 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1522-20241021144048

package/dist/types/components.d.ts

@@ -20,16 +20,15 @@ import { ColumnSize } from "./components/col/col";
 import { ContentHeaderVariant } from "./components/content-header/content-header";
 import { CssGridTemplateType } from "./components/css-grid/css-grid";
 import { DateDropdownOption, DateRangeChangeEvent } from "./components/date-dropdown/date-dropdown";
-import { DateFieldValidityState } from "./components/date-field/date-field";
 import { DateTimeCardCorners } from "./components/date-time-card/date-time-card";
 import { DateChangeEvent } from "./components/date-picker/date-picker";
 import { DateTimeCardCorners as DateTimeCardCorners1 } from "./components/date-time-card/date-time-card";
 import { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datetime-picker/datetime-picker";
+import { ElementReference } from "./components.d";
 import { CloseBehavior } from "./components/dropdown/dropdown-controller";
 import { AlignedPlacement, Side } from "./components/dropdown/placement";
 import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button";
 import { EmptyStateLayout } from "./components/empty-state/empty-state";
-import { MakeRef } from "./components/utils/make-ref";
 import { FlipTileState } from "./components/flip-tile/flip-tile-state";
 import { IconButtonVariant } from "./components/icon-button/icon-button";
 import { ButtonVariant as ButtonVariant1 } from "./components/button/button";
@@ -44,8 +43,10 @@ import { TabClickDetail } from "./components/tab-item/tab-item";
 import { TimePickerCorners } from "./components/time-picker/time-picker";
 import { ToastConfig, ToastType } from "./components/toast/toast-utils";
 import { ShowToastResult } from "./components/toast/toast-container";
+import { ElementReference as ElementReference1 } from "./components/utils/element-reference";
+import { Element } from "./stencil-public-runtime";
 import { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model";
-import { TextDecoration, TypographyColors, TypographyFormat, TypographyVariants } from "./components/typography/typography";
+import { TextDecoration, TypographyColors, TypographyFormat } from "./components/typography/typography";
 import { UploadFileState } from "./components/upload/upload-file-state";
 export { ActionCardVariant } from "./components/action-card/action-card";
 export { IxTheme } from "./components/utils/theme-switcher";
@@ -62,16 +63,15 @@ export { ColumnSize } from "./components/col/col";
 export { ContentHeaderVariant } from "./components/content-header/content-header";
 export { CssGridTemplateType } from "./components/css-grid/css-grid";
 export { DateDropdownOption, DateRangeChangeEvent } from "./components/date-dropdown/date-dropdown";
-export { DateFieldValidityState } from "./components/date-field/date-field";
 export { DateTimeCardCorners } from "./components/date-time-card/date-time-card";
 export { DateChangeEvent } from "./components/date-picker/date-picker";
 export { DateTimeCardCorners as DateTimeCardCorners1 } from "./components/date-time-card/date-time-card";
 export { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datetime-picker/datetime-picker";
+export { ElementReference } from "./components.d";
 export { CloseBehavior } from "./components/dropdown/dropdown-controller";
 export { AlignedPlacement, Side } from "./components/dropdown/placement";
 export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button";
 export { EmptyStateLayout } from "./components/empty-state/empty-state";
-export { MakeRef } from "./components/utils/make-ref";
 export { FlipTileState } from "./components/flip-tile/flip-tile-state";
 export { IconButtonVariant } from "./components/icon-button/icon-button";
 export { ButtonVariant as ButtonVariant1 } from "./components/button/button";
@@ -86,8 +86,10 @@ export { TabClickDetail } from "./components/tab-item/tab-item";
 export { TimePickerCorners } from "./components/time-picker/time-picker";
 export { ToastConfig, ToastType } from "./components/toast/toast-utils";
 export { ShowToastResult } from "./components/toast/toast-container";
+export { ElementReference as ElementReference1 } from "./components/utils/element-reference";
+export { Element } from "./stencil-public-runtime";
 export { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model";
-export { TextDecoration, TypographyColors, TypographyFormat, TypographyVariants } from "./components/typography/typography";
+export { TextDecoration, TypographyColors, TypographyFormat } from "./components/typography/typography";
 export { UploadFileState } from "./components/upload/upload-file-state";
 export namespace Components {
     /**
@@ -97,7 +99,7 @@ export namespace Components {
         /**
           * Card heading
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * Card icon
          */
@@ -109,9 +111,10 @@ export namespace Components {
         /**
           * Card subheading
          */
-        "subheading": string;
+        "subheading"?: string;
         /**
           * Card variant
+          * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead.
          */
         "variant": ActionCardVariant;
     }
@@ -144,7 +147,12 @@ export namespace Components {
         /**
           * Application name
          */
-        "name": string;
+        "name"?: string;
+        /**
+          * Controls the visibility of the menu toggle button based on the context of the application header.  When the application header is utilized outside the application frame, the menu toggle button is displayed. Conversely, if the header is within the application frame, this property is ineffective.
+          * @since 2.5.0
+         */
+        "showMenu"?: boolean;
     }
     interface IxApplicationSidebar {
     }
@@ -180,7 +188,8 @@ export namespace Components {
          */
         "applicationName": string;
         /**
-          * Supported layouts e.g ['sm', 'md']
+          * Supported layouts
+          * @example ['sm', 'md']
          */
         "breakpoints": Breakpoint[];
         /**
@@ -201,16 +210,16 @@ export namespace Components {
           * Optional icon to be displayed next to the header label
           * @since 1.5.0
          */
-        "icon": string;
+        "icon"?: string;
         /**
           * Label of blind
          */
-        "label": string;
+        "label"?: string;
         /**
           * Secondary label inside blind header
           * @since 2.0.0
          */
-        "sublabel": string;
+        "sublabel"?: string;
         /**
           * Blind variant
           * @since 2.0.0
@@ -263,7 +272,7 @@ export namespace Components {
         /**
           * Icon name
          */
-        "icon": string;
+        "icon"?: string;
         "iconSize": '12' | '16' | '24';
         /**
           * Loading button
@@ -294,6 +303,7 @@ export namespace Components {
         "selected": boolean;
         /**
           * Card variant
+          * @deprecated variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead.
          */
         "variant": CardVariant;
     }
@@ -361,9 +371,9 @@ export namespace Components {
     }
     interface IxCategoryFilter {
         /**
-          * Configuration object hash used to populate the dropwdown menu for typeahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
+          * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
          */
-        "categories": {
+        "categories"?: {
     [id: string]: {
       label: string;
       options: string[];
@@ -376,7 +386,7 @@ export namespace Components {
         /**
           * A set of search criteria to populate the component with.
          */
-        "filterState": FilterState;
+        "filterState"?: FilterState;
         /**
           * Allows to hide the icon inside the text input. Defaults to false
          */
@@ -402,13 +412,13 @@ export namespace Components {
         /**
           * Placeholder text to be displayed in an empty input field.
          */
-        "placeholder": string;
+        "placeholder"?: string;
         /**
           * If true the filter will be in readonly mode
          */
         "readonly": boolean;
         /**
-          * If set to true allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false.  Defaults to true
+          * If set to true, allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false.  Defaults to true
          */
         "repeatCategories": boolean;
         /**
@@ -417,77 +427,11 @@ export namespace Components {
          */
         "staticOperator"?: LogicalFilterOperator;
         /**
-          * A list of strings that will be supplied as typeahead suggestions not tied to any categories.
+          * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.
          */
-        "suggestions": string[];
+        "suggestions"?: string[];
         "tmpDisableScrollIntoView": boolean;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxCheckbox {
-        /**
-          * Checked state of the checkbox component
-         */
-        "checked": boolean;
-        /**
-          * Disabled state of the checkbox component
-         */
-        "disabled": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        "hasValidValue": () => Promise<boolean>;
-        /**
-          * Indeterminate state of the checkbox component
-         */
-        "indeterminate": boolean;
-        /**
-          * Label for the checkbox component
-         */
-        "label"?: string;
-        /**
-          * Name of the checkbox component
-         */
-        "name"?: string;
-        /**
-          * Required state of the checkbox component.  If true, checkbox needs to be checked to be valid
-         */
-        "required": boolean;
-        /**
-          * Value of the checkbox component
-         */
-        "value": string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxCheckboxGroup {
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     interface IxChip {
         /**
           * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
@@ -568,7 +512,7 @@ export namespace Components {
         /**
           * Title of Header
          */
-        "headerTitle": string;
+        "headerTitle"?: string;
         /**
           * Variant of content header
          */
@@ -578,7 +522,7 @@ export namespace Components {
         /**
           * Define css grid template
          */
-        "templates": Partial<Record<CssGridTemplateType, string[][]>>;
+        "templates"?: Partial<Record<CssGridTemplateType, string[][]>>;
     }
     interface IxCssGridItem {
         /**
@@ -586,43 +530,6 @@ export namespace Components {
          */
         "itemName": string;
     }
-    /**
-     * @since 2.4.0
-     */
-    interface IxCustomField {
-        /**
-          * Show text below the field component which show additional information
-         */
-        "helperText"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * A value is required or must be checked for the form to be submittable
-         */
-        "required": boolean;
-        /**
-          * Show helper, info, warning, error and valid text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     /**
      * @since 2.1.0
      */
@@ -687,79 +594,6 @@ export namespace Components {
         "to": string;
         "today": string;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxDateField {
-        /**
-          * disabled attribute
-         */
-        "disabled": boolean;
-        /**
-          * Date format string. See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
-         */
-        "format": string;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        /**
-          * Get the native input element
-         */
-        "getNativeInputElement": () => Promise<HTMLInputElement>;
-        "getValidityState": () => Promise<ValidityState>;
-        "hasValidValue": () => Promise<boolean>;
-        /**
-          * helper text below the input field
-         */
-        "helperText"?: string;
-        /**
-          * i18n string for the error message when the date is not parsable
-         */
-        "i18nErrorDateUnparsable": string;
-        /**
-          * info text below the input field
-         */
-        "infoText"?: string;
-        /**
-          * error text below the input field
-         */
-        "invalidText"?: string;
-        /**
-          * label of the input field
-         */
-        "label"?: string;
-        /**
-          * name of the input element
-         */
-        "name"?: string;
-        /**
-          * placeholder of the input element
-         */
-        "placeholder"?: string;
-        /**
-          * readonly attribute
-         */
-        "readonly": boolean;
-        /**
-          * required attribute
-         */
-        "required"?: boolean;
-        /**
-          * show text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * valid text below the input field
-         */
-        "validText"?: string;
-        /**
-          * value of the input element
-         */
-        "value": string;
-        /**
-          * warning text below the input field
-         */
-        "warningText"?: string;
-    }
     interface IxDatePicker {
         /**
           * Corner style
@@ -797,7 +631,7 @@ export namespace Components {
           * Format of time string See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
           * @since 2.1.0
          */
-        "locale": string;
+        "locale"?: string;
         /**
           * The latest date that can be selected by the date picker. If not set there will be no restriction.
           * @since 1.1.0
@@ -840,7 +674,7 @@ export namespace Components {
           * set styles
          */
         "individual": boolean;
-        "standaloneAppearance"?: boolean;
+        "standaloneAppearance": any;
     }
     interface IxDatetimePicker {
         /**
@@ -972,7 +806,7 @@ export namespace Components {
         /**
           * Define an anchor element
          */
-        "anchor": string | HTMLElement;
+        "anchor"?: ElementReference;
         /**
           * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.
          */
@@ -987,12 +821,12 @@ export namespace Components {
         /**
           * Move dropdown along main axis of alignment
          */
-        "offset": {
+        "offset"?: {
     mainAxis?: number;
     crossAxis?: number;
     alignmentAxis?: number;
   };
-        "overwriteDropdownStyle": (delegate: {
+        "overwriteDropdownStyle"?: (delegate: {
     dropdownRef: HTMLElement;
     triggerRef?: HTMLElement;
   }) => Promise<Partial<CSSStyleDeclaration>>;
@@ -1016,7 +850,7 @@ export namespace Components {
         /**
           * Define an element that triggers the dropdown. A trigger can either be a string that will be interpreted as id attribute or a DOM element.
          */
-        "trigger": string | HTMLElement | Promise<HTMLElement>;
+        "trigger"?: ElementReference;
         /**
           * Update position of dropdown
          */
@@ -1042,11 +876,11 @@ export namespace Components {
         /**
           * Button icon
          */
-        "icon": string;
+        "icon"?: string;
         /**
           * Set label
          */
-        "label": string;
+        "label"?: string;
         /**
           * Outline button
          */
@@ -1055,7 +889,7 @@ export namespace Components {
           * Placement of the dropdown
           * @since 2.0.0
          */
-        "placement": AlignedPlacement;
+        "placement"?: AlignedPlacement;
         /**
           * Button variant
          */
@@ -1091,12 +925,12 @@ export namespace Components {
         /**
           * Icon of dropdown item
          */
-        "icon": string;
+        "icon"?: string;
         "isSubMenu": boolean;
         /**
           * Label of dropdown item
          */
-        "label": string;
+        "label"?: string;
         "suppressChecked": boolean;
     }
     /**
@@ -1191,75 +1025,6 @@ export namespace Components {
          */
         "value": string;
     }
-    interface IxFieldLabel {
-        "controlRef"?: MakeRef<HTMLElement>;
-        /**
-          * The id of the form element that the label is associated with
-         */
-        "htmlFor"?: string;
-        /**
-          * A value is required or must be checked for the form to be submittable
-         */
-        "required"?: boolean;
-    }
-    interface IxFieldWrapper {
-        /**
-          * The control element that the label is associated with
-         */
-        "controlRef"?: MakeRef<HTMLElement>;
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * The id of the form element that the label is associated with
-         */
-        "htmlForLabel"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Is the field component info
-         */
-        "isInfo": boolean;
-        /**
-          * Is the field component invalid
-         */
-        "isInvalid": boolean;
-        /**
-          * Is the field component valid
-         */
-        "isValid": boolean;
-        /**
-          * Is the field component warning
-         */
-        "isWarning": boolean;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * Show label as required
-         */
-        "required": boolean;
-        /**
-          * Show helper, error, info, warning text as tooltip
-         */
-        "showTextAsTooltip": boolean;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     interface IxFilterChip {
         /**
           * If true the filter chip will be in disabled state
@@ -1293,6 +1058,12 @@ export namespace Components {
          */
         "contentVisible": boolean;
     }
+    interface IxFormField {
+        /**
+          * Label
+         */
+        "label": string;
+    }
     interface IxGroup {
         /**
           * Whether the group is collapsed or expanded. Defaults to true.
@@ -1305,11 +1076,11 @@ export namespace Components {
         /**
           * Group header
          */
-        "header": string;
+        "header"?: string;
         /**
           * The index of the selected group entry. If undefined no group item is selected.
          */
-        "index": number;
+        "index"?: number;
         /**
           * Whether the group is selected.
          */
@@ -1317,7 +1088,7 @@ export namespace Components {
         /**
           * Group header subtitle
          */
-        "subHeader": string;
+        "subHeader"?: string;
         /**
           * Prevent header from being selectable
          */
@@ -1333,15 +1104,15 @@ export namespace Components {
         /**
           * Group item icon
          */
-        "icon": string;
+        "icon"?: string;
         /**
           * Index
          */
-        "index": number;
+        "index"?: number;
         /**
           * Group item secondary text
          */
-        "secondaryText": string;
+        "secondaryText"?: string;
         /**
           * Show selected state
          */
@@ -1353,33 +1124,7 @@ export namespace Components {
         /**
           * Group item text
          */
-        "text": string;
-    }
-    interface IxHelperText {
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * The id of the form element that the label is associated with
-         */
-        "htmlFor"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
+        "text"?: string;
     }
     interface IxIconButton {
         /**
@@ -1512,15 +1257,6 @@ export namespace Components {
         "unit": string;
         "value": string | number;
     }
-    interface IxLayoutForm {
-        /**
-          * Defines the layout of the form.
-         */
-        "layout": {
-    minWidth: string;
-    columns: number;
-  }[];
-    }
     /**
      * @since 2.0.0
      */
@@ -1824,23 +1560,23 @@ export namespace Components {
           * Name of the icon you want to display. Icon names can be resolved from the documentation
           * @link https://ix.siemens.io/docs/icon-library/icons
          */
-        "icon": string;
+        "icon"?: string;
         "isCategory": boolean;
         /**
           * Label of the menu item. Will also be used as tooltip text
           * @since 2.2.0
          */
-        "label": string;
+        "label"?: string;
         /**
           * Show notification count on tab
          */
-        "notifications": number;
+        "notifications"?: number;
         /**
           * Name of the icon you want to display. Icon names can be resolved from the documentation
           * @link https://ix.siemens.io/docs/icon-library/icons
           * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0
          */
-        "tabIcon": string;
+        "tabIcon"?: string;
     }
     interface IxMenuSettings {
         /**
@@ -1944,167 +1680,83 @@ export namespace Components {
         /**
           * Icon of the Header
          */
-        "icon": string;
+        "icon"?: string;
         /**
           * Icon color
          */
-        "iconColor": string;
+        "iconColor"?: string;
     }
     interface IxModalLoading {
     }
     /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
+     * @since 1.5.0
      */
-    interface IxNumberField {
+    interface IxPagination {
         /**
-          * The allowed characters pattern for the input field
+          * Advanced mode
          */
-        "allowedCharactersPattern"?: string;
+        "advanced": boolean;
         /**
-          * Disables the input field
+          * Total number of pages
          */
-        "disabled": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
+        "count": number;
         /**
-          * Returns the native input element used under the hood
+          * /**   i18n
          */
-        "getNativeInputElement": () => Promise<HTMLInputElement>;
-        "hasValidValue": () => Promise<boolean>;
+        "i18nItems": string;
         /**
-          * The helper text for the input field
+          * i18n
          */
-        "helperText"?: string;
+        "i18nOf": string;
         /**
-          * The info text for the input field
+          * i18n
          */
-        "infoText"?: string;
+        "i18nPage": string;
         /**
-          * The error text for the input field
+          * Number of items shown at once. Can only be changed in advaced mode.
          */
-        "invalidText"?: string;
+        "itemCount": number;
         /**
-          * The label for the input field
+          * Zero based index of currently selected page
          */
-        "label"?: string;
+        "selectedPage": number;
         /**
-          * The maximum value for the input field
+          * Show item count in advanced mode
          */
-        "max"?: string | number;
+        "showItemCount": boolean;
+    }
+    /**
+     * @since 2.1.0
+     */
+    interface IxPane {
         /**
-          * The minimum value for the input field
+          * Toggle the border of the pane. Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.
          */
-        "min"?: string | number;
+        "borderless": boolean;
         /**
-          * name of the input element
+          * Defines the position of the pane inside it's container. Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.
          */
-        "name"?: string;
+        "composition": Composition;
         /**
-          * The pattern for the input field
+          * State of the pane
          */
-        "pattern"?: string;
+        "expanded": boolean;
         /**
-          * placeholder of the input element
+          * Title of the side panel
          */
-        "placeholder"?: string;
+        "heading": string;
         /**
-          * Indicates if the field is read-only
+          * Define if the pane should have a collapsed state
          */
-        "readonly": boolean;
+        "hideOnCollapse": boolean;
         /**
-          * Indicates if the field is required
+          * Name of the icon
          */
-        "required": boolean;
+        "icon": string;
+        "ignoreLayoutSettings": boolean;
+        "isMobile": boolean;
         /**
-          * Indicates if the stepper buttons should be shown
-         */
-        "showStepperButtons"?: boolean;
-        /**
-          * Indicates if the text should be shown as a tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * The valid text for the input field
-         */
-        "validText"?: string;
-        /**
-          * The value of the input field
-         */
-        "value": number;
-        /**
-          * The warning text for the input field
-         */
-        "warningText"?: string;
-    }
-    /**
-     * @since 1.5.0
-     */
-    interface IxPagination {
-        /**
-          * Advanced mode
-         */
-        "advanced": boolean;
-        /**
-          * Total number of pages
-         */
-        "count": number;
-        /**
-          * /**   i18n
-         */
-        "i18nItems": string;
-        /**
-          * i18n
-         */
-        "i18nOf": string;
-        /**
-          * i18n
-         */
-        "i18nPage": string;
-        /**
-          * Number of items shown at once. Can only be changed in advaced mode.
-         */
-        "itemCount": number;
-        /**
-          * Zero based index of currently selected page
-         */
-        "selectedPage": number;
-        /**
-          * Show item count in advanced mode
-         */
-        "showItemCount": boolean;
-    }
-    /**
-     * @since 2.1.0
-     */
-    interface IxPane {
-        /**
-          * Toggle the border of the pane. Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.
-         */
-        "borderless": boolean;
-        /**
-          * Defines the position of the pane inside it's container. Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.
-         */
-        "composition": Composition;
-        /**
-          * State of the pane
-         */
-        "expanded": boolean;
-        /**
-          * Title of the side panel
-         */
-        "heading": string;
-        /**
-          * Define if the pane should have a collapsed state
-         */
-        "hideOnCollapse": boolean;
-        /**
-          * Name of the icon
-         */
-        "icon": string;
-        "ignoreLayoutSettings": boolean;
-        "isMobile": boolean;
-        /**
-          * The maximum size of the sidebar, when it is expanded
+          * The maximum size of the sidebar, when it is expanded
          */
         "size": | '240px'
     | '320px'
@@ -2187,7 +1839,7 @@ export namespace Components {
         /**
           * Card heading
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * Card icon
          */
@@ -2195,90 +1847,22 @@ export namespace Components {
         /**
           * Card KPI value
          */
-        "notification": string;
+        "notification"?: string;
         /**
           * Card subheading
          */
-        "subheading": string;
+        "subheading"?: string;
         /**
           * Card variant
+          * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead.
          */
         "variant": PushCardVariant;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxRadio {
-        /**
-          * Checked state of the radio component
-         */
-        "checked": boolean;
-        /**
-          * Disabled state of the radio component
-         */
-        "disabled": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        "hasValidValue": () => Promise<boolean>;
-        /**
-          * Label for the radio component
-         */
-        "label"?: string;
-        /**
-          * Name of the radio component
-         */
-        "name"?: string;
-        /**
-          * Value of the radio component
-         */
-        "value"?: string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxRadioGroup {
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * Show helper, info, warning, error and valid text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Value of the radiobutton group component
-         */
-        "value"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     /**
      * @since 2.0.0
      */
     interface IxRow {
     }
-    /**
-     * @form-ready 2.4.0
-     */
     interface IxSelect {
         /**
           * Show clear button
@@ -2292,17 +1876,6 @@ export namespace Components {
           * Select is extendable
          */
         "editable": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        /**
-          * Returns the native input element used in the component.
-         */
-        "getNativeInputElement": () => Promise<HTMLInputElement>;
-        "hasValidValue": () => Promise<boolean>;
-        /**
-          * Helper text for the select component
-          * @since 2.4.0
-         */
-        "helperText"?: string;
         /**
           * Hide list header
           * @since 1.5.0
@@ -2325,64 +1898,24 @@ export namespace Components {
           * Select list header
          */
         "i18nSelectListHeader": string;
-        /**
-          * Info text for the select component
-          * @since 2.4.0
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the select component
-          * @since 2.4.0
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the select component
-          * @since 2.4.0
-         */
-        "label"?: string;
         /**
           * Selection mode
          */
         "mode": 'single' | 'multiple';
-        /**
-          * A string that represents the element's name attribute, containing a name that identifies the element when submitting the form.
-          * @since 2.4.0
-         */
-        "name"?: string;
         /**
           * If true the select will be in readonly mode
          */
         "readonly": boolean;
-        /**
-          * A Boolean attribute indicating that an option with a non-empty string value must be selected
-          * @since 2.4.0
-         */
-        "required": boolean;
         /**
           * Indices of selected items. This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list.
           * @deprecated since 2.0.0. Use the `value` property instead.
          */
         "selectedIndices"?: string | string[];
-        /**
-          * Show helper, error, info, warning text as tooltip
-          * @since 2.4.0
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the select component
-          * @since 2.4.0
-         */
-        "validText"?: string;
         /**
           * Current selected value. This corresponds to the value property of ix-select-items
           * @since 2.0.0
          */
-        "value": string | string[];
-        /**
-          * Warning text for the select component
-          * @since 2.4.0
-         */
-        "warningText"?: string;
+        "value"?: string | string[];
     }
     interface IxSelectItem {
         "getDropdownItemElement": () => Promise<HTMLIxDropdownItemElement>;
@@ -2416,11 +1949,11 @@ export namespace Components {
         /**
           * Show error state and message
          */
-        "error": boolean | string;
+        "error"?: boolean | string;
         /**
           * Define tick marker on the slider. Marker has to be within slider min/max
          */
-        "marker": SliderMarker;
+        "marker"?: SliderMarker;
         /**
           * Maximum slider value
          */
@@ -2515,7 +2048,7 @@ export namespace Components {
         /**
           * Set counter value
          */
-        "counter": number;
+        "counter"?: number;
         /**
           * Set disabled tab
          */
@@ -2567,182 +2100,6 @@ export namespace Components {
          */
         "small": boolean;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxTextField {
-        /**
-          * The allowed characters pattern for the text field.
-         */
-        "allowedCharactersPattern"?: string;
-        /**
-          * Specifies whether the text field is disabled.
-         */
-        "disabled": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        /**
-          * Returns the native input element used in the text field.
-         */
-        "getNativeInputElement": () => Promise<HTMLInputElement>;
-        "hasValidValue": () => Promise<boolean>;
-        /**
-          * The helper text for the text field.
-         */
-        "helperText"?: string;
-        /**
-          * The info text for the text field.
-         */
-        "infoText"?: string;
-        /**
-          * The error text for the text field.
-         */
-        "invalidText"?: string;
-        /**
-          * The label for the text field.
-         */
-        "label"?: string;
-        /**
-          * The maximum length of the text field.
-         */
-        "maxLength"?: number;
-        /**
-          * The minimum length of the text field.
-         */
-        "minLength"?: number;
-        /**
-          * The name of the text field.
-         */
-        "name"?: string;
-        /**
-          * The pattern for the text field.
-         */
-        "pattern"?: string;
-        /**
-          * The placeholder text for the text field.
-         */
-        "placeholder"?: string;
-        /**
-          * Specifies whether the text field is readonly.
-         */
-        "readonly": boolean;
-        /**
-          * Specifies whether the text field is required.
-         */
-        "required": boolean;
-        /**
-          * Specifies whether to show the text as a tooltip.
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * The type of the text field. Possible values are 'text', 'email', or 'password'.
-         */
-        "type": 'text' | 'email' | 'password';
-        /**
-          * The valid text for the text field.
-         */
-        "validText"?: string;
-        /**
-          * The value of the text field.
-         */
-        "value": string;
-        /**
-          * The warning text for the text field.
-         */
-        "warningText"?: string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxTextareaField {
-        /**
-          * Determines if the textarea field is disabled.
-         */
-        "disabled": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        /**
-          * Get the native textarea element.
-         */
-        "getNativeInputElement": () => Promise<HTMLTextAreaElement>;
-        "hasValidValue": () => Promise<boolean>;
-        /**
-          * The helper text for the textarea field.
-         */
-        "helperText"?: string;
-        /**
-          * The info text for the textarea field.
-         */
-        "infoText"?: string;
-        /**
-          * The error text for the textarea field.
-         */
-        "invalidText"?: string;
-        /**
-          * The label for the textarea field.
-         */
-        "label"?: string;
-        /**
-          * The maximum length of the textarea field.
-         */
-        "maxLength"?: number;
-        /**
-          * The minimum length of the textarea field.
-         */
-        "minLength"?: number;
-        /**
-          * The name of the textarea field.
-         */
-        "name"?: string;
-        /**
-          * The placeholder text for the textarea field.
-         */
-        "placeholder"?: string;
-        /**
-          * Determines if the textarea field is readonly.
-         */
-        "readonly": boolean;
-        /**
-          * Determines if the textarea field is required.
-         */
-        "required": boolean;
-        /**
-          * Determines the resize behavior of the textarea field. 'dimensions' means the textarea will be resized based on textareaHeight and textareaWidth. 'rowsCols' means the textarea will be resized based on textareaRows and textareaCols.
-         */
-        "resizeBehavior": 'dimensions' | 'rowsCols';
-        /**
-          * Determines if the text should be displayed as a tooltip.
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * The height of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaCols": string;
-        /**
-          * The height of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaHeight": string;
-        /**
-          * The number of rows of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaRows": string;
-        /**
-          * The height of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaWidth": string;
-        /**
-          * The valid text for the textarea field.
-         */
-        "validText"?: string;
-        /**
-          * The value of the textarea field.
-         */
-        "value": string;
-        /**
-          * The warning text for the textarea field.
-         */
-        "warningText"?: string;
-    }
     interface IxTile {
         /**
           * Size of the tile - one of 'small', 'medium' or 'large'
@@ -2845,9 +2202,6 @@ export namespace Components {
          */
         "showToast": (config: ToastConfig) => Promise<ShowToastResult>;
     }
-    /**
-     * @form-ready 2.4.0
-     */
     interface IxToggle {
         /**
           * Whether the slide-toggle element is checked or not.
@@ -2857,8 +2211,6 @@ export namespace Components {
           * Whether the slide-toggle element is disabled or not.
          */
         "disabled": boolean;
-        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
-        "hasValidValue": () => Promise<boolean>;
         /**
           * Hide `on` and `off` text
          */
@@ -2867,14 +2219,6 @@ export namespace Components {
           * If true the control is in indeterminate state
          */
         "indeterminate": boolean;
-        /**
-          * Name of the checkbox component
-         */
-        "name"?: string;
-        /**
-          * Required state of the checkbox component.  If true, checkbox needs to be checked to be valid
-         */
-        "required": boolean;
         /**
           * Text for indeterminate state
          */
@@ -2887,10 +2231,6 @@ export namespace Components {
           * Text for on state
          */
         "textOn": string;
-        /**
-          * Value of the checkbox component
-         */
-        "value": string;
     }
     /**
      * @since 2.0.0
@@ -2933,7 +2273,7 @@ export namespace Components {
         /**
           * CSS selector for hover trigger element e.g. `for="[data-my-custom-select]"`
          */
-        "for": string | HTMLElement | Promise<HTMLElement>;
+        "for"?: ElementReference1;
         "hideDelay": number;
         "hideTooltip": () => Promise<void>;
         /**
@@ -2941,16 +2281,16 @@ export namespace Components {
          */
         "interactive": boolean;
         /**
-          * Initial placement of the tooltip. If the placement don"t have enough space, the tooltip will placed on another location.
+          * Initial placement of the tooltip. If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.
           * @since 1.5.0
          */
         "placement": 'top' | 'right' | 'bottom' | 'left';
         "showDelay": number;
-        "showTooltip": (anchorElement: any) => Promise<void>;
+        "showTooltip": (anchorElement: Element) => Promise<void>;
         /**
           * Title of the tooltip
          */
-        "titleContent": string;
+        "titleContent"?: string;
     }
     interface IxTree {
         /**
@@ -2964,7 +2304,7 @@ export namespace Components {
         /**
           * Render function of tree items
          */
-        "renderItem": <T = any>(
+        "renderItem"?: <T = any>(
     index: number,
     data: T,
     dataList: Array<T>,
@@ -2980,7 +2320,7 @@ export namespace Components {
         /**
           * Context
          */
-        "context": TreeItemContext;
+        "context"?: TreeItemContext;
         /**
           * Has tree item children
          */
@@ -2988,7 +2328,7 @@ export namespace Components {
         /**
           * Text
          */
-        "text": string;
+        "text"?: string;
     }
     /**
      * @since 2.0.0
@@ -3002,30 +2342,25 @@ export namespace Components {
           * Text color based on theme variables
           * @deprecated since 2.1.0 use property `text-color`
          */
-        "color": TypographyColors;
+        "color"?: TypographyColors;
         /**
           * Text format
          */
-        "format": TypographyFormat;
+        "format"?: TypographyFormat;
         /**
           * Text color based on theme variables
          */
-        "textColor": TypographyColors;
+        "textColor"?: TypographyColors;
         /**
           * Text decoration
          */
         "textDecoration": TextDecoration;
-        /**
-          * Font variant based on theme variables
-          * @deprecated Use `format` property
-         */
-        "variant": TypographyVariants;
     }
     interface IxUpload {
         /**
           * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). [accept]{@link "https://www.w3schools.com/tags/att_input_accept.asp"}
          */
-        "accept": string;
+        "accept"?: string;
         /**
           * Disable all input events
          */
@@ -3128,6 +2463,10 @@ export namespace Components {
         "vertical": boolean;
     }
 }
+export interface IxApplicationHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxApplicationHeaderElement;
+}
 export interface IxBlindCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxBlindElement;
@@ -3152,10 +2491,6 @@ export interface IxCategoryFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxCategoryFilterElement;
 }
-export interface IxCheckboxCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxCheckboxElement;
-}
 export interface IxChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxChipElement;
@@ -3168,10 +2503,6 @@ export interface IxDateDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxDateDropdownElement;
 }
-export interface IxDateFieldCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxDateFieldElement;
-}
 export interface IxDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxDatePickerElement;
@@ -3276,10 +2607,6 @@ export interface IxModalHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxModalHeaderElement;
 }
-export interface IxNumberFieldCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxNumberFieldElement;
-}
 export interface IxPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxPaginationElement;
@@ -3288,14 +2615,6 @@ export interface IxPaneCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxPaneElement;
 }
-export interface IxRadioCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxRadioElement;
-}
-export interface IxRadioGroupCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxRadioGroupElement;
-}
 export interface IxSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxSelectElement;
@@ -3324,14 +2643,6 @@ export interface IxTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxTabsElement;
 }
-export interface IxTextFieldCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxTextFieldElement;
-}
-export interface IxTextareaFieldCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxTextareaFieldElement;
-}
 export interface IxTimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxTimePickerElement;
@@ -3387,7 +2698,18 @@ declare global {
         prototype: HTMLIxApplicationElement;
         new (): HTMLIxApplicationElement;
     };
+    interface HTMLIxApplicationHeaderElementEventMap {
+        "menuToggle": boolean;
+    }
     interface HTMLIxApplicationHeaderElement extends Components.IxApplicationHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIxApplicationHeaderElementEventMap>(type: K, listener: (this: HTMLIxApplicationHeaderElement, ev: IxApplicationHeaderCustomEvent<HTMLIxApplicationHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIxApplicationHeaderElementEventMap>(type: K, listener: (this: HTMLIxApplicationHeaderElement, ev: IxApplicationHeaderCustomEvent<HTMLIxApplicationHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIxApplicationHeaderElement: {
         prototype: HTMLIxApplicationHeaderElement;
@@ -3570,38 +2892,6 @@ declare global {
         prototype: HTMLIxCategoryFilterElement;
         new (): HTMLIxCategoryFilterElement;
     };
-    interface HTMLIxCheckboxElementEventMap {
-        "checkedChange": boolean;
-        "valueChange": string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxCheckboxElement extends Components.IxCheckbox, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxCheckboxElementEventMap>(type: K, listener: (this: HTMLIxCheckboxElement, ev: IxCheckboxCustomEvent<HTMLIxCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxCheckboxElementEventMap>(type: K, listener: (this: HTMLIxCheckboxElement, ev: IxCheckboxCustomEvent<HTMLIxCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxCheckboxElement: {
-        prototype: HTMLIxCheckboxElement;
-        new (): HTMLIxCheckboxElement;
-    };
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxCheckboxGroupElement extends Components.IxCheckboxGroup, HTMLStencilElement {
-    }
-    var HTMLIxCheckboxGroupElement: {
-        prototype: HTMLIxCheckboxGroupElement;
-        new (): HTMLIxCheckboxGroupElement;
-    };
     interface HTMLIxChipElementEventMap {
         "closeChip": any;
     }
@@ -3666,15 +2956,6 @@ declare global {
         prototype: HTMLIxCssGridItemElement;
         new (): HTMLIxCssGridItemElement;
     };
-    /**
-     * @since 2.4.0
-     */
-    interface HTMLIxCustomFieldElement extends Components.IxCustomField, HTMLStencilElement {
-    }
-    var HTMLIxCustomFieldElement: {
-        prototype: HTMLIxCustomFieldElement;
-        new (): HTMLIxCustomFieldElement;
-    };
     interface HTMLIxDateDropdownElementEventMap {
         "dateRangeChange": DateRangeChangeEvent;
     }
@@ -3695,30 +2976,6 @@ declare global {
         prototype: HTMLIxDateDropdownElement;
         new (): HTMLIxDateDropdownElement;
     };
-    interface HTMLIxDateFieldElementEventMap {
-        "valueChange": string;
-        "validityStateChange": DateFieldValidityState;
-        "ixFocus": void;
-        "ixBlur": void;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxDateFieldElement extends Components.IxDateField, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxDateFieldElementEventMap>(type: K, listener: (this: HTMLIxDateFieldElement, ev: IxDateFieldCustomEvent<HTMLIxDateFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxDateFieldElementEventMap>(type: K, listener: (this: HTMLIxDateFieldElement, ev: IxDateFieldCustomEvent<HTMLIxDateFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxDateFieldElement: {
-        prototype: HTMLIxDateFieldElement;
-        new (): HTMLIxDateFieldElement;
-    };
     interface HTMLIxDatePickerElementEventMap {
         "dateChange": DateChangeEvent;
         "dateRangeChange": DateChangeEvent;
@@ -3913,18 +3170,6 @@ declare global {
         prototype: HTMLIxExpandingSearchElement;
         new (): HTMLIxExpandingSearchElement;
     };
-    interface HTMLIxFieldLabelElement extends Components.IxFieldLabel, HTMLStencilElement {
-    }
-    var HTMLIxFieldLabelElement: {
-        prototype: HTMLIxFieldLabelElement;
-        new (): HTMLIxFieldLabelElement;
-    };
-    interface HTMLIxFieldWrapperElement extends Components.IxFieldWrapper, HTMLStencilElement {
-    }
-    var HTMLIxFieldWrapperElement: {
-        prototype: HTMLIxFieldWrapperElement;
-        new (): HTMLIxFieldWrapperElement;
-    };
     interface HTMLIxFilterChipElementEventMap {
         "closeClick": void;
     }
@@ -3954,6 +3199,12 @@ declare global {
         prototype: HTMLIxFlipTileContentElement;
         new (): HTMLIxFlipTileContentElement;
     };
+    interface HTMLIxFormFieldElement extends Components.IxFormField, HTMLStencilElement {
+    }
+    var HTMLIxFormFieldElement: {
+        prototype: HTMLIxFormFieldElement;
+        new (): HTMLIxFormFieldElement;
+    };
     interface HTMLIxGroupElementEventMap {
         "selectGroup": boolean;
         "selectItem": number;
@@ -3996,12 +3247,6 @@ declare global {
         prototype: HTMLIxGroupItemElement;
         new (): HTMLIxGroupItemElement;
     };
-    interface HTMLIxHelperTextElement extends Components.IxHelperText, HTMLStencilElement {
-    }
-    var HTMLIxHelperTextElement: {
-        prototype: HTMLIxHelperTextElement;
-        new (): HTMLIxHelperTextElement;
-    };
     interface HTMLIxIconButtonElement extends Components.IxIconButton, HTMLStencilElement {
     }
     var HTMLIxIconButtonElement: {
@@ -4058,12 +3303,6 @@ declare global {
         prototype: HTMLIxKpiElement;
         new (): HTMLIxKpiElement;
     };
-    interface HTMLIxLayoutFormElement extends Components.IxLayoutForm, HTMLStencilElement {
-    }
-    var HTMLIxLayoutFormElement: {
-        prototype: HTMLIxLayoutFormElement;
-        new (): HTMLIxLayoutFormElement;
-    };
     /**
      * @since 2.0.0
      */
@@ -4372,29 +3611,6 @@ declare global {
         prototype: HTMLIxModalLoadingElement;
         new (): HTMLIxModalLoadingElement;
     };
-    interface HTMLIxNumberFieldElementEventMap {
-        "valueChange": number;
-        "validityStateChange": ValidityState;
-        "ixBlur": void;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxNumberFieldElement extends Components.IxNumberField, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxNumberFieldElementEventMap>(type: K, listener: (this: HTMLIxNumberFieldElement, ev: IxNumberFieldCustomEvent<HTMLIxNumberFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxNumberFieldElementEventMap>(type: K, listener: (this: HTMLIxNumberFieldElement, ev: IxNumberFieldCustomEvent<HTMLIxNumberFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxNumberFieldElement: {
-        prototype: HTMLIxNumberFieldElement;
-        new (): HTMLIxNumberFieldElement;
-    };
     interface HTMLIxPaginationElementEventMap {
         "pageSelected": number;
         "itemCountChanged": number;
@@ -4470,49 +3686,6 @@ declare global {
         prototype: HTMLIxPushCardElement;
         new (): HTMLIxPushCardElement;
     };
-    interface HTMLIxRadioElementEventMap {
-        "checkedChange": boolean;
-        "valueChange": string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxRadioElement extends Components.IxRadio, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxRadioElementEventMap>(type: K, listener: (this: HTMLIxRadioElement, ev: IxRadioCustomEvent<HTMLIxRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxRadioElementEventMap>(type: K, listener: (this: HTMLIxRadioElement, ev: IxRadioCustomEvent<HTMLIxRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxRadioElement: {
-        prototype: HTMLIxRadioElement;
-        new (): HTMLIxRadioElement;
-    };
-    interface HTMLIxRadioGroupElementEventMap {
-        "valueChange": string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxRadioGroupElement extends Components.IxRadioGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxRadioGroupElementEventMap>(type: K, listener: (this: HTMLIxRadioGroupElement, ev: IxRadioGroupCustomEvent<HTMLIxRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxRadioGroupElementEventMap>(type: K, listener: (this: HTMLIxRadioGroupElement, ev: IxRadioGroupCustomEvent<HTMLIxRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxRadioGroupElement: {
-        prototype: HTMLIxRadioGroupElement;
-        new (): HTMLIxRadioGroupElement;
-    };
     /**
      * @since 2.0.0
      */
@@ -4527,11 +3700,7 @@ declare global {
         "itemSelectionChange": string[];
         "inputChange": string;
         "addItem": string;
-        "ixBlur": void;
     }
-    /**
-     * @form-ready 2.4.0
-     */
     interface HTMLIxSelectElement extends Components.IxSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIxSelectElementEventMap>(type: K, listener: (this: HTMLIxSelectElement, ev: IxSelectCustomEvent<HTMLIxSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4660,52 +3829,6 @@ declare global {
         prototype: HTMLIxTabsElement;
         new (): HTMLIxTabsElement;
     };
-    interface HTMLIxTextFieldElementEventMap {
-        "valueChange": string;
-        "validityStateChange": ValidityState;
-        "ixBlur": void;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxTextFieldElement extends Components.IxTextField, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxTextFieldElementEventMap>(type: K, listener: (this: HTMLIxTextFieldElement, ev: IxTextFieldCustomEvent<HTMLIxTextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxTextFieldElementEventMap>(type: K, listener: (this: HTMLIxTextFieldElement, ev: IxTextFieldCustomEvent<HTMLIxTextFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxTextFieldElement: {
-        prototype: HTMLIxTextFieldElement;
-        new (): HTMLIxTextFieldElement;
-    };
-    interface HTMLIxTextareaFieldElementEventMap {
-        "valueChange": string;
-        "validityStateChange": ValidityState;
-        "ixBlur": void;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface HTMLIxTextareaFieldElement extends Components.IxTextareaField, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLIxTextareaFieldElementEventMap>(type: K, listener: (this: HTMLIxTextareaFieldElement, ev: IxTextareaFieldCustomEvent<HTMLIxTextareaFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLIxTextareaFieldElementEventMap>(type: K, listener: (this: HTMLIxTextareaFieldElement, ev: IxTextareaFieldCustomEvent<HTMLIxTextareaFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLIxTextareaFieldElement: {
-        prototype: HTMLIxTextareaFieldElement;
-        new (): HTMLIxTextareaFieldElement;
-    };
     interface HTMLIxTileElement extends Components.IxTile, HTMLStencilElement {
     }
     var HTMLIxTileElement: {
@@ -4756,11 +3879,7 @@ declare global {
     };
     interface HTMLIxToggleElementEventMap {
         "checkedChange": boolean;
-        "valueChange": string;
     }
-    /**
-     * @form-ready 2.4.0
-     */
     interface HTMLIxToggleElement extends Components.IxToggle, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIxToggleElementEventMap>(type: K, listener: (this: HTMLIxToggleElement, ev: IxToggleCustomEvent<HTMLIxToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4926,17 +4045,13 @@ declare global {
         "ix-card-list": HTMLIxCardListElement;
         "ix-card-title": HTMLIxCardTitleElement;
         "ix-category-filter": HTMLIxCategoryFilterElement;
-        "ix-checkbox": HTMLIxCheckboxElement;
-        "ix-checkbox-group": HTMLIxCheckboxGroupElement;
         "ix-chip": HTMLIxChipElement;
         "ix-col": HTMLIxColElement;
         "ix-content": HTMLIxContentElement;
         "ix-content-header": HTMLIxContentHeaderElement;
         "ix-css-grid": HTMLIxCssGridElement;
         "ix-css-grid-item": HTMLIxCssGridItemElement;
-        "ix-custom-field": HTMLIxCustomFieldElement;
         "ix-date-dropdown": HTMLIxDateDropdownElement;
-        "ix-date-field": HTMLIxDateFieldElement;
         "ix-date-picker": HTMLIxDatePickerElement;
         "ix-date-time-card": HTMLIxDateTimeCardElement;
         "ix-datetime-picker": HTMLIxDatetimePickerElement;
@@ -4951,22 +4066,19 @@ declare global {
         "ix-event-list": HTMLIxEventListElement;
         "ix-event-list-item": HTMLIxEventListItemElement;
         "ix-expanding-search": HTMLIxExpandingSearchElement;
-        "ix-field-label": HTMLIxFieldLabelElement;
-        "ix-field-wrapper": HTMLIxFieldWrapperElement;
         "ix-filter-chip": HTMLIxFilterChipElement;
         "ix-flip-tile": HTMLIxFlipTileElement;
         "ix-flip-tile-content": HTMLIxFlipTileContentElement;
+        "ix-form-field": HTMLIxFormFieldElement;
         "ix-group": HTMLIxGroupElement;
         "ix-group-context-menu": HTMLIxGroupContextMenuElement;
         "ix-group-item": HTMLIxGroupItemElement;
-        "ix-helper-text": HTMLIxHelperTextElement;
         "ix-icon-button": HTMLIxIconButtonElement;
         "ix-icon-toggle-button": HTMLIxIconToggleButtonElement;
         "ix-input-group": HTMLIxInputGroupElement;
         "ix-key-value": HTMLIxKeyValueElement;
         "ix-key-value-list": HTMLIxKeyValueListElement;
         "ix-kpi": HTMLIxKpiElement;
-        "ix-layout-form": HTMLIxLayoutFormElement;
         "ix-layout-grid": HTMLIxLayoutGridElement;
         "ix-link-button": HTMLIxLinkButtonElement;
         "ix-map-navigation": HTMLIxMapNavigationElement;
@@ -4989,15 +4101,12 @@ declare global {
         "ix-modal-footer": HTMLIxModalFooterElement;
         "ix-modal-header": HTMLIxModalHeaderElement;
         "ix-modal-loading": HTMLIxModalLoadingElement;
-        "ix-number-field": HTMLIxNumberFieldElement;
         "ix-pagination": HTMLIxPaginationElement;
         "ix-pane": HTMLIxPaneElement;
         "ix-pane-layout": HTMLIxPaneLayoutElement;
         "ix-pill": HTMLIxPillElement;
         "ix-playground-internal": HTMLIxPlaygroundInternalElement;
         "ix-push-card": HTMLIxPushCardElement;
-        "ix-radio": HTMLIxRadioElement;
-        "ix-radio-group": HTMLIxRadioGroupElement;
         "ix-row": HTMLIxRowElement;
         "ix-select": HTMLIxSelectElement;
         "ix-select-item": HTMLIxSelectItemElement;
@@ -5007,8 +4116,6 @@ declare global {
         "ix-split-button-item": HTMLIxSplitButtonItemElement;
         "ix-tab-item": HTMLIxTabItemElement;
         "ix-tabs": HTMLIxTabsElement;
-        "ix-text-field": HTMLIxTextFieldElement;
-        "ix-textarea-field": HTMLIxTextareaFieldElement;
         "ix-tile": HTMLIxTileElement;
         "ix-time-picker": HTMLIxTimePickerElement;
         "ix-toast": HTMLIxToastElement;
@@ -5048,6 +4155,7 @@ declare namespace LocalJSX {
         "subheading"?: string;
         /**
           * Card variant
+          * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead.
          */
         "variant"?: ActionCardVariant;
     }
@@ -5081,6 +4189,16 @@ declare namespace LocalJSX {
           * Application name
          */
         "name"?: string;
+        /**
+          * Event emitted when the menu toggle button is clicked
+          * @since 2.5.0
+         */
+        "onMenuToggle"?: (event: IxApplicationHeaderCustomEvent<boolean>) => void;
+        /**
+          * Controls the visibility of the menu toggle button based on the context of the application header.  When the application header is utilized outside the application frame, the menu toggle button is displayed. Conversely, if the header is within the application frame, this property is ineffective.
+          * @since 2.5.0
+         */
+        "showMenu"?: boolean;
     }
     interface IxApplicationSidebar {
     }
@@ -5115,7 +4233,8 @@ declare namespace LocalJSX {
          */
         "applicationName"?: string;
         /**
-          * Supported layouts e.g ['sm', 'md']
+          * Supported layouts
+          * @example ['sm', 'md']
          */
         "breakpoints"?: Breakpoint[];
         /**
@@ -5235,6 +4354,7 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         /**
           * Card variant
+          * @deprecated variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead.
          */
         "variant"?: CardVariant;
     }
@@ -5314,7 +4434,7 @@ declare namespace LocalJSX {
     }
     interface IxCategoryFilter {
         /**
-          * Configuration object hash used to populate the dropwdown menu for typeahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
+          * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
          */
         "categories"?: {
     [id: string]: {
@@ -5353,7 +4473,7 @@ declare namespace LocalJSX {
     [id: string]: string;
   };
         /**
-          * Event dispatched whenever the a category gets selected in the dropdown
+          * Event dispatched whenever a category gets selected in the dropdown
          */
         "onCategoryChanged"?: (event: IxCategoryFilterCustomEvent<string>) => void;
         /**
@@ -5373,7 +4493,7 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         /**
-          * If set to true allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false.  Defaults to true
+          * If set to true, allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false.  Defaults to true
          */
         "repeatCategories"?: boolean;
         /**
@@ -5382,82 +4502,10 @@ declare namespace LocalJSX {
          */
         "staticOperator"?: LogicalFilterOperator;
         /**
-          * A list of strings that will be supplied as typeahead suggestions not tied to any categories.
+          * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.
          */
         "suggestions"?: string[];
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxCheckbox {
-        /**
-          * Checked state of the checkbox component
-         */
-        "checked"?: boolean;
-        /**
-          * Disabled state of the checkbox component
-         */
-        "disabled"?: boolean;
-        /**
-          * Indeterminate state of the checkbox component
-         */
-        "indeterminate"?: boolean;
-        /**
-          * Label for the checkbox component
-         */
-        "label"?: string;
-        /**
-          * Name of the checkbox component
-         */
-        "name"?: string;
-        /**
-          * Event emitted when the checked state of the checkbox changes
-         */
-        "onCheckedChange"?: (event: IxCheckboxCustomEvent<boolean>) => void;
-        /**
-          * Event emitted when the value of the checkbox changes
-         */
-        "onValueChange"?: (event: IxCheckboxCustomEvent<string>) => void;
-        /**
-          * Required state of the checkbox component.  If true, checkbox needs to be checked to be valid
-         */
-        "required"?: boolean;
-        /**
-          * Value of the checkbox component
-         */
-        "value"?: string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxCheckboxGroup {
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     interface IxChip {
         /**
           * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
@@ -5565,43 +4613,6 @@ declare namespace LocalJSX {
          */
         "itemName"?: string;
     }
-    /**
-     * @since 2.4.0
-     */
-    interface IxCustomField {
-        /**
-          * Show text below the field component which show additional information
-         */
-        "helperText"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * A value is required or must be checked for the form to be submittable
-         */
-        "required"?: boolean;
-        /**
-          * Show helper, info, warning, error and valid text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     /**
      * @since 2.1.0
      */
@@ -5665,80 +4676,6 @@ declare namespace LocalJSX {
          */
         "to"?: string;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxDateField {
-        /**
-          * disabled attribute
-         */
-        "disabled"?: boolean;
-        /**
-          * Date format string. See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
-         */
-        "format"?: string;
-        /**
-          * helper text below the input field
-         */
-        "helperText"?: string;
-        /**
-          * i18n string for the error message when the date is not parsable
-         */
-        "i18nErrorDateUnparsable"?: string;
-        /**
-          * info text below the input field
-         */
-        "infoText"?: string;
-        /**
-          * error text below the input field
-         */
-        "invalidText"?: string;
-        /**
-          * label of the input field
-         */
-        "label"?: string;
-        /**
-          * name of the input element
-         */
-        "name"?: string;
-        /**
-          * Validation state change event.
-         */
-        "onValidityStateChange"?: (event: IxDateFieldCustomEvent<DateFieldValidityState>) => void;
-        /**
-          * Input change event.
-         */
-        "onValueChange"?: (event: IxDateFieldCustomEvent<string>) => void;
-        /**
-          * placeholder of the input element
-         */
-        "placeholder"?: string;
-        /**
-          * readonly attribute
-         */
-        "readonly"?: boolean;
-        /**
-          * required attribute
-         */
-        "required"?: boolean;
-        /**
-          * show text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * valid text below the input field
-         */
-        "validText"?: string;
-        /**
-          * value of the input element
-         */
-        "value"?: string;
-        /**
-          * warning text below the input field
-         */
-        "warningText"?: string;
-    }
     interface IxDatePicker {
         /**
           * Corner style
@@ -5987,7 +4924,7 @@ declare namespace LocalJSX {
         /**
           * Define an anchor element
          */
-        "anchor"?: string | HTMLElement;
+        "anchor"?: ElementReference;
         /**
           * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.
          */
@@ -6020,7 +4957,7 @@ declare namespace LocalJSX {
         /**
           * Define an element that triggers the dropdown. A trigger can either be a string that will be interpreted as id attribute or a DOM element.
          */
-        "trigger"?: string | HTMLElement | Promise<HTMLElement>;
+        "trigger"?: ElementReference;
     }
     /**
      * @since 1.3.0
@@ -6196,74 +5133,6 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface IxFieldLabel {
-        /**
-          * The id of the form element that the label is associated with
-         */
-        "htmlFor"?: string;
-        /**
-          * A value is required or must be checked for the form to be submittable
-         */
-        "required"?: boolean;
-    }
-    interface IxFieldWrapper {
-        /**
-          * The control element that the label is associated with
-         */
-        "controlRef"?: MakeRef<HTMLElement>;
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * The id of the form element that the label is associated with
-         */
-        "htmlForLabel"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Is the field component info
-         */
-        "isInfo"?: boolean;
-        /**
-          * Is the field component invalid
-         */
-        "isInvalid"?: boolean;
-        /**
-          * Is the field component valid
-         */
-        "isValid"?: boolean;
-        /**
-          * Is the field component warning
-         */
-        "isWarning"?: boolean;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * Show label as required
-         */
-        "required"?: boolean;
-        /**
-          * Show helper, error, info, warning text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     interface IxFilterChip {
         /**
           * If true the filter chip will be in disabled state
@@ -6297,6 +5166,12 @@ declare namespace LocalJSX {
     }
     interface IxFlipTileContent {
     }
+    interface IxFormField {
+        /**
+          * Label
+         */
+        "label"?: string;
+    }
     interface IxGroup {
         /**
           * Whether the group is collapsed or expanded. Defaults to true.
@@ -6375,32 +5250,6 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
-    interface IxHelperText {
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * The id of the form element that the label is associated with
-         */
-        "htmlFor"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     interface IxIconButton {
         /**
           * Accessibility label for the icon button Will be set as aria-label on the nested HTML button element
@@ -6536,15 +5385,6 @@ declare namespace LocalJSX {
         "unit"?: string;
         "value"?: string | number;
     }
-    interface IxLayoutForm {
-        /**
-          * Defines the layout of the form.
-         */
-        "layout"?: {
-    minWidth: string;
-    columns: number;
-  }[];
-    }
     /**
      * @since 2.0.0
      */
@@ -6922,163 +5762,73 @@ declare namespace LocalJSX {
         /**
           * Is called before the modal is dismissed.  - Return `true` to proceed in dismissing the modal - Return `false` to abort in dismissing the modal
          */
-        "beforeDismiss"?: (reason?: any) => boolean | Promise<boolean>;
-        /**
-          * Centered modal
-         */
-        "centered"?: boolean;
-        /**
-          * Dismiss modal on backdrop click
-          * @since 2.0.0
-         */
-        "closeOnBackdropClick"?: boolean;
-        /**
-          * If set to true the modal can be closed by pressing the Escape key
-         */
-        "closeOnEscape"?: boolean;
-        /**
-          * Use ESC to dismiss the modal
-          * @deprecated - Use closeOnEscape instead
-         */
-        "keyboard"?: boolean;
-        /**
-          * Dialog close
-         */
-        "onDialogClose"?: (event: IxModalCustomEvent<any>) => void;
-        /**
-          * Dialog cancel
-         */
-        "onDialogDismiss"?: (event: IxModalCustomEvent<any>) => void;
-        /**
-          * Modal size
-          * @since 2.0.0
-         */
-        "size"?: IxModalSize;
-    }
-    /**
-     * @since 2.0.0
-     */
-    interface IxModalContent {
-    }
-    interface IxModalExample {
-    }
-    /**
-     * @since 2.0.0
-     */
-    interface IxModalFooter {
-    }
-    /**
-     * @since 2.0.0
-     */
-    interface IxModalHeader {
-        /**
-          * Hide the close button
-         */
-        "hideClose"?: boolean;
-        /**
-          * Icon of the Header
-         */
-        "icon"?: string;
-        /**
-          * Icon color
-         */
-        "iconColor"?: string;
-        /**
-          * Emits when close icon is clicked and closes the modal Can be prevented, in which case only the event is triggered, and the modal remains open
-         */
-        "onCloseClick"?: (event: IxModalHeaderCustomEvent<MouseEvent>) => void;
-    }
-    interface IxModalLoading {
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxNumberField {
-        /**
-          * The allowed characters pattern for the input field
-         */
-        "allowedCharactersPattern"?: string;
-        /**
-          * Disables the input field
-         */
-        "disabled"?: boolean;
-        /**
-          * The helper text for the input field
-         */
-        "helperText"?: string;
-        /**
-          * The info text for the input field
-         */
-        "infoText"?: string;
-        /**
-          * The error text for the input field
-         */
-        "invalidText"?: string;
-        /**
-          * The label for the input field
-         */
-        "label"?: string;
-        /**
-          * The maximum value for the input field
-         */
-        "max"?: string | number;
-        /**
-          * The minimum value for the input field
-         */
-        "min"?: string | number;
-        /**
-          * name of the input element
-         */
-        "name"?: string;
-        /**
-          * Event emitted when the input field loses focus
-         */
-        "onIxBlur"?: (event: IxNumberFieldCustomEvent<void>) => void;
+        "beforeDismiss"?: (reason?: any) => boolean | Promise<boolean>;
         /**
-          * Event emitted when the validity state of the input field changes
+          * Centered modal
          */
-        "onValidityStateChange"?: (event: IxNumberFieldCustomEvent<ValidityState>) => void;
+        "centered"?: boolean;
         /**
-          * Event emitted when the value of the input field changes
+          * Dismiss modal on backdrop click
+          * @since 2.0.0
          */
-        "onValueChange"?: (event: IxNumberFieldCustomEvent<number>) => void;
+        "closeOnBackdropClick"?: boolean;
         /**
-          * The pattern for the input field
+          * If set to true the modal can be closed by pressing the Escape key
          */
-        "pattern"?: string;
+        "closeOnEscape"?: boolean;
         /**
-          * placeholder of the input element
+          * Use ESC to dismiss the modal
+          * @deprecated - Use closeOnEscape instead
          */
-        "placeholder"?: string;
+        "keyboard"?: boolean;
         /**
-          * Indicates if the field is read-only
+          * Dialog close
          */
-        "readonly"?: boolean;
+        "onDialogClose"?: (event: IxModalCustomEvent<any>) => void;
         /**
-          * Indicates if the field is required
+          * Dialog cancel
          */
-        "required"?: boolean;
+        "onDialogDismiss"?: (event: IxModalCustomEvent<any>) => void;
         /**
-          * Indicates if the stepper buttons should be shown
+          * Modal size
+          * @since 2.0.0
          */
-        "showStepperButtons"?: boolean;
+        "size"?: IxModalSize;
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalContent {
+    }
+    interface IxModalExample {
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalFooter {
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalHeader {
         /**
-          * Indicates if the text should be shown as a tooltip
+          * Hide the close button
          */
-        "showTextAsTooltip"?: boolean;
+        "hideClose"?: boolean;
         /**
-          * The valid text for the input field
+          * Icon of the Header
          */
-        "validText"?: string;
+        "icon"?: string;
         /**
-          * The value of the input field
+          * Icon color
          */
-        "value"?: number;
+        "iconColor"?: string;
         /**
-          * The warning text for the input field
+          * Emits when close icon is clicked and closes the modal Can be prevented, in which case only the event is triggered, and the modal remains open
          */
-        "warningText"?: string;
+        "onCloseClick"?: (event: IxModalHeaderCustomEvent<MouseEvent>) => void;
+    }
+    interface IxModalLoading {
     }
     /**
      * @since 1.5.0
@@ -7264,93 +6014,15 @@ declare namespace LocalJSX {
         "subheading"?: string;
         /**
           * Card variant
+          * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead.
          */
         "variant"?: PushCardVariant;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxRadio {
-        /**
-          * Checked state of the radio component
-         */
-        "checked"?: boolean;
-        /**
-          * Disabled state of the radio component
-         */
-        "disabled"?: boolean;
-        /**
-          * Label for the radio component
-         */
-        "label"?: string;
-        /**
-          * Name of the radio component
-         */
-        "name"?: string;
-        /**
-          * Event emitted when the checked state of the radio changes
-         */
-        "onCheckedChange"?: (event: IxRadioCustomEvent<boolean>) => void;
-        /**
-          * Event emitted when the value of the radio changes
-         */
-        "onValueChange"?: (event: IxRadioCustomEvent<string>) => void;
-        /**
-          * Value of the radio component
-         */
-        "value"?: string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxRadioGroup {
-        /**
-          * Show text below the field component
-         */
-        "helperText"?: string;
-        /**
-          * Info text for the field component
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the field component
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the field component
-         */
-        "label"?: string;
-        /**
-          * Event emitted when the value of the radiobutton group changes
-         */
-        "onValueChange"?: (event: IxRadioGroupCustomEvent<string>) => void;
-        /**
-          * Show helper, info, warning, error and valid text as tooltip
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the field component
-         */
-        "validText"?: string;
-        /**
-          * Value of the radiobutton group component
-         */
-        "value"?: string;
-        /**
-          * Warning text for the field component
-         */
-        "warningText"?: string;
-    }
     /**
      * @since 2.0.0
      */
     interface IxRow {
     }
-    /**
-     * @form-ready 2.4.0
-     */
     interface IxSelect {
         /**
           * Show clear button
@@ -7364,11 +6036,6 @@ declare namespace LocalJSX {
           * Select is extendable
          */
         "editable"?: boolean;
-        /**
-          * Helper text for the select component
-          * @since 2.4.0
-         */
-        "helperText"?: string;
         /**
           * Hide list header
           * @since 1.5.0
@@ -7391,30 +6058,10 @@ declare namespace LocalJSX {
           * Select list header
          */
         "i18nSelectListHeader"?: string;
-        /**
-          * Info text for the select component
-          * @since 2.4.0
-         */
-        "infoText"?: string;
-        /**
-          * Error text for the select component
-          * @since 2.4.0
-         */
-        "invalidText"?: string;
-        /**
-          * Label for the select component
-          * @since 2.4.0
-         */
-        "label"?: string;
         /**
           * Selection mode
          */
         "mode"?: 'single' | 'multiple';
-        /**
-          * A string that represents the element's name attribute, containing a name that identifies the element when submitting the form.
-          * @since 2.4.0
-         */
-        "name"?: string;
         /**
           * Item added to selection
          */
@@ -7429,10 +6076,6 @@ declare namespace LocalJSX {
           * @deprecated since 2.0.0. Use `valueChange` instead.
          */
         "onItemSelectionChange"?: (event: IxSelectCustomEvent<string[]>) => void;
-        /**
-          * Blur input
-         */
-        "onIxBlur"?: (event: IxSelectCustomEvent<void>) => void;
         /**
           * Value changed
           * @since 2.0.0
@@ -7442,36 +6085,16 @@ declare namespace LocalJSX {
           * If true the select will be in readonly mode
          */
         "readonly"?: boolean;
-        /**
-          * A Boolean attribute indicating that an option with a non-empty string value must be selected
-          * @since 2.4.0
-         */
-        "required"?: boolean;
         /**
           * Indices of selected items. This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list.
           * @deprecated since 2.0.0. Use the `value` property instead.
          */
         "selectedIndices"?: string | string[];
-        /**
-          * Show helper, error, info, warning text as tooltip
-          * @since 2.4.0
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * Valid text for the select component
-          * @since 2.4.0
-         */
-        "validText"?: string;
         /**
           * Current selected value. This corresponds to the value property of ix-select-items
           * @since 2.0.0
          */
         "value"?: string | string[];
-        /**
-          * Warning text for the select component
-          * @since 2.4.0
-         */
-        "warningText"?: string;
     }
     interface IxSelectItem {
         /**
@@ -7623,7 +6246,7 @@ declare namespace LocalJSX {
          */
         "layout"?: 'auto' | 'stretched';
         /**
-          * On tab click
+          * Emitted when the tab is clicked.
           * @since 2.0.0
          */
         "onTabClick"?: (event: IxTabItemCustomEvent<TabClickDetail>) => void;
@@ -7671,194 +6294,6 @@ declare namespace LocalJSX {
          */
         "small"?: boolean;
     }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxTextField {
-        /**
-          * The allowed characters pattern for the text field.
-         */
-        "allowedCharactersPattern"?: string;
-        /**
-          * Specifies whether the text field is disabled.
-         */
-        "disabled"?: boolean;
-        /**
-          * The helper text for the text field.
-         */
-        "helperText"?: string;
-        /**
-          * The info text for the text field.
-         */
-        "infoText"?: string;
-        /**
-          * The error text for the text field.
-         */
-        "invalidText"?: string;
-        /**
-          * The label for the text field.
-         */
-        "label"?: string;
-        /**
-          * The maximum length of the text field.
-         */
-        "maxLength"?: number;
-        /**
-          * The minimum length of the text field.
-         */
-        "minLength"?: number;
-        /**
-          * The name of the text field.
-         */
-        "name"?: string;
-        /**
-          * Event emitted when the text field loses focus.
-         */
-        "onIxBlur"?: (event: IxTextFieldCustomEvent<void>) => void;
-        /**
-          * Event emitted when the validity state of the text field changes.
-         */
-        "onValidityStateChange"?: (event: IxTextFieldCustomEvent<ValidityState>) => void;
-        /**
-          * Event emitted when the value of the text field changes.
-         */
-        "onValueChange"?: (event: IxTextFieldCustomEvent<string>) => void;
-        /**
-          * The pattern for the text field.
-         */
-        "pattern"?: string;
-        /**
-          * The placeholder text for the text field.
-         */
-        "placeholder"?: string;
-        /**
-          * Specifies whether the text field is readonly.
-         */
-        "readonly"?: boolean;
-        /**
-          * Specifies whether the text field is required.
-         */
-        "required"?: boolean;
-        /**
-          * Specifies whether to show the text as a tooltip.
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * The type of the text field. Possible values are 'text', 'email', or 'password'.
-         */
-        "type"?: 'text' | 'email' | 'password';
-        /**
-          * The valid text for the text field.
-         */
-        "validText"?: string;
-        /**
-          * The value of the text field.
-         */
-        "value"?: string;
-        /**
-          * The warning text for the text field.
-         */
-        "warningText"?: string;
-    }
-    /**
-     * @since 2.4.0
-     * @form-ready 2.4.0
-     */
-    interface IxTextareaField {
-        /**
-          * Determines if the textarea field is disabled.
-         */
-        "disabled"?: boolean;
-        /**
-          * The helper text for the textarea field.
-         */
-        "helperText"?: string;
-        /**
-          * The info text for the textarea field.
-         */
-        "infoText"?: string;
-        /**
-          * The error text for the textarea field.
-         */
-        "invalidText"?: string;
-        /**
-          * The label for the textarea field.
-         */
-        "label"?: string;
-        /**
-          * The maximum length of the textarea field.
-         */
-        "maxLength"?: number;
-        /**
-          * The minimum length of the textarea field.
-         */
-        "minLength"?: number;
-        /**
-          * The name of the textarea field.
-         */
-        "name"?: string;
-        /**
-          * Event emitted when the textarea field loses focus.
-         */
-        "onIxBlur"?: (event: IxTextareaFieldCustomEvent<void>) => void;
-        /**
-          * Event emitted when the validity state of the textarea field changes.
-         */
-        "onValidityStateChange"?: (event: IxTextareaFieldCustomEvent<ValidityState>) => void;
-        /**
-          * Event emitted when the value of the textarea field changes.
-         */
-        "onValueChange"?: (event: IxTextareaFieldCustomEvent<string>) => void;
-        /**
-          * The placeholder text for the textarea field.
-         */
-        "placeholder"?: string;
-        /**
-          * Determines if the textarea field is readonly.
-         */
-        "readonly"?: boolean;
-        /**
-          * Determines if the textarea field is required.
-         */
-        "required"?: boolean;
-        /**
-          * Determines the resize behavior of the textarea field. 'dimensions' means the textarea will be resized based on textareaHeight and textareaWidth. 'rowsCols' means the textarea will be resized based on textareaRows and textareaCols.
-         */
-        "resizeBehavior"?: 'dimensions' | 'rowsCols';
-        /**
-          * Determines if the text should be displayed as a tooltip.
-         */
-        "showTextAsTooltip"?: boolean;
-        /**
-          * The height of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaCols"?: string;
-        /**
-          * The height of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaHeight"?: string;
-        /**
-          * The number of rows of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaRows"?: string;
-        /**
-          * The height of the textarea field. Helpful if you want to set an initial height for the textarea.
-         */
-        "textareaWidth"?: string;
-        /**
-          * The valid text for the textarea field.
-         */
-        "validText"?: string;
-        /**
-          * The value of the textarea field.
-         */
-        "value"?: string;
-        /**
-          * The warning text for the textarea field.
-         */
-        "warningText"?: string;
-    }
     interface IxTile {
         /**
           * Size of the tile - one of 'small', 'medium' or 'large'
@@ -7969,9 +6404,6 @@ declare namespace LocalJSX {
         "containerId"?: string;
         "position"?: 'bottom-right' | 'top-right';
     }
-    /**
-     * @form-ready 2.4.0
-     */
     interface IxToggle {
         /**
           * Whether the slide-toggle element is checked or not.
@@ -7989,18 +6421,10 @@ declare namespace LocalJSX {
           * If true the control is in indeterminate state
          */
         "indeterminate"?: boolean;
-        /**
-          * Name of the checkbox component
-         */
-        "name"?: string;
         /**
           * An event will be dispatched each time the slide-toggle changes its value.
          */
         "onCheckedChange"?: (event: IxToggleCustomEvent<boolean>) => void;
-        /**
-          * Required state of the checkbox component.  If true, checkbox needs to be checked to be valid
-         */
-        "required"?: boolean;
         /**
           * Text for indeterminate state
          */
@@ -8013,10 +6437,6 @@ declare namespace LocalJSX {
           * Text for on state
          */
         "textOn"?: string;
-        /**
-          * Value of the checkbox component
-         */
-        "value"?: string;
     }
     /**
      * @since 2.0.0
@@ -8062,13 +6482,13 @@ declare namespace LocalJSX {
         /**
           * CSS selector for hover trigger element e.g. `for="[data-my-custom-select]"`
          */
-        "for"?: string | HTMLElement | Promise<HTMLElement>;
+        "for"?: ElementReference1;
         /**
           * Define if the user can access the tooltip via mouse.
          */
         "interactive"?: boolean;
         /**
-          * Initial placement of the tooltip. If the placement don"t have enough space, the tooltip will placed on another location.
+          * Initial placement of the tooltip. If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.
           * @since 1.5.0
          */
         "placement"?: 'top' | 'right' | 'bottom' | 'left';
@@ -8117,7 +6537,7 @@ declare namespace LocalJSX {
         /**
           * Initial root element will not be rendered
          */
-        "root"?: string;
+        "root": string;
     }
     interface IxTreeItem {
         /**
@@ -8129,7 +6549,7 @@ declare namespace LocalJSX {
          */
         "hasChildren"?: boolean;
         /**
-          * Clicked
+          * Click on item not on the expand/collapse icon
          */
         "onItemClick"?: (event: IxTreeItemCustomEvent<void>) => void;
         /**
@@ -8290,17 +6710,13 @@ declare namespace LocalJSX {
         "ix-card-list": IxCardList;
         "ix-card-title": IxCardTitle;
         "ix-category-filter": IxCategoryFilter;
-        "ix-checkbox": IxCheckbox;
-        "ix-checkbox-group": IxCheckboxGroup;
         "ix-chip": IxChip;
         "ix-col": IxCol;
         "ix-content": IxContent;
         "ix-content-header": IxContentHeader;
         "ix-css-grid": IxCssGrid;
         "ix-css-grid-item": IxCssGridItem;
-        "ix-custom-field": IxCustomField;
         "ix-date-dropdown": IxDateDropdown;
-        "ix-date-field": IxDateField;
         "ix-date-picker": IxDatePicker;
         "ix-date-time-card": IxDateTimeCard;
         "ix-datetime-picker": IxDatetimePicker;
@@ -8315,22 +6731,19 @@ declare namespace LocalJSX {
         "ix-event-list": IxEventList;
         "ix-event-list-item": IxEventListItem;
         "ix-expanding-search": IxExpandingSearch;
-        "ix-field-label": IxFieldLabel;
-        "ix-field-wrapper": IxFieldWrapper;
         "ix-filter-chip": IxFilterChip;
         "ix-flip-tile": IxFlipTile;
         "ix-flip-tile-content": IxFlipTileContent;
+        "ix-form-field": IxFormField;
         "ix-group": IxGroup;
         "ix-group-context-menu": IxGroupContextMenu;
         "ix-group-item": IxGroupItem;
-        "ix-helper-text": IxHelperText;
         "ix-icon-button": IxIconButton;
         "ix-icon-toggle-button": IxIconToggleButton;
         "ix-input-group": IxInputGroup;
         "ix-key-value": IxKeyValue;
         "ix-key-value-list": IxKeyValueList;
         "ix-kpi": IxKpi;
-        "ix-layout-form": IxLayoutForm;
         "ix-layout-grid": IxLayoutGrid;
         "ix-link-button": IxLinkButton;
         "ix-map-navigation": IxMapNavigation;
@@ -8353,15 +6766,12 @@ declare namespace LocalJSX {
         "ix-modal-footer": IxModalFooter;
         "ix-modal-header": IxModalHeader;
         "ix-modal-loading": IxModalLoading;
-        "ix-number-field": IxNumberField;
         "ix-pagination": IxPagination;
         "ix-pane": IxPane;
         "ix-pane-layout": IxPaneLayout;
         "ix-pill": IxPill;
         "ix-playground-internal": IxPlaygroundInternal;
         "ix-push-card": IxPushCard;
-        "ix-radio": IxRadio;
-        "ix-radio-group": IxRadioGroup;
         "ix-row": IxRow;
         "ix-select": IxSelect;
         "ix-select-item": IxSelectItem;
@@ -8371,8 +6781,6 @@ declare namespace LocalJSX {
         "ix-split-button-item": IxSplitButtonItem;
         "ix-tab-item": IxTabItem;
         "ix-tabs": IxTabs;
-        "ix-text-field": IxTextField;
-        "ix-textarea-field": IxTextareaField;
         "ix-tile": IxTile;
         "ix-time-picker": IxTimePicker;
         "ix-toast": IxToast;
@@ -8434,16 +6842,6 @@ declare module "@stencil/core" {
              */
             "ix-card-title": LocalJSX.IxCardTitle & JSXBase.HTMLAttributes<HTMLIxCardTitleElement>;
             "ix-category-filter": LocalJSX.IxCategoryFilter & JSXBase.HTMLAttributes<HTMLIxCategoryFilterElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-checkbox": LocalJSX.IxCheckbox & JSXBase.HTMLAttributes<HTMLIxCheckboxElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-checkbox-group": LocalJSX.IxCheckboxGroup & JSXBase.HTMLAttributes<HTMLIxCheckboxGroupElement>;
             "ix-chip": LocalJSX.IxChip & JSXBase.HTMLAttributes<HTMLIxChipElement>;
             /**
              * @since 2.0.0
@@ -8456,19 +6854,10 @@ declare module "@stencil/core" {
             "ix-content-header": LocalJSX.IxContentHeader & JSXBase.HTMLAttributes<HTMLIxContentHeaderElement>;
             "ix-css-grid": LocalJSX.IxCssGrid & JSXBase.HTMLAttributes<HTMLIxCssGridElement>;
             "ix-css-grid-item": LocalJSX.IxCssGridItem & JSXBase.HTMLAttributes<HTMLIxCssGridItemElement>;
-            /**
-             * @since 2.4.0
-             */
-            "ix-custom-field": LocalJSX.IxCustomField & JSXBase.HTMLAttributes<HTMLIxCustomFieldElement>;
             /**
              * @since 2.1.0
              */
             "ix-date-dropdown": LocalJSX.IxDateDropdown & JSXBase.HTMLAttributes<HTMLIxDateDropdownElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-date-field": LocalJSX.IxDateField & JSXBase.HTMLAttributes<HTMLIxDateFieldElement>;
             "ix-date-picker": LocalJSX.IxDatePicker & JSXBase.HTMLAttributes<HTMLIxDatePickerElement>;
             "ix-date-time-card": LocalJSX.IxDateTimeCard & JSXBase.HTMLAttributes<HTMLIxDateTimeCardElement>;
             "ix-datetime-picker": LocalJSX.IxDatetimePicker & JSXBase.HTMLAttributes<HTMLIxDatetimePickerElement>;
@@ -8498,15 +6887,13 @@ declare module "@stencil/core" {
             "ix-event-list": LocalJSX.IxEventList & JSXBase.HTMLAttributes<HTMLIxEventListElement>;
             "ix-event-list-item": LocalJSX.IxEventListItem & JSXBase.HTMLAttributes<HTMLIxEventListItemElement>;
             "ix-expanding-search": LocalJSX.IxExpandingSearch & JSXBase.HTMLAttributes<HTMLIxExpandingSearchElement>;
-            "ix-field-label": LocalJSX.IxFieldLabel & JSXBase.HTMLAttributes<HTMLIxFieldLabelElement>;
-            "ix-field-wrapper": LocalJSX.IxFieldWrapper & JSXBase.HTMLAttributes<HTMLIxFieldWrapperElement>;
             "ix-filter-chip": LocalJSX.IxFilterChip & JSXBase.HTMLAttributes<HTMLIxFilterChipElement>;
             "ix-flip-tile": LocalJSX.IxFlipTile & JSXBase.HTMLAttributes<HTMLIxFlipTileElement>;
             "ix-flip-tile-content": LocalJSX.IxFlipTileContent & JSXBase.HTMLAttributes<HTMLIxFlipTileContentElement>;
+            "ix-form-field": LocalJSX.IxFormField & JSXBase.HTMLAttributes<HTMLIxFormFieldElement>;
             "ix-group": LocalJSX.IxGroup & JSXBase.HTMLAttributes<HTMLIxGroupElement>;
             "ix-group-context-menu": LocalJSX.IxGroupContextMenu & JSXBase.HTMLAttributes<HTMLIxGroupContextMenuElement>;
             "ix-group-item": LocalJSX.IxGroupItem & JSXBase.HTMLAttributes<HTMLIxGroupItemElement>;
-            "ix-helper-text": LocalJSX.IxHelperText & JSXBase.HTMLAttributes<HTMLIxHelperTextElement>;
             "ix-icon-button": LocalJSX.IxIconButton & JSXBase.HTMLAttributes<HTMLIxIconButtonElement>;
             /**
              * @since 2.0.0
@@ -8522,7 +6909,6 @@ declare module "@stencil/core" {
              */
             "ix-key-value-list": LocalJSX.IxKeyValueList & JSXBase.HTMLAttributes<HTMLIxKeyValueListElement>;
             "ix-kpi": LocalJSX.IxKpi & JSXBase.HTMLAttributes<HTMLIxKpiElement>;
-            "ix-layout-form": LocalJSX.IxLayoutForm & JSXBase.HTMLAttributes<HTMLIxLayoutFormElement>;
             /**
              * @since 2.0.0
              */
@@ -8563,11 +6949,6 @@ declare module "@stencil/core" {
              */
             "ix-modal-header": LocalJSX.IxModalHeader & JSXBase.HTMLAttributes<HTMLIxModalHeaderElement>;
             "ix-modal-loading": LocalJSX.IxModalLoading & JSXBase.HTMLAttributes<HTMLIxModalLoadingElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-number-field": LocalJSX.IxNumberField & JSXBase.HTMLAttributes<HTMLIxNumberFieldElement>;
             /**
              * @since 1.5.0
              */
@@ -8586,23 +6967,10 @@ declare module "@stencil/core" {
              * @since 1.6.0
              */
             "ix-push-card": LocalJSX.IxPushCard & JSXBase.HTMLAttributes<HTMLIxPushCardElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-radio": LocalJSX.IxRadio & JSXBase.HTMLAttributes<HTMLIxRadioElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-radio-group": LocalJSX.IxRadioGroup & JSXBase.HTMLAttributes<HTMLIxRadioGroupElement>;
             /**
              * @since 2.0.0
              */
             "ix-row": LocalJSX.IxRow & JSXBase.HTMLAttributes<HTMLIxRowElement>;
-            /**
-             * @form-ready 2.4.0
-             */
             "ix-select": LocalJSX.IxSelect & JSXBase.HTMLAttributes<HTMLIxSelectElement>;
             "ix-select-item": LocalJSX.IxSelectItem & JSXBase.HTMLAttributes<HTMLIxSelectItemElement>;
             /**
@@ -8617,23 +6985,10 @@ declare module "@stencil/core" {
             "ix-split-button-item": LocalJSX.IxSplitButtonItem & JSXBase.HTMLAttributes<HTMLIxSplitButtonItemElement>;
             "ix-tab-item": LocalJSX.IxTabItem & JSXBase.HTMLAttributes<HTMLIxTabItemElement>;
             "ix-tabs": LocalJSX.IxTabs & JSXBase.HTMLAttributes<HTMLIxTabsElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-text-field": LocalJSX.IxTextField & JSXBase.HTMLAttributes<HTMLIxTextFieldElement>;
-            /**
-             * @since 2.4.0
-             * @form-ready 2.4.0
-             */
-            "ix-textarea-field": LocalJSX.IxTextareaField & JSXBase.HTMLAttributes<HTMLIxTextareaFieldElement>;
             "ix-tile": LocalJSX.IxTile & JSXBase.HTMLAttributes<HTMLIxTileElement>;
             "ix-time-picker": LocalJSX.IxTimePicker & JSXBase.HTMLAttributes<HTMLIxTimePickerElement>;
             "ix-toast": LocalJSX.IxToast & JSXBase.HTMLAttributes<HTMLIxToastElement>;
             "ix-toast-container": LocalJSX.IxToastContainer & JSXBase.HTMLAttributes<HTMLIxToastContainerElement>;
-            /**
-             * @form-ready 2.4.0
-             */
             "ix-toggle": LocalJSX.IxToggle & JSXBase.HTMLAttributes<HTMLIxToggleElement>;
             /**
              * @since 2.0.0