@siemens/ix-react 0.0.0-20240522073858 → 0.0.0-pr-1318-20240627080522

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
  1. package/dist/index.esm.js +194 -174
  2. package/dist/index.js +37 -6
  3. package/dist/types/components.d.ts +12 -1
  4. package/package.json +4 -5
package/dist/index.esm.js CHANGED
@@ -15,92 +15,103 @@ import { defineCustomElement as defineCustomElement$b } from '@siemens/ix/compon
15
15
  import { defineCustomElement as defineCustomElement$c } from '@siemens/ix/components/ix-card-list.js';
16
16
  import { defineCustomElement as defineCustomElement$d } from '@siemens/ix/components/ix-card-title.js';
17
17
  import { defineCustomElement as defineCustomElement$e } from '@siemens/ix/components/ix-category-filter.js';
18
- import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-chip.js';
19
- import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-col.js';
20
- import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-content.js';
21
- import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-content-header.js';
22
- import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-date-dropdown.js';
23
- import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-date-picker.js';
24
- import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-datetime-picker.js';
25
- import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-divider.js';
26
- import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-drawer.js';
27
- import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-dropdown.js';
28
- import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-dropdown-button.js';
29
- import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-dropdown-header.js';
30
- import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-dropdown-item.js';
31
- import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
32
- import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-empty-state.js';
33
- import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-event-list.js';
34
- import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-event-list-item.js';
35
- import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-expanding-search.js';
36
- import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-filter-chip.js';
37
- import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-flip-tile.js';
38
- import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-flip-tile-content.js';
39
- import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-form-field.js';
40
- import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-group.js';
41
- import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-group-context-menu.js';
42
- import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-group-item.js';
43
- import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-icon-button.js';
44
- import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-icon-toggle-button.js';
45
- import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-input-group.js';
46
- import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-key-value.js';
47
- import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-key-value-list.js';
48
- import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-kpi.js';
49
- import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-layout-grid.js';
50
- import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-link-button.js';
51
- import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-map-navigation.js';
52
- import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-map-navigation-overlay.js';
53
- import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-menu.js';
54
- import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-menu-about.js';
55
- import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-menu-about-item.js';
56
- import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-menu-about-news.js';
57
- import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-menu-avatar.js';
58
- import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu-avatar-item.js';
59
- import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-category.js';
60
- import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-item.js';
61
- import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-settings.js';
62
- import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-settings-item.js';
63
- import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-message-bar.js';
64
- import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-modal.js';
65
- import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-modal-content.js';
66
- import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-modal-example.js';
67
- import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-modal-footer.js';
68
- import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-modal-header.js';
69
- import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-pagination.js';
70
- import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-pane.js';
71
- import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-pane-layout.js';
72
- import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-pill.js';
73
- import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-push-card.js';
74
- import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-row.js';
75
- import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-select.js';
76
- import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-select-item.js';
77
- import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-slider.js';
78
- import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-spinner.js';
79
- import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-split-button.js';
80
- import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-split-button-item.js';
81
- import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-tab-item.js';
82
- import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-tabs.js';
83
- import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-tile.js';
84
- import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-time-picker.js';
85
- import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-toast.js';
86
- import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-toast-container.js';
87
- import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-toggle.js';
88
- import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-toggle-button.js';
89
- import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-tooltip.js';
90
- import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-typography.js';
91
- import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-upload.js';
92
- import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-validation-tooltip.js';
93
- import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-workflow-step.js';
94
- import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-workflow-steps.js';
18
+ import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-checkbox.js';
19
+ import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-checkbox-group.js';
20
+ import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-chip.js';
21
+ import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-col.js';
22
+ import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-content.js';
23
+ import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-content-header.js';
24
+ import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-custom-field.js';
25
+ import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-date-dropdown.js';
26
+ import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-date-field.js';
27
+ import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-date-picker.js';
28
+ import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-datetime-picker.js';
29
+ import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-divider.js';
30
+ import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-drawer.js';
31
+ import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown.js';
32
+ import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-dropdown-button.js';
33
+ import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-dropdown-header.js';
34
+ import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-dropdown-item.js';
35
+ import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
36
+ import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-empty-state.js';
37
+ import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-event-list.js';
38
+ import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-event-list-item.js';
39
+ import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-expanding-search.js';
40
+ import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-field-label.js';
41
+ import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-filter-chip.js';
42
+ import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-flip-tile.js';
43
+ import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-flip-tile-content.js';
44
+ import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-group.js';
45
+ import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-group-context-menu.js';
46
+ import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-group-item.js';
47
+ import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-helper-text.js';
48
+ import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-icon-button.js';
49
+ import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-icon-toggle-button.js';
50
+ import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-input-group.js';
51
+ import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-key-value.js';
52
+ import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-key-value-list.js';
53
+ import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-kpi.js';
54
+ import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-layout-form.js';
55
+ import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-layout-grid.js';
56
+ import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-link-button.js';
57
+ import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-map-navigation.js';
58
+ import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-map-navigation-overlay.js';
59
+ import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu.js';
60
+ import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-about.js';
61
+ import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-about-item.js';
62
+ import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-about-news.js';
63
+ import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-menu-avatar.js';
64
+ import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-menu-avatar-item.js';
65
+ import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-menu-category.js';
66
+ import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-menu-item.js';
67
+ import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-menu-settings.js';
68
+ import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-menu-settings-item.js';
69
+ import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-message-bar.js';
70
+ import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-modal.js';
71
+ import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-modal-content.js';
72
+ import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-modal-example.js';
73
+ import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-modal-footer.js';
74
+ import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-modal-header.js';
75
+ import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-number-field.js';
76
+ import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-pagination.js';
77
+ import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-pane.js';
78
+ import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-pane-layout.js';
79
+ import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-pill.js';
80
+ import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-push-card.js';
81
+ import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-radio.js';
82
+ import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-radio-group.js';
83
+ import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-row.js';
84
+ import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-select.js';
85
+ import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-select-item.js';
86
+ import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-slider.js';
87
+ import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-spinner.js';
88
+ import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-split-button.js';
89
+ import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-split-button-item.js';
90
+ import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-tab-item.js';
91
+ import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-tabs.js';
92
+ import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-text-field.js';
93
+ import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-textarea-field.js';
94
+ import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-tile.js';
95
+ import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-time-picker.js';
96
+ import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-toast.js';
97
+ import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-toast-container.js';
98
+ import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-toggle.js';
99
+ import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-toggle-button.js';
100
+ import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix/components/ix-tooltip.js';
101
+ import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-typography.js';
102
+ import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-upload.js';
103
+ import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-validation-tooltip.js';
104
+ import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-workflow-step.js';
105
+ import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix/components/ix-workflow-steps.js';
95
106
  import { registerFrameworkDelegate, showModal as showModal$1, toast } from '@siemens/ix';
96
107
  import ReactDOMClient from 'react-dom/client';
97
- import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-application-sidebar.js';
98
- import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-application-switch-modal.js';
99
- import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-menu-expand-icon.js';
100
- import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-date-time-card.js';
101
- import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-modal-loading.js';
102
- import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix-icons/dist/components/ix-icon';
103
- import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-tree.js';
108
+ import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-application-sidebar.js';
109
+ import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-application-switch-modal.js';
110
+ import { defineCustomElement as defineCustomElement$1G } from '@siemens/ix/components/ix-menu-expand-icon.js';
111
+ import { defineCustomElement as defineCustomElement$1F } from '@siemens/ix/components/ix-date-time-card.js';
112
+ import { defineCustomElement as defineCustomElement$1H } from '@siemens/ix/components/ix-modal-loading.js';
113
+ import { defineCustomElement as defineCustomElement$1I } from '@siemens/ix-icons/dist/components/ix-icon';
114
+ import { defineCustomElement as defineCustomElement$1J } from '@siemens/ix/components/ix-tree.js';
104
115
 
105
116
  /******************************************************************************
106
117
  Copyright (c) Microsoft Corporation.
@@ -146,9 +157,7 @@ const attachProps = (node, newProps, oldProps = {}) => {
146
157
  if (node instanceof Element) {
147
158
  // add any classes in className to the class list
148
159
  const className = getClassName(node.classList, newProps, oldProps);
149
- if (className !== '') {
150
- node.className = className;
151
- }
160
+ node.className = className;
152
161
  Object.keys(newProps).forEach((name) => {
153
162
  if (name === 'children' ||
154
163
  name === 'style' ||
@@ -350,83 +359,94 @@ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', unde
350
359
  const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, defineCustomElement$c);
351
360
  const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, defineCustomElement$d);
352
361
  const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, defineCustomElement$e);
353
- const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$f);
354
- const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$g);
355
- const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, defineCustomElement$h);
356
- const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$i);
357
- const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, defineCustomElement$j);
358
- const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$k);
359
- const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$l);
360
- const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$m);
361
- const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$n);
362
- const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$o);
363
- const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$p);
364
- const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$q);
365
- const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$r);
366
- const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$s);
367
- const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$t);
368
- const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$u);
369
- const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$v);
370
- const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$w);
371
- const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$x);
372
- const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$y);
373
- const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$z);
374
- const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, defineCustomElement$A);
375
- const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$B);
376
- const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$C);
377
- const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$D);
378
- const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$E);
379
- const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$F);
380
- const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$G);
381
- const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$H);
382
- const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$I);
383
- const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$J);
384
- const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$K);
385
- const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$L);
386
- const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$M);
387
- const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$N);
388
- const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$O);
389
- const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$P);
390
- const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$Q);
391
- const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$R);
392
- const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$S);
393
- const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$T);
394
- const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$U);
395
- const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$V);
396
- const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$W);
397
- const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$X);
398
- const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$Y);
399
- const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$Z);
400
- const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$_);
401
- const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$$);
402
- const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$10);
403
- const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$11);
404
- const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$12);
405
- const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, defineCustomElement$13);
406
- const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, defineCustomElement$14);
407
- const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$15);
408
- const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$16);
409
- const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$17);
410
- const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$18);
411
- const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$19);
412
- const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$1a);
413
- const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$1b);
414
- const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$1c);
415
- const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$1d);
416
- const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$1e);
417
- const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1f);
418
- const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1g);
419
- const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1h);
420
- const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1i);
421
- const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1j);
422
- const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1k);
423
- const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1l);
424
- const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1m);
425
- const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1n);
426
- const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1o);
427
- const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1p);
428
- const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1q);
429
- const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1r);
362
+ const IxCheckbox = /*@__PURE__*/ createReactComponent('ix-checkbox', undefined, undefined, defineCustomElement$f);
363
+ const IxCheckboxGroup = /*@__PURE__*/ createReactComponent('ix-checkbox-group', undefined, undefined, defineCustomElement$g);
364
+ const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$h);
365
+ const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$i);
366
+ const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, defineCustomElement$j);
367
+ const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$k);
368
+ const IxCustomField = /*@__PURE__*/ createReactComponent('ix-custom-field', undefined, undefined, defineCustomElement$l);
369
+ const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, defineCustomElement$m);
370
+ const IxDateField = /*@__PURE__*/ createReactComponent('ix-date-field', undefined, undefined, defineCustomElement$n);
371
+ const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$o);
372
+ const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$p);
373
+ const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$q);
374
+ const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$r);
375
+ const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$s);
376
+ const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$t);
377
+ const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$u);
378
+ const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$v);
379
+ const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$w);
380
+ const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$x);
381
+ const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$y);
382
+ const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$z);
383
+ const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$A);
384
+ const IxFieldLabel = /*@__PURE__*/ createReactComponent('ix-field-label', undefined, undefined, defineCustomElement$B);
385
+ const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$C);
386
+ const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$D);
387
+ const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$E);
388
+ const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$F);
389
+ const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$G);
390
+ const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$H);
391
+ const IxHelperText = /*@__PURE__*/ createReactComponent('ix-helper-text', undefined, undefined, defineCustomElement$I);
392
+ const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$J);
393
+ const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$K);
394
+ const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$L);
395
+ const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$M);
396
+ const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$N);
397
+ const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$O);
398
+ const IxLayoutForm = /*@__PURE__*/ createReactComponent('ix-layout-form', undefined, undefined, defineCustomElement$P);
399
+ const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$Q);
400
+ const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$R);
401
+ const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$S);
402
+ const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$T);
403
+ const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$U);
404
+ const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$V);
405
+ const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$W);
406
+ const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$X);
407
+ const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$Y);
408
+ const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$Z);
409
+ const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$_);
410
+ const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$$);
411
+ const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$10);
412
+ const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$11);
413
+ const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$12);
414
+ const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$13);
415
+ const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$14);
416
+ const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$15);
417
+ const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$16);
418
+ const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$17);
419
+ const IxNumberField = /*@__PURE__*/ createReactComponent('ix-number-field', undefined, undefined, defineCustomElement$18);
420
+ const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$19);
421
+ const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, defineCustomElement$1a);
422
+ const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, defineCustomElement$1b);
423
+ const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$1c);
424
+ const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$1d);
425
+ const IxRadio = /*@__PURE__*/ createReactComponent('ix-radio', undefined, undefined, defineCustomElement$1e);
426
+ const IxRadioGroup = /*@__PURE__*/ createReactComponent('ix-radio-group', undefined, undefined, defineCustomElement$1f);
427
+ const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$1g);
428
+ const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$1h);
429
+ const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$1i);
430
+ const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$1j);
431
+ const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$1k);
432
+ const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$1l);
433
+ const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$1m);
434
+ const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$1n);
435
+ const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1o);
436
+ const IxTextField = /*@__PURE__*/ createReactComponent('ix-text-field', undefined, undefined, defineCustomElement$1p);
437
+ const IxTextareaField = /*@__PURE__*/ createReactComponent('ix-textarea-field', undefined, undefined, defineCustomElement$1q);
438
+ const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1r);
439
+ const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1s);
440
+ const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1t);
441
+ const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1u);
442
+ const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1v);
443
+ const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1w);
444
+ const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1x);
445
+ const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1y);
446
+ const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1z);
447
+ const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1A);
448
+ const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1B);
449
+ const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1C);
430
450
 
431
451
  /*
432
452
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -608,16 +628,16 @@ class IxApplicationContext extends React.Component {
608
628
  * This source code is licensed under the MIT license found in the
609
629
  * LICENSE file in the root directory of this source tree.
610
630
  */
611
- defineCustomElement$1s();
612
- defineCustomElement$1t();
613
- defineCustomElement$1u();
614
- defineCustomElement$1v();
615
- defineCustomElement$1w();
631
+ defineCustomElement$1D();
632
+ defineCustomElement$1E();
633
+ defineCustomElement$1F();
634
+ defineCustomElement$1G();
635
+ defineCustomElement$1H();
616
636
 
617
637
  // eslint-disable-next-line no-inline-comments
618
638
  const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined);
619
639
  // Predefine `ix-icon` to be sure its loaded before its used inside the util functions
620
- defineCustomElement$1x();
640
+ defineCustomElement$1I();
621
641
 
622
642
  /*
623
643
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -665,8 +685,8 @@ async function showModal(config) {
665
685
  */
666
686
  async function showToast(config) {
667
687
  // Define custom element, otherwise dynamic creation of toast container will fail
668
- defineCustomElement$1i();
669
- defineCustomElement$1j();
688
+ defineCustomElement$1t();
689
+ defineCustomElement$1u();
670
690
  if (typeof config.message === 'string') {
671
691
  const toastInstance = await toast(config);
672
692
  return toastInstance;
@@ -684,7 +704,7 @@ async function showToast(config) {
684
704
 
685
705
  /* eslint-disable @typescript-eslint/no-explicit-any */
686
706
  // eslint-disable-next-line no-inline-comments
687
- const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree', undefined, undefined, defineCustomElement$1y);
707
+ const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree', undefined, undefined, defineCustomElement$1J);
688
708
  const IxTree = (props) => {
689
709
  const cachedRootNodes = useRef(new Map());
690
710
  const renderItem = useCallback((_, data, __, context, update) => {
@@ -716,4 +736,4 @@ const IxTree = (props) => {
716
736
  } })));
717
737
  };
718
738
 
719
- 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 };
739
+ 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 };
package/dist/index.js CHANGED
@@ -19,11 +19,15 @@ const ixCardContent_js = require('@siemens/ix/components/ix-card-content.js');
19
19
  const ixCardList_js = require('@siemens/ix/components/ix-card-list.js');
20
20
  const ixCardTitle_js = require('@siemens/ix/components/ix-card-title.js');
21
21
  const ixCategoryFilter_js = require('@siemens/ix/components/ix-category-filter.js');
22
+ const ixCheckbox_js = require('@siemens/ix/components/ix-checkbox.js');
23
+ const ixCheckboxGroup_js = require('@siemens/ix/components/ix-checkbox-group.js');
22
24
  const ixChip_js = require('@siemens/ix/components/ix-chip.js');
23
25
  const ixCol_js = require('@siemens/ix/components/ix-col.js');
24
26
  const ixContent_js = require('@siemens/ix/components/ix-content.js');
25
27
  const ixContentHeader_js = require('@siemens/ix/components/ix-content-header.js');
28
+ const ixCustomField_js = require('@siemens/ix/components/ix-custom-field.js');
26
29
  const ixDateDropdown_js = require('@siemens/ix/components/ix-date-dropdown.js');
30
+ const ixDateField_js = require('@siemens/ix/components/ix-date-field.js');
27
31
  const ixDatePicker_js = require('@siemens/ix/components/ix-date-picker.js');
28
32
  const ixDatetimePicker_js = require('@siemens/ix/components/ix-datetime-picker.js');
29
33
  const ixDivider_js = require('@siemens/ix/components/ix-divider.js');
@@ -37,19 +41,21 @@ const ixEmptyState_js = require('@siemens/ix/components/ix-empty-state.js');
37
41
  const ixEventList_js = require('@siemens/ix/components/ix-event-list.js');
38
42
  const ixEventListItem_js = require('@siemens/ix/components/ix-event-list-item.js');
39
43
  const ixExpandingSearch_js = require('@siemens/ix/components/ix-expanding-search.js');
44
+ const ixFieldLabel_js = require('@siemens/ix/components/ix-field-label.js');
40
45
  const ixFilterChip_js = require('@siemens/ix/components/ix-filter-chip.js');
41
46
  const ixFlipTile_js = require('@siemens/ix/components/ix-flip-tile.js');
42
47
  const ixFlipTileContent_js = require('@siemens/ix/components/ix-flip-tile-content.js');
43
- const ixFormField_js = require('@siemens/ix/components/ix-form-field.js');
44
48
  const ixGroup_js = require('@siemens/ix/components/ix-group.js');
45
49
  const ixGroupContextMenu_js = require('@siemens/ix/components/ix-group-context-menu.js');
46
50
  const ixGroupItem_js = require('@siemens/ix/components/ix-group-item.js');
51
+ const ixHelperText_js = require('@siemens/ix/components/ix-helper-text.js');
47
52
  const ixIconButton_js = require('@siemens/ix/components/ix-icon-button.js');
48
53
  const ixIconToggleButton_js = require('@siemens/ix/components/ix-icon-toggle-button.js');
49
54
  const ixInputGroup_js = require('@siemens/ix/components/ix-input-group.js');
50
55
  const ixKeyValue_js = require('@siemens/ix/components/ix-key-value.js');
51
56
  const ixKeyValueList_js = require('@siemens/ix/components/ix-key-value-list.js');
52
57
  const ixKpi_js = require('@siemens/ix/components/ix-kpi.js');
58
+ const ixLayoutForm_js = require('@siemens/ix/components/ix-layout-form.js');
53
59
  const ixLayoutGrid_js = require('@siemens/ix/components/ix-layout-grid.js');
54
60
  const ixLinkButton_js = require('@siemens/ix/components/ix-link-button.js');
55
61
  const ixMapNavigation_js = require('@siemens/ix/components/ix-map-navigation.js');
@@ -70,11 +76,14 @@ const ixModalContent_js = require('@siemens/ix/components/ix-modal-content.js');
70
76
  const ixModalExample_js = require('@siemens/ix/components/ix-modal-example.js');
71
77
  const ixModalFooter_js = require('@siemens/ix/components/ix-modal-footer.js');
72
78
  const ixModalHeader_js = require('@siemens/ix/components/ix-modal-header.js');
79
+ const ixNumberField_js = require('@siemens/ix/components/ix-number-field.js');
73
80
  const ixPagination_js = require('@siemens/ix/components/ix-pagination.js');
74
81
  const ixPane_js = require('@siemens/ix/components/ix-pane.js');
75
82
  const ixPaneLayout_js = require('@siemens/ix/components/ix-pane-layout.js');
76
83
  const ixPill_js = require('@siemens/ix/components/ix-pill.js');
77
84
  const ixPushCard_js = require('@siemens/ix/components/ix-push-card.js');
85
+ const ixRadio_js = require('@siemens/ix/components/ix-radio.js');
86
+ const ixRadioGroup_js = require('@siemens/ix/components/ix-radio-group.js');
78
87
  const ixRow_js = require('@siemens/ix/components/ix-row.js');
79
88
  const ixSelect_js = require('@siemens/ix/components/ix-select.js');
80
89
  const ixSelectItem_js = require('@siemens/ix/components/ix-select-item.js');
@@ -84,6 +93,8 @@ const ixSplitButton_js = require('@siemens/ix/components/ix-split-button.js');
84
93
  const ixSplitButtonItem_js = require('@siemens/ix/components/ix-split-button-item.js');
85
94
  const ixTabItem_js = require('@siemens/ix/components/ix-tab-item.js');
86
95
  const ixTabs_js = require('@siemens/ix/components/ix-tabs.js');
96
+ const ixTextField_js = require('@siemens/ix/components/ix-text-field.js');
97
+ const ixTextareaField_js = require('@siemens/ix/components/ix-textarea-field.js');
87
98
  const ixTile_js = require('@siemens/ix/components/ix-tile.js');
88
99
  const ixTimePicker_js = require('@siemens/ix/components/ix-time-picker.js');
89
100
  const ixToast_js = require('@siemens/ix/components/ix-toast.js');
@@ -156,9 +167,7 @@ const attachProps = (node, newProps, oldProps = {}) => {
156
167
  if (node instanceof Element) {
157
168
  // add any classes in className to the class list
158
169
  const className = getClassName(node.classList, newProps, oldProps);
159
- if (className !== '') {
160
- node.className = className;
161
- }
170
+ node.className = className;
162
171
  Object.keys(newProps).forEach((name) => {
163
172
  if (name === 'children' ||
164
173
  name === 'style' ||
@@ -360,11 +369,15 @@ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', unde
360
369
  const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, ixCardList_js.defineCustomElement);
361
370
  const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, ixCardTitle_js.defineCustomElement);
362
371
  const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, ixCategoryFilter_js.defineCustomElement);
372
+ const IxCheckbox = /*@__PURE__*/ createReactComponent('ix-checkbox', undefined, undefined, ixCheckbox_js.defineCustomElement);
373
+ const IxCheckboxGroup = /*@__PURE__*/ createReactComponent('ix-checkbox-group', undefined, undefined, ixCheckboxGroup_js.defineCustomElement);
363
374
  const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, ixChip_js.defineCustomElement);
364
375
  const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, ixCol_js.defineCustomElement);
365
376
  const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, ixContent_js.defineCustomElement);
366
377
  const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, ixContentHeader_js.defineCustomElement);
378
+ const IxCustomField = /*@__PURE__*/ createReactComponent('ix-custom-field', undefined, undefined, ixCustomField_js.defineCustomElement);
367
379
  const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, ixDateDropdown_js.defineCustomElement);
380
+ const IxDateField = /*@__PURE__*/ createReactComponent('ix-date-field', undefined, undefined, ixDateField_js.defineCustomElement);
368
381
  const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, ixDatePicker_js.defineCustomElement);
369
382
  const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, ixDatetimePicker_js.defineCustomElement);
370
383
  const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, ixDivider_js.defineCustomElement);
@@ -378,19 +391,21 @@ const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefi
378
391
  const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, ixEventList_js.defineCustomElement);
379
392
  const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, ixEventListItem_js.defineCustomElement);
380
393
  const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, ixExpandingSearch_js.defineCustomElement);
394
+ const IxFieldLabel = /*@__PURE__*/ createReactComponent('ix-field-label', undefined, undefined, ixFieldLabel_js.defineCustomElement);
381
395
  const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, ixFilterChip_js.defineCustomElement);
382
396
  const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, ixFlipTile_js.defineCustomElement);
383
397
  const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, ixFlipTileContent_js.defineCustomElement);
384
- const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, ixFormField_js.defineCustomElement);
385
398
  const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, ixGroup_js.defineCustomElement);
386
399
  const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, ixGroupContextMenu_js.defineCustomElement);
387
400
  const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, ixGroupItem_js.defineCustomElement);
401
+ const IxHelperText = /*@__PURE__*/ createReactComponent('ix-helper-text', undefined, undefined, ixHelperText_js.defineCustomElement);
388
402
  const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, ixIconButton_js.defineCustomElement);
389
403
  const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, ixIconToggleButton_js.defineCustomElement);
390
404
  const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, ixInputGroup_js.defineCustomElement);
391
405
  const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, ixKeyValue_js.defineCustomElement);
392
406
  const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, ixKeyValueList_js.defineCustomElement);
393
407
  const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, ixKpi_js.defineCustomElement);
408
+ const IxLayoutForm = /*@__PURE__*/ createReactComponent('ix-layout-form', undefined, undefined, ixLayoutForm_js.defineCustomElement);
394
409
  const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, ixLayoutGrid_js.defineCustomElement);
395
410
  const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, ixLinkButton_js.defineCustomElement);
396
411
  const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, ixMapNavigation_js.defineCustomElement);
@@ -411,11 +426,14 @@ const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', un
411
426
  const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, ixModalExample_js.defineCustomElement);
412
427
  const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, ixModalFooter_js.defineCustomElement);
413
428
  const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, ixModalHeader_js.defineCustomElement);
429
+ const IxNumberField = /*@__PURE__*/ createReactComponent('ix-number-field', undefined, undefined, ixNumberField_js.defineCustomElement);
414
430
  const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, ixPagination_js.defineCustomElement);
415
431
  const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, ixPane_js.defineCustomElement);
416
432
  const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, ixPaneLayout_js.defineCustomElement);
417
433
  const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, ixPill_js.defineCustomElement);
418
434
  const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, ixPushCard_js.defineCustomElement);
435
+ const IxRadio = /*@__PURE__*/ createReactComponent('ix-radio', undefined, undefined, ixRadio_js.defineCustomElement);
436
+ const IxRadioGroup = /*@__PURE__*/ createReactComponent('ix-radio-group', undefined, undefined, ixRadioGroup_js.defineCustomElement);
419
437
  const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, ixRow_js.defineCustomElement);
420
438
  const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, ixSelect_js.defineCustomElement);
421
439
  const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, ixSelectItem_js.defineCustomElement);
@@ -425,6 +443,8 @@ const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', unde
425
443
  const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, ixSplitButtonItem_js.defineCustomElement);
426
444
  const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, ixTabItem_js.defineCustomElement);
427
445
  const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, ixTabs_js.defineCustomElement);
446
+ const IxTextField = /*@__PURE__*/ createReactComponent('ix-text-field', undefined, undefined, ixTextField_js.defineCustomElement);
447
+ const IxTextareaField = /*@__PURE__*/ createReactComponent('ix-textarea-field', undefined, undefined, ixTextareaField_js.defineCustomElement);
428
448
  const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, ixTile_js.defineCustomElement);
429
449
  const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, ixTimePicker_js.defineCustomElement);
430
450
  const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, ixToast_js.defineCustomElement);
@@ -743,11 +763,15 @@ exports.IxCardContent = IxCardContent;
743
763
  exports.IxCardList = IxCardList;
744
764
  exports.IxCardTitle = IxCardTitle;
745
765
  exports.IxCategoryFilter = IxCategoryFilter;
766
+ exports.IxCheckbox = IxCheckbox;
767
+ exports.IxCheckboxGroup = IxCheckboxGroup;
746
768
  exports.IxChip = IxChip;
747
769
  exports.IxCol = IxCol;
748
770
  exports.IxContent = IxContent;
749
771
  exports.IxContentHeader = IxContentHeader;
772
+ exports.IxCustomField = IxCustomField;
750
773
  exports.IxDateDropdown = IxDateDropdown;
774
+ exports.IxDateField = IxDateField;
751
775
  exports.IxDatePicker = IxDatePicker;
752
776
  exports.IxDatetimePicker = IxDatetimePicker;
753
777
  exports.IxDivider = IxDivider;
@@ -761,13 +785,14 @@ exports.IxEmptyState = IxEmptyState;
761
785
  exports.IxEventList = IxEventList;
762
786
  exports.IxEventListItem = IxEventListItem;
763
787
  exports.IxExpandingSearch = IxExpandingSearch;
788
+ exports.IxFieldLabel = IxFieldLabel;
764
789
  exports.IxFilterChip = IxFilterChip;
765
790
  exports.IxFlipTile = IxFlipTile;
766
791
  exports.IxFlipTileContent = IxFlipTileContent;
767
- exports.IxFormField = IxFormField;
768
792
  exports.IxGroup = IxGroup;
769
793
  exports.IxGroupContextMenu = IxGroupContextMenu;
770
794
  exports.IxGroupItem = IxGroupItem;
795
+ exports.IxHelperText = IxHelperText;
771
796
  exports.IxIcon = IxIcon;
772
797
  exports.IxIconButton = IxIconButton;
773
798
  exports.IxIconToggleButton = IxIconToggleButton;
@@ -775,6 +800,7 @@ exports.IxInputGroup = IxInputGroup;
775
800
  exports.IxKeyValue = IxKeyValue;
776
801
  exports.IxKeyValueList = IxKeyValueList;
777
802
  exports.IxKpi = IxKpi;
803
+ exports.IxLayoutForm = IxLayoutForm;
778
804
  exports.IxLayoutGrid = IxLayoutGrid;
779
805
  exports.IxLinkButton = IxLinkButton;
780
806
  exports.IxMapNavigation = IxMapNavigation;
@@ -795,11 +821,14 @@ exports.IxModalContent = IxModalContent;
795
821
  exports.IxModalExample = IxModalExample;
796
822
  exports.IxModalFooter = IxModalFooter;
797
823
  exports.IxModalHeader = IxModalHeader;
824
+ exports.IxNumberField = IxNumberField;
798
825
  exports.IxPagination = IxPagination;
799
826
  exports.IxPane = IxPane;
800
827
  exports.IxPaneLayout = IxPaneLayout;
801
828
  exports.IxPill = IxPill;
802
829
  exports.IxPushCard = IxPushCard;
830
+ exports.IxRadio = IxRadio;
831
+ exports.IxRadioGroup = IxRadioGroup;
803
832
  exports.IxRow = IxRow;
804
833
  exports.IxSelect = IxSelect;
805
834
  exports.IxSelectItem = IxSelectItem;
@@ -809,6 +838,8 @@ exports.IxSplitButton = IxSplitButton;
809
838
  exports.IxSplitButtonItem = IxSplitButtonItem;
810
839
  exports.IxTabItem = IxTabItem;
811
840
  exports.IxTabs = IxTabs;
841
+ exports.IxTextField = IxTextField;
842
+ exports.IxTextareaField = IxTextareaField;
812
843
  exports.IxTile = IxTile;
813
844
  exports.IxTimePicker = IxTimePicker;
814
845
  exports.IxToast = IxToast;
package/dist/types/components.d.ts CHANGED
@@ -15,11 +15,15 @@ export declare const IxCardContent: import("react").ForwardRefExoticComponent<JS
15
15
  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>>;
16
16
  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>>;
17
17
  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>>;
18
+ 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>>;
19
+ 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>>;
18
20
  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>>;
19
21
  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>>;
20
22
  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>>;
21
23
  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>>;
24
+ 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>>;
22
25
  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>>;
26
+ 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>>;
23
27
  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>>;
24
28
  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>>;
25
29
  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>>;
@@ -33,19 +37,21 @@ export declare const IxEmptyState: import("react").ForwardRefExoticComponent<JSX
33
37
  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>>;
34
38
  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>>;
35
39
  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>>;
40
+ 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>>;
36
41
  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>>;
37
42
  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>>;
38
43
  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>>;
39
- 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>>;
40
44
  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>>;
41
45
  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>>;
42
46
  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>>;
47
+ 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>>;
43
48
  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>>;
44
49
  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>>;
45
50
  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>>;
46
51
  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>>;
47
52
  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>>;
48
53
  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>>;
54
+ 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>>;
49
55
  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>>;
50
56
  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>>;
51
57
  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>>;
@@ -66,11 +72,14 @@ export declare const IxModalContent: import("react").ForwardRefExoticComponent<J
66
72
  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>>;
67
73
  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>>;
68
74
  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>>;
75
+ 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>>;
69
76
  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>>;
70
77
  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>>;
71
78
  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>>;
72
79
  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>>;
73
80
  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>>;
81
+ 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>>;
82
+ 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>>;
74
83
  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>>;
75
84
  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>>;
76
85
  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>>;
@@ -80,6 +89,8 @@ export declare const IxSplitButton: import("react").ForwardRefExoticComponent<JS
80
89
  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>>;
81
90
  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>>;
82
91
  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>>;
92
+ 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>>;
93
+ 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>>;
83
94
  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>>;
84
95
  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>>;
85
96
  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
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/react"
9
9
  },
10
- "version": "0.0.0-20240522073858",
10
+ "version": "0.0.0-pr-1318-20240627080522",
11
11
  "description": "Siemens iX for React",
12
12
  "main": "dist/index.js",
13
13
  "module": "dist/index.esm.js",
@@ -21,15 +21,13 @@
21
21
  "license": "MIT",
22
22
  "devDependencies": {
23
23
  "@rollup/plugin-typescript": "^8.4.0",
24
- "@siemens/ix": "0.0.0-20240522073858",
25
24
  "@testing-library/jest-dom": "^5.16.5",
26
25
  "@testing-library/react": "^13.4.0",
27
26
  "@types/estree": "~0.0.51",
28
27
  "@types/react": "18.2.33",
29
28
  "@types/react-dom": "18.2.14",
30
- "@typescript-eslint/eslint-plugin": "^5.45.0",
31
- "@typescript-eslint/parser": "^5.45.0",
32
29
  "babel-jest": "^29.7.0",
30
+ "eslint": "~8.21.0",
33
31
  "eslint-plugin-react": "^7.31.11",
34
32
  "happy-dom": "^14.7.1",
35
33
  "identity-obj-proxy": "^3.0.0",
@@ -47,6 +45,7 @@
47
45
  "shadow-dom-testing-library": "^1.11.2",
48
46
  "typescript": "^4.5.5",
49
47
  "vitest": "^1.3.1",
48
+ "@siemens/ix": "0.0.0-pr-1318-20240627080522",
50
49
  "eslint-config-ix": "1.0.0"
51
50
  },
52
51
  "peerDependencies": {
@@ -55,7 +54,7 @@
55
54
  "react-dom": ">=17.0.2"
56
55
  },
57
56
  "dependencies": {
58
- "@siemens/ix": "0.0.0-20240522073858"
57
+ "@siemens/ix": "0.0.0-pr-1318-20240627080522"
59
58
  },
60
59
  "scripts": {
61
60
  "build": "npm run clean && npm run compile",