@siemens/ix 1.6.3 → 2.0.0-beta.1

package/dist/types/components.d.ts

@@ -6,64 +6,70 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ActionCardVariant } from "./components/action-card/action-card";
+import { IxTheme } from "./components/utils/theme-switcher";
+import { Breakpoint } from "./components/utils/breakpoints";
 import { ButtonVariant } from "./components/button/button";
 import { CardVariant } from "./components/card/card";
 import { CardAccordionExpandChangeEvent } from "./components/card-accordion/card-accordion";
 import { FilterState } from "./components/category-filter/filter-state";
 import { InputState } from "./components/category-filter/input-state";
+import { ColumnSize } from "./components/col/col";
 import { ContentHeaderVariant } from "./components/content-header/content-header";
-import { CssGridTemplateType } from "./components/layout/css-grid/css-grid";
+import { CssGridTemplateType } from "./components/css-grid/css-grid";
 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";
 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 { ButtonVariant as ButtonVariant1 } from "./components/button/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 { TabClickDetail } from "./components/tab-item/tab-item";
 import { TimePickerCorners } from "./components/time-picker/time-picker";
 import { ToastConfig, ToastType } from "./components/toast/toast-utils";
 import { TypedEvent } from "./components/utils/typed-event";
 import { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model";
-import { TypographyColors, TypographyVariants } from "./components/typography/typography";
+import { TextDecoration, TypographyColors, TypographyFormat, TypographyVariants } 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";
+export { Breakpoint } from "./components/utils/breakpoints";
 export { ButtonVariant } from "./components/button/button";
 export { CardVariant } from "./components/card/card";
 export { CardAccordionExpandChangeEvent } from "./components/card-accordion/card-accordion";
 export { FilterState } from "./components/category-filter/filter-state";
 export { InputState } from "./components/category-filter/input-state";
+export { ColumnSize } from "./components/col/col";
 export { ContentHeaderVariant } from "./components/content-header/content-header";
-export { CssGridTemplateType } from "./components/layout/css-grid/css-grid";
+export { CssGridTemplateType } from "./components/css-grid/css-grid";
 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";
 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 { ButtonVariant as ButtonVariant1 } from "./components/button/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 { TabClickDetail } from "./components/tab-item/tab-item";
 export { TimePickerCorners } from "./components/time-picker/time-picker";
 export { ToastConfig, ToastType } from "./components/toast/toast-utils";
 export { TypedEvent } from "./components/utils/typed-event";
 export { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model";
-export { TypographyColors, TypographyVariants } from "./components/typography/typography";
+export { TextDecoration, TypographyColors, TypographyFormat, TypographyVariants } from "./components/typography/typography";
 export { UploadFileState } from "./components/upload/upload-file-state";
 export namespace Components {
     /**
@@ -91,26 +97,23 @@ export namespace Components {
          */
         "variant": ActionCardVariant;
     }
-    interface IxAnimatedTab {
+    interface IxApplication {
         /**
-          * Show notification number
+          * Supported layouts
          */
-        "count": number;
+        "breakpoints": Breakpoint[];
         /**
-          * Icon of the tab
+          * Change the responsive layout of the menu structure
          */
-        "icon": string;
-    }
-    interface IxAnimatedTabs {
-        "disableAnimations": boolean;
+        "forceBreakpoint": Breakpoint | undefined;
         /**
-          * Current selected tab index
+          * Application theme
          */
-        "selectedIndex": number;
+        "theme": IxTheme;
         /**
-          * Placement of the tabs
+          * Use the system appearance dark or light
          */
-        "tabPlacement": 'top' | 'bottom';
+        "themeSystemAppearance": boolean;
     }
     interface IxApplicationHeader {
         /**
@@ -118,11 +121,34 @@ export namespace Components {
          */
         "name": string;
     }
+    interface IxApplicationSidebar {
+    }
+    /**
+     * @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
          */
         "applicationName": string;
+        /**
+          * Supported layouts
+         */
+        "breakpoints": Breakpoint[];
+        /**
+          * Change the responsive layout of the menu structure
+         */
+        "forceBreakpoint": Breakpoint | undefined;
         /**
           * Hide application header. Will disable responsive feature of basic navigation.
          */
@@ -142,8 +168,18 @@ export namespace Components {
           * Label of blind
          */
         "label": string;
+        /**
+          * Secondary label inside blind header
+          * @since 2.0.0
+         */
+        "sublabel": string;
     }
     interface IxBreadcrumb {
+        /**
+          * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list with conditionally hidden previous items
+          * @since 2.0.0
+         */
+        "ariaLabelPreviousButton": string;
         /**
           * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
          */
@@ -158,22 +194,35 @@ export namespace Components {
         "visibleItemCount": number;
     }
     interface IxBreadcrumbItem {
+        "ghost": boolean;
         /**
           * Icon to be displayed next ot the label
          */
         "icon": string;
+        "isDropdownTrigger": boolean;
         /**
           * Breadcrumb label
          */
         "label": string;
+        "showChevron": boolean;
+        "visible": boolean;
     }
     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 {
+        "alignment": 'center' | 'start';
         /**
           * Disable the button
          */
@@ -183,18 +232,19 @@ export namespace Components {
          */
         "ghost": boolean;
         /**
-          * Invisible button
-          * @deprecated use ghost property
+          * Icon name
          */
-        "invisible": boolean;
+        "icon": string;
+        "iconSize": '12' | '16' | '24';
         /**
-          * Outline button
+          * Loading button
+          * @since 2.0.0
          */
-        "outline": boolean;
+        "loading": boolean;
         /**
-          * Show button as selected. Should be used with outline or ghost
+          * Outline button
          */
-        "selected": boolean;
+        "outline": boolean;
         /**
           * Type of the button
          */
@@ -275,6 +325,10 @@ export namespace Components {
       options: string[];
     };
   };
+        /**
+          * If true the filter will be in disabled state
+         */
+        "disabled": boolean;
         /**
           * A set of search criteria to populate the component with.
          */
@@ -291,11 +345,6 @@ export namespace Components {
           * The icon next to the actual text input Defaults to 'search'
          */
         "icon": string;
-        /**
-          * When set this will initially populate the component with the provided search criteria. This will trigger all input events accordingly.
-          * @deprecated Will be removed with 2.0.0. Use the member filterState instead.
-         */
-        "initialState": FilterState;
         /**
           * i18n
          */
@@ -310,6 +359,10 @@ export namespace Components {
           * Placeholder text to be displayed in an empty input field.
          */
         "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
          */
@@ -357,52 +410,46 @@ export namespace Components {
     | 'success'
     | 'custom';
     }
-    interface IxContentHeader {
+    /**
+     * @since 2.0.0
+     */
+    interface IxCol {
         /**
-          * Display a back button
+          * Size of the column
          */
-        "hasBackButton": boolean;
+        "size"?: ColumnSize;
         /**
-          * Subtitle of Header
+          * Size of the column for lg screens
          */
-        "headerSubtitle": string | undefined;
+        "sizeLg"?: ColumnSize;
         /**
-          * Title of Header
+          * Size of the column for md screens
          */
-        "headerTitle": string;
+        "sizeMd"?: ColumnSize;
         /**
-          * Variant of content header
+          * Size of the column for sm screens
          */
-        "variant": ContentHeaderVariant;
+        "sizeSm"?: ColumnSize;
     }
-    interface IxCounterPill {
-        /**
-          * Align pill content left
-         */
-        "alignLeft": boolean;
+    interface IxContent {
+    }
+    interface IxContentHeader {
         /**
-          * Custom color for pill. Only working for `variant='custom'`
+          * Display a back button
          */
-        "background": string | undefined;
+        "hasBackButton": boolean;
         /**
-          * Custom font color for pill. Only working for `variant='custom'`
+          * Subtitle of Header
          */
-        "color": string | undefined;
+        "headerSubtitle": string | undefined;
         /**
-          * Show pill as outline
+          * Title of Header
          */
-        "outline": boolean;
+        "headerTitle": string;
         /**
-          * Pill variant
+          * Variant of content header
          */
-        "variant": | 'primary'
-    | 'alarm'
-    | 'critical'
-    | 'warning'
-    | 'info'
-    | 'neutral'
-    | 'success'
-    | 'custom';
+        "variant": ContentHeaderVariant;
     }
     interface IxCssGrid {
         /**
@@ -587,16 +634,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 +661,7 @@ export namespace Components {
         /**
           * Placement of the dropdown
          */
-        "placement": Placement;
+        "placement": AlignedPlacement;
         /**
           * Position strategy
          */
@@ -633,6 +670,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 +693,8 @@ export namespace Components {
      */
     interface IxDropdownButton {
         /**
-          * Active button
+          * Active button (has no effect)
+          * @deprecated Will be removed in 3.0.0
          */
         "active": boolean;
         /**
@@ -674,11 +717,25 @@ export namespace Components {
           * Outline button
          */
         "outline": boolean;
+        /**
+          * Placement of the dropdown
+          * @since 2.0.0
+         */
+        "placement": AlignedPlacement;
         /**
           * Button variant
          */
         "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 +757,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 +818,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;
         /**
@@ -800,13 +860,13 @@ export namespace Components {
           * If true the filter chip will be in disabled state
          */
         "disabled": boolean;
-    }
-    interface IxFlipTile {
         /**
-          * Tmp property name
-          * @deprecated Will be removed in 2.0.0. Setting this property has no effect
+          * If true the filter chip will be in readonly mode
+          * @since 2.0.0
          */
-        "footer": string;
+        "readonly": boolean;
+    }
+    interface IxFlipTile {
         /**
           * Height interpreted as REM
           * @since 1.5.0
@@ -823,6 +883,33 @@ export namespace Components {
         "width": number | 'auto';
     }
     interface IxFlipTileContent {
+        /**
+          * Controls the visibility of the content
+         */
+        "contentVisible": boolean;
+    }
+    interface IxFormField {
+        /**
+          * Label
+         */
+        "label": string;
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxGrid {
+        /**
+          * Overwrite the default number of columns. Choose between 2 and 12 columns.
+         */
+        "columns": number;
+        /**
+          * The grid will not have any horizontal padding
+         */
+        "noPadding": boolean;
+        /**
+          * Remove the gap between rows
+         */
+        "noRowGap": boolean;
     }
     interface IxGroup {
         /**
@@ -856,16 +943,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,14 +987,14 @@ export namespace Components {
          */
         "ghost": boolean;
         /**
-          * Button icon
+          * Icon name
          */
         "icon": string;
         /**
-          * Button invisible
-          * @deprecated Use ghost property
+          * Loading button
+          * @since 2.0.0
          */
-        "invisible": boolean;
+        "loading": boolean;
         /**
           * Button outline
          */
@@ -926,12 +1003,9 @@ export namespace Components {
           * Button in oval shape
          */
         "oval": boolean;
-        /**
-          * Selected state only working with outline or invisible
-         */
-        "selected": boolean;
         /**
           * Size of icon in button
+          * @deprecated Only size 32 will be removed in 3.0.0
          */
         "size": '32' | '24' | '16' | '12';
         /**
@@ -943,15 +1017,42 @@ export namespace Components {
          */
         "variant": IconButtonVariant;
     }
-    interface IxIndexButton {
+    /**
+     * @since 2.0.0
+     */
+    interface IxIconToggleButton {
         /**
-          * Selection state
+          * Disable the button
          */
-        "selected": boolean;
+        "disabled": boolean;
         /**
-          * Button variant
+          * Button with no background or outline
+         */
+        "ghost": boolean;
+        /**
+          * Icon name
+         */
+        "icon": string;
+        /**
+          * Loading button
+         */
+        "loading": boolean;
+        /**
+          * Outline button
          */
-        "variant": IndexButtonVariant;
+        "outline": boolean;
+        /**
+          * Show button as pressed
+         */
+        "pressed": boolean;
+        /**
+          * Size of icon in button
+         */
+        "size": '24' | '16' | '12';
+        /**
+          * Button variant. Important: Variant 'primary' can only be combined with either outline or ghost.
+         */
+        "variant": ButtonVariant1;
     }
     interface IxInputGroup {
     }
@@ -992,6 +1093,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 +1179,24 @@ export namespace Components {
           * Show toggle between light and dark variant. Only if the provided theme have implemented both!
          */
         "enableToggleTheme": boolean;
-        /**
-          * Expand menu
-         */
         "expand": boolean;
         "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
          */
@@ -1181,6 +1303,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 +1327,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 +1337,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 +1383,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).
+          * Show a backdrop behind the modal dialog
          */
-        "backdrop": boolean | 'static';
+        "backdrop": boolean;
         /**
-          * Backdrop class
-         */
-        "backdropClass": string;
-        /**
-          * 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 +1399,62 @@ export namespace Components {
          */
         "centered": boolean;
         /**
-          * Close modal
-          * @param result
-         */
-        "close": <T = any>(result: T) => Promise<void>;
-        /**
-          * Content of modal
-         */
-        "content": HTMLElement | string;
-        /**
-          * Dismiss modal instance
-          * @param reason
+          * Close the dialog
          */
-        "dismiss": <T = any>(reason?: T) => Promise<void>;
+        "closeModal": <T = any>(reason: T) => Promise<void>;
         /**
-          * Header title
+          * Dismiss modal on backdrop click
+          * @since 2.0.0
          */
-        "headerTitle": string;
+        "closeOnBackdropClick": boolean;
         /**
-          * Optional icon displayed next to the title
+          * Dismiss the dialog
          */
-        "icon": string;
+        "dismissModal": <T = any>(reason?: T) => Promise<void>;
         /**
-          * 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
@@ -1412,6 +1551,11 @@ export namespace Components {
          */
         "variant": PushCardVariant;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxRow {
+    }
     interface IxSelect {
         /**
           * Show clear button
@@ -1457,9 +1601,15 @@ 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.
+          * @deprecated since 2.0.0. Use the `value` property instead.
+         */
+        "selectedIndices"?: string | string[];
+        /**
+          * Current selected value. This corresponds to the value property of ix-select-items
+          * @since 2.0.0
          */
-        "selectedIndices": string | string[];
+        "value"?: string | string[];
     }
     interface IxSelectItem {
         "hover": boolean;
@@ -1481,14 +1631,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 +1654,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 +1665,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 +1838,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.
          */
@@ -1722,6 +1863,39 @@ export namespace Components {
          */
         "textOn": string;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxToggleButton {
+        /**
+          * Disable the button
+         */
+        "disabled": boolean;
+        /**
+          * Button with no background or outline
+         */
+        "ghost": boolean;
+        /**
+          * Icon name
+         */
+        "icon": string;
+        /**
+          * Loading button
+         */
+        "loading": boolean;
+        /**
+          * Outline button
+         */
+        "outline": boolean;
+        /**
+          * Show button as pressed
+         */
+        "pressed": boolean;
+        /**
+          * Button variant. Important: Variant 'primary' can only be combined with either outline or ghost.
+         */
+        "variant": ButtonVariant1;
+    }
     /**
      * @since 1.4.0
      */
@@ -1782,13 +1956,29 @@ export namespace Components {
          */
         "text": string;
     }
+    /**
+     * @since 2.0.0
+     */
     interface IxTypography {
+        /**
+          * Display text bold
+         */
+        "bold": boolean;
         /**
           * Text color based on theme variables
          */
         "color": TypographyColors;
+        /**
+          * Text format
+         */
+        "format": TypographyFormat;
+        /**
+          * Text decoration
+         */
+        "textDecoration": TextDecoration;
         /**
           * Font variant based on theme variables
+          * @deprecated Use `format` property
          */
         "variant": TypographyVariants;
     }
@@ -1851,7 +2041,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 {
         /**
@@ -1864,7 +2059,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Activate navigation click
-          * @deprecated Will be changed to '@internal' in 2.0.0
          */
         "position": 'first' | 'last' | 'single' | 'undefined';
         /**
@@ -1885,11 +2079,6 @@ export namespace Components {
           * Activate navigation click
          */
         "clickable": boolean;
-        /**
-          * Select linear mode
-          * @deprecated Has no effect on component. Will get removed in 2.0.0
-         */
-        "linear": boolean;
         /**
           * Activate navigation click
          */
@@ -1902,10 +2091,6 @@ export namespace Components {
     interface MyComponent {
     }
 }
-export interface IxAnimatedTabsCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLIxAnimatedTabsElement;
-}
 export interface IxBlindCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxBlindElement;
@@ -1914,6 +2099,10 @@ export interface IxBreadcrumbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxBreadcrumbElement;
 }
+export interface IxBreadcrumbItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxBreadcrumbItemElement;
+}
 export interface IxCardAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxCardAccordionElement;
@@ -1978,6 +2167,10 @@ export interface IxGroupItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxGroupItemElement;
 }
+export interface IxIconToggleButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxIconToggleButtonElement;
+}
 export interface IxMapNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxMapNavigationElement;
@@ -2018,6 +2211,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;
@@ -2038,6 +2235,14 @@ export interface IxSplitButtonItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxSplitButtonItemElement;
 }
+export interface IxTabItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxTabItemElement;
+}
+export interface IxTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxTabsElement;
+}
 export interface IxTimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxTimePickerElement;
@@ -2050,6 +2255,10 @@ export interface IxToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxToggleElement;
 }
+export interface IxToggleButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxToggleButtonElement;
+}
 export interface IxTreeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxTreeElement;
@@ -2080,17 +2289,11 @@ declare global {
         prototype: HTMLIxActionCardElement;
         new (): HTMLIxActionCardElement;
     };
-    interface HTMLIxAnimatedTabElement extends Components.IxAnimatedTab, HTMLStencilElement {
-    }
-    var HTMLIxAnimatedTabElement: {
-        prototype: HTMLIxAnimatedTabElement;
-        new (): HTMLIxAnimatedTabElement;
-    };
-    interface HTMLIxAnimatedTabsElement extends Components.IxAnimatedTabs, HTMLStencilElement {
+    interface HTMLIxApplicationElement extends Components.IxApplication, HTMLStencilElement {
     }
-    var HTMLIxAnimatedTabsElement: {
-        prototype: HTMLIxAnimatedTabsElement;
-        new (): HTMLIxAnimatedTabsElement;
+    var HTMLIxApplicationElement: {
+        prototype: HTMLIxApplicationElement;
+        new (): HTMLIxApplicationElement;
     };
     interface HTMLIxApplicationHeaderElement extends Components.IxApplicationHeader, HTMLStencilElement {
     }
@@ -2098,6 +2301,21 @@ declare global {
         prototype: HTMLIxApplicationHeaderElement;
         new (): HTMLIxApplicationHeaderElement;
     };
+    interface HTMLIxApplicationSidebarElement extends Components.IxApplicationSidebar, HTMLStencilElement {
+    }
+    var HTMLIxApplicationSidebarElement: {
+        prototype: HTMLIxApplicationSidebarElement;
+        new (): HTMLIxApplicationSidebarElement;
+    };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxAvatarElement extends Components.IxAvatar, HTMLStencilElement {
+    }
+    var HTMLIxAvatarElement: {
+        prototype: HTMLIxAvatarElement;
+        new (): HTMLIxAvatarElement;
+    };
     interface HTMLIxBasicNavigationElement extends Components.IxBasicNavigation, HTMLStencilElement {
     }
     var HTMLIxBasicNavigationElement: {
@@ -2191,18 +2409,27 @@ declare global {
         prototype: HTMLIxChipElement;
         new (): HTMLIxChipElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxColElement extends Components.IxCol, HTMLStencilElement {
+    }
+    var HTMLIxColElement: {
+        prototype: HTMLIxColElement;
+        new (): HTMLIxColElement;
+    };
+    interface HTMLIxContentElement extends Components.IxContent, HTMLStencilElement {
+    }
+    var HTMLIxContentElement: {
+        prototype: HTMLIxContentElement;
+        new (): HTMLIxContentElement;
+    };
     interface HTMLIxContentHeaderElement extends Components.IxContentHeader, HTMLStencilElement {
     }
     var HTMLIxContentHeaderElement: {
         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 +2490,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: {
@@ -2323,6 +2559,21 @@ declare global {
         prototype: HTMLIxFlipTileContentElement;
         new (): HTMLIxFlipTileContentElement;
     };
+    interface HTMLIxFormFieldElement extends Components.IxFormField, HTMLStencilElement {
+    }
+    var HTMLIxFormFieldElement: {
+        prototype: HTMLIxFormFieldElement;
+        new (): HTMLIxFormFieldElement;
+    };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxGridElement extends Components.IxGrid, HTMLStencilElement {
+    }
+    var HTMLIxGridElement: {
+        prototype: HTMLIxGridElement;
+        new (): HTMLIxGridElement;
+    };
     interface HTMLIxGroupElement extends Components.IxGroup, HTMLStencilElement {
     }
     var HTMLIxGroupElement: {
@@ -2335,12 +2586,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: {
@@ -2353,11 +2598,14 @@ declare global {
         prototype: HTMLIxIconButtonElement;
         new (): HTMLIxIconButtonElement;
     };
-    interface HTMLIxIndexButtonElement extends Components.IxIndexButton, HTMLStencilElement {
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxIconToggleButtonElement extends Components.IxIconToggleButton, HTMLStencilElement {
     }
-    var HTMLIxIndexButtonElement: {
-        prototype: HTMLIxIndexButtonElement;
-        new (): HTMLIxIndexButtonElement;
+    var HTMLIxIconToggleButtonElement: {
+        prototype: HTMLIxIconToggleButtonElement;
+        new (): HTMLIxIconToggleButtonElement;
     };
     interface HTMLIxInputGroupElement extends Components.IxInputGroup, HTMLStencilElement {
     }
@@ -2389,6 +2637,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 +2694,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 +2733,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 +2748,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
      */
@@ -2503,6 +2796,15 @@ declare global {
         prototype: HTMLIxPushCardElement;
         new (): HTMLIxPushCardElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxRowElement extends Components.IxRow, HTMLStencilElement {
+    }
+    var HTMLIxRowElement: {
+        prototype: HTMLIxRowElement;
+        new (): HTMLIxRowElement;
+    };
     interface HTMLIxSelectElement extends Components.IxSelect, HTMLStencilElement {
     }
     var HTMLIxSelectElement: {
@@ -2575,6 +2877,15 @@ declare global {
         prototype: HTMLIxToggleElement;
         new (): HTMLIxToggleElement;
     };
+    /**
+     * @since 2.0.0
+     */
+    interface HTMLIxToggleButtonElement extends Components.IxToggleButton, HTMLStencilElement {
+    }
+    var HTMLIxToggleButtonElement: {
+        prototype: HTMLIxToggleButtonElement;
+        new (): HTMLIxToggleButtonElement;
+    };
     /**
      * @since 1.4.0
      */
@@ -2596,6 +2907,9 @@ declare global {
         prototype: HTMLIxTreeItemElement;
         new (): HTMLIxTreeItemElement;
     };
+    /**
+     * @since 2.0.0
+     */
     interface HTMLIxTypographyElement extends Components.IxTypography, HTMLStencilElement {
     }
     var HTMLIxTypographyElement: {
@@ -2634,9 +2948,10 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "ix-action-card": HTMLIxActionCardElement;
-        "ix-animated-tab": HTMLIxAnimatedTabElement;
-        "ix-animated-tabs": HTMLIxAnimatedTabsElement;
+        "ix-application": HTMLIxApplicationElement;
         "ix-application-header": HTMLIxApplicationHeaderElement;
+        "ix-application-sidebar": HTMLIxApplicationSidebarElement;
+        "ix-avatar": HTMLIxAvatarElement;
         "ix-basic-navigation": HTMLIxBasicNavigationElement;
         "ix-blind": HTMLIxBlindElement;
         "ix-breadcrumb": HTMLIxBreadcrumbElement;
@@ -2650,8 +2965,9 @@ declare global {
         "ix-card-title": HTMLIxCardTitleElement;
         "ix-category-filter": HTMLIxCategoryFilterElement;
         "ix-chip": HTMLIxChipElement;
+        "ix-col": HTMLIxColElement;
+        "ix-content": HTMLIxContentElement;
         "ix-content-header": HTMLIxContentHeaderElement;
-        "ix-counter-pill": HTMLIxCounterPillElement;
         "ix-css-grid": HTMLIxCssGridElement;
         "ix-css-grid-item": HTMLIxCssGridItemElement;
         "ix-date-picker": HTMLIxDatePickerElement;
@@ -2661,6 +2977,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;
@@ -2670,16 +2987,18 @@ declare global {
         "ix-filter-chip": HTMLIxFilterChipElement;
         "ix-flip-tile": HTMLIxFlipTileElement;
         "ix-flip-tile-content": HTMLIxFlipTileContentElement;
+        "ix-form-field": HTMLIxFormFieldElement;
+        "ix-grid": HTMLIxGridElement;
         "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;
+        "ix-icon-toggle-button": HTMLIxIconToggleButtonElement;
         "ix-input-group": HTMLIxInputGroupElement;
         "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,16 +3007,21 @@ 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;
+        "ix-row": HTMLIxRowElement;
         "ix-select": HTMLIxSelectElement;
         "ix-select-item": HTMLIxSelectItemElement;
         "ix-spinner": HTMLIxSpinnerElement;
@@ -2710,6 +3034,7 @@ declare global {
         "ix-toast": HTMLIxToastElement;
         "ix-toast-container": HTMLIxToastContainerElement;
         "ix-toggle": HTMLIxToggleElement;
+        "ix-toggle-button": HTMLIxToggleButtonElement;
         "ix-tooltip": HTMLIxTooltipElement;
         "ix-tree": HTMLIxTreeElement;
         "ix-tree-item": HTMLIxTreeItemElement;
@@ -2747,29 +3072,23 @@ declare namespace LocalJSX {
          */
         "variant"?: ActionCardVariant;
     }
-    interface IxAnimatedTab {
+    interface IxApplication {
         /**
-          * Show notification number
+          * Supported layouts
          */
-        "count"?: number;
+        "breakpoints"?: Breakpoint[];
         /**
-          * Icon of the tab
+          * Change the responsive layout of the menu structure
          */
-        "icon"?: string;
-    }
-    interface IxAnimatedTabs {
+        "forceBreakpoint"?: Breakpoint | undefined;
         /**
-          * Tab navigated
+          * Application theme
          */
-        "onTabClick"?: (event: IxAnimatedTabsCustomEvent<any>) => void;
+        "theme"?: IxTheme;
         /**
-          * Current selected tab index
+          * Use the system appearance dark or light
          */
-        "selectedIndex"?: number;
-        /**
-          * Placement of the tabs
-         */
-        "tabPlacement"?: 'top' | 'bottom';
+        "themeSystemAppearance"?: boolean;
     }
     interface IxApplicationHeader {
         /**
@@ -2777,11 +3096,34 @@ declare namespace LocalJSX {
          */
         "name"?: string;
     }
+    interface IxApplicationSidebar {
+    }
+    /**
+     * @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
          */
         "applicationName"?: string;
+        /**
+          * Supported layouts
+         */
+        "breakpoints"?: Breakpoint[];
+        /**
+          * Change the responsive layout of the menu structure
+         */
+        "forceBreakpoint"?: Breakpoint | undefined;
         /**
           * Hide application header. Will disable responsive feature of basic navigation.
          */
@@ -2805,8 +3147,18 @@ declare namespace LocalJSX {
           * Collapsed state changed
          */
         "onCollapsedChange"?: (event: IxBlindCustomEvent<boolean>) => void;
+        /**
+          * Secondary label inside blind header
+          * @since 2.0.0
+         */
+        "sublabel"?: string;
     }
     interface IxBreadcrumb {
+        /**
+          * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list with conditionally hidden previous items
+          * @since 2.0.0
+         */
+        "ariaLabelPreviousButton"?: string;
         /**
           * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
          */
@@ -2840,9 +3192,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 {
         /**
@@ -2854,18 +3214,18 @@ declare namespace LocalJSX {
          */
         "ghost"?: boolean;
         /**
-          * Invisible button
-          * @deprecated use ghost property
+          * Icon name
          */
-        "invisible"?: boolean;
+        "icon"?: string;
         /**
-          * Outline button
+          * Loading button
+          * @since 2.0.0
          */
-        "outline"?: boolean;
+        "loading"?: boolean;
         /**
-          * Show button as selected. Should be used with outline or ghost
+          * Outline button
          */
-        "selected"?: boolean;
+        "outline"?: boolean;
         /**
           * Type of the button
          */
@@ -2958,6 +3318,10 @@ declare namespace LocalJSX {
       options: string[];
     };
   };
+        /**
+          * If true the filter will be in disabled state
+         */
+        "disabled"?: boolean;
         /**
           * A set of search criteria to populate the component with.
          */
@@ -2974,11 +3338,6 @@ declare namespace LocalJSX {
           * The icon next to the actual text input Defaults to 'search'
          */
         "icon"?: string;
-        /**
-          * When set this will initially populate the component with the provided search criteria. This will trigger all input events accordingly.
-          * @deprecated Will be removed with 2.0.0. Use the member filterState instead.
-         */
-        "initialState"?: FilterState;
         /**
           * i18n
          */
@@ -2989,6 +3348,10 @@ declare namespace LocalJSX {
         "nonSelectableCategories"?: {
     [id: string]: string;
   };
+        /**
+          * Event dispatched whenever the a category gets selected in the dropdown
+         */
+        "onCategoryChanged"?: (event: IxCategoryFilterCustomEvent<string>) => void;
         /**
           * Event dispatched whenever the filter state changes.
          */
@@ -3001,6 +3364,10 @@ declare namespace LocalJSX {
           * Placeholder text to be displayed in an empty input field.
          */
         "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
          */
@@ -3057,6 +3424,29 @@ declare namespace LocalJSX {
     | 'success'
     | 'custom';
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxCol {
+        /**
+          * Size of the column
+         */
+        "size"?: ColumnSize;
+        /**
+          * Size of the column for lg screens
+         */
+        "sizeLg"?: ColumnSize;
+        /**
+          * Size of the column for md screens
+         */
+        "sizeMd"?: ColumnSize;
+        /**
+          * Size of the column for sm screens
+         */
+        "sizeSm"?: ColumnSize;
+    }
+    interface IxContent {
+    }
     interface IxContentHeader {
         /**
           * Display a back button
@@ -3079,35 +3469,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 +3690,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 +3709,7 @@ declare namespace LocalJSX {
         /**
           * Placement of the dropdown
          */
-        "placement"?: Placement;
+        "placement"?: AlignedPlacement;
         /**
           * Position strategy
          */
@@ -3367,6 +3718,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 +3733,8 @@ declare namespace LocalJSX {
      */
     interface IxDropdownButton {
         /**
-          * Active button
+          * Active button (has no effect)
+          * @deprecated Will be removed in 3.0.0
          */
         "active"?: boolean;
         /**
@@ -3400,11 +3757,25 @@ declare namespace LocalJSX {
           * Outline button
          */
         "outline"?: boolean;
+        /**
+          * Placement of the dropdown
+          * @since 2.0.0
+         */
+        "placement"?: AlignedPlacement;
         /**
           * Button variant
          */
         "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 +3860,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;
         /**
@@ -3542,13 +3914,13 @@ declare namespace LocalJSX {
           * Close clicked
          */
         "onCloseClick"?: (event: IxFilterChipCustomEvent<void>) => void;
-    }
-    interface IxFlipTile {
         /**
-          * Tmp property name
-          * @deprecated Will be removed in 2.0.0. Setting this property has no effect
+          * If true the filter chip will be in readonly mode
+          * @since 2.0.0
          */
-        "footer"?: string;
+        "readonly"?: boolean;
+    }
+    interface IxFlipTile {
         /**
           * Height interpreted as REM
           * @since 1.5.0
@@ -3566,6 +3938,29 @@ declare namespace LocalJSX {
     }
     interface IxFlipTileContent {
     }
+    interface IxFormField {
+        /**
+          * Label
+         */
+        "label"?: string;
+    }
+    /**
+     * @since 2.0.0
+     */
+    interface IxGrid {
+        /**
+          * Overwrite the default number of columns. Choose between 2 and 12 columns.
+         */
+        "columns"?: number;
+        /**
+          * The grid will not have any horizontal padding
+         */
+        "noPadding"?: boolean;
+        /**
+          * Remove the gap between rows
+         */
+        "noRowGap"?: boolean;
+    }
     interface IxGroup {
         /**
           * Whether the group is collapsed or expanded. Defaults to true.
@@ -3610,16 +4005,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,14 +4053,14 @@ declare namespace LocalJSX {
          */
         "ghost"?: boolean;
         /**
-          * Button icon
+          * Icon name
          */
         "icon"?: string;
         /**
-          * Button invisible
-          * @deprecated Use ghost property
+          * Loading button
+          * @since 2.0.0
          */
-        "invisible"?: boolean;
+        "loading"?: boolean;
         /**
           * Button outline
          */
@@ -3684,12 +4069,9 @@ declare namespace LocalJSX {
           * Button in oval shape
          */
         "oval"?: boolean;
-        /**
-          * Selected state only working with outline or invisible
-         */
-        "selected"?: boolean;
         /**
           * Size of icon in button
+          * @deprecated Only size 32 will be removed in 3.0.0
          */
         "size"?: '32' | '24' | '16' | '12';
         /**
@@ -3701,15 +4083,46 @@ declare namespace LocalJSX {
          */
         "variant"?: IconButtonVariant;
     }
-    interface IxIndexButton {
+    /**
+     * @since 2.0.0
+     */
+    interface IxIconToggleButton {
         /**
-          * Selection state
+          * Disable the button
          */
-        "selected"?: boolean;
+        "disabled"?: boolean;
         /**
-          * Button variant
+          * Button with no background or outline
+         */
+        "ghost"?: boolean;
+        /**
+          * Icon name
+         */
+        "icon"?: string;
+        /**
+          * Loading button
+         */
+        "loading"?: boolean;
+        /**
+          * Pressed change event
+         */
+        "onPressedChange"?: (event: IxIconToggleButtonCustomEvent<boolean>) => void;
+        /**
+          * Outline button
+         */
+        "outline"?: boolean;
+        /**
+          * Show button as pressed
+         */
+        "pressed"?: boolean;
+        /**
+          * Size of icon in button
+         */
+        "size"?: '24' | '16' | '12';
+        /**
+          * Button variant. Important: Variant 'primary' can only be combined with either outline or ghost.
          */
-        "variant"?: IndexButtonVariant;
+        "variant"?: ButtonVariant1;
     }
     interface IxInputGroup {
     }
@@ -3750,6 +4163,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 +4241,14 @@ declare namespace LocalJSX {
           * Show toggle between light and dark variant. Only if the provided theme have implemented both!
          */
         "enableToggleTheme"?: boolean;
-        /**
-          * Expand menu
-         */
         "expand"?: boolean;
         "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 +4263,10 @@ declare namespace LocalJSX {
           * Map Sidebar expanded
          */
         "onMapExpandChange"?: (event: IxMenuCustomEvent<boolean>) => void;
+        /**
+          * Menu stays pinned to the left
+         */
+        "pinned"?: boolean;
         /**
           * Is about tab visible
          */
@@ -3854,7 +4288,10 @@ declare namespace LocalJSX {
         /**
           * About and Legal closed
          */
-        "onClose"?: (event: IxMenuAboutCustomEvent<MouseEvent>) => void;
+        "onClose"?: (event: IxMenuAboutCustomEvent<{
+    nativeEvent: MouseEvent;
+    name: string;
+  }>) => void;
         /**
           * Internal
          */
@@ -3939,6 +4376,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 +4400,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 +4410,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 +4436,10 @@ declare namespace LocalJSX {
         /**
           * Popover closed
          */
-        "onClose"?: (event: IxMenuSettingsCustomEvent<MouseEvent>) => void;
+        "onClose"?: (event: IxMenuSettingsCustomEvent<{
+    nativeEvent: MouseEvent;
+    name: string;
+  }>) => void;
         /**
           * Internal
          */
@@ -4006,21 +4467,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 +4483,62 @@ declare namespace LocalJSX {
          */
         "centered"?: boolean;
         /**
-          * Content of modal
-         */
-        "content"?: HTMLElement | string;
-        /**
-          * Header title
-         */
-        "headerTitle"?: string;
-        /**
-          * Optional icon displayed next to the title
+          * Dismiss modal on backdrop click
+          * @since 2.0.0
          */
-        "icon"?: string;
+        "closeOnBackdropClick"?: boolean;
         /**
-          * Color of the header {@see ix-icon}
+          * Use ESC to dismiss the modal
          */
-        "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
@@ -4179,6 +4643,11 @@ declare namespace LocalJSX {
          */
         "variant"?: PushCardVariant;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxRow {
+    }
     interface IxSelect {
         /**
           * Show clear button
@@ -4223,18 +4692,35 @@ 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
+          * @deprecated since 2.0.0. Use `valueChange` instead.
+         */
+        "onItemSelectionChange"?: (event: IxSelectCustomEvent<string[]>) => void;
+        /**
+          * Value changed
+          * @since 2.0.0
          */
-        "onItemSelectionChange"?: (event: IxSelectCustomEvent<string | string[]>) => void;
+        "onValueChange"?: (event: IxSelectCustomEvent<string | string[]>) => void;
         /**
           * If true the select will be in readonly mode
          */
         "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.
+          * @deprecated since 2.0.0. Use the `value` property instead.
          */
         "selectedIndices"?: string | string[];
+        /**
+          * Current selected value. This corresponds to the value property of ix-select-items
+          * @since 2.0.0
+         */
+        "value"?: string | string[];
     }
     interface IxSelectItem {
         /**
@@ -4258,11 +4744,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 +4763,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 +4778,9 @@ declare namespace LocalJSX {
         /**
           * Placement of the dropdown
          */
-        "placement"?: Placement;
+        "placement"?: AlignedPlacement;
         /**
-          * Splitbutton icon
+          * Icon of the button on the right
          */
         "splitIcon"?: string;
         /**
@@ -4338,6 +4819,11 @@ declare namespace LocalJSX {
           * Set layout width style
          */
         "layout"?: 'auto' | 'stretched';
+        /**
+          * On tab click
+          * @since 2.0.0
+         */
+        "onTabClick"?: (event: IxTabItemCustomEvent<TabClickDetail>) => void;
         /**
           * Set selected placement
          */
@@ -4360,6 +4846,11 @@ declare namespace LocalJSX {
           * Set layout width style
          */
         "layout"?: 'auto' | 'stretched';
+        /**
+          * `selected` property changed
+          * @since 2.0.0
+         */
+        "onSelectedChange"?: (event: IxTabsCustomEvent<number>) => void;
         /**
           * Set placement style
          */
@@ -4477,11 +4968,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.
          */
@@ -4511,6 +4997,43 @@ declare namespace LocalJSX {
          */
         "textOn"?: string;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxToggleButton {
+        /**
+          * Disable the button
+         */
+        "disabled"?: boolean;
+        /**
+          * Button with no background or outline
+         */
+        "ghost"?: boolean;
+        /**
+          * Icon name
+         */
+        "icon"?: string;
+        /**
+          * Loading button
+         */
+        "loading"?: boolean;
+        /**
+          * Pressed change event
+         */
+        "onPressedChange"?: (event: IxToggleButtonCustomEvent<boolean>) => void;
+        /**
+          * Outline button
+         */
+        "outline"?: boolean;
+        /**
+          * Show button as pressed
+         */
+        "pressed"?: boolean;
+        /**
+          * Button variant. Important: Variant 'primary' can only be combined with either outline or ghost.
+         */
+        "variant"?: ButtonVariant1;
+    }
     /**
      * @since 1.4.0
      */
@@ -4597,15 +5120,26 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
+    /**
+     * @since 2.0.0
+     */
     interface IxTypography {
+        /**
+          * Display text bold
+         */
+        "bold"?: boolean;
         /**
           * Text color based on theme variables
          */
         "color"?: TypographyColors;
         /**
-          * Font variant based on theme variables
+          * Text format
+         */
+        "format"?: TypographyFormat;
+        /**
+          * Text decoration
          */
-        "variant"?: TypographyVariants;
+        "textDecoration"?: TextDecoration;
     }
     interface IxUpload {
         /**
@@ -4665,7 +5199,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 {
         /**
@@ -4676,11 +5215,6 @@ declare namespace LocalJSX {
           * Set disabled
          */
         "disabled"?: boolean;
-        /**
-          * Activate navigation click
-          * @deprecated Will be changed to '@internal' in 2.0.0
-         */
-        "position"?: 'first' | 'last' | 'single' | 'undefined';
         /**
           * Set selected
          */
@@ -4699,11 +5233,6 @@ declare namespace LocalJSX {
           * Activate navigation click
          */
         "clickable"?: boolean;
-        /**
-          * Select linear mode
-          * @deprecated Has no effect on component. Will get removed in 2.0.0
-         */
-        "linear"?: boolean;
         /**
           * On step selected event
          */
@@ -4721,9 +5250,10 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "ix-action-card": IxActionCard;
-        "ix-animated-tab": IxAnimatedTab;
-        "ix-animated-tabs": IxAnimatedTabs;
+        "ix-application": IxApplication;
         "ix-application-header": IxApplicationHeader;
+        "ix-application-sidebar": IxApplicationSidebar;
+        "ix-avatar": IxAvatar;
         "ix-basic-navigation": IxBasicNavigation;
         "ix-blind": IxBlind;
         "ix-breadcrumb": IxBreadcrumb;
@@ -4737,8 +5267,9 @@ declare namespace LocalJSX {
         "ix-card-title": IxCardTitle;
         "ix-category-filter": IxCategoryFilter;
         "ix-chip": IxChip;
+        "ix-col": IxCol;
+        "ix-content": IxContent;
         "ix-content-header": IxContentHeader;
-        "ix-counter-pill": IxCounterPill;
         "ix-css-grid": IxCssGrid;
         "ix-css-grid-item": IxCssGridItem;
         "ix-date-picker": IxDatePicker;
@@ -4748,6 +5279,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;
@@ -4757,16 +5289,18 @@ declare namespace LocalJSX {
         "ix-filter-chip": IxFilterChip;
         "ix-flip-tile": IxFlipTile;
         "ix-flip-tile-content": IxFlipTileContent;
+        "ix-form-field": IxFormField;
+        "ix-grid": IxGrid;
         "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;
+        "ix-icon-toggle-button": IxIconToggleButton;
         "ix-input-group": IxInputGroup;
         "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,16 +5309,21 @@ 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;
+        "ix-row": IxRow;
         "ix-select": IxSelect;
         "ix-select-item": IxSelectItem;
         "ix-spinner": IxSpinner;
@@ -4797,6 +5336,7 @@ declare namespace LocalJSX {
         "ix-toast": IxToast;
         "ix-toast-container": IxToastContainer;
         "ix-toggle": IxToggle;
+        "ix-toggle-button": IxToggleButton;
         "ix-tooltip": IxTooltip;
         "ix-tree": IxTree;
         "ix-tree-item": IxTreeItem;
@@ -4816,9 +5356,13 @@ declare module "@stencil/core" {
              * @since 1.6.0
              */
             "ix-action-card": LocalJSX.IxActionCard & JSXBase.HTMLAttributes<HTMLIxActionCardElement>;
-            "ix-animated-tab": LocalJSX.IxAnimatedTab & JSXBase.HTMLAttributes<HTMLIxAnimatedTabElement>;
-            "ix-animated-tabs": LocalJSX.IxAnimatedTabs & JSXBase.HTMLAttributes<HTMLIxAnimatedTabsElement>;
+            "ix-application": LocalJSX.IxApplication & JSXBase.HTMLAttributes<HTMLIxApplicationElement>;
             "ix-application-header": LocalJSX.IxApplicationHeader & JSXBase.HTMLAttributes<HTMLIxApplicationHeaderElement>;
+            "ix-application-sidebar": LocalJSX.IxApplicationSidebar & JSXBase.HTMLAttributes<HTMLIxApplicationSidebarElement>;
+            /**
+             * @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>;
@@ -4847,8 +5391,12 @@ declare module "@stencil/core" {
             "ix-card-title": LocalJSX.IxCardTitle & JSXBase.HTMLAttributes<HTMLIxCardTitleElement>;
             "ix-category-filter": LocalJSX.IxCategoryFilter & JSXBase.HTMLAttributes<HTMLIxCategoryFilterElement>;
             "ix-chip": LocalJSX.IxChip & JSXBase.HTMLAttributes<HTMLIxChipElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-col": LocalJSX.IxCol & JSXBase.HTMLAttributes<HTMLIxColElement>;
+            "ix-content": LocalJSX.IxContent & JSXBase.HTMLAttributes<HTMLIxContentElement>;
             "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 +5412,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
@@ -4879,12 +5431,19 @@ declare module "@stencil/core" {
             "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>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-grid": LocalJSX.IxGrid & JSXBase.HTMLAttributes<HTMLIxGridElement>;
             "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>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-icon-toggle-button": LocalJSX.IxIconToggleButton & JSXBase.HTMLAttributes<HTMLIxIconToggleButtonElement>;
             "ix-input-group": LocalJSX.IxInputGroup & JSXBase.HTMLAttributes<HTMLIxInputGroupElement>;
             /**
              * @since 1.6.0
@@ -4895,6 +5454,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 +5466,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
              */
@@ -4919,6 +5498,10 @@ declare module "@stencil/core" {
              * @since 1.6.0
              */
             "ix-push-card": LocalJSX.IxPushCard & JSXBase.HTMLAttributes<HTMLIxPushCardElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-row": LocalJSX.IxRow & JSXBase.HTMLAttributes<HTMLIxRowElement>;
             "ix-select": LocalJSX.IxSelect & JSXBase.HTMLAttributes<HTMLIxSelectElement>;
             "ix-select-item": LocalJSX.IxSelectItem & JSXBase.HTMLAttributes<HTMLIxSelectItemElement>;
             "ix-spinner": LocalJSX.IxSpinner & JSXBase.HTMLAttributes<HTMLIxSpinnerElement>;
@@ -4931,12 +5514,19 @@ declare module "@stencil/core" {
             "ix-toast": LocalJSX.IxToast & JSXBase.HTMLAttributes<HTMLIxToastElement>;
             "ix-toast-container": LocalJSX.IxToastContainer & JSXBase.HTMLAttributes<HTMLIxToastContainerElement>;
             "ix-toggle": LocalJSX.IxToggle & JSXBase.HTMLAttributes<HTMLIxToggleElement>;
+            /**
+             * @since 2.0.0
+             */
+            "ix-toggle-button": LocalJSX.IxToggleButton & JSXBase.HTMLAttributes<HTMLIxToggleButtonElement>;
             /**
              * @since 1.4.0
              */
             "ix-tooltip": LocalJSX.IxTooltip & JSXBase.HTMLAttributes<HTMLIxTooltipElement>;
             "ix-tree": LocalJSX.IxTree & JSXBase.HTMLAttributes<HTMLIxTreeElement>;
             "ix-tree-item": LocalJSX.IxTreeItem & JSXBase.HTMLAttributes<HTMLIxTreeItemElement>;
+            /**
+             * @since 2.0.0
+             */
             "ix-typography": LocalJSX.IxTypography & JSXBase.HTMLAttributes<HTMLIxTypographyElement>;
             "ix-upload": LocalJSX.IxUpload & JSXBase.HTMLAttributes<HTMLIxUploadElement>;
             "ix-validation-tooltip": LocalJSX.IxValidationTooltip & JSXBase.HTMLAttributes<HTMLIxValidationTooltipElement>;