npm - @siemens/ix-react - Versions diffs - 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1522-20241021144048 - Mend

@siemens/ix-react 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1522-20241021144048

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.esm.js +174 -194
package/dist/index.js +6 -37
package/dist/types/components.d.ts +1 -12
package/package.json +3 -3

package/dist/index.esm.js CHANGED Viewed

@@ -15,103 +15,92 @@ import { defineCustomElement as defineCustomElement$b } from '@siemens/ix/compon
 import { defineCustomElement as defineCustomElement$c } from '@siemens/ix/components/ix-card-list.js';
 import { defineCustomElement as defineCustomElement$d } from '@siemens/ix/components/ix-card-title.js';
 import { defineCustomElement as defineCustomElement$e } from '@siemens/ix/components/ix-category-filter.js';
-import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-checkbox.js';
-import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-checkbox-group.js';
-import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-chip.js';
-import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-col.js';
-import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-content.js';
-import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-content-header.js';
-import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-custom-field.js';
-import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-date-dropdown.js';
-import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-date-field.js';
-import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-date-picker.js';
-import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-datetime-picker.js';
-import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-divider.js';
-import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-drawer.js';
-import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown.js';
-import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-dropdown-button.js';
-import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-dropdown-header.js';
-import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-dropdown-item.js';
-import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
-import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-empty-state.js';
-import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-event-list.js';
-import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-event-list-item.js';
-import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-expanding-search.js';
-import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-field-label.js';
-import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-filter-chip.js';
-import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-flip-tile.js';
-import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-flip-tile-content.js';
-import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-group.js';
-import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-group-context-menu.js';
-import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-group-item.js';
-import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-helper-text.js';
-import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-icon-button.js';
-import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-icon-toggle-button.js';
-import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-input-group.js';
-import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-key-value.js';
-import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-key-value-list.js';
-import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-kpi.js';
-import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-layout-form.js';
-import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-layout-grid.js';
-import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-link-button.js';
-import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-map-navigation.js';
-import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-map-navigation-overlay.js';
-import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu.js';
-import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-about.js';
-import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-about-item.js';
-import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-about-news.js';
-import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-menu-avatar.js';
-import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-menu-avatar-item.js';
-import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-menu-category.js';
-import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-menu-item.js';
-import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-menu-settings.js';
-import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-menu-settings-item.js';
-import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-message-bar.js';
-import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-modal.js';
-import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-modal-content.js';
-import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-modal-example.js';
-import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-modal-footer.js';
-import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-modal-header.js';
-import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-number-field.js';
-import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-pagination.js';
-import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-pane.js';
-import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-pane-layout.js';
-import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-pill.js';
-import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-push-card.js';
-import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-radio.js';
-import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-radio-group.js';
-import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-row.js';
-import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-select.js';
-import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-select-item.js';
-import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-slider.js';
-import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-spinner.js';
-import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-split-button.js';
-import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-split-button-item.js';
-import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-tab-item.js';
-import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-tabs.js';
-import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-text-field.js';
-import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-textarea-field.js';
-import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-tile.js';
-import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-time-picker.js';
-import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-toast.js';
-import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-toast-container.js';
-import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-toggle.js';
-import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-toggle-button.js';
-import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix/components/ix-tooltip.js';
-import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-typography.js';
-import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-upload.js';
-import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-validation-tooltip.js';
-import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-workflow-step.js';
-import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix/components/ix-workflow-steps.js';
+import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-chip.js';
+import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-col.js';
+import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-content.js';
+import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-content-header.js';
+import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-date-dropdown.js';
+import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-date-picker.js';
+import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-datetime-picker.js';
+import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-divider.js';
+import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-drawer.js';
+import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-dropdown.js';
+import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-dropdown-button.js';
+import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-dropdown-header.js';
+import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-dropdown-item.js';
+import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
+import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-empty-state.js';
+import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-event-list.js';
+import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-event-list-item.js';
+import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-expanding-search.js';
+import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-filter-chip.js';
+import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-flip-tile.js';
+import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-flip-tile-content.js';
+import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-form-field.js';
+import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-group.js';
+import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-group-context-menu.js';
+import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-group-item.js';
+import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-icon-button.js';
+import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-icon-toggle-button.js';
+import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-input-group.js';
+import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-key-value.js';
+import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-key-value-list.js';
+import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-kpi.js';
+import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-layout-grid.js';
+import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-link-button.js';
+import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-map-navigation.js';
+import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-map-navigation-overlay.js';
+import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-menu.js';
+import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-menu-about.js';
+import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-menu-about-item.js';
+import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-menu-about-news.js';
+import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-menu-avatar.js';
+import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu-avatar-item.js';
+import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-category.js';
+import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-item.js';
+import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-settings.js';
+import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-settings-item.js';
+import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-message-bar.js';
+import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-modal.js';
+import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-modal-content.js';
+import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-modal-example.js';
+import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-modal-footer.js';
+import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-modal-header.js';
+import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-pagination.js';
+import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-pane.js';
+import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-pane-layout.js';
+import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-pill.js';
+import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-push-card.js';
+import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-row.js';
+import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-select.js';
+import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-select-item.js';
+import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-slider.js';
+import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-spinner.js';
+import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-split-button.js';
+import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-split-button-item.js';
+import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-tab-item.js';
+import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-tabs.js';
+import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-tile.js';
+import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-time-picker.js';
+import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-toast.js';
+import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-toast-container.js';
+import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-toggle.js';
+import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-toggle-button.js';
+import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-tooltip.js';
+import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-typography.js';
+import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-upload.js';
+import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-validation-tooltip.js';
+import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-workflow-step.js';
+import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-workflow-steps.js';
 import { registerFrameworkDelegate, showModal as showModal$1, toast } from '@siemens/ix';
 import ReactDOMClient from 'react-dom/client';
-import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-application-sidebar.js';
-import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-application-switch-modal.js';
-import { defineCustomElement as defineCustomElement$1G } from '@siemens/ix/components/ix-menu-expand-icon.js';
-import { defineCustomElement as defineCustomElement$1F } from '@siemens/ix/components/ix-date-time-card.js';
-import { defineCustomElement as defineCustomElement$1H } from '@siemens/ix/components/ix-modal-loading.js';
-import { defineCustomElement as defineCustomElement$1I } from '@siemens/ix-icons/dist/components/ix-icon';
-import { defineCustomElement as defineCustomElement$1J } from '@siemens/ix/components/ix-tree.js';
+import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-application-sidebar.js';
+import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-application-switch-modal.js';
+import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-menu-expand-icon.js';
+import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-date-time-card.js';
+import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-modal-loading.js';
+import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix-icons/dist/components/ix-icon';
+import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-tree.js';
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -157,7 +146,9 @@ const attachProps = (node, newProps, oldProps = {}) => {
     if (node instanceof Element) {
         // add any classes in className to the class list
         const className = getClassName(node.classList, newProps, oldProps);
-        node.className = className;
+        if (className !== '') {
+            node.className = className;
+        }
         Object.keys(newProps).forEach((name) => {
             if (name === 'children' ||
                 name === 'style' ||
@@ -359,94 +350,83 @@ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', unde
 const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, defineCustomElement$c);
 const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, defineCustomElement$d);
 const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, defineCustomElement$e);
-const IxCheckbox = /*@__PURE__*/ createReactComponent('ix-checkbox', undefined, undefined, defineCustomElement$f);
-const IxCheckboxGroup = /*@__PURE__*/ createReactComponent('ix-checkbox-group', undefined, undefined, defineCustomElement$g);
-const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$h);
-const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$i);
-const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, defineCustomElement$j);
-const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$k);
-const IxCustomField = /*@__PURE__*/ createReactComponent('ix-custom-field', undefined, undefined, defineCustomElement$l);
-const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, defineCustomElement$m);
-const IxDateField = /*@__PURE__*/ createReactComponent('ix-date-field', undefined, undefined, defineCustomElement$n);
-const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$o);
-const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$p);
-const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$q);
-const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$r);
-const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$s);
-const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$t);
-const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$u);
-const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$v);
-const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$w);
-const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$x);
-const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$y);
-const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$z);
-const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$A);
-const IxFieldLabel = /*@__PURE__*/ createReactComponent('ix-field-label', undefined, undefined, defineCustomElement$B);
-const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$C);
-const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$D);
-const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$E);
-const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$F);
-const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$G);
-const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$H);
-const IxHelperText = /*@__PURE__*/ createReactComponent('ix-helper-text', undefined, undefined, defineCustomElement$I);
-const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$J);
-const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$K);
-const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$L);
-const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$M);
-const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$N);
-const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$O);
-const IxLayoutForm = /*@__PURE__*/ createReactComponent('ix-layout-form', undefined, undefined, defineCustomElement$P);
-const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$Q);
-const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$R);
-const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$S);
-const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$T);
-const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$U);
-const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$V);
-const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$W);
-const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$X);
-const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$Y);
-const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$Z);
-const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$_);
-const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$$);
-const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$10);
-const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$11);
-const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$12);
-const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$13);
-const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$14);
-const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$15);
-const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$16);
-const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$17);
-const IxNumberField = /*@__PURE__*/ createReactComponent('ix-number-field', undefined, undefined, defineCustomElement$18);
-const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$19);
-const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, defineCustomElement$1a);
-const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, defineCustomElement$1b);
-const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$1c);
-const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$1d);
-const IxRadio = /*@__PURE__*/ createReactComponent('ix-radio', undefined, undefined, defineCustomElement$1e);
-const IxRadioGroup = /*@__PURE__*/ createReactComponent('ix-radio-group', undefined, undefined, defineCustomElement$1f);
-const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$1g);
-const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$1h);
-const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$1i);
-const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$1j);
-const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$1k);
-const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$1l);
-const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$1m);
-const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$1n);
-const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1o);
-const IxTextField = /*@__PURE__*/ createReactComponent('ix-text-field', undefined, undefined, defineCustomElement$1p);
-const IxTextareaField = /*@__PURE__*/ createReactComponent('ix-textarea-field', undefined, undefined, defineCustomElement$1q);
-const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1r);
-const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1s);
-const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1t);
-const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1u);
-const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1v);
-const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1w);
-const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1x);
-const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1y);
-const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1z);
-const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1A);
-const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1B);
-const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1C);
+const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$f);
+const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$g);
+const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, defineCustomElement$h);
+const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$i);
+const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, defineCustomElement$j);
+const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$k);
+const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$l);
+const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$m);
+const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$n);
+const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$o);
+const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$p);
+const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$q);
+const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$r);
+const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$s);
+const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$t);
+const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$u);
+const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$v);
+const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$w);
+const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$x);
+const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$y);
+const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$z);
+const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, defineCustomElement$A);
+const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$B);
+const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$C);
+const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$D);
+const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$E);
+const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$F);
+const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$G);
+const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$H);
+const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$I);
+const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$J);
+const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$K);
+const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$L);
+const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$M);
+const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$N);
+const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$O);
+const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$P);
+const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$Q);
+const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$R);
+const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$S);
+const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$T);
+const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$U);
+const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$V);
+const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$W);
+const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$X);
+const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$Y);
+const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$Z);
+const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$_);
+const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$$);
+const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$10);
+const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$11);
+const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$12);
+const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, defineCustomElement$13);
+const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, defineCustomElement$14);
+const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$15);
+const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$16);
+const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$17);
+const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$18);
+const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$19);
+const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$1a);
+const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$1b);
+const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$1c);
+const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$1d);
+const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$1e);
+const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1f);
+const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1g);
+const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1h);
+const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1i);
+const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1j);
+const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1k);
+const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1l);
+const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1m);
+const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1n);
+const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1o);
+const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1p);
+const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1q);
+const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1r);
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -628,16 +608,16 @@ class IxApplicationContext extends React.Component {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-defineCustomElement$1D();
-defineCustomElement$1E();
-defineCustomElement$1F();
-defineCustomElement$1G();
-defineCustomElement$1H();
+defineCustomElement$1s();
+defineCustomElement$1t();
+defineCustomElement$1u();
+defineCustomElement$1v();
+defineCustomElement$1w();
 // eslint-disable-next-line no-inline-comments
 const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined);
 // Predefine `ix-icon` to be sure its loaded before its used inside the util functions
-defineCustomElement$1I();
+defineCustomElement$1x();
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -685,8 +665,8 @@ async function showModal(config) {
  */
 async function showToast(config) {
     // Define custom element, otherwise dynamic creation of toast container will fail
-    defineCustomElement$1t();
-    defineCustomElement$1u();
+    defineCustomElement$1i();
+    defineCustomElement$1j();
     if (typeof config.message === 'string') {
         const toastInstance = await toast(config);
         return toastInstance;
@@ -704,7 +684,7 @@ async function showToast(config) {
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // eslint-disable-next-line no-inline-comments
-const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree', undefined, undefined, defineCustomElement$1J);
+const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree', undefined, undefined, defineCustomElement$1y);
 const IxTree = (props) => {
     const cachedRootNodes = useRef(new Map());
     const renderItem = useCallback((_, data, __, context, update) => {
@@ -736,4 +716,4 @@ const IxTree = (props) => {
         } })));
 };
-export { InternalIxTree, IxActionCard, IxApplication, IxApplicationContext, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateField, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutForm, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalExample, IxModalFooter, IxModalHeader, IxNumberField, IxPagination, IxPane, IxPaneLayout, IxPill, IxPushCard, IxRadio, IxRadioGroup, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTextField, IxTextareaField, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };
+export { InternalIxTree, IxActionCard, IxApplication, IxApplicationContext, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxChip, IxCol, IxContent, IxContentHeader, IxDateDropdown, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxFormField, IxGroup, IxGroupContextMenu, IxGroupItem, IxIcon, IxIconButton, IxIconToggleButton, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalExample, IxModalFooter, IxModalHeader, IxPagination, IxPane, IxPaneLayout, IxPill, IxPushCard, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };

package/dist/index.js CHANGED Viewed

@@ -19,15 +19,11 @@ const ixCardContent_js = require('@siemens/ix/components/ix-card-content.js');
 const ixCardList_js = require('@siemens/ix/components/ix-card-list.js');
 const ixCardTitle_js = require('@siemens/ix/components/ix-card-title.js');
 const ixCategoryFilter_js = require('@siemens/ix/components/ix-category-filter.js');
-const ixCheckbox_js = require('@siemens/ix/components/ix-checkbox.js');
-const ixCheckboxGroup_js = require('@siemens/ix/components/ix-checkbox-group.js');
 const ixChip_js = require('@siemens/ix/components/ix-chip.js');
 const ixCol_js = require('@siemens/ix/components/ix-col.js');
 const ixContent_js = require('@siemens/ix/components/ix-content.js');
 const ixContentHeader_js = require('@siemens/ix/components/ix-content-header.js');
-const ixCustomField_js = require('@siemens/ix/components/ix-custom-field.js');
 const ixDateDropdown_js = require('@siemens/ix/components/ix-date-dropdown.js');
-const ixDateField_js = require('@siemens/ix/components/ix-date-field.js');
 const ixDatePicker_js = require('@siemens/ix/components/ix-date-picker.js');
 const ixDatetimePicker_js = require('@siemens/ix/components/ix-datetime-picker.js');
 const ixDivider_js = require('@siemens/ix/components/ix-divider.js');
@@ -41,21 +37,19 @@ const ixEmptyState_js = require('@siemens/ix/components/ix-empty-state.js');
 const ixEventList_js = require('@siemens/ix/components/ix-event-list.js');
 const ixEventListItem_js = require('@siemens/ix/components/ix-event-list-item.js');
 const ixExpandingSearch_js = require('@siemens/ix/components/ix-expanding-search.js');
-const ixFieldLabel_js = require('@siemens/ix/components/ix-field-label.js');
 const ixFilterChip_js = require('@siemens/ix/components/ix-filter-chip.js');
 const ixFlipTile_js = require('@siemens/ix/components/ix-flip-tile.js');
 const ixFlipTileContent_js = require('@siemens/ix/components/ix-flip-tile-content.js');
+const ixFormField_js = require('@siemens/ix/components/ix-form-field.js');
 const ixGroup_js = require('@siemens/ix/components/ix-group.js');
 const ixGroupContextMenu_js = require('@siemens/ix/components/ix-group-context-menu.js');
 const ixGroupItem_js = require('@siemens/ix/components/ix-group-item.js');
-const ixHelperText_js = require('@siemens/ix/components/ix-helper-text.js');
 const ixIconButton_js = require('@siemens/ix/components/ix-icon-button.js');
 const ixIconToggleButton_js = require('@siemens/ix/components/ix-icon-toggle-button.js');
 const ixInputGroup_js = require('@siemens/ix/components/ix-input-group.js');
 const ixKeyValue_js = require('@siemens/ix/components/ix-key-value.js');
 const ixKeyValueList_js = require('@siemens/ix/components/ix-key-value-list.js');
 const ixKpi_js = require('@siemens/ix/components/ix-kpi.js');
-const ixLayoutForm_js = require('@siemens/ix/components/ix-layout-form.js');
 const ixLayoutGrid_js = require('@siemens/ix/components/ix-layout-grid.js');
 const ixLinkButton_js = require('@siemens/ix/components/ix-link-button.js');
 const ixMapNavigation_js = require('@siemens/ix/components/ix-map-navigation.js');
@@ -76,14 +70,11 @@ const ixModalContent_js = require('@siemens/ix/components/ix-modal-content.js');
 const ixModalExample_js = require('@siemens/ix/components/ix-modal-example.js');
 const ixModalFooter_js = require('@siemens/ix/components/ix-modal-footer.js');
 const ixModalHeader_js = require('@siemens/ix/components/ix-modal-header.js');
-const ixNumberField_js = require('@siemens/ix/components/ix-number-field.js');
 const ixPagination_js = require('@siemens/ix/components/ix-pagination.js');
 const ixPane_js = require('@siemens/ix/components/ix-pane.js');
 const ixPaneLayout_js = require('@siemens/ix/components/ix-pane-layout.js');
 const ixPill_js = require('@siemens/ix/components/ix-pill.js');
 const ixPushCard_js = require('@siemens/ix/components/ix-push-card.js');
-const ixRadio_js = require('@siemens/ix/components/ix-radio.js');
-const ixRadioGroup_js = require('@siemens/ix/components/ix-radio-group.js');
 const ixRow_js = require('@siemens/ix/components/ix-row.js');
 const ixSelect_js = require('@siemens/ix/components/ix-select.js');
 const ixSelectItem_js = require('@siemens/ix/components/ix-select-item.js');
@@ -93,8 +84,6 @@ const ixSplitButton_js = require('@siemens/ix/components/ix-split-button.js');
 const ixSplitButtonItem_js = require('@siemens/ix/components/ix-split-button-item.js');
 const ixTabItem_js = require('@siemens/ix/components/ix-tab-item.js');
 const ixTabs_js = require('@siemens/ix/components/ix-tabs.js');
-const ixTextField_js = require('@siemens/ix/components/ix-text-field.js');
-const ixTextareaField_js = require('@siemens/ix/components/ix-textarea-field.js');
 const ixTile_js = require('@siemens/ix/components/ix-tile.js');
 const ixTimePicker_js = require('@siemens/ix/components/ix-time-picker.js');
 const ixToast_js = require('@siemens/ix/components/ix-toast.js');
@@ -167,7 +156,9 @@ const attachProps = (node, newProps, oldProps = {}) => {
     if (node instanceof Element) {
         // add any classes in className to the class list
         const className = getClassName(node.classList, newProps, oldProps);
-        node.className = className;
+        if (className !== '') {
+            node.className = className;
+        }
         Object.keys(newProps).forEach((name) => {
             if (name === 'children' ||
                 name === 'style' ||
@@ -369,15 +360,11 @@ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', unde
 const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, ixCardList_js.defineCustomElement);
 const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, ixCardTitle_js.defineCustomElement);
 const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, ixCategoryFilter_js.defineCustomElement);
-const IxCheckbox = /*@__PURE__*/ createReactComponent('ix-checkbox', undefined, undefined, ixCheckbox_js.defineCustomElement);
-const IxCheckboxGroup = /*@__PURE__*/ createReactComponent('ix-checkbox-group', undefined, undefined, ixCheckboxGroup_js.defineCustomElement);
 const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, ixChip_js.defineCustomElement);
 const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, ixCol_js.defineCustomElement);
 const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, ixContent_js.defineCustomElement);
 const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, ixContentHeader_js.defineCustomElement);
-const IxCustomField = /*@__PURE__*/ createReactComponent('ix-custom-field', undefined, undefined, ixCustomField_js.defineCustomElement);
 const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, ixDateDropdown_js.defineCustomElement);
-const IxDateField = /*@__PURE__*/ createReactComponent('ix-date-field', undefined, undefined, ixDateField_js.defineCustomElement);
 const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, ixDatePicker_js.defineCustomElement);
 const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, ixDatetimePicker_js.defineCustomElement);
 const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, ixDivider_js.defineCustomElement);
@@ -391,21 +378,19 @@ const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefi
 const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, ixEventList_js.defineCustomElement);
 const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, ixEventListItem_js.defineCustomElement);
 const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, ixExpandingSearch_js.defineCustomElement);
-const IxFieldLabel = /*@__PURE__*/ createReactComponent('ix-field-label', undefined, undefined, ixFieldLabel_js.defineCustomElement);
 const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, ixFilterChip_js.defineCustomElement);
 const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, ixFlipTile_js.defineCustomElement);
 const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, ixFlipTileContent_js.defineCustomElement);
+const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, ixFormField_js.defineCustomElement);
 const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, ixGroup_js.defineCustomElement);
 const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, ixGroupContextMenu_js.defineCustomElement);
 const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, ixGroupItem_js.defineCustomElement);
-const IxHelperText = /*@__PURE__*/ createReactComponent('ix-helper-text', undefined, undefined, ixHelperText_js.defineCustomElement);
 const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, ixIconButton_js.defineCustomElement);
 const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, ixIconToggleButton_js.defineCustomElement);
 const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, ixInputGroup_js.defineCustomElement);
 const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, ixKeyValue_js.defineCustomElement);
 const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, ixKeyValueList_js.defineCustomElement);
 const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, ixKpi_js.defineCustomElement);
-const IxLayoutForm = /*@__PURE__*/ createReactComponent('ix-layout-form', undefined, undefined, ixLayoutForm_js.defineCustomElement);
 const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, ixLayoutGrid_js.defineCustomElement);
 const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, ixLinkButton_js.defineCustomElement);
 const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, ixMapNavigation_js.defineCustomElement);
@@ -426,14 +411,11 @@ const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', un
 const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, ixModalExample_js.defineCustomElement);
 const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, ixModalFooter_js.defineCustomElement);
 const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, ixModalHeader_js.defineCustomElement);
-const IxNumberField = /*@__PURE__*/ createReactComponent('ix-number-field', undefined, undefined, ixNumberField_js.defineCustomElement);
 const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, ixPagination_js.defineCustomElement);
 const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, ixPane_js.defineCustomElement);
 const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, ixPaneLayout_js.defineCustomElement);
 const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, ixPill_js.defineCustomElement);
 const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, ixPushCard_js.defineCustomElement);
-const IxRadio = /*@__PURE__*/ createReactComponent('ix-radio', undefined, undefined, ixRadio_js.defineCustomElement);
-const IxRadioGroup = /*@__PURE__*/ createReactComponent('ix-radio-group', undefined, undefined, ixRadioGroup_js.defineCustomElement);
 const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, ixRow_js.defineCustomElement);
 const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, ixSelect_js.defineCustomElement);
 const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, ixSelectItem_js.defineCustomElement);
@@ -443,8 +425,6 @@ const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', unde
 const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, ixSplitButtonItem_js.defineCustomElement);
 const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, ixTabItem_js.defineCustomElement);
 const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, ixTabs_js.defineCustomElement);
-const IxTextField = /*@__PURE__*/ createReactComponent('ix-text-field', undefined, undefined, ixTextField_js.defineCustomElement);
-const IxTextareaField = /*@__PURE__*/ createReactComponent('ix-textarea-field', undefined, undefined, ixTextareaField_js.defineCustomElement);
 const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, ixTile_js.defineCustomElement);
 const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, ixTimePicker_js.defineCustomElement);
 const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, ixToast_js.defineCustomElement);
@@ -763,15 +743,11 @@ exports.IxCardContent = IxCardContent;
 exports.IxCardList = IxCardList;
 exports.IxCardTitle = IxCardTitle;
 exports.IxCategoryFilter = IxCategoryFilter;
-exports.IxCheckbox = IxCheckbox;
-exports.IxCheckboxGroup = IxCheckboxGroup;
 exports.IxChip = IxChip;
 exports.IxCol = IxCol;
 exports.IxContent = IxContent;
 exports.IxContentHeader = IxContentHeader;
-exports.IxCustomField = IxCustomField;
 exports.IxDateDropdown = IxDateDropdown;
-exports.IxDateField = IxDateField;
 exports.IxDatePicker = IxDatePicker;
 exports.IxDatetimePicker = IxDatetimePicker;
 exports.IxDivider = IxDivider;
@@ -785,14 +761,13 @@ exports.IxEmptyState = IxEmptyState;
 exports.IxEventList = IxEventList;
 exports.IxEventListItem = IxEventListItem;
 exports.IxExpandingSearch = IxExpandingSearch;
-exports.IxFieldLabel = IxFieldLabel;
 exports.IxFilterChip = IxFilterChip;
 exports.IxFlipTile = IxFlipTile;
 exports.IxFlipTileContent = IxFlipTileContent;
+exports.IxFormField = IxFormField;
 exports.IxGroup = IxGroup;
 exports.IxGroupContextMenu = IxGroupContextMenu;
 exports.IxGroupItem = IxGroupItem;
-exports.IxHelperText = IxHelperText;
 exports.IxIcon = IxIcon;
 exports.IxIconButton = IxIconButton;
 exports.IxIconToggleButton = IxIconToggleButton;
@@ -800,7 +775,6 @@ exports.IxInputGroup = IxInputGroup;
 exports.IxKeyValue = IxKeyValue;
 exports.IxKeyValueList = IxKeyValueList;
 exports.IxKpi = IxKpi;
-exports.IxLayoutForm = IxLayoutForm;
 exports.IxLayoutGrid = IxLayoutGrid;
 exports.IxLinkButton = IxLinkButton;
 exports.IxMapNavigation = IxMapNavigation;
@@ -821,14 +795,11 @@ exports.IxModalContent = IxModalContent;
 exports.IxModalExample = IxModalExample;
 exports.IxModalFooter = IxModalFooter;
 exports.IxModalHeader = IxModalHeader;
-exports.IxNumberField = IxNumberField;
 exports.IxPagination = IxPagination;
 exports.IxPane = IxPane;
 exports.IxPaneLayout = IxPaneLayout;
 exports.IxPill = IxPill;
 exports.IxPushCard = IxPushCard;
-exports.IxRadio = IxRadio;
-exports.IxRadioGroup = IxRadioGroup;
 exports.IxRow = IxRow;
 exports.IxSelect = IxSelect;
 exports.IxSelectItem = IxSelectItem;
@@ -838,8 +809,6 @@ exports.IxSplitButton = IxSplitButton;
 exports.IxSplitButtonItem = IxSplitButtonItem;
 exports.IxTabItem = IxTabItem;
 exports.IxTabs = IxTabs;
-exports.IxTextField = IxTextField;
-exports.IxTextareaField = IxTextareaField;
 exports.IxTile = IxTile;
 exports.IxTimePicker = IxTimePicker;
 exports.IxToast = IxToast;

package/dist/types/components.d.ts CHANGED Viewed

@@ -15,15 +15,11 @@ export declare const IxCardContent: import("react").ForwardRefExoticComponent<JS
 export declare const IxCardList: import("react").ForwardRefExoticComponent<JSX.IxCardList & Omit<import("react").HTMLAttributes<HTMLIxCardListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCardListElement>>;
 export declare const IxCardTitle: import("react").ForwardRefExoticComponent<JSX.IxCardTitle & Omit<import("react").HTMLAttributes<HTMLIxCardTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCardTitleElement>>;
 export declare const IxCategoryFilter: import("react").ForwardRefExoticComponent<JSX.IxCategoryFilter & Omit<import("react").HTMLAttributes<HTMLIxCategoryFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCategoryFilterElement>>;
-export declare const IxCheckbox: import("react").ForwardRefExoticComponent<JSX.IxCheckbox & Omit<import("react").HTMLAttributes<HTMLIxCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCheckboxElement>>;
-export declare const IxCheckboxGroup: import("react").ForwardRefExoticComponent<JSX.IxCheckboxGroup & Omit<import("react").HTMLAttributes<HTMLIxCheckboxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCheckboxGroupElement>>;
 export declare const IxChip: import("react").ForwardRefExoticComponent<JSX.IxChip & Omit<import("react").HTMLAttributes<HTMLIxChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxChipElement>>;
 export declare const IxCol: import("react").ForwardRefExoticComponent<JSX.IxCol & Omit<import("react").HTMLAttributes<HTMLIxColElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxColElement>>;
 export declare const IxContent: import("react").ForwardRefExoticComponent<JSX.IxContent & Omit<import("react").HTMLAttributes<HTMLIxContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxContentElement>>;
 export declare const IxContentHeader: import("react").ForwardRefExoticComponent<JSX.IxContentHeader & Omit<import("react").HTMLAttributes<HTMLIxContentHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxContentHeaderElement>>;
-export declare const IxCustomField: import("react").ForwardRefExoticComponent<JSX.IxCustomField & Omit<import("react").HTMLAttributes<HTMLIxCustomFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCustomFieldElement>>;
 export declare const IxDateDropdown: import("react").ForwardRefExoticComponent<JSX.IxDateDropdown & Omit<import("react").HTMLAttributes<HTMLIxDateDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDateDropdownElement>>;
-export declare const IxDateField: import("react").ForwardRefExoticComponent<JSX.IxDateField & Omit<import("react").HTMLAttributes<HTMLIxDateFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDateFieldElement>>;
 export declare const IxDatePicker: import("react").ForwardRefExoticComponent<JSX.IxDatePicker & Omit<import("react").HTMLAttributes<HTMLIxDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDatePickerElement>>;
 export declare const IxDatetimePicker: import("react").ForwardRefExoticComponent<JSX.IxDatetimePicker & Omit<import("react").HTMLAttributes<HTMLIxDatetimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDatetimePickerElement>>;
 export declare const IxDivider: import("react").ForwardRefExoticComponent<JSX.IxDivider & Omit<import("react").HTMLAttributes<HTMLIxDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDividerElement>>;
@@ -37,21 +33,19 @@ export declare const IxEmptyState: import("react").ForwardRefExoticComponent<JSX
 export declare const IxEventList: import("react").ForwardRefExoticComponent<JSX.IxEventList & Omit<import("react").HTMLAttributes<HTMLIxEventListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxEventListElement>>;
 export declare const IxEventListItem: import("react").ForwardRefExoticComponent<JSX.IxEventListItem & Omit<import("react").HTMLAttributes<HTMLIxEventListItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxEventListItemElement>>;
 export declare const IxExpandingSearch: import("react").ForwardRefExoticComponent<JSX.IxExpandingSearch & Omit<import("react").HTMLAttributes<HTMLIxExpandingSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxExpandingSearchElement>>;
-export declare const IxFieldLabel: import("react").ForwardRefExoticComponent<JSX.IxFieldLabel & Omit<import("react").HTMLAttributes<HTMLIxFieldLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFieldLabelElement>>;
 export declare const IxFilterChip: import("react").ForwardRefExoticComponent<JSX.IxFilterChip & Omit<import("react").HTMLAttributes<HTMLIxFilterChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFilterChipElement>>;
 export declare const IxFlipTile: import("react").ForwardRefExoticComponent<JSX.IxFlipTile & Omit<import("react").HTMLAttributes<HTMLIxFlipTileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFlipTileElement>>;
 export declare const IxFlipTileContent: import("react").ForwardRefExoticComponent<JSX.IxFlipTileContent & Omit<import("react").HTMLAttributes<HTMLIxFlipTileContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFlipTileContentElement>>;
+export declare const IxFormField: import("react").ForwardRefExoticComponent<JSX.IxFormField & Omit<import("react").HTMLAttributes<HTMLIxFormFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFormFieldElement>>;
 export declare const IxGroup: import("react").ForwardRefExoticComponent<JSX.IxGroup & Omit<import("react").HTMLAttributes<HTMLIxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupElement>>;
 export declare const IxGroupContextMenu: import("react").ForwardRefExoticComponent<JSX.IxGroupContextMenu & Omit<import("react").HTMLAttributes<HTMLIxGroupContextMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupContextMenuElement>>;
 export declare const IxGroupItem: import("react").ForwardRefExoticComponent<JSX.IxGroupItem & Omit<import("react").HTMLAttributes<HTMLIxGroupItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupItemElement>>;
-export declare const IxHelperText: import("react").ForwardRefExoticComponent<JSX.IxHelperText & Omit<import("react").HTMLAttributes<HTMLIxHelperTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxHelperTextElement>>;
 export declare const IxIconButton: import("react").ForwardRefExoticComponent<JSX.IxIconButton & Omit<import("react").HTMLAttributes<HTMLIxIconButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxIconButtonElement>>;
 export declare const IxIconToggleButton: import("react").ForwardRefExoticComponent<JSX.IxIconToggleButton & Omit<import("react").HTMLAttributes<HTMLIxIconToggleButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxIconToggleButtonElement>>;
 export declare const IxInputGroup: import("react").ForwardRefExoticComponent<JSX.IxInputGroup & Omit<import("react").HTMLAttributes<HTMLIxInputGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxInputGroupElement>>;
 export declare const IxKeyValue: import("react").ForwardRefExoticComponent<JSX.IxKeyValue & Omit<import("react").HTMLAttributes<HTMLIxKeyValueElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxKeyValueElement>>;
 export declare const IxKeyValueList: import("react").ForwardRefExoticComponent<JSX.IxKeyValueList & Omit<import("react").HTMLAttributes<HTMLIxKeyValueListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxKeyValueListElement>>;
 export declare const IxKpi: import("react").ForwardRefExoticComponent<JSX.IxKpi & Omit<import("react").HTMLAttributes<HTMLIxKpiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxKpiElement>>;
-export declare const IxLayoutForm: import("react").ForwardRefExoticComponent<JSX.IxLayoutForm & Omit<import("react").HTMLAttributes<HTMLIxLayoutFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxLayoutFormElement>>;
 export declare const IxLayoutGrid: import("react").ForwardRefExoticComponent<JSX.IxLayoutGrid & Omit<import("react").HTMLAttributes<HTMLIxLayoutGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxLayoutGridElement>>;
 export declare const IxLinkButton: import("react").ForwardRefExoticComponent<JSX.IxLinkButton & Omit<import("react").HTMLAttributes<HTMLIxLinkButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxLinkButtonElement>>;
 export declare const IxMapNavigation: import("react").ForwardRefExoticComponent<JSX.IxMapNavigation & Omit<import("react").HTMLAttributes<HTMLIxMapNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxMapNavigationElement>>;
@@ -72,14 +66,11 @@ export declare const IxModalContent: import("react").ForwardRefExoticComponent<J
 export declare const IxModalExample: import("react").ForwardRefExoticComponent<JSX.IxModalExample & Omit<import("react").HTMLAttributes<HTMLIxModalExampleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalExampleElement>>;
 export declare const IxModalFooter: import("react").ForwardRefExoticComponent<JSX.IxModalFooter & Omit<import("react").HTMLAttributes<HTMLIxModalFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalFooterElement>>;
 export declare const IxModalHeader: import("react").ForwardRefExoticComponent<JSX.IxModalHeader & Omit<import("react").HTMLAttributes<HTMLIxModalHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalHeaderElement>>;
-export declare const IxNumberField: import("react").ForwardRefExoticComponent<JSX.IxNumberField & Omit<import("react").HTMLAttributes<HTMLIxNumberFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxNumberFieldElement>>;
 export declare const IxPagination: import("react").ForwardRefExoticComponent<JSX.IxPagination & Omit<import("react").HTMLAttributes<HTMLIxPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaginationElement>>;
 export declare const IxPane: import("react").ForwardRefExoticComponent<JSX.IxPane & Omit<import("react").HTMLAttributes<HTMLIxPaneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaneElement>>;
 export declare const IxPaneLayout: import("react").ForwardRefExoticComponent<JSX.IxPaneLayout & Omit<import("react").HTMLAttributes<HTMLIxPaneLayoutElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaneLayoutElement>>;
 export declare const IxPill: import("react").ForwardRefExoticComponent<JSX.IxPill & Omit<import("react").HTMLAttributes<HTMLIxPillElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPillElement>>;
 export declare const IxPushCard: import("react").ForwardRefExoticComponent<JSX.IxPushCard & Omit<import("react").HTMLAttributes<HTMLIxPushCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPushCardElement>>;
-export declare const IxRadio: import("react").ForwardRefExoticComponent<JSX.IxRadio & Omit<import("react").HTMLAttributes<HTMLIxRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxRadioElement>>;
-export declare const IxRadioGroup: import("react").ForwardRefExoticComponent<JSX.IxRadioGroup & Omit<import("react").HTMLAttributes<HTMLIxRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxRadioGroupElement>>;
 export declare const IxRow: import("react").ForwardRefExoticComponent<JSX.IxRow & Omit<import("react").HTMLAttributes<HTMLIxRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxRowElement>>;
 export declare const IxSelect: import("react").ForwardRefExoticComponent<JSX.IxSelect & Omit<import("react").HTMLAttributes<HTMLIxSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSelectElement>>;
 export declare const IxSelectItem: import("react").ForwardRefExoticComponent<JSX.IxSelectItem & Omit<import("react").HTMLAttributes<HTMLIxSelectItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSelectItemElement>>;
@@ -89,8 +80,6 @@ export declare const IxSplitButton: import("react").ForwardRefExoticComponent<JS
 export declare const IxSplitButtonItem: import("react").ForwardRefExoticComponent<JSX.IxSplitButtonItem & Omit<import("react").HTMLAttributes<HTMLIxSplitButtonItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSplitButtonItemElement>>;
 export declare const IxTabItem: import("react").ForwardRefExoticComponent<JSX.IxTabItem & Omit<import("react").HTMLAttributes<HTMLIxTabItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTabItemElement>>;
 export declare const IxTabs: import("react").ForwardRefExoticComponent<JSX.IxTabs & Omit<import("react").HTMLAttributes<HTMLIxTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTabsElement>>;
-export declare const IxTextField: import("react").ForwardRefExoticComponent<JSX.IxTextField & Omit<import("react").HTMLAttributes<HTMLIxTextFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTextFieldElement>>;
-export declare const IxTextareaField: import("react").ForwardRefExoticComponent<JSX.IxTextareaField & Omit<import("react").HTMLAttributes<HTMLIxTextareaFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTextareaFieldElement>>;
 export declare const IxTile: import("react").ForwardRefExoticComponent<JSX.IxTile & Omit<import("react").HTMLAttributes<HTMLIxTileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTileElement>>;
 export declare const IxTimePicker: import("react").ForwardRefExoticComponent<JSX.IxTimePicker & Omit<import("react").HTMLAttributes<HTMLIxTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTimePickerElement>>;
 export declare const IxToast: import("react").ForwardRefExoticComponent<JSX.IxToast & Omit<import("react").HTMLAttributes<HTMLIxToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxToastElement>>;

package/package.json CHANGED Viewed

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/react"
   },
-  "version": "0.0.0-pr-1318-20240627080522",
+  "version": "0.0.0-pr-1522-20241021144048",
   "description": "Siemens iX for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -45,7 +45,7 @@
     "shadow-dom-testing-library": "^1.11.2",
     "typescript": "^4.5.5",
     "vitest": "^1.3.1",
-    "@siemens/ix": "0.0.0-pr-1318-20240627080522",
+    "@siemens/ix": "0.0.0-pr-1522-20241021144048",
     "eslint-config-ix": "1.0.0"
   },
   "peerDependencies": {
@@ -54,7 +54,7 @@
     "react-dom": ">=17.0.2"
   },
   "dependencies": {
-    "@siemens/ix": "0.0.0-pr-1318-20240627080522"
+    "@siemens/ix": "0.0.0-pr-1522-20241021144048"
   },
   "scripts": {
     "build": "npm run clean && npm run compile",