@siemens/ix-react 4.2.0 → 4.4.0

package/dist/modal/index.js

@@ -1,4 +1,4 @@
-import { showModal as showModal$1, showModalLoading as showModalLoading$1, dismissModal as dismissModal$1, closeModal as closeModal$1 } from '@siemens/ix';
+import { closeModal as closeModal$1, dismissModal as dismissModal$1, showModal as showModal$1, showModalLoading as showModalLoading$1 } from '@siemens/ix';
 import { defineCustomElement } from '@siemens/ix/components/ix-modal.js';
 export { Modal } from './modal.js';
 
@@ -15,8 +15,10 @@ defineCustomElement();
 async function showModal(config) {
     return showModal$1(config);
 }
-function showModalLoading(message) {
-    return showModalLoading$1(message);
+function showModalLoading(messageOrOptions) {
+    return typeof messageOrOptions === 'string'
+        ? showModalLoading$1(messageOrOptions)
+        : showModalLoading$1(messageOrOptions);
 }
 function dismissModal(modalInstance) {
     if (modalInstance?.htmlElement) {

package/dist/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n  showModalLoading as _showModalLoading,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n  ModalLoadingContext,\n} from '@siemens/ix';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\n\nexport * from './modal';\n\nexport type ModalConfig = {\n  content: React.ReactNode | string;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n\nexport function showModalLoading(message: string): ModalLoadingContext {\n  return _showModalLoading(message);\n}\n\nexport function dismissModal(modalInstance: IxModalInstance) {\n  if (modalInstance?.htmlElement) {\n    _dismissModal(modalInstance.htmlElement);\n  }\n}\n\nexport function closeModal<T = any>(\n  modalInstance: IxModalInstance,\n  reason?: T\n) {\n  if (modalInstance?.htmlElement) {\n    _closeModal(modalInstance.htmlElement, reason);\n  }\n}\n"],"names":["_showModal","_showModalLoading","_dismissModal","_closeModal"],"mappings":";;;;AAAA;;;;;;;AAOG;AAaH;AACA,mBAAmB,EAAE;AAQd,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC;AAC3B;AAEM,SAAU,gBAAgB,CAAC,OAAe,EAAA;AAC9C,IAAA,OAAOC,kBAAiB,CAAC,OAAO,CAAC;AACnC;AAEM,SAAU,YAAY,CAAC,aAA8B,EAAA;AACzD,IAAA,IAAI,aAAa,EAAE,WAAW,EAAE;AAC9B,QAAAC,cAAa,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1C;AACF;AAEM,SAAU,UAAU,CACxB,aAA8B,EAC9B,MAAU,EAAA;AAEV,IAAA,IAAI,aAAa,EAAE,WAAW,EAAE;AAC9B,QAAAC,YAAW,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC;IAChD;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n  showModalLoading as _showModalLoading,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n  ModalLoadingContext,\n  ModalLoadingOptions,\n} from '@siemens/ix';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\nexport type { ModalLoadingOptions } from '@siemens/ix';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\n\nexport * from './modal';\n\nexport type ModalConfig = {\n  content: React.ReactNode | string;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n\n/** @deprecated Use ModalLoadingOptions object form instead */\nexport function showModalLoading(message: string): ModalLoadingContext;\nexport function showModalLoading(\n  options: ModalLoadingOptions\n): ModalLoadingContext;\nexport function showModalLoading(\n  messageOrOptions: string | ModalLoadingOptions\n): ModalLoadingContext {\n  return typeof messageOrOptions === 'string'\n    ? _showModalLoading(messageOrOptions)\n    : _showModalLoading(messageOrOptions);\n}\n\nexport function dismissModal(modalInstance: IxModalInstance) {\n  if (modalInstance?.htmlElement) {\n    _dismissModal(modalInstance.htmlElement);\n  }\n}\n\nexport function closeModal<T = any>(\n  modalInstance: IxModalInstance,\n  reason?: T\n) {\n  if (modalInstance?.htmlElement) {\n    _closeModal(modalInstance.htmlElement, reason);\n  }\n}\n"],"names":["_showModal","_showModalLoading","_dismissModal","_closeModal"],"mappings":";;;;AAAA;;;;;;;AAOG;AAgBH;AACA,mBAAmB,EAAE;AAQd,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC;AAC3B;AAOM,SAAU,gBAAgB,CAC9B,gBAA8C,EAAA;IAE9C,OAAO,OAAO,gBAAgB,KAAK;AACjC,UAAEC,kBAAiB,CAAC,gBAAgB;AACpC,UAAEA,kBAAiB,CAAC,gBAAgB,CAAC;AACzC;AAEM,SAAU,YAAY,CAAC,aAA8B,EAAA;AACzD,IAAA,IAAI,aAAa,EAAE,WAAW,EAAE;AAC9B,QAAAC,cAAa,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1C;AACF;AAEM,SAAU,UAAU,CACxB,aAA8B,EAC9B,MAAU,EAAA;AAEV,IAAA,IAAI,aAAa,EAAE,WAAW,EAAE;AAC9B,QAAAC,YAAW,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC;IAChD;AACF;;;;"}

package/dist/tree/tree.js

@@ -39,5 +39,5 @@ const IxTree = React.forwardRef((props, ref) => {
         } }));
 });
 
-export { IxTree, IxTree as default };
+export { IxTree };
 //# sourceMappingURL=tree.js.map

package/dist/types/components.d.ts

@@ -2,7 +2,7 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
-import { type BorderlessChangedEvent, type CustomCloseEvent, type CustomLabelChangeEvent, type DateChangeEvent, type DateInputValidityState, type DateRangeChangeEvent, type DateTimeDateChangeEvent, type DateTimeSelectEvent, type ExpandedChangedEvent, type FilterState, type InputState, type IxBreadcrumbCustomEvent, type IxCardListCustomEvent, type IxCategoryFilterCustomEvent, type IxDateDropdownCustomEvent, type IxDateInputCustomEvent, type IxDatePickerCustomEvent, type IxDatetimePickerCustomEvent, type IxGroupItemCustomEvent, type IxInputCustomEvent, type IxMenuAboutCustomEvent, type IxMenuAboutItemCustomEvent, type IxMenuAboutNewsCustomEvent, type IxMenuAvatarItemCustomEvent, type IxMenuSettingsCustomEvent, type IxMenuSettingsItemCustomEvent, type IxModalHeaderCustomEvent, type IxNumberInputCustomEvent, type IxPaneCustomEvent, type IxSplitButtonCustomEvent, type IxTabItemCustomEvent, type IxTextareaCustomEvent, type IxTimeInputCustomEvent, type IxUploadCustomEvent, type TabClickDetail, type TimeInputValidityState, type VariantChangedEvent } from "@siemens/ix";
+import { type BorderlessChangedEvent, type CustomCloseEvent, type CustomLabelChangeEvent, type DateChangeEvent, type DateInputValidityState, type DateRangeChangeEvent, type DateTimeDateChangeEvent, type DateTimeSelectEvent, type ExpandedChangedEvent, type FilterState, type InputState, type IxApplicationHeaderCustomEvent, type IxBlindCustomEvent, type IxBreadcrumbCustomEvent, type IxCardListCustomEvent, type IxCategoryFilterCustomEvent, type IxCheckboxCustomEvent, type IxChipCustomEvent, type IxContentHeaderCustomEvent, type IxDateDropdownCustomEvent, type IxDateInputCustomEvent, type IxDatePickerCustomEvent, type IxDatetimePickerCustomEvent, type IxDrawerCustomEvent, type IxDropdownCustomEvent, type IxEmptyStateCustomEvent, type IxEventListItemCustomEvent, type IxExpandingSearchCustomEvent, type IxFilterChipCustomEvent, type IxFlipTileCustomEvent, type IxGroupCustomEvent, type IxGroupItemCustomEvent, type IxIconToggleButtonCustomEvent, type IxInputCustomEvent, type IxMenuAboutCustomEvent, type IxMenuAboutItemCustomEvent, type IxMenuAboutNewsCustomEvent, type IxMenuAvatarCustomEvent, type IxMenuAvatarItemCustomEvent, type IxMenuCustomEvent, type IxMenuSettingsCustomEvent, type IxMenuSettingsItemCustomEvent, type IxMessageBarCustomEvent, type IxModalCustomEvent, type IxModalHeaderCustomEvent, type IxNumberInputCustomEvent, type IxPaginationCustomEvent, type IxPaneCustomEvent, type IxRadioCustomEvent, type IxRadioGroupCustomEvent, type IxSelectCustomEvent, type IxSelectItemCustomEvent, type IxSliderCustomEvent, type IxSplitButtonCustomEvent, type IxTabItemCustomEvent, type IxTabsCustomEvent, type IxTextareaCustomEvent, type IxTimeInputCustomEvent, type IxTimePickerCustomEvent, type IxToastCustomEvent, type IxToggleButtonCustomEvent, type IxToggleCustomEvent, type IxUploadCustomEvent, type IxWorkflowStepsCustomEvent, type TabClickDetail, type TimeInputValidityState, type VariantChangedEvent } from "@siemens/ix";
 import { IxActionCard as IxActionCardElement } from "@siemens/ix/components/ix-action-card.js";
 import { IxApplicationHeader as IxApplicationHeaderElement } from "@siemens/ix/components/ix-application-header.js";
 import { IxApplication as IxApplicationElement } from "@siemens/ix/components/ix-application.js";
@@ -109,18 +109,18 @@ export declare const IxActionCard: StencilReactComponent<IxActionCardElement, Ix
 export type IxApplicationEvents = NonNullable<unknown>;
 export declare const IxApplication: StencilReactComponent<IxApplicationElement, IxApplicationEvents>;
 export type IxApplicationHeaderEvents = {
-    onMenuToggle: EventName<CustomEvent<boolean>>;
-    onOpenAppSwitch: EventName<CustomEvent<void>>;
+    onMenuToggle: EventName<IxApplicationHeaderCustomEvent<boolean>>;
+    onOpenAppSwitch: EventName<IxApplicationHeaderCustomEvent<void>>;
 };
 export declare const IxApplicationHeader: StencilReactComponent<IxApplicationHeaderElement, IxApplicationHeaderEvents>;
 export type IxAvatarEvents = NonNullable<unknown>;
 export declare const IxAvatar: StencilReactComponent<IxAvatarElement, IxAvatarEvents>;
 export type IxBlindEvents = {
-    onCollapsedChange: EventName<CustomEvent<boolean>>;
+    onCollapsedChange: EventName<IxBlindCustomEvent<boolean>>;
 };
 export declare const IxBlind: StencilReactComponent<IxBlindElement, IxBlindEvents>;
 export type IxBreadcrumbEvents = {
-    onItemClick: EventName<CustomEvent<string>>;
+    onItemClick: EventName<IxBreadcrumbCustomEvent<string>>;
     onNextClick: EventName<IxBreadcrumbCustomEvent<{
         event: UIEvent;
         item: string;
@@ -138,7 +138,7 @@ export declare const IxCardAccordion: StencilReactComponent<IxCardAccordionEleme
 export type IxCardContentEvents = NonNullable<unknown>;
 export declare const IxCardContent: StencilReactComponent<IxCardContentElement, IxCardContentEvents>;
 export type IxCardListEvents = {
-    onCollapseChanged: EventName<CustomEvent<boolean>>;
+    onCollapseChanged: EventName<IxCardListCustomEvent<boolean>>;
     onShowAllClick: EventName<IxCardListCustomEvent<{
         nativeEvent: MouseEvent;
     }>>;
@@ -150,22 +150,22 @@ export declare const IxCardList: StencilReactComponent<IxCardListElement, IxCard
 export type IxCardTitleEvents = NonNullable<unknown>;
 export declare const IxCardTitle: StencilReactComponent<IxCardTitleElement, IxCardTitleEvents>;
 export type IxCategoryFilterEvents = {
-    onCategoryChanged: EventName<CustomEvent<string>>;
+    onCategoryChanged: EventName<IxCategoryFilterCustomEvent<string>>;
     onInputChanged: EventName<IxCategoryFilterCustomEvent<InputState>>;
     onFilterChanged: EventName<IxCategoryFilterCustomEvent<FilterState>>;
-    onFilterCleared: EventName<CustomEvent<void>>;
+    onFilterCleared: EventName<IxCategoryFilterCustomEvent<void>>;
 };
 export declare const IxCategoryFilter: StencilReactComponent<IxCategoryFilterElement, IxCategoryFilterEvents>;
 export type IxCheckboxEvents = {
-    onCheckedChange: EventName<CustomEvent<boolean>>;
-    onValueChange: EventName<CustomEvent<string>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onCheckedChange: EventName<IxCheckboxCustomEvent<boolean>>;
+    onValueChange: EventName<IxCheckboxCustomEvent<string>>;
+    onIxBlur: EventName<IxCheckboxCustomEvent<void>>;
 };
 export declare const IxCheckbox: StencilReactComponent<IxCheckboxElement, IxCheckboxEvents>;
 export type IxCheckboxGroupEvents = NonNullable<unknown>;
 export declare const IxCheckboxGroup: StencilReactComponent<IxCheckboxGroupElement, IxCheckboxGroupEvents>;
 export type IxChipEvents = {
-    onCloseChip: EventName<CustomEvent<any>>;
+    onCloseChip: EventName<IxChipCustomEvent<any>>;
 };
 export declare const IxChip: StencilReactComponent<IxChipElement, IxChipEvents>;
 export type IxColEvents = NonNullable<unknown>;
@@ -173,7 +173,7 @@ export declare const IxCol: StencilReactComponent<IxColElement, IxColEvents>;
 export type IxContentEvents = NonNullable<unknown>;
 export declare const IxContent: StencilReactComponent<IxContentElement, IxContentEvents>;
 export type IxContentHeaderEvents = {
-    onBackButtonClick: EventName<CustomEvent<void>>;
+    onBackButtonClick: EventName<IxContentHeaderCustomEvent<void>>;
 };
 export declare const IxContentHeader: StencilReactComponent<IxContentHeaderElement, IxContentHeaderEvents>;
 export type IxCustomFieldEvents = NonNullable<unknown>;
@@ -183,8 +183,9 @@ export type IxDateDropdownEvents = {
 };
 export declare const IxDateDropdown: StencilReactComponent<IxDateDropdownElement, IxDateDropdownEvents>;
 export type IxDateInputEvents = {
-    onValueChange: EventName<CustomEvent<string | undefined>>;
+    onValueChange: EventName<IxDateInputCustomEvent<string | undefined>>;
     onValidityStateChange: EventName<IxDateInputCustomEvent<DateInputValidityState>>;
+    onIxChange: EventName<IxDateInputCustomEvent<string | undefined>>;
 };
 export declare const IxDateInput: StencilReactComponent<IxDateInputElement, IxDateInputEvents>;
 export type IxDatePickerEvents = {
@@ -194,7 +195,7 @@ export type IxDatePickerEvents = {
 };
 export declare const IxDatePicker: StencilReactComponent<IxDatePickerElement, IxDatePickerEvents>;
 export type IxDatetimePickerEvents = {
-    onTimeChange: EventName<CustomEvent<string>>;
+    onTimeChange: EventName<IxDatetimePickerCustomEvent<string>>;
     onDateChange: EventName<IxDatetimePickerCustomEvent<DateTimeDateChangeEvent>>;
     onDateSelect: EventName<IxDatetimePickerCustomEvent<DateTimeSelectEvent>>;
 };
@@ -202,12 +203,12 @@ export declare const IxDatetimePicker: StencilReactComponent<IxDatetimePickerEle
 export type IxDividerEvents = NonNullable<unknown>;
 export declare const IxDivider: StencilReactComponent<IxDividerElement, IxDividerEvents>;
 export type IxDrawerEvents = {
-    onOpen: EventName<CustomEvent<any>>;
-    onDrawerClose: EventName<CustomEvent<any>>;
+    onOpen: EventName<IxDrawerCustomEvent<any>>;
+    onDrawerClose: EventName<IxDrawerCustomEvent<any>>;
 };
 export declare const IxDrawer: StencilReactComponent<IxDrawerElement, IxDrawerEvents>;
 export type IxDropdownEvents = {
-    onShowChanged: EventName<CustomEvent<boolean>>;
+    onShowChanged: EventName<IxDropdownCustomEvent<boolean>>;
 };
 export declare const IxDropdown: StencilReactComponent<IxDropdownElement, IxDropdownEvents>;
 export type IxDropdownButtonEvents = NonNullable<unknown>;
@@ -219,35 +220,35 @@ export declare const IxDropdownItem: StencilReactComponent<IxDropdownItemElement
 export type IxDropdownQuickActionsEvents = NonNullable<unknown>;
 export declare const IxDropdownQuickActions: StencilReactComponent<IxDropdownQuickActionsElement, IxDropdownQuickActionsEvents>;
 export type IxEmptyStateEvents = {
-    onActionClick: EventName<CustomEvent<void>>;
+    onActionClick: EventName<IxEmptyStateCustomEvent<void>>;
 };
 export declare const IxEmptyState: StencilReactComponent<IxEmptyStateElement, IxEmptyStateEvents>;
 export type IxEventListEvents = NonNullable<unknown>;
 export declare const IxEventList: StencilReactComponent<IxEventListElement, IxEventListEvents>;
 export type IxEventListItemEvents = {
-    onItemClick: EventName<CustomEvent<any>>;
+    onItemClick: EventName<IxEventListItemCustomEvent<any>>;
 };
 export declare const IxEventListItem: StencilReactComponent<IxEventListItemElement, IxEventListItemEvents>;
 export type IxExpandingSearchEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onValueChange: EventName<IxExpandingSearchCustomEvent<string>>;
 };
 export declare const IxExpandingSearch: StencilReactComponent<IxExpandingSearchElement, IxExpandingSearchEvents>;
 export type IxFieldLabelEvents = NonNullable<unknown>;
 export declare const IxFieldLabel: StencilReactComponent<IxFieldLabelElement, IxFieldLabelEvents>;
 export type IxFilterChipEvents = {
-    onCloseClick: EventName<CustomEvent<void>>;
+    onCloseClick: EventName<IxFilterChipCustomEvent<void>>;
 };
 export declare const IxFilterChip: StencilReactComponent<IxFilterChipElement, IxFilterChipEvents>;
 export type IxFlipTileEvents = {
-    onToggle: EventName<CustomEvent<number>>;
+    onToggle: EventName<IxFlipTileCustomEvent<number>>;
 };
 export declare const IxFlipTile: StencilReactComponent<IxFlipTileElement, IxFlipTileEvents>;
 export type IxFlipTileContentEvents = NonNullable<unknown>;
 export declare const IxFlipTileContent: StencilReactComponent<IxFlipTileContentElement, IxFlipTileContentEvents>;
 export type IxGroupEvents = {
-    onSelectGroup: EventName<CustomEvent<boolean>>;
-    onSelectItem: EventName<CustomEvent<number>>;
-    onExpandedChanged: EventName<CustomEvent<boolean>>;
+    onSelectGroup: EventName<IxGroupCustomEvent<boolean>>;
+    onSelectItem: EventName<IxGroupCustomEvent<number>>;
+    onExpandedChanged: EventName<IxGroupCustomEvent<boolean>>;
 };
 export declare const IxGroup: StencilReactComponent<IxGroupElement, IxGroupEvents>;
 export type IxGroupContextMenuEvents = NonNullable<unknown>;
@@ -261,13 +262,14 @@ export declare const IxHelperText: StencilReactComponent<IxHelperTextElement, Ix
 export type IxIconButtonEvents = NonNullable<unknown>;
 export declare const IxIconButton: StencilReactComponent<IxIconButtonElement, IxIconButtonEvents>;
 export type IxIconToggleButtonEvents = {
-    onPressedChange: EventName<CustomEvent<boolean>>;
+    onPressedChange: EventName<IxIconToggleButtonCustomEvent<boolean>>;
 };
 export declare const IxIconToggleButton: StencilReactComponent<IxIconToggleButtonElement, IxIconToggleButtonEvents>;
 export type IxInputEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onValueChange: EventName<IxInputCustomEvent<string>>;
     onValidityStateChange: EventName<IxInputCustomEvent<ValidityState>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onIxBlur: EventName<IxInputCustomEvent<void>>;
+    onIxChange: EventName<IxInputCustomEvent<string>>;
 };
 export declare const IxInput: StencilReactComponent<IxInputElement, IxInputEvents>;
 export type IxInputGroupEvents = NonNullable<unknown>;
@@ -285,15 +287,15 @@ export declare const IxLayoutGrid: StencilReactComponent<IxLayoutGridElement, Ix
 export type IxLinkButtonEvents = NonNullable<unknown>;
 export declare const IxLinkButton: StencilReactComponent<IxLinkButtonElement, IxLinkButtonEvents>;
 export type IxMenuEvents = {
-    onExpandChange: EventName<CustomEvent<boolean>>;
-    onMapExpandChange: EventName<CustomEvent<boolean>>;
-    onOpenAppSwitch: EventName<CustomEvent<void>>;
-    onOpenSettings: EventName<CustomEvent<void>>;
-    onOpenAbout: EventName<CustomEvent<void>>;
+    onExpandChange: EventName<IxMenuCustomEvent<boolean>>;
+    onMapExpandChange: EventName<IxMenuCustomEvent<boolean>>;
+    onOpenAppSwitch: EventName<IxMenuCustomEvent<void>>;
+    onOpenSettings: EventName<IxMenuCustomEvent<void>>;
+    onOpenAbout: EventName<IxMenuCustomEvent<void>>;
 };
 export declare const IxMenu: StencilReactComponent<IxMenuElement, IxMenuEvents>;
 export type IxMenuAboutEvents = {
-    onTabChange: EventName<CustomEvent<string>>;
+    onTabChange: EventName<IxMenuAboutCustomEvent<string>>;
     onClose: EventName<IxMenuAboutCustomEvent<CustomCloseEvent>>;
 };
 export declare const IxMenuAbout: StencilReactComponent<IxMenuAboutElement, IxMenuAboutEvents>;
@@ -303,11 +305,11 @@ export type IxMenuAboutItemEvents = {
 export declare const IxMenuAboutItem: StencilReactComponent<IxMenuAboutItemElement, IxMenuAboutItemEvents>;
 export type IxMenuAboutNewsEvents = {
     onShowMore: EventName<IxMenuAboutNewsCustomEvent<MouseEvent>>;
-    onClosePopover: EventName<CustomEvent<void>>;
+    onClosePopover: EventName<IxMenuAboutNewsCustomEvent<void>>;
 };
 export declare const IxMenuAboutNews: StencilReactComponent<IxMenuAboutNewsElement, IxMenuAboutNewsEvents>;
 export type IxMenuAvatarEvents = {
-    onLogoutClick: EventName<CustomEvent<any>>;
+    onLogoutClick: EventName<IxMenuAvatarCustomEvent<any>>;
 };
 export declare const IxMenuAvatar: StencilReactComponent<IxMenuAvatarElement, IxMenuAvatarEvents>;
 export type IxMenuAvatarItemEvents = {
@@ -319,7 +321,7 @@ export declare const IxMenuCategory: StencilReactComponent<IxMenuCategoryElement
 export type IxMenuItemEvents = NonNullable<unknown>;
 export declare const IxMenuItem: StencilReactComponent<IxMenuItemElement, IxMenuItemEvents>;
 export type IxMenuSettingsEvents = {
-    onTabChange: EventName<CustomEvent<string>>;
+    onTabChange: EventName<IxMenuSettingsCustomEvent<string>>;
     onClose: EventName<IxMenuSettingsCustomEvent<CustomCloseEvent>>;
 };
 export declare const IxMenuSettings: StencilReactComponent<IxMenuSettingsElement, IxMenuSettingsEvents>;
@@ -328,13 +330,13 @@ export type IxMenuSettingsItemEvents = {
 };
 export declare const IxMenuSettingsItem: StencilReactComponent<IxMenuSettingsItemElement, IxMenuSettingsItemEvents>;
 export type IxMessageBarEvents = {
-    onClosedChange: EventName<CustomEvent<any>>;
-    onCloseAnimationCompleted: EventName<CustomEvent<any>>;
+    onClosedChange: EventName<IxMessageBarCustomEvent<any>>;
+    onCloseAnimationCompleted: EventName<IxMessageBarCustomEvent<any>>;
 };
 export declare const IxMessageBar: StencilReactComponent<IxMessageBarElement, IxMessageBarEvents>;
 export type IxModalEvents = {
-    onDialogClose: EventName<CustomEvent<any>>;
-    onDialogDismiss: EventName<CustomEvent<any>>;
+    onDialogClose: EventName<IxModalCustomEvent<any>>;
+    onDialogDismiss: EventName<IxModalCustomEvent<any>>;
 };
 export declare const IxModal: StencilReactComponent<IxModalElement, IxModalEvents>;
 export type IxModalContentEvents = NonNullable<unknown>;
@@ -346,14 +348,15 @@ export type IxModalHeaderEvents = {
 };
 export declare const IxModalHeader: StencilReactComponent<IxModalHeaderElement, IxModalHeaderEvents>;
 export type IxNumberInputEvents = {
-    onValueChange: EventName<CustomEvent<number>>;
+    onValueChange: EventName<IxNumberInputCustomEvent<number>>;
     onValidityStateChange: EventName<IxNumberInputCustomEvent<ValidityState>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onIxBlur: EventName<IxNumberInputCustomEvent<void>>;
+    onIxChange: EventName<IxNumberInputCustomEvent<number>>;
 };
 export declare const IxNumberInput: StencilReactComponent<IxNumberInputElement, IxNumberInputEvents>;
 export type IxPaginationEvents = {
-    onPageSelected: EventName<CustomEvent<number>>;
-    onItemCountChanged: EventName<CustomEvent<number>>;
+    onPageSelected: EventName<IxPaginationCustomEvent<number>>;
+    onItemCountChanged: EventName<IxPaginationCustomEvent<number>>;
 };
 export declare const IxPagination: StencilReactComponent<IxPaginationElement, IxPaginationEvents>;
 export type IxPaneEvents = {
@@ -371,30 +374,30 @@ export declare const IxProgressIndicator: StencilReactComponent<IxProgressIndica
 export type IxPushCardEvents = NonNullable<unknown>;
 export declare const IxPushCard: StencilReactComponent<IxPushCardElement, IxPushCardEvents>;
 export type IxRadioEvents = {
-    onCheckedChange: EventName<CustomEvent<boolean>>;
-    onValueChange: EventName<CustomEvent<string>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onCheckedChange: EventName<IxRadioCustomEvent<boolean>>;
+    onValueChange: EventName<IxRadioCustomEvent<string>>;
+    onIxBlur: EventName<IxRadioCustomEvent<void>>;
 };
 export declare const IxRadio: StencilReactComponent<IxRadioElement, IxRadioEvents>;
 export type IxRadioGroupEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onValueChange: EventName<IxRadioGroupCustomEvent<string>>;
 };
 export declare const IxRadioGroup: StencilReactComponent<IxRadioGroupElement, IxRadioGroupEvents>;
 export type IxRowEvents = NonNullable<unknown>;
 export declare const IxRow: StencilReactComponent<IxRowElement, IxRowEvents>;
 export type IxSelectEvents = {
-    onValueChange: EventName<CustomEvent<string | string[]>>;
-    onInputChange: EventName<CustomEvent<string>>;
-    onAddItem: EventName<CustomEvent<string>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onValueChange: EventName<IxSelectCustomEvent<string | string[]>>;
+    onInputChange: EventName<IxSelectCustomEvent<string>>;
+    onAddItem: EventName<IxSelectCustomEvent<string>>;
+    onIxBlur: EventName<IxSelectCustomEvent<void>>;
 };
 export declare const IxSelect: StencilReactComponent<IxSelectElement, IxSelectEvents>;
 export type IxSelectItemEvents = {
-    onItemClick: EventName<CustomEvent<string>>;
+    onItemClick: EventName<IxSelectItemCustomEvent<string>>;
 };
 export declare const IxSelectItem: StencilReactComponent<IxSelectItemElement, IxSelectItemEvents>;
 export type IxSliderEvents = {
-    onValueChange: EventName<CustomEvent<number>>;
+    onValueChange: EventName<IxSliderCustomEvent<number>>;
 };
 export declare const IxSlider: StencilReactComponent<IxSliderElement, IxSliderEvents>;
 export type IxSpinnerEvents = NonNullable<unknown>;
@@ -408,40 +411,42 @@ export type IxTabItemEvents = {
 };
 export declare const IxTabItem: StencilReactComponent<IxTabItemElement, IxTabItemEvents>;
 export type IxTabsEvents = {
-    onSelectedChange: EventName<CustomEvent<number>>;
+    onSelectedChange: EventName<IxTabsCustomEvent<number>>;
 };
 export declare const IxTabs: StencilReactComponent<IxTabsElement, IxTabsEvents>;
 export type IxTextareaEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onValueChange: EventName<IxTextareaCustomEvent<string>>;
     onValidityStateChange: EventName<IxTextareaCustomEvent<ValidityState>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onIxBlur: EventName<IxTextareaCustomEvent<void>>;
+    onIxChange: EventName<IxTextareaCustomEvent<string>>;
 };
 export declare const IxTextarea: StencilReactComponent<IxTextareaElement, IxTextareaEvents>;
 export type IxTileEvents = NonNullable<unknown>;
 export declare const IxTile: StencilReactComponent<IxTileElement, IxTileEvents>;
 export type IxTimeInputEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onValueChange: EventName<IxTimeInputCustomEvent<string>>;
     onValidityStateChange: EventName<IxTimeInputCustomEvent<TimeInputValidityState>>;
+    onIxChange: EventName<IxTimeInputCustomEvent<string>>;
 };
 export declare const IxTimeInput: StencilReactComponent<IxTimeInputElement, IxTimeInputEvents>;
 export type IxTimePickerEvents = {
-    onTimeSelect: EventName<CustomEvent<string>>;
-    onTimeChange: EventName<CustomEvent<string>>;
+    onTimeSelect: EventName<IxTimePickerCustomEvent<string>>;
+    onTimeChange: EventName<IxTimePickerCustomEvent<string>>;
 };
 export declare const IxTimePicker: StencilReactComponent<IxTimePickerElement, IxTimePickerEvents>;
 export type IxToastEvents = {
-    onCloseToast: EventName<CustomEvent<any>>;
+    onCloseToast: EventName<IxToastCustomEvent<any>>;
 };
 export declare const IxToast: StencilReactComponent<IxToastElement, IxToastEvents>;
 export type IxToastContainerEvents = NonNullable<unknown>;
 export declare const IxToastContainer: StencilReactComponent<IxToastContainerElement, IxToastContainerEvents>;
 export type IxToggleEvents = {
-    onCheckedChange: EventName<CustomEvent<boolean>>;
-    onIxBlur: EventName<CustomEvent<void>>;
+    onCheckedChange: EventName<IxToggleCustomEvent<boolean>>;
+    onIxBlur: EventName<IxToggleCustomEvent<void>>;
 };
 export declare const IxToggle: StencilReactComponent<IxToggleElement, IxToggleEvents>;
 export type IxToggleButtonEvents = {
-    onPressedChange: EventName<CustomEvent<boolean>>;
+    onPressedChange: EventName<IxToggleButtonCustomEvent<boolean>>;
 };
 export declare const IxToggleButton: StencilReactComponent<IxToggleButtonElement, IxToggleButtonEvents>;
 export type IxTooltipEvents = NonNullable<unknown>;
@@ -457,6 +462,6 @@ export declare const IxValidationTooltip: StencilReactComponent<IxValidationTool
 export type IxWorkflowStepEvents = NonNullable<unknown>;
 export declare const IxWorkflowStep: StencilReactComponent<IxWorkflowStepElement, IxWorkflowStepEvents>;
 export type IxWorkflowStepsEvents = {
-    onStepSelected: EventName<CustomEvent<number>>;
+    onStepSelected: EventName<IxWorkflowStepsCustomEvent<number>>;
 };
 export declare const IxWorkflowSteps: StencilReactComponent<IxWorkflowStepsElement, IxWorkflowStepsEvents>;