@siemens/ix 1.5.0 → 1.6.0

package/dist/types/components.d.ts

@@ -5,9 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ActionCardVariant } from "./components/action-card/action-card";
 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 { ContentHeaderVariant } from "./components/content-header/content-header";
+import { CssGridTemplateType } from "./components/layout/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";
@@ -15,21 +20,29 @@ import { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datet
 import { Placement } 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 { KeyValueLabelPosition } from "./components/key-value/key-value";
 import { NotificationColor } from "./components/utils/notification-color";
 import { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
+import { PushCardVariant } from "./components/push-card/push-card";
 import { SplitButtonVariant } from "./components/split-button/split-button";
 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 { TypographyVariants } from "./components/typography/types";
+import { TypographyColors, TypographyVariants } from "./components/typography/typography";
 import { UploadFileState } from "./components/upload/upload-file-state";
+export { ActionCardVariant } from "./components/action-card/action-card";
 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 { ContentHeaderVariant } from "./components/content-header/content-header";
+export { CssGridTemplateType } from "./components/layout/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";
@@ -37,19 +50,47 @@ export { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datet
 export { Placement } 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 { KeyValueLabelPosition } from "./components/key-value/key-value";
 export { NotificationColor } from "./components/utils/notification-color";
 export { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
+export { PushCardVariant } from "./components/push-card/push-card";
 export { SplitButtonVariant } from "./components/split-button/split-button";
 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 { TypographyVariants } from "./components/typography/types";
+export { TypographyColors, TypographyVariants } from "./components/typography/typography";
 export { UploadFileState } from "./components/upload/upload-file-state";
 export namespace Components {
+    /**
+     * @since 1.6.0
+     */
+    interface IxActionCard {
+        /**
+          * Card heading
+         */
+        "heading": string;
+        /**
+          * Card icon
+         */
+        "icon": string | undefined;
+        /**
+          * Card selection
+         */
+        "selected": boolean;
+        /**
+          * Card subheading
+         */
+        "subheading": string;
+        /**
+          * Card variant
+         */
+        "variant": ActionCardVariant;
+    }
     interface IxAnimatedTab {
         /**
           * Show notification number
@@ -159,10 +200,71 @@ export namespace Components {
          */
         "type": 'button' | 'submit';
         /**
-          * Button varaint
+          * Button variant
          */
         "variant": ButtonVariant;
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCard {
+        /**
+          * Card variant
+         */
+        "variant": CardVariant;
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardAccordion {
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardContent {
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardList {
+        /**
+          * Collapse the list
+         */
+        "collapse": boolean;
+        /**
+          * i18n More cards available
+         */
+        "i18nMoreCards": string;
+        /**
+          * i18n Show all button
+         */
+        "i18nShowAll": string;
+        /**
+          * Name the card list
+         */
+        "label": string;
+        /**
+          * List style
+         */
+        "listStyle": 'stack' | 'scroll';
+        /**
+          * Maximal visible cards
+         */
+        "maxVisibleCards": number;
+        /**
+          * Overwrite the default show all count.
+         */
+        "showAllCount": number | undefined;
+        /**
+          * Suppress the overflow handling of child elements
+         */
+        "suppressOverflowHandling": boolean;
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardTitle {
+    }
     interface IxCategoryFilter {
         /**
           * Configuration object hash used to populate the dropwdown menu for typeahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
@@ -255,6 +357,24 @@ export namespace Components {
     | 'success'
     | 'custom';
     }
+    interface IxContentHeader {
+        /**
+          * Display a back button
+         */
+        "hasBackButton": boolean;
+        /**
+          * Subtitle of Header
+         */
+        "headerSubtitle": string | undefined;
+        /**
+          * Title of Header
+         */
+        "headerTitle": string;
+        /**
+          * Variant of content header
+         */
+        "variant": ContentHeaderVariant;
+    }
     interface IxCounterPill {
         /**
           * Align pill content left
@@ -284,6 +404,18 @@ export namespace Components {
     | 'success'
     | 'custom';
     }
+    interface IxCssGrid {
+        /**
+          * Define css grid template
+         */
+        "templates": Partial<Record<CssGridTemplateType, string[][]>>;
+    }
+    interface IxCssGridItem {
+        /**
+          * Grid item name
+         */
+        "itemName": string;
+    }
     interface IxDatePicker {
         /**
           * Corner style
@@ -448,7 +580,7 @@ export namespace Components {
           * Toggle or define show state of drawer
           * @param show Overwrite toggle state with boolean
          */
-        "toggleDrawer": (show: boolean) => Promise<void>;
+        "toggleDrawer": (show?: boolean) => Promise<void>;
         /**
           * Width interpreted as REM if not set to 'auto'
          */
@@ -578,6 +710,31 @@ export namespace Components {
      */
     interface IxDropdownQuickActions {
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxEmptyState {
+        /**
+          * Optional empty state action
+         */
+        "action": string;
+        /**
+          * Empty state header
+         */
+        "header": string;
+        /**
+          * Optional empty state icon
+         */
+        "icon": string;
+        /**
+          * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'
+         */
+        "layout": EmptyStateLayout;
+        /**
+          * Optional empty state sub header
+         */
+        "subHeader": string;
+    }
     interface IxEventList {
         /**
           * Animate state change transitions. Defaults to 'true'.
@@ -620,6 +777,11 @@ export namespace Components {
         "selected": boolean;
     }
     interface IxExpandingSearch {
+        /**
+          * If true the search field will fill all available horizontal space of it's parent container when expanded.
+          * @since 1.6.0
+         */
+        "fullWidth": boolean;
         /**
           * Search icon
          */
@@ -734,20 +896,6 @@ export namespace Components {
          */
         "text": string;
     }
-    interface IxIcon {
-        /**
-          * Color of the icon
-         */
-        "color": string;
-        /**
-          * Use one of our defined icon names e.g. `copy`.
-         */
-        "name": string;
-        /**
-          * Size of the icon
-         */
-        "size": '12' | '16' | '24' | '32';
-    }
     interface IxIconButton {
         /**
           * Color of icon in  button
@@ -807,6 +955,36 @@ export namespace Components {
     }
     interface IxInputGroup {
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxKeyValue {
+        /**
+          * Optional key value icon
+         */
+        "icon": string;
+        /**
+          * Key value label
+         */
+        "label": string;
+        /**
+          * Optional key value label position - 'top' or 'left'
+         */
+        "labelPosition": KeyValueLabelPosition;
+        /**
+          * Optional key value text value
+         */
+        "value": string;
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxKeyValueList {
+        /**
+          * Optional striped key value list style
+         */
+        "striped": boolean;
+    }
     interface IxKpi {
         "label": string;
         "orientation": 'horizontal' | 'vertical';
@@ -841,6 +1019,12 @@ export namespace Components {
           * @param color
          */
         "openOverlay": (name: string, component: HTMLElement, icon?: string, color?: string) => Promise<void>;
+        /**
+          * Change the visibility of the sidebar
+          * @param show new visibility state
+          * @since 1.6.0
+         */
+        "toggleSidebar": (show?: boolean) => Promise<void>;
     }
     interface IxMapNavigationOverlay {
         /**
@@ -1016,7 +1200,7 @@ export namespace Components {
          */
         "home": boolean;
         /**
-          * Show notification cound on tab
+          * Show notification count on tab
          */
         "notifications": number;
         /**
@@ -1203,6 +1387,31 @@ export namespace Components {
     | 'success'
     | 'custom';
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxPushCard {
+        /**
+          * Card heading
+         */
+        "heading": string;
+        /**
+          * Card icon
+         */
+        "icon": string | undefined;
+        /**
+          * Card KPI value
+         */
+        "notification": string;
+        /**
+          * Card subheading
+         */
+        "subheading": string;
+        /**
+          * Card variant
+         */
+        "variant": PushCardVariant;
+    }
     interface IxSelect {
         /**
           * Show clear button
@@ -1575,7 +1784,11 @@ export namespace Components {
     }
     interface IxTypography {
         /**
-          * Font variant
+          * Text color based on theme variables
+         */
+        "color": TypographyColors;
+        /**
+          * Font variant based on theme variables
          */
         "variant": TypographyVariants;
     }
@@ -1701,6 +1914,14 @@ export interface IxBreadcrumbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxBreadcrumbElement;
 }
+export interface IxCardAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxCardAccordionElement;
+}
+export interface IxCardListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxCardListElement;
+}
 export interface IxCategoryFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxCategoryFilterElement;
@@ -1709,6 +1930,10 @@ export interface IxChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxChipElement;
 }
+export interface IxContentHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxContentHeaderElement;
+}
 export interface IxDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxDatePickerElement;
@@ -1729,6 +1954,10 @@ export interface IxDropdownItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxDropdownItemElement;
 }
+export interface IxEmptyStateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxEmptyStateElement;
+}
 export interface IxEventListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxEventListItemElement;
@@ -1842,6 +2071,15 @@ export interface IxWorkflowStepsCustomEvent<T> extends CustomEvent<T> {
     target: HTMLIxWorkflowStepsElement;
 }
 declare global {
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxActionCardElement extends Components.IxActionCard, HTMLStencilElement {
+    }
+    var HTMLIxActionCardElement: {
+        prototype: HTMLIxActionCardElement;
+        new (): HTMLIxActionCardElement;
+    };
     interface HTMLIxAnimatedTabElement extends Components.IxAnimatedTab, HTMLStencilElement {
     }
     var HTMLIxAnimatedTabElement: {
@@ -1896,6 +2134,51 @@ declare global {
         prototype: HTMLIxButtonElement;
         new (): HTMLIxButtonElement;
     };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxCardElement extends Components.IxCard, HTMLStencilElement {
+    }
+    var HTMLIxCardElement: {
+        prototype: HTMLIxCardElement;
+        new (): HTMLIxCardElement;
+    };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxCardAccordionElement extends Components.IxCardAccordion, HTMLStencilElement {
+    }
+    var HTMLIxCardAccordionElement: {
+        prototype: HTMLIxCardAccordionElement;
+        new (): HTMLIxCardAccordionElement;
+    };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxCardContentElement extends Components.IxCardContent, HTMLStencilElement {
+    }
+    var HTMLIxCardContentElement: {
+        prototype: HTMLIxCardContentElement;
+        new (): HTMLIxCardContentElement;
+    };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxCardListElement extends Components.IxCardList, HTMLStencilElement {
+    }
+    var HTMLIxCardListElement: {
+        prototype: HTMLIxCardListElement;
+        new (): HTMLIxCardListElement;
+    };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxCardTitleElement extends Components.IxCardTitle, HTMLStencilElement {
+    }
+    var HTMLIxCardTitleElement: {
+        prototype: HTMLIxCardTitleElement;
+        new (): HTMLIxCardTitleElement;
+    };
     interface HTMLIxCategoryFilterElement extends Components.IxCategoryFilter, HTMLStencilElement {
     }
     var HTMLIxCategoryFilterElement: {
@@ -1908,12 +2191,30 @@ declare global {
         prototype: HTMLIxChipElement;
         new (): HTMLIxChipElement;
     };
+    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: {
+        prototype: HTMLIxCssGridElement;
+        new (): HTMLIxCssGridElement;
+    };
+    interface HTMLIxCssGridItemElement extends Components.IxCssGridItem, HTMLStencilElement {
+    }
+    var HTMLIxCssGridItemElement: {
+        prototype: HTMLIxCssGridItemElement;
+        new (): HTMLIxCssGridItemElement;
+    };
     interface HTMLIxDatePickerElement extends Components.IxDatePicker, HTMLStencilElement {
     }
     var HTMLIxDatePickerElement: {
@@ -1977,6 +2278,15 @@ declare global {
         prototype: HTMLIxDropdownQuickActionsElement;
         new (): HTMLIxDropdownQuickActionsElement;
     };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxEmptyStateElement extends Components.IxEmptyState, HTMLStencilElement {
+    }
+    var HTMLIxEmptyStateElement: {
+        prototype: HTMLIxEmptyStateElement;
+        new (): HTMLIxEmptyStateElement;
+    };
     interface HTMLIxEventListElement extends Components.IxEventList, HTMLStencilElement {
     }
     var HTMLIxEventListElement: {
@@ -2037,12 +2347,6 @@ declare global {
         prototype: HTMLIxGroupItemElement;
         new (): HTMLIxGroupItemElement;
     };
-    interface HTMLIxIconElement extends Components.IxIcon, HTMLStencilElement {
-    }
-    var HTMLIxIconElement: {
-        prototype: HTMLIxIconElement;
-        new (): HTMLIxIconElement;
-    };
     interface HTMLIxIconButtonElement extends Components.IxIconButton, HTMLStencilElement {
     }
     var HTMLIxIconButtonElement: {
@@ -2061,6 +2365,24 @@ declare global {
         prototype: HTMLIxInputGroupElement;
         new (): HTMLIxInputGroupElement;
     };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxKeyValueElement extends Components.IxKeyValue, HTMLStencilElement {
+    }
+    var HTMLIxKeyValueElement: {
+        prototype: HTMLIxKeyValueElement;
+        new (): HTMLIxKeyValueElement;
+    };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxKeyValueListElement extends Components.IxKeyValueList, HTMLStencilElement {
+    }
+    var HTMLIxKeyValueListElement: {
+        prototype: HTMLIxKeyValueListElement;
+        new (): HTMLIxKeyValueListElement;
+    };
     interface HTMLIxKpiElement extends Components.IxKpi, HTMLStencilElement {
     }
     var HTMLIxKpiElement: {
@@ -2172,6 +2494,15 @@ declare global {
         prototype: HTMLIxPillElement;
         new (): HTMLIxPillElement;
     };
+    /**
+     * @since 1.6.0
+     */
+    interface HTMLIxPushCardElement extends Components.IxPushCard, HTMLStencilElement {
+    }
+    var HTMLIxPushCardElement: {
+        prototype: HTMLIxPushCardElement;
+        new (): HTMLIxPushCardElement;
+    };
     interface HTMLIxSelectElement extends Components.IxSelect, HTMLStencilElement {
     }
     var HTMLIxSelectElement: {
@@ -2302,6 +2633,7 @@ declare global {
         new (): HTMLMyComponentElement;
     };
     interface HTMLElementTagNameMap {
+        "ix-action-card": HTMLIxActionCardElement;
         "ix-animated-tab": HTMLIxAnimatedTabElement;
         "ix-animated-tabs": HTMLIxAnimatedTabsElement;
         "ix-application-header": HTMLIxApplicationHeaderElement;
@@ -2311,9 +2643,17 @@ declare global {
         "ix-breadcrumb-item": HTMLIxBreadcrumbItemElement;
         "ix-burger-menu": HTMLIxBurgerMenuElement;
         "ix-button": HTMLIxButtonElement;
+        "ix-card": HTMLIxCardElement;
+        "ix-card-accordion": HTMLIxCardAccordionElement;
+        "ix-card-content": HTMLIxCardContentElement;
+        "ix-card-list": HTMLIxCardListElement;
+        "ix-card-title": HTMLIxCardTitleElement;
         "ix-category-filter": HTMLIxCategoryFilterElement;
         "ix-chip": HTMLIxChipElement;
+        "ix-content-header": HTMLIxContentHeaderElement;
         "ix-counter-pill": HTMLIxCounterPillElement;
+        "ix-css-grid": HTMLIxCssGridElement;
+        "ix-css-grid-item": HTMLIxCssGridItemElement;
         "ix-date-picker": HTMLIxDatePickerElement;
         "ix-date-time-card": HTMLIxDateTimeCardElement;
         "ix-datetime-picker": HTMLIxDatetimePickerElement;
@@ -2323,6 +2663,7 @@ declare global {
         "ix-dropdown-button": HTMLIxDropdownButtonElement;
         "ix-dropdown-item": HTMLIxDropdownItemElement;
         "ix-dropdown-quick-actions": HTMLIxDropdownQuickActionsElement;
+        "ix-empty-state": HTMLIxEmptyStateElement;
         "ix-event-list": HTMLIxEventListElement;
         "ix-event-list-item": HTMLIxEventListItemElement;
         "ix-expanding-search": HTMLIxExpandingSearchElement;
@@ -2333,10 +2674,11 @@ declare global {
         "ix-group-context-menu": HTMLIxGroupContextMenuElement;
         "ix-group-dropdown-item": HTMLIxGroupDropdownItemElement;
         "ix-group-item": HTMLIxGroupItemElement;
-        "ix-icon": HTMLIxIconElement;
         "ix-icon-button": HTMLIxIconButtonElement;
         "ix-index-button": HTMLIxIndexButtonElement;
         "ix-input-group": HTMLIxInputGroupElement;
+        "ix-key-value": HTMLIxKeyValueElement;
+        "ix-key-value-list": HTMLIxKeyValueListElement;
         "ix-kpi": HTMLIxKpiElement;
         "ix-map-navigation": HTMLIxMapNavigationElement;
         "ix-map-navigation-overlay": HTMLIxMapNavigationOverlayElement;
@@ -2355,6 +2697,7 @@ declare global {
         "ix-modal-example": HTMLIxModalExampleElement;
         "ix-pagination": HTMLIxPaginationElement;
         "ix-pill": HTMLIxPillElement;
+        "ix-push-card": HTMLIxPushCardElement;
         "ix-select": HTMLIxSelectElement;
         "ix-select-item": HTMLIxSelectItemElement;
         "ix-spinner": HTMLIxSpinnerElement;
@@ -2379,6 +2722,31 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    /**
+     * @since 1.6.0
+     */
+    interface IxActionCard {
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * Card icon
+         */
+        "icon"?: string | undefined;
+        /**
+          * Card selection
+         */
+        "selected"?: boolean;
+        /**
+          * Card subheading
+         */
+        "subheading"?: string;
+        /**
+          * Card variant
+         */
+        "variant"?: ActionCardVariant;
+    }
     interface IxAnimatedTab {
         /**
           * Show notification number
@@ -2503,10 +2871,83 @@ declare namespace LocalJSX {
          */
         "type"?: 'button' | 'submit';
         /**
-          * Button varaint
+          * Button variant
          */
         "variant"?: ButtonVariant;
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCard {
+        /**
+          * Card variant
+         */
+        "variant"?: CardVariant;
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardAccordion {
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardContent {
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardList {
+        /**
+          * Collapse the list
+         */
+        "collapse"?: boolean;
+        /**
+          * i18n More cards available
+         */
+        "i18nMoreCards"?: string;
+        /**
+          * i18n Show all button
+         */
+        "i18nShowAll"?: string;
+        /**
+          * Name the card list
+         */
+        "label"?: string;
+        /**
+          * List style
+         */
+        "listStyle"?: 'stack' | 'scroll';
+        /**
+          * Fire event when the collapse state is changed by the user
+         */
+        "onCollapseChanged"?: (event: IxCardListCustomEvent<boolean>) => void;
+        /**
+          * Fire event when the collapse state is changed by the user
+         */
+        "onShowAllClick"?: (event: IxCardListCustomEvent<{
+    nativeEvent: MouseEvent;
+  }>) => void;
+        /**
+          * Fire event when the show more card is clicked.
+         */
+        "onShowMoreCardClick"?: (event: IxCardListCustomEvent<{
+    nativeEvent: MouseEvent;
+  }>) => void;
+        /**
+          * Overwrite the default show all count.
+         */
+        "showAllCount"?: number | undefined;
+        /**
+          * Suppress the overflow handling of child elements
+         */
+        "suppressOverflowHandling"?: boolean;
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxCardTitle {
+    }
     interface IxCategoryFilter {
         /**
           * Configuration object hash used to populate the dropwdown menu for typeahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.
@@ -2616,6 +3057,28 @@ declare namespace LocalJSX {
     | 'success'
     | 'custom';
     }
+    interface IxContentHeader {
+        /**
+          * Display a back button
+         */
+        "hasBackButton"?: boolean;
+        /**
+          * Subtitle of Header
+         */
+        "headerSubtitle"?: string | undefined;
+        /**
+          * Title of Header
+         */
+        "headerTitle"?: string;
+        /**
+          * Triggered when back button is clicked
+         */
+        "onBackButtonClick"?: (event: IxContentHeaderCustomEvent<void>) => void;
+        /**
+          * Variant of content header
+         */
+        "variant"?: ContentHeaderVariant;
+    }
     interface IxCounterPill {
         /**
           * Align pill content left
@@ -2645,6 +3108,18 @@ declare namespace LocalJSX {
     | 'success'
     | 'custom';
     }
+    interface IxCssGrid {
+        /**
+          * Define css grid template
+         */
+        "templates"?: Partial<Record<CssGridTemplateType, string[][]>>;
+    }
+    interface IxCssGridItem {
+        /**
+          * Grid item name
+         */
+        "itemName"?: string;
+    }
     interface IxDatePicker {
         /**
           * Corner style
@@ -2961,6 +3436,35 @@ declare namespace LocalJSX {
      */
     interface IxDropdownQuickActions {
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxEmptyState {
+        /**
+          * Optional empty state action
+         */
+        "action"?: string;
+        /**
+          * Empty state header
+         */
+        "header": string;
+        /**
+          * Optional empty state icon
+         */
+        "icon"?: string;
+        /**
+          * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'
+         */
+        "layout"?: EmptyStateLayout;
+        /**
+          * Empty state action click event
+         */
+        "onActionClick"?: (event: IxEmptyStateCustomEvent<void>) => void;
+        /**
+          * Optional empty state sub header
+         */
+        "subHeader"?: string;
+    }
     interface IxEventList {
         /**
           * Animate state change transitions. Defaults to 'true'.
@@ -3007,6 +3511,11 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface IxExpandingSearch {
+        /**
+          * If true the search field will fill all available horizontal space of it's parent container when expanded.
+          * @since 1.6.0
+         */
+        "fullWidth"?: boolean;
         /**
           * Search icon
          */
@@ -3145,20 +3654,6 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
-    interface IxIcon {
-        /**
-          * Color of the icon
-         */
-        "color"?: string;
-        /**
-          * Use one of our defined icon names e.g. `copy`.
-         */
-        "name"?: string;
-        /**
-          * Size of the icon
-         */
-        "size"?: '12' | '16' | '24' | '32';
-    }
     interface IxIconButton {
         /**
           * Color of icon in  button
@@ -3218,6 +3713,36 @@ declare namespace LocalJSX {
     }
     interface IxInputGroup {
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxKeyValue {
+        /**
+          * Optional key value icon
+         */
+        "icon"?: string;
+        /**
+          * Key value label
+         */
+        "label": string;
+        /**
+          * Optional key value label position - 'top' or 'left'
+         */
+        "labelPosition"?: KeyValueLabelPosition;
+        /**
+          * Optional key value text value
+         */
+        "value"?: string;
+    }
+    /**
+     * @since 1.6.0
+     */
+    interface IxKeyValueList {
+        /**
+          * Optional striped key value list style
+         */
+        "striped"?: boolean;
+    }
     interface IxKpi {
         "label"?: string;
         "orientation"?: 'horizontal' | 'vertical';
@@ -3433,7 +3958,7 @@ declare namespace LocalJSX {
          */
         "home"?: boolean;
         /**
-          * Show notification cound on tab
+          * Show notification count on tab
          */
         "notifications"?: number;
         /**
@@ -3629,6 +4154,31 @@ declare namespace LocalJSX {
     | 'success'
     | 'custom';
     }
+    /**
+     * @since 1.6.0
+     */
+    interface IxPushCard {
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * Card icon
+         */
+        "icon"?: string | undefined;
+        /**
+          * Card KPI value
+         */
+        "notification"?: string;
+        /**
+          * Card subheading
+         */
+        "subheading"?: string;
+        /**
+          * Card variant
+         */
+        "variant"?: PushCardVariant;
+    }
     interface IxSelect {
         /**
           * Show clear button
@@ -4049,7 +4599,11 @@ declare namespace LocalJSX {
     }
     interface IxTypography {
         /**
-          * Font variant
+          * Text color based on theme variables
+         */
+        "color"?: TypographyColors;
+        /**
+          * Font variant based on theme variables
          */
         "variant"?: TypographyVariants;
     }
@@ -4166,6 +4720,7 @@ declare namespace LocalJSX {
     interface MyComponent {
     }
     interface IntrinsicElements {
+        "ix-action-card": IxActionCard;
         "ix-animated-tab": IxAnimatedTab;
         "ix-animated-tabs": IxAnimatedTabs;
         "ix-application-header": IxApplicationHeader;
@@ -4175,9 +4730,17 @@ declare namespace LocalJSX {
         "ix-breadcrumb-item": IxBreadcrumbItem;
         "ix-burger-menu": IxBurgerMenu;
         "ix-button": IxButton;
+        "ix-card": IxCard;
+        "ix-card-accordion": IxCardAccordion;
+        "ix-card-content": IxCardContent;
+        "ix-card-list": IxCardList;
+        "ix-card-title": IxCardTitle;
         "ix-category-filter": IxCategoryFilter;
         "ix-chip": IxChip;
+        "ix-content-header": IxContentHeader;
         "ix-counter-pill": IxCounterPill;
+        "ix-css-grid": IxCssGrid;
+        "ix-css-grid-item": IxCssGridItem;
         "ix-date-picker": IxDatePicker;
         "ix-date-time-card": IxDateTimeCard;
         "ix-datetime-picker": IxDatetimePicker;
@@ -4187,6 +4750,7 @@ declare namespace LocalJSX {
         "ix-dropdown-button": IxDropdownButton;
         "ix-dropdown-item": IxDropdownItem;
         "ix-dropdown-quick-actions": IxDropdownQuickActions;
+        "ix-empty-state": IxEmptyState;
         "ix-event-list": IxEventList;
         "ix-event-list-item": IxEventListItem;
         "ix-expanding-search": IxExpandingSearch;
@@ -4197,10 +4761,11 @@ declare namespace LocalJSX {
         "ix-group-context-menu": IxGroupContextMenu;
         "ix-group-dropdown-item": IxGroupDropdownItem;
         "ix-group-item": IxGroupItem;
-        "ix-icon": IxIcon;
         "ix-icon-button": IxIconButton;
         "ix-index-button": IxIndexButton;
         "ix-input-group": IxInputGroup;
+        "ix-key-value": IxKeyValue;
+        "ix-key-value-list": IxKeyValueList;
         "ix-kpi": IxKpi;
         "ix-map-navigation": IxMapNavigation;
         "ix-map-navigation-overlay": IxMapNavigationOverlay;
@@ -4219,6 +4784,7 @@ declare namespace LocalJSX {
         "ix-modal-example": IxModalExample;
         "ix-pagination": IxPagination;
         "ix-pill": IxPill;
+        "ix-push-card": IxPushCard;
         "ix-select": IxSelect;
         "ix-select-item": IxSelectItem;
         "ix-spinner": IxSpinner;
@@ -4246,6 +4812,10 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * @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-header": LocalJSX.IxApplicationHeader & JSXBase.HTMLAttributes<HTMLIxApplicationHeaderElement>;
@@ -4255,9 +4825,32 @@ declare module "@stencil/core" {
             "ix-breadcrumb-item": LocalJSX.IxBreadcrumbItem & JSXBase.HTMLAttributes<HTMLIxBreadcrumbItemElement>;
             "ix-burger-menu": LocalJSX.IxBurgerMenu & JSXBase.HTMLAttributes<HTMLIxBurgerMenuElement>;
             "ix-button": LocalJSX.IxButton & JSXBase.HTMLAttributes<HTMLIxButtonElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-card": LocalJSX.IxCard & JSXBase.HTMLAttributes<HTMLIxCardElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-card-accordion": LocalJSX.IxCardAccordion & JSXBase.HTMLAttributes<HTMLIxCardAccordionElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-card-content": LocalJSX.IxCardContent & JSXBase.HTMLAttributes<HTMLIxCardContentElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-card-list": LocalJSX.IxCardList & JSXBase.HTMLAttributes<HTMLIxCardListElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-card-title": LocalJSX.IxCardTitle & JSXBase.HTMLAttributes<HTMLIxCardTitleElement>;
             "ix-category-filter": LocalJSX.IxCategoryFilter & JSXBase.HTMLAttributes<HTMLIxCategoryFilterElement>;
             "ix-chip": LocalJSX.IxChip & JSXBase.HTMLAttributes<HTMLIxChipElement>;
+            "ix-content-header": LocalJSX.IxContentHeader & JSXBase.HTMLAttributes<HTMLIxContentHeaderElement>;
             "ix-counter-pill": LocalJSX.IxCounterPill & JSXBase.HTMLAttributes<HTMLIxCounterPillElement>;
+            "ix-css-grid": LocalJSX.IxCssGrid & JSXBase.HTMLAttributes<HTMLIxCssGridElement>;
+            "ix-css-grid-item": LocalJSX.IxCssGridItem & JSXBase.HTMLAttributes<HTMLIxCssGridItemElement>;
             "ix-date-picker": LocalJSX.IxDatePicker & JSXBase.HTMLAttributes<HTMLIxDatePickerElement>;
             "ix-date-time-card": LocalJSX.IxDateTimeCard & JSXBase.HTMLAttributes<HTMLIxDateTimeCardElement>;
             "ix-datetime-picker": LocalJSX.IxDatetimePicker & JSXBase.HTMLAttributes<HTMLIxDatetimePickerElement>;
@@ -4276,6 +4869,10 @@ declare module "@stencil/core" {
              * @since 1.4.0
              */
             "ix-dropdown-quick-actions": LocalJSX.IxDropdownQuickActions & JSXBase.HTMLAttributes<HTMLIxDropdownQuickActionsElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-empty-state": LocalJSX.IxEmptyState & JSXBase.HTMLAttributes<HTMLIxEmptyStateElement>;
             "ix-event-list": LocalJSX.IxEventList & JSXBase.HTMLAttributes<HTMLIxEventListElement>;
             "ix-event-list-item": LocalJSX.IxEventListItem & JSXBase.HTMLAttributes<HTMLIxEventListItemElement>;
             "ix-expanding-search": LocalJSX.IxExpandingSearch & JSXBase.HTMLAttributes<HTMLIxExpandingSearchElement>;
@@ -4286,10 +4883,17 @@ declare module "@stencil/core" {
             "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": LocalJSX.IxIcon & JSXBase.HTMLAttributes<HTMLIxIconElement>;
             "ix-icon-button": LocalJSX.IxIconButton & JSXBase.HTMLAttributes<HTMLIxIconButtonElement>;
             "ix-index-button": LocalJSX.IxIndexButton & JSXBase.HTMLAttributes<HTMLIxIndexButtonElement>;
             "ix-input-group": LocalJSX.IxInputGroup & JSXBase.HTMLAttributes<HTMLIxInputGroupElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-key-value": LocalJSX.IxKeyValue & JSXBase.HTMLAttributes<HTMLIxKeyValueElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-key-value-list": LocalJSX.IxKeyValueList & JSXBase.HTMLAttributes<HTMLIxKeyValueListElement>;
             "ix-kpi": LocalJSX.IxKpi & JSXBase.HTMLAttributes<HTMLIxKpiElement>;
             "ix-map-navigation": LocalJSX.IxMapNavigation & JSXBase.HTMLAttributes<HTMLIxMapNavigationElement>;
             "ix-map-navigation-overlay": LocalJSX.IxMapNavigationOverlay & JSXBase.HTMLAttributes<HTMLIxMapNavigationOverlayElement>;
@@ -4311,6 +4915,10 @@ declare module "@stencil/core" {
              */
             "ix-pagination": LocalJSX.IxPagination & JSXBase.HTMLAttributes<HTMLIxPaginationElement>;
             "ix-pill": LocalJSX.IxPill & JSXBase.HTMLAttributes<HTMLIxPillElement>;
+            /**
+             * @since 1.6.0
+             */
+            "ix-push-card": LocalJSX.IxPushCard & JSXBase.HTMLAttributes<HTMLIxPushCardElement>;
             "ix-select": LocalJSX.IxSelect & JSXBase.HTMLAttributes<HTMLIxSelectElement>;
             "ix-select-item": LocalJSX.IxSelectItem & JSXBase.HTMLAttributes<HTMLIxSelectItemElement>;
             "ix-spinner": LocalJSX.IxSpinner & JSXBase.HTMLAttributes<HTMLIxSpinnerElement>;