@siemens/ix 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/types/components.d.ts

@@ -6,14 +6,16 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ActionCardVariant } from "./components/action-card/action-card";
-import { Mode } from "./components/utils/screen/mode";
+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";
@@ -24,26 +26,29 @@ import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-but
 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 { 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 { Mode } from "./components/utils/screen/mode";
+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";
@@ -54,16 +59,17 @@ export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-but
 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 { 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,34 +97,32 @@ 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 {
-        "mode": Mode;
         /**
           * Application name
          */
         "name": string;
     }
+    interface IxApplicationSidebar {
+    }
     /**
      * @since 2.0.0
      */
@@ -137,6 +141,14 @@ export namespace Components {
           * 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.
          */
@@ -156,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)
          */
@@ -172,14 +194,18 @@ 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 {
         /**
@@ -196,6 +222,7 @@ export namespace Components {
         "pinned": boolean;
     }
     interface IxButton {
+        "alignment": 'center' | 'start';
         /**
           * Disable the button
          */
@@ -208,11 +235,7 @@ export namespace Components {
           * Icon name
          */
         "icon": string;
-        /**
-          * Invisible button
-          * @deprecated use ghost property
-         */
-        "invisible": boolean;
+        "iconSize": '12' | '16' | '24';
         /**
           * Loading button
           * @since 2.0.0
@@ -222,10 +245,6 @@ export namespace Components {
           * Outline button
          */
         "outline": boolean;
-        /**
-          * Show button as selected. Should be used with outline or ghost
-         */
-        "selected": boolean;
         /**
           * Type of the button
          */
@@ -306,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.
          */
@@ -322,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
          */
@@ -341,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
          */
@@ -388,6 +410,29 @@ export namespace Components {
     | '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
@@ -672,6 +717,11 @@ export namespace Components {
           * Outline button
          */
         "outline": boolean;
+        /**
+          * Placement of the dropdown
+          * @since 2.0.0
+         */
+        "placement": AlignedPlacement;
         /**
           * Button variant
          */
@@ -810,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
@@ -833,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 {
         /**
@@ -913,11 +990,6 @@ export namespace Components {
           * Icon name
          */
         "icon": string;
-        /**
-          * Button invisible
-          * @deprecated Use ghost property
-         */
-        "invisible": boolean;
         /**
           * Loading button
           * @since 2.0.0
@@ -931,10 +1003,6 @@ 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
@@ -949,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
          */
-        "variant": IndexButtonVariant;
+        "ghost": boolean;
+        /**
+          * Icon name
+         */
+        "icon": string;
+        /**
+          * Loading button
+         */
+        "loading": boolean;
+        /**
+          * 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": ButtonVariant1;
     }
     interface IxInputGroup {
     }
@@ -1085,10 +1180,6 @@ export namespace Components {
          */
         "enableToggleTheme": boolean;
         "expand": boolean;
-        /**
-          * Change the responsive layout of the menu structure
-         */
-        "forceLayout": Mode | undefined;
         "i18nCollapse": string;
         "i18nExpand": string;
         /**
@@ -1114,10 +1205,6 @@ export namespace Components {
           * Is settings tab visible
          */
         "showSettings": boolean;
-        /**
-          * Supported layouts
-         */
-        "supportedModes": Mode[];
         /**
           * Toggle About tabs
           * @param show
@@ -1464,6 +1551,11 @@ export namespace Components {
          */
         "variant": PushCardVariant;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxRow {
+    }
     interface IxSelect {
         /**
           * Show clear button
@@ -1509,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 necessarily 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;
@@ -1765,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
      */
@@ -1825,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;
     }
@@ -1912,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';
         /**
@@ -1933,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
          */
@@ -1950,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;
@@ -1962,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;
@@ -2026,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;
@@ -2090,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;
@@ -2102,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;
@@ -2132,17 +2289,11 @@ declare global {
         prototype: HTMLIxActionCardElement;
         new (): HTMLIxActionCardElement;
     };
-    interface HTMLIxAnimatedTabElement extends Components.IxAnimatedTab, HTMLStencilElement {
+    interface HTMLIxApplicationElement extends Components.IxApplication, HTMLStencilElement {
     }
-    var HTMLIxAnimatedTabElement: {
-        prototype: HTMLIxAnimatedTabElement;
-        new (): HTMLIxAnimatedTabElement;
-    };
-    interface HTMLIxAnimatedTabsElement extends Components.IxAnimatedTabs, HTMLStencilElement {
-    }
-    var HTMLIxAnimatedTabsElement: {
-        prototype: HTMLIxAnimatedTabsElement;
-        new (): HTMLIxAnimatedTabsElement;
+    var HTMLIxApplicationElement: {
+        prototype: HTMLIxApplicationElement;
+        new (): HTMLIxApplicationElement;
     };
     interface HTMLIxApplicationHeaderElement extends Components.IxApplicationHeader, HTMLStencilElement {
     }
@@ -2150,6 +2301,12 @@ declare global {
         prototype: HTMLIxApplicationHeaderElement;
         new (): HTMLIxApplicationHeaderElement;
     };
+    interface HTMLIxApplicationSidebarElement extends Components.IxApplicationSidebar, HTMLStencilElement {
+    }
+    var HTMLIxApplicationSidebarElement: {
+        prototype: HTMLIxApplicationSidebarElement;
+        new (): HTMLIxApplicationSidebarElement;
+    };
     /**
      * @since 2.0.0
      */
@@ -2252,6 +2409,21 @@ 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: {
@@ -2387,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: {
@@ -2411,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 {
     }
@@ -2606,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: {
@@ -2678,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
      */
@@ -2699,6 +2907,9 @@ declare global {
         prototype: HTMLIxTreeItemElement;
         new (): HTMLIxTreeItemElement;
     };
+    /**
+     * @since 2.0.0
+     */
     interface HTMLIxTypographyElement extends Components.IxTypography, HTMLStencilElement {
     }
     var HTMLIxTypographyElement: {
@@ -2737,9 +2948,9 @@ 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;
@@ -2754,6 +2965,8 @@ declare global {
         "ix-card-title": HTMLIxCardTitleElement;
         "ix-category-filter": HTMLIxCategoryFilterElement;
         "ix-chip": HTMLIxChipElement;
+        "ix-col": HTMLIxColElement;
+        "ix-content": HTMLIxContentElement;
         "ix-content-header": HTMLIxContentHeaderElement;
         "ix-css-grid": HTMLIxCssGridElement;
         "ix-css-grid-item": HTMLIxCssGridItemElement;
@@ -2774,11 +2987,13 @@ 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-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;
@@ -2806,6 +3021,7 @@ declare global {
         "ix-pagination": HTMLIxPaginationElement;
         "ix-pill": HTMLIxPillElement;
         "ix-push-card": HTMLIxPushCardElement;
+        "ix-row": HTMLIxRowElement;
         "ix-select": HTMLIxSelectElement;
         "ix-select-item": HTMLIxSelectItemElement;
         "ix-spinner": HTMLIxSpinnerElement;
@@ -2818,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;
@@ -2855,29 +3072,23 @@ declare namespace LocalJSX {
          */
         "variant"?: ActionCardVariant;
     }
-    interface IxAnimatedTab {
+    interface IxApplication {
         /**
-          * Show notification number
-         */
-        "count"?: number;
-        /**
-          * Icon of the tab
+          * Supported layouts
          */
-        "icon"?: string;
-    }
-    interface IxAnimatedTabs {
+        "breakpoints"?: Breakpoint[];
         /**
-          * Tab navigated
+          * Change the responsive layout of the menu structure
          */
-        "onTabClick"?: (event: IxAnimatedTabsCustomEvent<any>) => void;
+        "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 {
         /**
@@ -2885,6 +3096,8 @@ declare namespace LocalJSX {
          */
         "name"?: string;
     }
+    interface IxApplicationSidebar {
+    }
     /**
      * @since 2.0.0
      */
@@ -2903,6 +3116,14 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -2926,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)
          */
@@ -2986,11 +3217,6 @@ declare namespace LocalJSX {
           * Icon name
          */
         "icon"?: string;
-        /**
-          * Invisible button
-          * @deprecated use ghost property
-         */
-        "invisible"?: boolean;
         /**
           * Loading button
           * @since 2.0.0
@@ -3000,10 +3226,6 @@ declare namespace LocalJSX {
           * Outline button
          */
         "outline"?: boolean;
-        /**
-          * Show button as selected. Should be used with outline or ghost
-         */
-        "selected"?: boolean;
         /**
           * Type of the button
          */
@@ -3096,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.
          */
@@ -3112,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
          */
@@ -3127,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.
          */
@@ -3139,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
          */
@@ -3195,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
@@ -3505,6 +3757,11 @@ declare namespace LocalJSX {
           * Outline button
          */
         "outline"?: boolean;
+        /**
+          * Placement of the dropdown
+          * @since 2.0.0
+         */
+        "placement"?: AlignedPlacement;
         /**
           * Button variant
          */
@@ -3657,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
@@ -3681,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.
@@ -3776,11 +4056,6 @@ declare namespace LocalJSX {
           * Icon name
          */
         "icon"?: string;
-        /**
-          * Button invisible
-          * @deprecated Use ghost property
-         */
-        "invisible"?: boolean;
         /**
           * Loading button
           * @since 2.0.0
@@ -3794,10 +4069,6 @@ 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
@@ -3812,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
          */
-        "variant"?: IndexButtonVariant;
+        "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"?: ButtonVariant1;
     }
     interface IxInputGroup {
     }
@@ -3940,10 +4242,6 @@ declare namespace LocalJSX {
          */
         "enableToggleTheme"?: boolean;
         "expand"?: boolean;
-        /**
-          * Change the responsive layout of the menu structure
-         */
-        "forceLayout"?: Mode | undefined;
         "i18nCollapse"?: string;
         "i18nExpand"?: string;
         /**
@@ -3977,10 +4275,6 @@ declare namespace LocalJSX {
           * Is settings tab visible
          */
         "showSettings"?: boolean;
-        /**
-          * Supported layouts
-         */
-        "supportedModes"?: Mode[];
     }
     interface IxMenuAbout {
         /**
@@ -4349,6 +4643,11 @@ declare namespace LocalJSX {
          */
         "variant"?: PushCardVariant;
     }
+    /**
+     * @since 2.0.0
+     */
+    interface IxRow {
+    }
     interface IxSelect {
         /**
           * Show clear button
@@ -4400,16 +4699,28 @@ declare namespace LocalJSX {
         "onInputChange"?: (event: IxSelectCustomEvent<string>) => void;
         /**
           * Item selection changed
+          * @deprecated since 2.0.0. Use `valueChange` instead.
          */
-        "onItemSelectionChange"?: (event: IxSelectCustomEvent<string | string[]>) => void;
+        "onItemSelectionChange"?: (event: IxSelectCustomEvent<string[]>) => void;
+        /**
+          * Value changed
+          * @since 2.0.0
+         */
+        "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 necessarily 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 {
         /**
@@ -4508,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
          */
@@ -4530,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
          */
@@ -4676,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
      */
@@ -4762,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
          */
-        "variant"?: TypographyVariants;
+        "format"?: TypographyFormat;
+        /**
+          * Text decoration
+         */
+        "textDecoration"?: TextDecoration;
     }
     interface IxUpload {
         /**
@@ -4846,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
          */
@@ -4869,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
          */
@@ -4891,9 +5250,9 @@ 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;
@@ -4908,6 +5267,8 @@ 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-css-grid": IxCssGrid;
         "ix-css-grid-item": IxCssGridItem;
@@ -4928,11 +5289,13 @@ 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-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;
@@ -4960,6 +5323,7 @@ declare namespace LocalJSX {
         "ix-pagination": IxPagination;
         "ix-pill": IxPill;
         "ix-push-card": IxPushCard;
+        "ix-row": IxRow;
         "ix-select": IxSelect;
         "ix-select-item": IxSelectItem;
         "ix-spinner": IxSpinner;
@@ -4972,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;
@@ -4991,9 +5356,9 @@ 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
              */
@@ -5026,6 +5391,11 @@ 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-css-grid": LocalJSX.IxCssGrid & JSXBase.HTMLAttributes<HTMLIxCssGridElement>;
             "ix-css-grid-item": LocalJSX.IxCssGridItem & JSXBase.HTMLAttributes<HTMLIxCssGridItemElement>;
@@ -5061,11 +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-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
@@ -5120,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>;
@@ -5132,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>;