@siemens/ix 1.6.2 → 2.0.0-beta.0

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ActionCardVariant } from "./components/action-card/action-card";
+import { Mode } from "./components/utils/screen/mode";
 import { ButtonVariant } from "./components/button/button";
 import { CardVariant } from "./components/card/card";
 import { CardAccordionExpandChangeEvent } from "./components/card-accordion/card-accordion";
@@ -17,7 +18,7 @@ import { DateTimeCardCorners } from "./components/date-time-card/date-time-card"
 import { DateChangeEvent, LegacyDateChangeEvent } 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 { Placement } from "./components/dropdown/placement";
+import { AlignedPlacement, Side } from "./components/dropdown/placement";
 import { DropdownTriggerEvent } from "./components/dropdown/dropdown";
 import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button";
 import { EmptyStateLayout } from "./components/empty-state/empty-state";
@@ -25,8 +26,7 @@ import { FlipTileState } from "./components/flip-tile/flip-tile-state";
 import { IconButtonVariant } from "./components/icon-button/icon-button";
 import { IndexButtonVariant } from "./components/index-button/index-button";
 import { KeyValueLabelPosition } from "./components/key-value/key-value";
-import { NotificationColor } from "./components/utils/notification-color";
-import { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
+import { IxModalSize } from "./components/modal/modal";
 import { PushCardVariant } from "./components/push-card/push-card";
 import { SplitButtonVariant } from "./components/split-button/split-button";
 import { TimePickerCorners } from "./components/time-picker/time-picker";
@@ -36,6 +36,7 @@ import { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./compo
 import { TypographyColors, TypographyVariants } from "./components/typography/typography";
 import { UploadFileState } from "./components/upload/upload-file-state";
 export { ActionCardVariant } from "./components/action-card/action-card";
+export { Mode } from "./components/utils/screen/mode";
 export { ButtonVariant } from "./components/button/button";
 export { CardVariant } from "./components/card/card";
 export { CardAccordionExpandChangeEvent } from "./components/card-accordion/card-accordion";
@@ -47,7 +48,7 @@ export { DateTimeCardCorners } from "./components/date-time-card/date-time-card"
 export { DateChangeEvent, LegacyDateChangeEvent } 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 { Placement } from "./components/dropdown/placement";
+export { AlignedPlacement, Side } from "./components/dropdown/placement";
 export { DropdownTriggerEvent } from "./components/dropdown/dropdown";
 export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button";
 export { EmptyStateLayout } from "./components/empty-state/empty-state";
@@ -55,8 +56,7 @@ export { FlipTileState } from "./components/flip-tile/flip-tile-state";
 export { IconButtonVariant } from "./components/icon-button/icon-button";
 export { IndexButtonVariant } from "./components/index-button/index-button";
 export { KeyValueLabelPosition } from "./components/key-value/key-value";
-export { NotificationColor } from "./components/utils/notification-color";
-export { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
+export { IxModalSize } from "./components/modal/modal";
 export { PushCardVariant } from "./components/push-card/push-card";
 export { SplitButtonVariant } from "./components/split-button/split-button";
 export { TimePickerCorners } from "./components/time-picker/time-picker";
@@ -113,11 +113,25 @@ export namespace Components {
         "tabPlacement": 'top' | 'bottom';
     }
     interface IxApplicationHeader {
+        "mode": Mode;
         /**
           * Application name
          */
         "name": string;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxAvatar {
+        /**
+          * Display a avatar image
+         */
+        "image": string;
+        /**
+          * Display the initials of the user. Will be overwritten by image
+         */
+        "initials": string;
+    }
     interface IxBasicNavigation {
         /**
           * Application name
@@ -169,9 +183,17 @@ export namespace Components {
     }
     interface IxBurgerMenu {
         /**
-          * Is menu displayed as expanded
+          * Does burger menu button display the expanded or the not expanded state
          */
         "expanded": boolean;
+        /**
+          * Accessibility label for the burger menu button (MANDATORY)
+         */
+        "ixAriaLabel": string;
+        /**
+          * Display as pinned
+         */
+        "pinned": boolean;
     }
     interface IxButton {
         /**
@@ -182,11 +204,20 @@ export namespace Components {
           * Button with no background or outline
          */
         "ghost": boolean;
+        /**
+          * Icon name
+         */
+        "icon": string;
         /**
           * Invisible button
           * @deprecated use ghost property
          */
         "invisible": boolean;
+        /**
+          * Loading button
+          * @since 2.0.0
+         */
+        "loading": boolean;
         /**
           * Outline button
          */
@@ -375,35 +406,6 @@ export namespace Components {
          */
         "variant": ContentHeaderVariant;
     }
-    interface IxCounterPill {
-        /**
-          * Align pill content left
-         */
-        "alignLeft": boolean;
-        /**
-          * Custom color for pill. Only working for `variant='custom'`
-         */
-        "background": string | undefined;
-        /**
-          * Custom font color for pill. Only working for `variant='custom'`
-         */
-        "color": string | undefined;
-        /**
-          * Show pill as outline
-         */
-        "outline": boolean;
-        /**
-          * Pill variant
-         */
-        "variant": | 'primary'
-    | 'alarm'
-    | 'critical'
-    | 'warning'
-    | 'info'
-    | 'neutral'
-    | 'success'
-    | 'custom';
-    }
     interface IxCssGrid {
         /**
           * Define css grid template
@@ -587,16 +589,6 @@ export namespace Components {
         "width": number | 'auto';
     }
     interface IxDropdown {
-        /**
-          * Adjust dropdown width to the parent width
-          * @deprecated Will be removed. Not used anymore
-         */
-        "adjustDropdownWidthToReferenceWidth": boolean;
-        /**
-          * Adjust dropdown width to the parent width
-          * @deprecated Will be removed in 2.0.0. Property has a typo use `adjustDropdownWidthToReferenceWidth` instead.
-         */
-        "adjustDropdownWidthToReferenceWith": boolean;
         /**
           * Define an anchor element
          */
@@ -624,7 +616,7 @@ export namespace Components {
         /**
           * Placement of the dropdown
          */
-        "placement": Placement;
+        "placement": AlignedPlacement;
         /**
           * Position strategy
          */
@@ -633,6 +625,11 @@ export namespace Components {
           * Show dropdown
          */
         "show": boolean;
+        /**
+          * Suppress the automatic placement of the dropdown.
+          * @since 2.0.0
+         */
+        "suppressAutomaticPlacement": boolean;
         /**
           * 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.
          */
@@ -651,7 +648,8 @@ export namespace Components {
      */
     interface IxDropdownButton {
         /**
-          * Active button
+          * Active button (has no effect)
+          * @deprecated Will be removed in 3.0.0
          */
         "active": boolean;
         /**
@@ -679,6 +677,15 @@ export namespace Components {
          */
         "variant": DropdownButtonVariant;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxDropdownHeader {
+        /**
+          * Display name of the header
+         */
+        "label": string;
+    }
     interface IxDropdownItem {
         /**
           * Whether the item is checked or not. If true a checkmark will mark the item as checked.
@@ -700,10 +707,12 @@ export namespace Components {
           * Icon of dropdown item
          */
         "icon": string;
+        "isSubMenu": boolean;
         /**
           * Label of dropdown item
          */
         "label": string;
+        "suppressChecked": boolean;
     }
     /**
      * @since 1.4.0
@@ -759,7 +768,8 @@ export namespace Components {
          */
         "chevron": boolean;
         /**
-          * Color of the status indicator. Allowed values are all Core UI color names.
+          * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm`
+          * @see https://ix.siemens.io/docs/theming/colors/
          */
         "color": string;
         /**
@@ -856,16 +866,6 @@ export namespace Components {
     }
     interface IxGroupContextMenu {
     }
-    interface IxGroupDropdownItem {
-        /**
-          * Group dropdown icon
-         */
-        "icon": string;
-        /**
-          * Group dropdown label
-         */
-        "label": string;
-    }
     interface IxGroupItem {
         /**
           * The elements tabindex attribute will get set accordingly. If true tabindex will be 0, -1 otherwise.
@@ -910,7 +910,7 @@ export namespace Components {
          */
         "ghost": boolean;
         /**
-          * Button icon
+          * Icon name
          */
         "icon": string;
         /**
@@ -918,6 +918,11 @@ export namespace Components {
           * @deprecated Use ghost property
          */
         "invisible": boolean;
+        /**
+          * Loading button
+          * @since 2.0.0
+         */
+        "loading": boolean;
         /**
           * Button outline
          */
@@ -932,6 +937,7 @@ export namespace Components {
         "selected": boolean;
         /**
           * Size of icon in button
+          * @deprecated Only size 32 will be removed in 3.0.0
          */
         "size": '32' | '24' | '16' | '12';
         /**
@@ -992,6 +998,23 @@ export namespace Components {
         "unit": string;
         "value": string | number;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxLinkButton {
+        /**
+          * Disable the link button
+         */
+        "disabled": boolean;
+        /**
+          * Specifies where to open the link  https://www.w3schools.com/html/html_links.asp
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * Url for the link button
+         */
+        "url": string;
+    }
     interface IxMapNavigation {
         /**
           * Application name
@@ -1061,20 +1084,28 @@ export namespace Components {
           * Show toggle between light and dark variant. Only if the provided theme have implemented both!
          */
         "enableToggleTheme": boolean;
+        "expand": boolean;
         /**
-          * Expand menu
+          * Change the responsive layout of the menu structure
          */
-        "expand": boolean;
+        "forceLayout": Mode | undefined;
         "i18nCollapse": string;
         "i18nExpand": string;
+        /**
+          * Accessibility i18n label for the burger menu of the sidebar
+         */
+        "i18nExpandSidebar": string;
         "i18nLegal": string;
-        "i18nMore": string;
         "i18nSettings": string;
         "i18nToggleTheme": string;
         /**
           * Maximum number of menu items to show in case enough vertical space is available. Extra menu items will be collapsed to 'show more' menu item.
          */
         "maxVisibleMenuItems": number;
+        /**
+          * Menu stays pinned to the left
+         */
+        "pinned": boolean;
         /**
           * Is about tab visible
          */
@@ -1083,6 +1114,10 @@ export namespace Components {
           * Is settings tab visible
          */
         "showSettings": boolean;
+        /**
+          * Supported layouts
+         */
+        "supportedModes": Mode[];
         /**
           * Toggle About tabs
           * @param show
@@ -1181,6 +1216,23 @@ export namespace Components {
          */
         "label": string;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxMenuCategory {
+        /**
+          * Icon of the category
+         */
+        "icon": string;
+        /**
+          * Display name of the category
+         */
+        "label": string;
+        /**
+          * Show notification count on the category
+         */
+        "notifications": number;
+    }
     interface IxMenuItem {
         /**
           * State to display active
@@ -1188,7 +1240,6 @@ export namespace Components {
         "active": boolean;
         /**
           * Caution: this is no longer working. Please use slot="bottom" instead.  Place tab on bottom
-          * @deprecated Will be removed in 2.0.0. Replaced by slot based implementation
          */
         "bottom": boolean;
         /**
@@ -1199,12 +1250,17 @@ export namespace Components {
           * Move the Tab to a top position.
          */
         "home": boolean;
+        /**
+          * Icon name from @siemens/ix-icons
+         */
+        "icon": string;
         /**
           * Show notification count on tab
          */
         "notifications": number;
         /**
           * Icon name from @siemens/ix-icons
+          * @deprecated Use `icon` property. Will be removed in 3.0.0
          */
         "tabIcon": string;
     }
@@ -1240,21 +1296,15 @@ export namespace Components {
     }
     interface IxModal {
         /**
-          * Should the modal be animtated
+          * Should the modal be animated
          */
         "animation": boolean;
-        "ariaDescribedBy": string;
-        "ariaLabelledBy": string;
-        /**
-          * Adds a dimming layer to the modal. This should only be used when it it necessary to focus the user's attention to the dialog content (e.g. errors, warnings, complex tasks).
-         */
-        "backdrop": boolean | 'static';
         /**
-          * Backdrop class
+          * Show a backdrop behind the modal dialog
          */
-        "backdropClass": string;
+        "backdrop": boolean;
         /**
-          * BeforeDismiss callback
+          * 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>;
         /**
@@ -1262,60 +1312,62 @@ export namespace Components {
          */
         "centered": boolean;
         /**
-          * Close modal
-          * @param result
+          * Close the dialog
          */
-        "close": <T = any>(result: T) => Promise<void>;
+        "closeModal": <T = any>(reason: T) => Promise<void>;
         /**
-          * Content of modal
+          * Dismiss modal on backdrop click
+          * @since 2.0.0
          */
-        "content": HTMLElement | string;
+        "closeOnBackdropClick": boolean;
         /**
-          * Dismiss modal instance
-          * @param reason
+          * Dismiss the dialog
          */
-        "dismiss": <T = any>(reason?: T) => Promise<void>;
+        "dismissModal": <T = any>(reason?: T) => Promise<void>;
         /**
-          * Header title
-         */
-        "headerTitle": string;
-        /**
-          * Optional icon displayed next to the title
-         */
-        "icon": string;
-        /**
-          * Color of the header {@see ix-icon}
-         */
-        "iconColor": NotificationColor;
-        /**
-          * ESC close modal dialog
+          * Use ESC to dismiss the modal
          */
         "keyboard": boolean;
         /**
-          * Modal dialog class
+          * Show the dialog
          */
-        "modalDialogClass": string;
+        "showModal": () => Promise<void>;
         /**
-          * Modal scollable
+          * Modal size
+          * @since 2.0.0
          */
-        "scrollable": boolean;
+        "size": IxModalSize;
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalContent {
+    }
+    interface IxModalExample {
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalFooter {
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalHeader {
         /**
-          * Modal size
+          * Hide the close button
          */
-        "size": 'sm' | 'lg' | 'xl';
+        "hideClose": boolean;
         /**
-          * Window class
+          * Icon of the Header
          */
-        "windowClass": string;
-    }
-    interface IxModalContainer {
+        "icon": string;
         /**
-          * Display modal dialog
-          * @param config
+          * Icon color
          */
-        "showModal": <T = any>(config: ModalConfig<T>) => Promise<ModalInstance<T>>;
+        "iconColor": string;
     }
-    interface IxModalExample {
+    interface IxModalLoading {
     }
     /**
      * @since 1.5.0
@@ -1457,7 +1509,7 @@ export namespace Components {
          */
         "readonly": boolean;
         /**
-          * Indices of selected items This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.
+          * 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.
          */
         "selectedIndices": string | string[];
     }
@@ -1481,14 +1533,15 @@ export namespace Components {
         "value": any;
     }
     interface IxSpinner {
+        "hideTrack": boolean;
         /**
           * Size of spinner
          */
-        "size": 'medium' | 'large';
+        "size": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
         /**
           * Variant of spinner
          */
-        "variant": 'primary' | 'sencodary' | 'secondary';
+        "variant": 'primary' | 'secondary';
     }
     interface IxSplitButton {
         /**
@@ -1503,11 +1556,6 @@ export namespace Components {
           * Button icon
          */
         "icon": string;
-        /**
-          * Button invisible
-          * @deprecated Will be removed in 2.0.0. Use ghost property
-         */
-        "invisible": boolean;
         /**
           * Button label
          */
@@ -1519,9 +1567,9 @@ export namespace Components {
         /**
           * Placement of the dropdown
          */
-        "placement": Placement;
+        "placement": AlignedPlacement;
         /**
-          * Splitbutton icon
+          * Icon of the button on the right
          */
         "splitIcon": string;
         /**
@@ -1692,11 +1740,6 @@ export namespace Components {
           * Whether the slide-toggle element is checked or not.
          */
         "checked": boolean;
-        /**
-          * Basic and status colors from color palette
-          * @deprecated Will be removed in 2.0.0
-         */
-        "color": string;
         /**
           * Whether the slide-toggle element is disabled or not.
          */
@@ -1851,7 +1894,12 @@ export namespace Components {
         /**
           * Placement of the tooltip
          */
-        "placement": Placement;
+        "placement": Side;
+        /**
+          * Suppress the automatic placement of the dropdown.
+          * @since 2.0.0
+         */
+        "suppressAutomaticPlacement": boolean;
     }
     interface IxWorkflowStep {
         /**
@@ -2018,6 +2066,10 @@ export interface IxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxModalElement;
 }
+export interface IxModalHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxModalHeaderElement;
+}
 export interface IxPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxPaginationElement;
@@ -2098,6 +2150,15 @@ declare global {
         prototype: HTMLIxApplicationHeaderElement;
         new (): HTMLIxApplicationHeaderElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxAvatarElement extends Components.IxAvatar, HTMLStencilElement {
+    }
+    var HTMLIxAvatarElement: {
+        prototype: HTMLIxAvatarElement;
+        new (): HTMLIxAvatarElement;
+    };
     interface HTMLIxBasicNavigationElement extends Components.IxBasicNavigation, HTMLStencilElement {
     }
     var HTMLIxBasicNavigationElement: {
@@ -2197,12 +2258,6 @@ declare global {
         prototype: HTMLIxContentHeaderElement;
         new (): HTMLIxContentHeaderElement;
     };
-    interface HTMLIxCounterPillElement extends Components.IxCounterPill, HTMLStencilElement {
-    }
-    var HTMLIxCounterPillElement: {
-        prototype: HTMLIxCounterPillElement;
-        new (): HTMLIxCounterPillElement;
-    };
     interface HTMLIxCssGridElement extends Components.IxCssGrid, HTMLStencilElement {
     }
     var HTMLIxCssGridElement: {
@@ -2263,6 +2318,15 @@ declare global {
         prototype: HTMLIxDropdownButtonElement;
         new (): HTMLIxDropdownButtonElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxDropdownHeaderElement extends Components.IxDropdownHeader, HTMLStencilElement {
+    }
+    var HTMLIxDropdownHeaderElement: {
+        prototype: HTMLIxDropdownHeaderElement;
+        new (): HTMLIxDropdownHeaderElement;
+    };
     interface HTMLIxDropdownItemElement extends Components.IxDropdownItem, HTMLStencilElement {
     }
     var HTMLIxDropdownItemElement: {
@@ -2335,12 +2399,6 @@ declare global {
         prototype: HTMLIxGroupContextMenuElement;
         new (): HTMLIxGroupContextMenuElement;
     };
-    interface HTMLIxGroupDropdownItemElement extends Components.IxGroupDropdownItem, HTMLStencilElement {
-    }
-    var HTMLIxGroupDropdownItemElement: {
-        prototype: HTMLIxGroupDropdownItemElement;
-        new (): HTMLIxGroupDropdownItemElement;
-    };
     interface HTMLIxGroupItemElement extends Components.IxGroupItem, HTMLStencilElement {
     }
     var HTMLIxGroupItemElement: {
@@ -2389,6 +2447,15 @@ declare global {
         prototype: HTMLIxKpiElement;
         new (): HTMLIxKpiElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxLinkButtonElement extends Components.IxLinkButton, HTMLStencilElement {
+    }
+    var HTMLIxLinkButtonElement: {
+        prototype: HTMLIxLinkButtonElement;
+        new (): HTMLIxLinkButtonElement;
+    };
     interface HTMLIxMapNavigationElement extends Components.IxMapNavigation, HTMLStencilElement {
     }
     var HTMLIxMapNavigationElement: {
@@ -2437,6 +2504,15 @@ declare global {
         prototype: HTMLIxMenuAvatarItemElement;
         new (): HTMLIxMenuAvatarItemElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxMenuCategoryElement extends Components.IxMenuCategory, HTMLStencilElement {
+    }
+    var HTMLIxMenuCategoryElement: {
+        prototype: HTMLIxMenuCategoryElement;
+        new (): HTMLIxMenuCategoryElement;
+    };
     interface HTMLIxMenuItemElement extends Components.IxMenuItem, HTMLStencilElement {
     }
     var HTMLIxMenuItemElement: {
@@ -2467,11 +2543,14 @@ declare global {
         prototype: HTMLIxModalElement;
         new (): HTMLIxModalElement;
     };
-    interface HTMLIxModalContainerElement extends Components.IxModalContainer, HTMLStencilElement {
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxModalContentElement extends Components.IxModalContent, HTMLStencilElement {
     }
-    var HTMLIxModalContainerElement: {
-        prototype: HTMLIxModalContainerElement;
-        new (): HTMLIxModalContainerElement;
+    var HTMLIxModalContentElement: {
+        prototype: HTMLIxModalContentElement;
+        new (): HTMLIxModalContentElement;
     };
     interface HTMLIxModalExampleElement extends Components.IxModalExample, HTMLStencilElement {
     }
@@ -2479,6 +2558,30 @@ declare global {
         prototype: HTMLIxModalExampleElement;
         new (): HTMLIxModalExampleElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxModalFooterElement extends Components.IxModalFooter, HTMLStencilElement {
+    }
+    var HTMLIxModalFooterElement: {
+        prototype: HTMLIxModalFooterElement;
+        new (): HTMLIxModalFooterElement;
+    };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxModalHeaderElement extends Components.IxModalHeader, HTMLStencilElement {
+    }
+    var HTMLIxModalHeaderElement: {
+        prototype: HTMLIxModalHeaderElement;
+        new (): HTMLIxModalHeaderElement;
+    };
+    interface HTMLIxModalLoadingElement extends Components.IxModalLoading, HTMLStencilElement {
+    }
+    var HTMLIxModalLoadingElement: {
+        prototype: HTMLIxModalLoadingElement;
+        new (): HTMLIxModalLoadingElement;
+    };
     /**
      * @since 1.5.0
      */
@@ -2637,6 +2740,7 @@ declare global {
         "ix-animated-tab": HTMLIxAnimatedTabElement;
         "ix-animated-tabs": HTMLIxAnimatedTabsElement;
         "ix-application-header": HTMLIxApplicationHeaderElement;
+        "ix-avatar": HTMLIxAvatarElement;
         "ix-basic-navigation": HTMLIxBasicNavigationElement;
         "ix-blind": HTMLIxBlindElement;
         "ix-breadcrumb": HTMLIxBreadcrumbElement;
@@ -2651,7 +2755,6 @@ declare global {
         "ix-category-filter": HTMLIxCategoryFilterElement;
         "ix-chip": HTMLIxChipElement;
         "ix-content-header": HTMLIxContentHeaderElement;
-        "ix-counter-pill": HTMLIxCounterPillElement;
         "ix-css-grid": HTMLIxCssGridElement;
         "ix-css-grid-item": HTMLIxCssGridItemElement;
         "ix-date-picker": HTMLIxDatePickerElement;
@@ -2661,6 +2764,7 @@ declare global {
         "ix-drawer": HTMLIxDrawerElement;
         "ix-dropdown": HTMLIxDropdownElement;
         "ix-dropdown-button": HTMLIxDropdownButtonElement;
+        "ix-dropdown-header": HTMLIxDropdownHeaderElement;
         "ix-dropdown-item": HTMLIxDropdownItemElement;
         "ix-dropdown-quick-actions": HTMLIxDropdownQuickActionsElement;
         "ix-empty-state": HTMLIxEmptyStateElement;
@@ -2672,7 +2776,6 @@ declare global {
         "ix-flip-tile-content": HTMLIxFlipTileContentElement;
         "ix-group": HTMLIxGroupElement;
         "ix-group-context-menu": HTMLIxGroupContextMenuElement;
-        "ix-group-dropdown-item": HTMLIxGroupDropdownItemElement;
         "ix-group-item": HTMLIxGroupItemElement;
         "ix-icon-button": HTMLIxIconButtonElement;
         "ix-index-button": HTMLIxIndexButtonElement;
@@ -2680,6 +2783,7 @@ declare global {
         "ix-key-value": HTMLIxKeyValueElement;
         "ix-key-value-list": HTMLIxKeyValueListElement;
         "ix-kpi": HTMLIxKpiElement;
+        "ix-link-button": HTMLIxLinkButtonElement;
         "ix-map-navigation": HTMLIxMapNavigationElement;
         "ix-map-navigation-overlay": HTMLIxMapNavigationOverlayElement;
         "ix-menu": HTMLIxMenuElement;
@@ -2688,13 +2792,17 @@ declare global {
         "ix-menu-about-news": HTMLIxMenuAboutNewsElement;
         "ix-menu-avatar": HTMLIxMenuAvatarElement;
         "ix-menu-avatar-item": HTMLIxMenuAvatarItemElement;
+        "ix-menu-category": HTMLIxMenuCategoryElement;
         "ix-menu-item": HTMLIxMenuItemElement;
         "ix-menu-settings": HTMLIxMenuSettingsElement;
         "ix-menu-settings-item": HTMLIxMenuSettingsItemElement;
         "ix-message-bar": HTMLIxMessageBarElement;
         "ix-modal": HTMLIxModalElement;
-        "ix-modal-container": HTMLIxModalContainerElement;
+        "ix-modal-content": HTMLIxModalContentElement;
         "ix-modal-example": HTMLIxModalExampleElement;
+        "ix-modal-footer": HTMLIxModalFooterElement;
+        "ix-modal-header": HTMLIxModalHeaderElement;
+        "ix-modal-loading": HTMLIxModalLoadingElement;
         "ix-pagination": HTMLIxPaginationElement;
         "ix-pill": HTMLIxPillElement;
         "ix-push-card": HTMLIxPushCardElement;
@@ -2777,6 +2885,19 @@ declare namespace LocalJSX {
          */
         "name"?: string;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxAvatar {
+        /**
+          * Display a avatar image
+         */
+        "image"?: string;
+        /**
+          * Display the initials of the user. Will be overwritten by image
+         */
+        "initials"?: string;
+    }
     interface IxBasicNavigation {
         /**
           * Application name
@@ -2840,9 +2961,17 @@ declare namespace LocalJSX {
     }
     interface IxBurgerMenu {
         /**
-          * Is menu displayed as expanded
+          * Does burger menu button display the expanded or the not expanded state
          */
         "expanded"?: boolean;
+        /**
+          * Accessibility label for the burger menu button (MANDATORY)
+         */
+        "ixAriaLabel"?: string;
+        /**
+          * Display as pinned
+         */
+        "pinned"?: boolean;
     }
     interface IxButton {
         /**
@@ -2853,11 +2982,20 @@ declare namespace LocalJSX {
           * Button with no background or outline
          */
         "ghost"?: boolean;
+        /**
+          * Icon name
+         */
+        "icon"?: string;
         /**
           * Invisible button
           * @deprecated use ghost property
          */
         "invisible"?: boolean;
+        /**
+          * Loading button
+          * @since 2.0.0
+         */
+        "loading"?: boolean;
         /**
           * Outline button
          */
@@ -3079,35 +3217,6 @@ declare namespace LocalJSX {
          */
         "variant"?: ContentHeaderVariant;
     }
-    interface IxCounterPill {
-        /**
-          * Align pill content left
-         */
-        "alignLeft"?: boolean;
-        /**
-          * Custom color for pill. Only working for `variant='custom'`
-         */
-        "background"?: string | undefined;
-        /**
-          * Custom font color for pill. Only working for `variant='custom'`
-         */
-        "color"?: string | undefined;
-        /**
-          * Show pill as outline
-         */
-        "outline"?: boolean;
-        /**
-          * Pill variant
-         */
-        "variant"?: | 'primary'
-    | 'alarm'
-    | 'critical'
-    | 'warning'
-    | 'info'
-    | 'neutral'
-    | 'success'
-    | 'custom';
-    }
     interface IxCssGrid {
         /**
           * Define css grid template
@@ -3329,16 +3438,6 @@ declare namespace LocalJSX {
         "width"?: number | 'auto';
     }
     interface IxDropdown {
-        /**
-          * Adjust dropdown width to the parent width
-          * @deprecated Will be removed. Not used anymore
-         */
-        "adjustDropdownWidthToReferenceWidth"?: boolean;
-        /**
-          * Adjust dropdown width to the parent width
-          * @deprecated Will be removed in 2.0.0. Property has a typo use `adjustDropdownWidthToReferenceWidth` instead.
-         */
-        "adjustDropdownWidthToReferenceWith"?: boolean;
         /**
           * Define an anchor element
          */
@@ -3358,7 +3457,7 @@ declare namespace LocalJSX {
         /**
           * Placement of the dropdown
          */
-        "placement"?: Placement;
+        "placement"?: AlignedPlacement;
         /**
           * Position strategy
          */
@@ -3367,6 +3466,11 @@ declare namespace LocalJSX {
           * Show dropdown
          */
         "show"?: boolean;
+        /**
+          * Suppress the automatic placement of the dropdown.
+          * @since 2.0.0
+         */
+        "suppressAutomaticPlacement"?: boolean;
         /**
           * 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.
          */
@@ -3377,7 +3481,8 @@ declare namespace LocalJSX {
      */
     interface IxDropdownButton {
         /**
-          * Active button
+          * Active button (has no effect)
+          * @deprecated Will be removed in 3.0.0
          */
         "active"?: boolean;
         /**
@@ -3405,6 +3510,15 @@ declare namespace LocalJSX {
          */
         "variant"?: DropdownButtonVariant;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxDropdownHeader {
+        /**
+          * Display name of the header
+         */
+        "label"?: string;
+    }
     interface IxDropdownItem {
         /**
           * Whether the item is checked or not. If true a checkmark will mark the item as checked.
@@ -3489,7 +3603,8 @@ declare namespace LocalJSX {
          */
         "chevron"?: boolean;
         /**
-          * Color of the status indicator. Allowed values are all Core UI color names.
+          * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm`
+          * @see https://ix.siemens.io/docs/theming/colors/
          */
         "color"?: string;
         /**
@@ -3610,16 +3725,6 @@ declare namespace LocalJSX {
     }
     interface IxGroupContextMenu {
     }
-    interface IxGroupDropdownItem {
-        /**
-          * Group dropdown icon
-         */
-        "icon"?: string;
-        /**
-          * Group dropdown label
-         */
-        "label"?: string;
-    }
     interface IxGroupItem {
         /**
           * The elements tabindex attribute will get set accordingly. If true tabindex will be 0, -1 otherwise.
@@ -3668,7 +3773,7 @@ declare namespace LocalJSX {
          */
         "ghost"?: boolean;
         /**
-          * Button icon
+          * Icon name
          */
         "icon"?: string;
         /**
@@ -3676,6 +3781,11 @@ declare namespace LocalJSX {
           * @deprecated Use ghost property
          */
         "invisible"?: boolean;
+        /**
+          * Loading button
+          * @since 2.0.0
+         */
+        "loading"?: boolean;
         /**
           * Button outline
          */
@@ -3690,6 +3800,7 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         /**
           * Size of icon in button
+          * @deprecated Only size 32 will be removed in 3.0.0
          */
         "size"?: '32' | '24' | '16' | '12';
         /**
@@ -3750,6 +3861,23 @@ declare namespace LocalJSX {
         "unit"?: string;
         "value"?: string | number;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxLinkButton {
+        /**
+          * Disable the link button
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies where to open the link  https://www.w3schools.com/html/html_links.asp
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * Url for the link button
+         */
+        "url"?: string;
+    }
     interface IxMapNavigation {
         /**
           * Application name
@@ -3811,14 +3939,18 @@ declare namespace LocalJSX {
           * Show toggle between light and dark variant. Only if the provided theme have implemented both!
          */
         "enableToggleTheme"?: boolean;
+        "expand"?: boolean;
         /**
-          * Expand menu
+          * Change the responsive layout of the menu structure
          */
-        "expand"?: boolean;
+        "forceLayout"?: Mode | undefined;
         "i18nCollapse"?: string;
         "i18nExpand"?: string;
+        /**
+          * Accessibility i18n label for the burger menu of the sidebar
+         */
+        "i18nExpandSidebar"?: string;
         "i18nLegal"?: string;
-        "i18nMore"?: string;
         "i18nSettings"?: string;
         "i18nToggleTheme"?: string;
         /**
@@ -3833,6 +3965,10 @@ declare namespace LocalJSX {
           * Map Sidebar expanded
          */
         "onMapExpandChange"?: (event: IxMenuCustomEvent<boolean>) => void;
+        /**
+          * Menu stays pinned to the left
+         */
+        "pinned"?: boolean;
         /**
           * Is about tab visible
          */
@@ -3841,6 +3977,10 @@ declare namespace LocalJSX {
           * Is settings tab visible
          */
         "showSettings"?: boolean;
+        /**
+          * Supported layouts
+         */
+        "supportedModes"?: Mode[];
     }
     interface IxMenuAbout {
         /**
@@ -3854,7 +3994,10 @@ declare namespace LocalJSX {
         /**
           * About and Legal closed
          */
-        "onClose"?: (event: IxMenuAboutCustomEvent<MouseEvent>) => void;
+        "onClose"?: (event: IxMenuAboutCustomEvent<{
+    nativeEvent: MouseEvent;
+    name: string;
+  }>) => void;
         /**
           * Internal
          */
@@ -3939,6 +4082,23 @@ declare namespace LocalJSX {
          */
         "onItemClick"?: (event: IxMenuAvatarItemCustomEvent<MouseEvent>) => void;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxMenuCategory {
+        /**
+          * Icon of the category
+         */
+        "icon"?: string;
+        /**
+          * Display name of the category
+         */
+        "label"?: string;
+        /**
+          * Show notification count on the category
+         */
+        "notifications"?: number;
+    }
     interface IxMenuItem {
         /**
           * State to display active
@@ -3946,7 +4106,6 @@ declare namespace LocalJSX {
         "active"?: boolean;
         /**
           * Caution: this is no longer working. Please use slot="bottom" instead.  Place tab on bottom
-          * @deprecated Will be removed in 2.0.0. Replaced by slot based implementation
          */
         "bottom"?: boolean;
         /**
@@ -3957,12 +4116,17 @@ declare namespace LocalJSX {
           * Move the Tab to a top position.
          */
         "home"?: boolean;
+        /**
+          * Icon name from @siemens/ix-icons
+         */
+        "icon"?: string;
         /**
           * Show notification count on tab
          */
         "notifications"?: number;
         /**
           * Icon name from @siemens/ix-icons
+          * @deprecated Use `icon` property. Will be removed in 3.0.0
          */
         "tabIcon"?: string;
     }
@@ -3978,7 +4142,10 @@ declare namespace LocalJSX {
         /**
           * Popover closed
          */
-        "onClose"?: (event: IxMenuSettingsCustomEvent<MouseEvent>) => void;
+        "onClose"?: (event: IxMenuSettingsCustomEvent<{
+    nativeEvent: MouseEvent;
+    name: string;
+  }>) => void;
         /**
           * Internal
          */
@@ -4006,21 +4173,15 @@ declare namespace LocalJSX {
     }
     interface IxModal {
         /**
-          * Should the modal be animtated
+          * Should the modal be animated
          */
         "animation"?: boolean;
-        "ariaDescribedBy"?: string;
-        "ariaLabelledBy"?: string;
-        /**
-          * Adds a dimming layer to the modal. This should only be used when it it necessary to focus the user's attention to the dialog content (e.g. errors, warnings, complex tasks).
-         */
-        "backdrop"?: boolean | 'static';
         /**
-          * Backdrop class
+          * Show a backdrop behind the modal dialog
          */
-        "backdropClass"?: string;
+        "backdrop"?: boolean;
         /**
-          * BeforeDismiss callback
+          * 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>;
         /**
@@ -4028,53 +4189,62 @@ declare namespace LocalJSX {
          */
         "centered"?: boolean;
         /**
-          * Content of modal
+          * Dismiss modal on backdrop click
+          * @since 2.0.0
          */
-        "content"?: HTMLElement | string;
+        "closeOnBackdropClick"?: boolean;
         /**
-          * Header title
+          * Use ESC to dismiss the modal
          */
-        "headerTitle"?: string;
-        /**
-          * Optional icon displayed next to the title
-         */
-        "icon"?: string;
-        /**
-          * Color of the header {@see ix-icon}
-         */
-        "iconColor"?: NotificationColor;
+        "keyboard"?: boolean;
         /**
-          * ESC close modal dialog
+          * Dialog close
          */
-        "keyboard"?: boolean;
+        "onDialogClose"?: (event: IxModalCustomEvent<any>) => void;
         /**
-          * Modal dialog class
+          * Dialog cancel
          */
-        "modalDialogClass"?: string;
+        "onDialogDismiss"?: (event: IxModalCustomEvent<any>) => void;
         /**
-          * Modal closed
+          * Modal size
+          * @since 2.0.0
          */
-        "onClosed"?: (event: IxModalCustomEvent<any>) => void;
+        "size"?: IxModalSize;
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalContent {
+    }
+    interface IxModalExample {
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalFooter {
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxModalHeader {
         /**
-          * Modal dismissed
+          * Hide the close button
          */
-        "onDismissed"?: (event: IxModalCustomEvent<any>) => void;
+        "hideClose"?: boolean;
         /**
-          * Modal scollable
+          * Icon of the Header
          */
-        "scrollable"?: boolean;
+        "icon"?: string;
         /**
-          * Modal size
+          * Icon color
          */
-        "size"?: 'sm' | 'lg' | 'xl';
+        "iconColor"?: string;
         /**
-          * Window class
+          * Close icon is clicked
          */
-        "windowClass"?: string;
+        "onCloseClick"?: (event: IxModalHeaderCustomEvent<MouseEvent>) => void;
     }
-    interface IxModalContainer {
-    }
-    interface IxModalExample {
+    interface IxModalLoading {
     }
     /**
      * @since 1.5.0
@@ -4223,6 +4393,11 @@ declare namespace LocalJSX {
           * Item added to selection
          */
         "onAddItem"?: (event: IxSelectCustomEvent<string>) => void;
+        /**
+          * Event dispatched whenever the text input changes.
+          * @since 2.0.0
+         */
+        "onInputChange"?: (event: IxSelectCustomEvent<string>) => void;
         /**
           * Item selection changed
          */
@@ -4232,7 +4407,7 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         /**
-          * Indices of selected items This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.
+          * 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.
          */
         "selectedIndices"?: string | string[];
     }
@@ -4258,11 +4433,11 @@ declare namespace LocalJSX {
         /**
           * Size of spinner
          */
-        "size"?: 'medium' | 'large';
+        "size"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
         /**
           * Variant of spinner
          */
-        "variant"?: 'primary' | 'sencodary' | 'secondary';
+        "variant"?: 'primary' | 'secondary';
     }
     interface IxSplitButton {
         /**
@@ -4277,11 +4452,6 @@ declare namespace LocalJSX {
           * Button icon
          */
         "icon"?: string;
-        /**
-          * Button invisible
-          * @deprecated Will be removed in 2.0.0. Use ghost property
-         */
-        "invisible"?: boolean;
         /**
           * Button label
          */
@@ -4297,9 +4467,9 @@ declare namespace LocalJSX {
         /**
           * Placement of the dropdown
          */
-        "placement"?: Placement;
+        "placement"?: AlignedPlacement;
         /**
-          * Splitbutton icon
+          * Icon of the button on the right
          */
         "splitIcon"?: string;
         /**
@@ -4477,11 +4647,6 @@ declare namespace LocalJSX {
           * Whether the slide-toggle element is checked or not.
          */
         "checked"?: boolean;
-        /**
-          * Basic and status colors from color palette
-          * @deprecated Will be removed in 2.0.0
-         */
-        "color"?: string;
         /**
           * Whether the slide-toggle element is disabled or not.
          */
@@ -4665,7 +4830,12 @@ declare namespace LocalJSX {
         /**
           * Placement of the tooltip
          */
-        "placement"?: Placement;
+        "placement"?: Side;
+        /**
+          * Suppress the automatic placement of the dropdown.
+          * @since 2.0.0
+         */
+        "suppressAutomaticPlacement"?: boolean;
     }
     interface IxWorkflowStep {
         /**
@@ -4724,6 +4894,7 @@ declare namespace LocalJSX {
         "ix-animated-tab": IxAnimatedTab;
         "ix-animated-tabs": IxAnimatedTabs;
         "ix-application-header": IxApplicationHeader;
+        "ix-avatar": IxAvatar;
         "ix-basic-navigation": IxBasicNavigation;
         "ix-blind": IxBlind;
         "ix-breadcrumb": IxBreadcrumb;
@@ -4738,7 +4909,6 @@ declare namespace LocalJSX {
         "ix-category-filter": IxCategoryFilter;
         "ix-chip": IxChip;
         "ix-content-header": IxContentHeader;
-        "ix-counter-pill": IxCounterPill;
         "ix-css-grid": IxCssGrid;
         "ix-css-grid-item": IxCssGridItem;
         "ix-date-picker": IxDatePicker;
@@ -4748,6 +4918,7 @@ declare namespace LocalJSX {
         "ix-drawer": IxDrawer;
         "ix-dropdown": IxDropdown;
         "ix-dropdown-button": IxDropdownButton;
+        "ix-dropdown-header": IxDropdownHeader;
         "ix-dropdown-item": IxDropdownItem;
         "ix-dropdown-quick-actions": IxDropdownQuickActions;
         "ix-empty-state": IxEmptyState;
@@ -4759,7 +4930,6 @@ declare namespace LocalJSX {
         "ix-flip-tile-content": IxFlipTileContent;
         "ix-group": IxGroup;
         "ix-group-context-menu": IxGroupContextMenu;
-        "ix-group-dropdown-item": IxGroupDropdownItem;
         "ix-group-item": IxGroupItem;
         "ix-icon-button": IxIconButton;
         "ix-index-button": IxIndexButton;
@@ -4767,6 +4937,7 @@ declare namespace LocalJSX {
         "ix-key-value": IxKeyValue;
         "ix-key-value-list": IxKeyValueList;
         "ix-kpi": IxKpi;
+        "ix-link-button": IxLinkButton;
         "ix-map-navigation": IxMapNavigation;
         "ix-map-navigation-overlay": IxMapNavigationOverlay;
         "ix-menu": IxMenu;
@@ -4775,13 +4946,17 @@ declare namespace LocalJSX {
         "ix-menu-about-news": IxMenuAboutNews;
         "ix-menu-avatar": IxMenuAvatar;
         "ix-menu-avatar-item": IxMenuAvatarItem;
+        "ix-menu-category": IxMenuCategory;
         "ix-menu-item": IxMenuItem;
         "ix-menu-settings": IxMenuSettings;
         "ix-menu-settings-item": IxMenuSettingsItem;
         "ix-message-bar": IxMessageBar;
         "ix-modal": IxModal;
-        "ix-modal-container": IxModalContainer;
+        "ix-modal-content": IxModalContent;
         "ix-modal-example": IxModalExample;
+        "ix-modal-footer": IxModalFooter;
+        "ix-modal-header": IxModalHeader;
+        "ix-modal-loading": IxModalLoading;
         "ix-pagination": IxPagination;
         "ix-pill": IxPill;
         "ix-push-card": IxPushCard;
@@ -4819,6 +4994,10 @@ declare module "@stencil/core" {
             "ix-animated-tab": LocalJSX.IxAnimatedTab & JSXBase.HTMLAttributes<HTMLIxAnimatedTabElement>;
             "ix-animated-tabs": LocalJSX.IxAnimatedTabs & JSXBase.HTMLAttributes<HTMLIxAnimatedTabsElement>;
             "ix-application-header": LocalJSX.IxApplicationHeader & JSXBase.HTMLAttributes<HTMLIxApplicationHeaderElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-avatar": LocalJSX.IxAvatar & JSXBase.HTMLAttributes<HTMLIxAvatarElement>;
             "ix-basic-navigation": LocalJSX.IxBasicNavigation & JSXBase.HTMLAttributes<HTMLIxBasicNavigationElement>;
             "ix-blind": LocalJSX.IxBlind & JSXBase.HTMLAttributes<HTMLIxBlindElement>;
             "ix-breadcrumb": LocalJSX.IxBreadcrumb & JSXBase.HTMLAttributes<HTMLIxBreadcrumbElement>;
@@ -4848,7 +5027,6 @@ declare module "@stencil/core" {
             "ix-category-filter": LocalJSX.IxCategoryFilter & JSXBase.HTMLAttributes<HTMLIxCategoryFilterElement>;
             "ix-chip": LocalJSX.IxChip & JSXBase.HTMLAttributes<HTMLIxChipElement>;
             "ix-content-header": LocalJSX.IxContentHeader & JSXBase.HTMLAttributes<HTMLIxContentHeaderElement>;
-            "ix-counter-pill": LocalJSX.IxCounterPill & JSXBase.HTMLAttributes<HTMLIxCounterPillElement>;
             "ix-css-grid": LocalJSX.IxCssGrid & JSXBase.HTMLAttributes<HTMLIxCssGridElement>;
             "ix-css-grid-item": LocalJSX.IxCssGridItem & JSXBase.HTMLAttributes<HTMLIxCssGridItemElement>;
             "ix-date-picker": LocalJSX.IxDatePicker & JSXBase.HTMLAttributes<HTMLIxDatePickerElement>;
@@ -4864,6 +5042,10 @@ declare module "@stencil/core" {
              * @since 1.3.0
              */
             "ix-dropdown-button": LocalJSX.IxDropdownButton & JSXBase.HTMLAttributes<HTMLIxDropdownButtonElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-dropdown-header": LocalJSX.IxDropdownHeader & JSXBase.HTMLAttributes<HTMLIxDropdownHeaderElement>;
             "ix-dropdown-item": LocalJSX.IxDropdownItem & JSXBase.HTMLAttributes<HTMLIxDropdownItemElement>;
             /**
              * @since 1.4.0
@@ -4881,7 +5063,6 @@ declare module "@stencil/core" {
             "ix-flip-tile-content": LocalJSX.IxFlipTileContent & JSXBase.HTMLAttributes<HTMLIxFlipTileContentElement>;
             "ix-group": LocalJSX.IxGroup & JSXBase.HTMLAttributes<HTMLIxGroupElement>;
             "ix-group-context-menu": LocalJSX.IxGroupContextMenu & JSXBase.HTMLAttributes<HTMLIxGroupContextMenuElement>;
-            "ix-group-dropdown-item": LocalJSX.IxGroupDropdownItem & JSXBase.HTMLAttributes<HTMLIxGroupDropdownItemElement>;
             "ix-group-item": LocalJSX.IxGroupItem & JSXBase.HTMLAttributes<HTMLIxGroupItemElement>;
             "ix-icon-button": LocalJSX.IxIconButton & JSXBase.HTMLAttributes<HTMLIxIconButtonElement>;
             "ix-index-button": LocalJSX.IxIndexButton & JSXBase.HTMLAttributes<HTMLIxIndexButtonElement>;
@@ -4895,6 +5076,10 @@ declare module "@stencil/core" {
              */
             "ix-key-value-list": LocalJSX.IxKeyValueList & JSXBase.HTMLAttributes<HTMLIxKeyValueListElement>;
             "ix-kpi": LocalJSX.IxKpi & JSXBase.HTMLAttributes<HTMLIxKpiElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-link-button": LocalJSX.IxLinkButton & JSXBase.HTMLAttributes<HTMLIxLinkButtonElement>;
             "ix-map-navigation": LocalJSX.IxMapNavigation & JSXBase.HTMLAttributes<HTMLIxMapNavigationElement>;
             "ix-map-navigation-overlay": LocalJSX.IxMapNavigationOverlay & JSXBase.HTMLAttributes<HTMLIxMapNavigationOverlayElement>;
             "ix-menu": LocalJSX.IxMenu & JSXBase.HTMLAttributes<HTMLIxMenuElement>;
@@ -4903,13 +5088,29 @@ declare module "@stencil/core" {
             "ix-menu-about-news": LocalJSX.IxMenuAboutNews & JSXBase.HTMLAttributes<HTMLIxMenuAboutNewsElement>;
             "ix-menu-avatar": LocalJSX.IxMenuAvatar & JSXBase.HTMLAttributes<HTMLIxMenuAvatarElement>;
             "ix-menu-avatar-item": LocalJSX.IxMenuAvatarItem & JSXBase.HTMLAttributes<HTMLIxMenuAvatarItemElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-menu-category": LocalJSX.IxMenuCategory & JSXBase.HTMLAttributes<HTMLIxMenuCategoryElement>;
             "ix-menu-item": LocalJSX.IxMenuItem & JSXBase.HTMLAttributes<HTMLIxMenuItemElement>;
             "ix-menu-settings": LocalJSX.IxMenuSettings & JSXBase.HTMLAttributes<HTMLIxMenuSettingsElement>;
             "ix-menu-settings-item": LocalJSX.IxMenuSettingsItem & JSXBase.HTMLAttributes<HTMLIxMenuSettingsItemElement>;
             "ix-message-bar": LocalJSX.IxMessageBar & JSXBase.HTMLAttributes<HTMLIxMessageBarElement>;
             "ix-modal": LocalJSX.IxModal & JSXBase.HTMLAttributes<HTMLIxModalElement>;
-            "ix-modal-container": LocalJSX.IxModalContainer & JSXBase.HTMLAttributes<HTMLIxModalContainerElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-modal-content": LocalJSX.IxModalContent & JSXBase.HTMLAttributes<HTMLIxModalContentElement>;
             "ix-modal-example": LocalJSX.IxModalExample & JSXBase.HTMLAttributes<HTMLIxModalExampleElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-modal-footer": LocalJSX.IxModalFooter & JSXBase.HTMLAttributes<HTMLIxModalFooterElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-modal-header": LocalJSX.IxModalHeader & JSXBase.HTMLAttributes<HTMLIxModalHeaderElement>;
+            "ix-modal-loading": LocalJSX.IxModalLoading & JSXBase.HTMLAttributes<HTMLIxModalLoadingElement>;
             /**
              * @since 1.5.0
              */