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

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 (6) hide show
  1. package/dist/index.esm.js +179 -86
  2. package/dist/index.js +186 -87
  3. package/dist/types/components.d.ts +9 -4
  4. package/dist/types/index.d.ts +1 -0
  5. package/dist/types/ix-icon.d.ts +3 -0
  6. package/package.json +5 -5
package/dist/index.esm.js CHANGED
@@ -1,8 +1,95 @@
1
1
  import React, { createElement, useState, useRef, useEffect, useLayoutEffect, useImperativeHandle, useCallback } from 'react';
2
2
  import ReactDOM from 'react-dom';
3
- import { defineCustomElements } from '@siemens/ix/loader';
3
+ import { defineCustomElement } from '@siemens/ix/components/ix-action-card.js';
4
+ import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-application-header.js';
5
+ import { defineCustomElement as defineCustomElement$2 } from '@siemens/ix/components/ix-avatar.js';
6
+ import { defineCustomElement as defineCustomElement$3 } from '@siemens/ix/components/ix-basic-navigation.js';
7
+ import { defineCustomElement as defineCustomElement$4 } from '@siemens/ix/components/ix-blind.js';
8
+ import { defineCustomElement as defineCustomElement$5 } from '@siemens/ix/components/ix-breadcrumb.js';
9
+ import { defineCustomElement as defineCustomElement$6 } from '@siemens/ix/components/ix-breadcrumb-item.js';
10
+ import { defineCustomElement as defineCustomElement$7 } from '@siemens/ix/components/ix-button.js';
11
+ import { defineCustomElement as defineCustomElement$8 } from '@siemens/ix/components/ix-card.js';
12
+ import { defineCustomElement as defineCustomElement$9 } from '@siemens/ix/components/ix-card-accordion.js';
13
+ import { defineCustomElement as defineCustomElement$a } from '@siemens/ix/components/ix-card-content.js';
14
+ import { defineCustomElement as defineCustomElement$b } from '@siemens/ix/components/ix-card-list.js';
15
+ import { defineCustomElement as defineCustomElement$c } from '@siemens/ix/components/ix-card-title.js';
16
+ import { defineCustomElement as defineCustomElement$d } from '@siemens/ix/components/ix-category-filter.js';
17
+ import { defineCustomElement as defineCustomElement$e } from '@siemens/ix/components/ix-chip.js';
18
+ import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-col.js';
19
+ import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-content-header.js';
20
+ import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-date-picker.js';
21
+ import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-datetime-picker.js';
22
+ import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-divider.js';
23
+ import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-drawer.js';
24
+ import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-dropdown.js';
25
+ import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-dropdown-button.js';
26
+ import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-dropdown-header.js';
27
+ import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-dropdown-item.js';
28
+ import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
29
+ import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-empty-state.js';
30
+ import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-event-list.js';
31
+ import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-event-list-item.js';
32
+ import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-expanding-search.js';
33
+ import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-filter-chip.js';
34
+ import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-flip-tile.js';
35
+ import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-flip-tile-content.js';
36
+ import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-form-field.js';
37
+ import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-group.js';
38
+ import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-group-context-menu.js';
39
+ import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-group-item.js';
40
+ import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-icon-button.js';
41
+ import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-icon-toggle-button.js';
42
+ import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-input-group.js';
43
+ import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-key-value.js';
44
+ import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-key-value-list.js';
45
+ import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-kpi.js';
46
+ import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-layout-grid.js';
47
+ import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-link-button.js';
48
+ import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-map-navigation.js';
49
+ import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-map-navigation-overlay.js';
50
+ import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-menu.js';
51
+ import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-menu-about.js';
52
+ import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-menu-about-item.js';
53
+ import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-menu-about-news.js';
54
+ import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-menu-avatar.js';
55
+ import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-menu-avatar-item.js';
56
+ import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-menu-category.js';
57
+ import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-menu-item.js';
58
+ import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu-settings.js';
59
+ import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-settings-item.js';
60
+ import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-message-bar.js';
61
+ import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-modal.js';
62
+ import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-modal-content.js';
63
+ import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-modal-example.js';
64
+ import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-modal-footer.js';
65
+ import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-modal-header.js';
66
+ import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-pagination.js';
67
+ import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-pill.js';
68
+ import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-push-card.js';
69
+ import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-row.js';
70
+ import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-select.js';
71
+ import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-select-item.js';
72
+ import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-slider.js';
73
+ import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-spinner.js';
74
+ import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-split-button.js';
75
+ import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-split-button-item.js';
76
+ import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-tab-item.js';
77
+ import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-tabs.js';
78
+ import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-tile.js';
79
+ import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-time-picker.js';
80
+ import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-toast.js';
81
+ import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-toast-container.js';
82
+ import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-toggle.js';
83
+ import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-toggle-button.js';
84
+ import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-tooltip.js';
85
+ import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-typography.js';
86
+ import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-upload.js';
87
+ import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-validation-tooltip.js';
88
+ import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-workflow-step.js';
89
+ import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-workflow-steps.js';
4
90
  import { registerFrameworkDelegate, showModal as showModal$1, toast } from '@siemens/ix';
5
91
  import ReactDOMClient from 'react-dom/client';
92
+ import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix-icons/dist/components/ix-icon';
6
93
 
7
94
  /******************************************************************************
8
95
  Copyright (c) Microsoft Corporation.
@@ -222,89 +309,93 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
222
309
  };
223
310
 
224
311
  /* eslint-disable */
225
- defineCustomElements();
226
- const IxActionCard = /*@__PURE__*/ createReactComponent('ix-action-card');
227
- const IxAnimatedTab = /*@__PURE__*/ createReactComponent('ix-animated-tab');
228
- const IxAnimatedTabs = /*@__PURE__*/ createReactComponent('ix-animated-tabs');
229
- const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header');
230
- const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar');
231
- const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation');
232
- const IxBlind = /*@__PURE__*/ createReactComponent('ix-blind');
233
- const IxBreadcrumb = /*@__PURE__*/ createReactComponent('ix-breadcrumb');
234
- const IxBreadcrumbItem = /*@__PURE__*/ createReactComponent('ix-breadcrumb-item');
235
- const IxButton = /*@__PURE__*/ createReactComponent('ix-button');
236
- const IxCard = /*@__PURE__*/ createReactComponent('ix-card');
237
- const IxCardAccordion = /*@__PURE__*/ createReactComponent('ix-card-accordion');
238
- const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content');
239
- const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list');
240
- const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title');
241
- const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter');
242
- const IxChip = /*@__PURE__*/ createReactComponent('ix-chip');
243
- const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header');
244
- const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker');
245
- const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker');
246
- const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider');
247
- const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer');
248
- const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown');
249
- const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button');
250
- const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header');
251
- const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item');
252
- const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions');
253
- const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state');
254
- const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list');
255
- const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item');
256
- const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search');
257
- const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip');
258
- const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile');
259
- const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content');
260
- const IxGroup = /*@__PURE__*/ createReactComponent('ix-group');
261
- const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu');
262
- const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item');
263
- const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon');
264
- const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button');
265
- const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group');
266
- const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value');
267
- const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list');
268
- const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi');
269
- const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button');
270
- const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation');
271
- const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay');
272
- const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu');
273
- const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about');
274
- const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item');
275
- const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news');
276
- const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar');
277
- const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item');
278
- const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category');
279
- const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item');
280
- const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings');
281
- const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item');
282
- const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar');
283
- const IxModal = /*@__PURE__*/ createReactComponent('ix-modal');
284
- const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content');
285
- const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example');
286
- const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer');
287
- const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header');
288
- const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination');
289
- const IxPill = /*@__PURE__*/ createReactComponent('ix-pill');
290
- const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card');
291
- const IxSelect = /*@__PURE__*/ createReactComponent('ix-select');
292
- const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item');
293
- const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner');
294
- const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button');
295
- const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item');
296
- const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item');
297
- const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs');
298
- const IxTile = /*@__PURE__*/ createReactComponent('ix-tile');
299
- const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker');
300
- const IxToast = /*@__PURE__*/ createReactComponent('ix-toast');
301
- const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container');
302
- const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle');
303
- const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip');
304
- const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload');
305
- const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip');
306
- const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step');
307
- const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps');
312
+ const IxActionCard = /*@__PURE__*/ createReactComponent('ix-action-card', undefined, undefined, defineCustomElement);
313
+ const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header', undefined, undefined, defineCustomElement$1);
314
+ const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar', undefined, undefined, defineCustomElement$2);
315
+ const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation', undefined, undefined, defineCustomElement$3);
316
+ const IxBlind = /*@__PURE__*/ createReactComponent('ix-blind', undefined, undefined, defineCustomElement$4);
317
+ const IxBreadcrumb = /*@__PURE__*/ createReactComponent('ix-breadcrumb', undefined, undefined, defineCustomElement$5);
318
+ const IxBreadcrumbItem = /*@__PURE__*/ createReactComponent('ix-breadcrumb-item', undefined, undefined, defineCustomElement$6);
319
+ const IxButton = /*@__PURE__*/ createReactComponent('ix-button', undefined, undefined, defineCustomElement$7);
320
+ const IxCard = /*@__PURE__*/ createReactComponent('ix-card', undefined, undefined, defineCustomElement$8);
321
+ const IxCardAccordion = /*@__PURE__*/ createReactComponent('ix-card-accordion', undefined, undefined, defineCustomElement$9);
322
+ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', undefined, undefined, defineCustomElement$a);
323
+ const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, defineCustomElement$b);
324
+ const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, defineCustomElement$c);
325
+ const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, defineCustomElement$d);
326
+ const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$e);
327
+ const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$f);
328
+ const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$g);
329
+ const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$h);
330
+ const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$i);
331
+ const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$j);
332
+ const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$k);
333
+ const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$l);
334
+ const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$m);
335
+ const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$n);
336
+ const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$o);
337
+ const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$p);
338
+ const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$q);
339
+ const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$r);
340
+ const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$s);
341
+ const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$t);
342
+ const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$u);
343
+ const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$v);
344
+ const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$w);
345
+ const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, defineCustomElement$x);
346
+ const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$y);
347
+ const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$z);
348
+ const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$A);
349
+ const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$B);
350
+ const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$C);
351
+ const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$D);
352
+ const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$E);
353
+ const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$F);
354
+ const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$G);
355
+ const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$H);
356
+ const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$I);
357
+ const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$J);
358
+ const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$K);
359
+ const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$L);
360
+ const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$M);
361
+ const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$N);
362
+ const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$O);
363
+ const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$P);
364
+ const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$Q);
365
+ const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$R);
366
+ const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$S);
367
+ const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$T);
368
+ const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$U);
369
+ const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$V);
370
+ const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$W);
371
+ const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$X);
372
+ const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$Y);
373
+ const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$Z);
374
+ const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$_);
375
+ const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$$);
376
+ const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$10);
377
+ const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$11);
378
+ const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$12);
379
+ const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$13);
380
+ const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$14);
381
+ const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$15);
382
+ const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$16);
383
+ const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$17);
384
+ const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$18);
385
+ const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$19);
386
+ const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1a);
387
+ const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1b);
388
+ const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1c);
389
+ const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1d);
390
+ const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1e);
391
+ const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1f);
392
+ const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1g);
393
+ const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1h);
394
+ const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1i);
395
+ const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1j);
396
+ const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1k);
397
+ const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1l);
398
+ const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1m);
308
399
 
309
400
  /*
310
401
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -400,7 +491,6 @@ const IxOverlay = (props) => {
400
491
  });
401
492
  };
402
493
  props.delegate.removeViewFromPortal = async (id) => {
403
- console.log(id);
404
494
  removeOverlay(id);
405
495
  };
406
496
  }, []);
@@ -462,6 +552,9 @@ class IxApplicationContext extends React.Component {
462
552
  }
463
553
  }
464
554
 
555
+ // eslint-disable-next-line no-inline-comments
556
+ const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined, defineCustomElement$1n);
557
+
465
558
  /*
466
559
  * SPDX-FileCopyrightText: 2023 Siemens AG
467
560
  *
@@ -556,4 +649,4 @@ const IxTree = (props) => {
556
649
  } })));
557
650
  };
558
651
 
559
- export { IxActionCard, IxAnimatedTab, IxAnimatedTabs, IxApplicationContext, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxChip, IxContentHeader, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalExample, IxModalFooter, IxModalHeader, IxPagination, IxPill, IxPushCard, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };
652
+ export { IxActionCard, IxApplicationContext, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxChip, IxCol, IxContentHeader, 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, 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
@@ -4,9 +4,96 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const React = require('react');
6
6
  const ReactDOM = require('react-dom');
7
- const loader = require('@siemens/ix/loader');
7
+ const ixActionCard_js = require('@siemens/ix/components/ix-action-card.js');
8
+ const ixApplicationHeader_js = require('@siemens/ix/components/ix-application-header.js');
9
+ const ixAvatar_js = require('@siemens/ix/components/ix-avatar.js');
10
+ const ixBasicNavigation_js = require('@siemens/ix/components/ix-basic-navigation.js');
11
+ const ixBlind_js = require('@siemens/ix/components/ix-blind.js');
12
+ const ixBreadcrumb_js = require('@siemens/ix/components/ix-breadcrumb.js');
13
+ const ixBreadcrumbItem_js = require('@siemens/ix/components/ix-breadcrumb-item.js');
14
+ const ixButton_js = require('@siemens/ix/components/ix-button.js');
15
+ const ixCard_js = require('@siemens/ix/components/ix-card.js');
16
+ const ixCardAccordion_js = require('@siemens/ix/components/ix-card-accordion.js');
17
+ const ixCardContent_js = require('@siemens/ix/components/ix-card-content.js');
18
+ const ixCardList_js = require('@siemens/ix/components/ix-card-list.js');
19
+ const ixCardTitle_js = require('@siemens/ix/components/ix-card-title.js');
20
+ const ixCategoryFilter_js = require('@siemens/ix/components/ix-category-filter.js');
21
+ const ixChip_js = require('@siemens/ix/components/ix-chip.js');
22
+ const ixCol_js = require('@siemens/ix/components/ix-col.js');
23
+ const ixContentHeader_js = require('@siemens/ix/components/ix-content-header.js');
24
+ const ixDatePicker_js = require('@siemens/ix/components/ix-date-picker.js');
25
+ const ixDatetimePicker_js = require('@siemens/ix/components/ix-datetime-picker.js');
26
+ const ixDivider_js = require('@siemens/ix/components/ix-divider.js');
27
+ const ixDrawer_js = require('@siemens/ix/components/ix-drawer.js');
28
+ const ixDropdown_js = require('@siemens/ix/components/ix-dropdown.js');
29
+ const ixDropdownButton_js = require('@siemens/ix/components/ix-dropdown-button.js');
30
+ const ixDropdownHeader_js = require('@siemens/ix/components/ix-dropdown-header.js');
31
+ const ixDropdownItem_js = require('@siemens/ix/components/ix-dropdown-item.js');
32
+ const ixDropdownQuickActions_js = require('@siemens/ix/components/ix-dropdown-quick-actions.js');
33
+ const ixEmptyState_js = require('@siemens/ix/components/ix-empty-state.js');
34
+ const ixEventList_js = require('@siemens/ix/components/ix-event-list.js');
35
+ const ixEventListItem_js = require('@siemens/ix/components/ix-event-list-item.js');
36
+ const ixExpandingSearch_js = require('@siemens/ix/components/ix-expanding-search.js');
37
+ const ixFilterChip_js = require('@siemens/ix/components/ix-filter-chip.js');
38
+ const ixFlipTile_js = require('@siemens/ix/components/ix-flip-tile.js');
39
+ const ixFlipTileContent_js = require('@siemens/ix/components/ix-flip-tile-content.js');
40
+ const ixFormField_js = require('@siemens/ix/components/ix-form-field.js');
41
+ const ixGroup_js = require('@siemens/ix/components/ix-group.js');
42
+ const ixGroupContextMenu_js = require('@siemens/ix/components/ix-group-context-menu.js');
43
+ const ixGroupItem_js = require('@siemens/ix/components/ix-group-item.js');
44
+ const ixIconButton_js = require('@siemens/ix/components/ix-icon-button.js');
45
+ const ixIconToggleButton_js = require('@siemens/ix/components/ix-icon-toggle-button.js');
46
+ const ixInputGroup_js = require('@siemens/ix/components/ix-input-group.js');
47
+ const ixKeyValue_js = require('@siemens/ix/components/ix-key-value.js');
48
+ const ixKeyValueList_js = require('@siemens/ix/components/ix-key-value-list.js');
49
+ const ixKpi_js = require('@siemens/ix/components/ix-kpi.js');
50
+ const ixLayoutGrid_js = require('@siemens/ix/components/ix-layout-grid.js');
51
+ const ixLinkButton_js = require('@siemens/ix/components/ix-link-button.js');
52
+ const ixMapNavigation_js = require('@siemens/ix/components/ix-map-navigation.js');
53
+ const ixMapNavigationOverlay_js = require('@siemens/ix/components/ix-map-navigation-overlay.js');
54
+ const ixMenu_js = require('@siemens/ix/components/ix-menu.js');
55
+ const ixMenuAbout_js = require('@siemens/ix/components/ix-menu-about.js');
56
+ const ixMenuAboutItem_js = require('@siemens/ix/components/ix-menu-about-item.js');
57
+ const ixMenuAboutNews_js = require('@siemens/ix/components/ix-menu-about-news.js');
58
+ const ixMenuAvatar_js = require('@siemens/ix/components/ix-menu-avatar.js');
59
+ const ixMenuAvatarItem_js = require('@siemens/ix/components/ix-menu-avatar-item.js');
60
+ const ixMenuCategory_js = require('@siemens/ix/components/ix-menu-category.js');
61
+ const ixMenuItem_js = require('@siemens/ix/components/ix-menu-item.js');
62
+ const ixMenuSettings_js = require('@siemens/ix/components/ix-menu-settings.js');
63
+ const ixMenuSettingsItem_js = require('@siemens/ix/components/ix-menu-settings-item.js');
64
+ const ixMessageBar_js = require('@siemens/ix/components/ix-message-bar.js');
65
+ const ixModal_js = require('@siemens/ix/components/ix-modal.js');
66
+ const ixModalContent_js = require('@siemens/ix/components/ix-modal-content.js');
67
+ const ixModalExample_js = require('@siemens/ix/components/ix-modal-example.js');
68
+ const ixModalFooter_js = require('@siemens/ix/components/ix-modal-footer.js');
69
+ const ixModalHeader_js = require('@siemens/ix/components/ix-modal-header.js');
70
+ const ixPagination_js = require('@siemens/ix/components/ix-pagination.js');
71
+ const ixPill_js = require('@siemens/ix/components/ix-pill.js');
72
+ const ixPushCard_js = require('@siemens/ix/components/ix-push-card.js');
73
+ const ixRow_js = require('@siemens/ix/components/ix-row.js');
74
+ const ixSelect_js = require('@siemens/ix/components/ix-select.js');
75
+ const ixSelectItem_js = require('@siemens/ix/components/ix-select-item.js');
76
+ const ixSlider_js = require('@siemens/ix/components/ix-slider.js');
77
+ const ixSpinner_js = require('@siemens/ix/components/ix-spinner.js');
78
+ const ixSplitButton_js = require('@siemens/ix/components/ix-split-button.js');
79
+ const ixSplitButtonItem_js = require('@siemens/ix/components/ix-split-button-item.js');
80
+ const ixTabItem_js = require('@siemens/ix/components/ix-tab-item.js');
81
+ const ixTabs_js = require('@siemens/ix/components/ix-tabs.js');
82
+ const ixTile_js = require('@siemens/ix/components/ix-tile.js');
83
+ const ixTimePicker_js = require('@siemens/ix/components/ix-time-picker.js');
84
+ const ixToast_js = require('@siemens/ix/components/ix-toast.js');
85
+ const ixToastContainer_js = require('@siemens/ix/components/ix-toast-container.js');
86
+ const ixToggle_js = require('@siemens/ix/components/ix-toggle.js');
87
+ const ixToggleButton_js = require('@siemens/ix/components/ix-toggle-button.js');
88
+ const ixTooltip_js = require('@siemens/ix/components/ix-tooltip.js');
89
+ const ixTypography_js = require('@siemens/ix/components/ix-typography.js');
90
+ const ixUpload_js = require('@siemens/ix/components/ix-upload.js');
91
+ const ixValidationTooltip_js = require('@siemens/ix/components/ix-validation-tooltip.js');
92
+ const ixWorkflowStep_js = require('@siemens/ix/components/ix-workflow-step.js');
93
+ const ixWorkflowSteps_js = require('@siemens/ix/components/ix-workflow-steps.js');
8
94
  const ix = require('@siemens/ix');
9
95
  const ReactDOMClient = require('react-dom/client');
96
+ const ixIcon = require('@siemens/ix-icons/dist/components/ix-icon');
10
97
 
11
98
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
99
 
@@ -232,89 +319,93 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
232
319
  };
233
320
 
234
321
  /* eslint-disable */
235
- loader.defineCustomElements();
236
- const IxActionCard = /*@__PURE__*/ createReactComponent('ix-action-card');
237
- const IxAnimatedTab = /*@__PURE__*/ createReactComponent('ix-animated-tab');
238
- const IxAnimatedTabs = /*@__PURE__*/ createReactComponent('ix-animated-tabs');
239
- const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header');
240
- const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar');
241
- const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation');
242
- const IxBlind = /*@__PURE__*/ createReactComponent('ix-blind');
243
- const IxBreadcrumb = /*@__PURE__*/ createReactComponent('ix-breadcrumb');
244
- const IxBreadcrumbItem = /*@__PURE__*/ createReactComponent('ix-breadcrumb-item');
245
- const IxButton = /*@__PURE__*/ createReactComponent('ix-button');
246
- const IxCard = /*@__PURE__*/ createReactComponent('ix-card');
247
- const IxCardAccordion = /*@__PURE__*/ createReactComponent('ix-card-accordion');
248
- const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content');
249
- const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list');
250
- const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title');
251
- const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter');
252
- const IxChip = /*@__PURE__*/ createReactComponent('ix-chip');
253
- const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header');
254
- const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker');
255
- const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker');
256
- const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider');
257
- const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer');
258
- const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown');
259
- const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button');
260
- const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header');
261
- const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item');
262
- const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions');
263
- const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state');
264
- const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list');
265
- const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item');
266
- const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search');
267
- const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip');
268
- const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile');
269
- const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content');
270
- const IxGroup = /*@__PURE__*/ createReactComponent('ix-group');
271
- const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu');
272
- const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item');
273
- const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon');
274
- const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button');
275
- const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group');
276
- const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value');
277
- const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list');
278
- const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi');
279
- const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button');
280
- const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation');
281
- const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay');
282
- const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu');
283
- const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about');
284
- const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item');
285
- const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news');
286
- const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar');
287
- const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item');
288
- const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category');
289
- const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item');
290
- const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings');
291
- const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item');
292
- const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar');
293
- const IxModal = /*@__PURE__*/ createReactComponent('ix-modal');
294
- const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content');
295
- const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example');
296
- const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer');
297
- const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header');
298
- const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination');
299
- const IxPill = /*@__PURE__*/ createReactComponent('ix-pill');
300
- const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card');
301
- const IxSelect = /*@__PURE__*/ createReactComponent('ix-select');
302
- const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item');
303
- const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner');
304
- const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button');
305
- const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item');
306
- const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item');
307
- const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs');
308
- const IxTile = /*@__PURE__*/ createReactComponent('ix-tile');
309
- const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker');
310
- const IxToast = /*@__PURE__*/ createReactComponent('ix-toast');
311
- const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container');
312
- const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle');
313
- const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip');
314
- const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload');
315
- const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip');
316
- const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step');
317
- const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps');
322
+ const IxActionCard = /*@__PURE__*/ createReactComponent('ix-action-card', undefined, undefined, ixActionCard_js.defineCustomElement);
323
+ const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header', undefined, undefined, ixApplicationHeader_js.defineCustomElement);
324
+ const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar', undefined, undefined, ixAvatar_js.defineCustomElement);
325
+ const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation', undefined, undefined, ixBasicNavigation_js.defineCustomElement);
326
+ const IxBlind = /*@__PURE__*/ createReactComponent('ix-blind', undefined, undefined, ixBlind_js.defineCustomElement);
327
+ const IxBreadcrumb = /*@__PURE__*/ createReactComponent('ix-breadcrumb', undefined, undefined, ixBreadcrumb_js.defineCustomElement);
328
+ const IxBreadcrumbItem = /*@__PURE__*/ createReactComponent('ix-breadcrumb-item', undefined, undefined, ixBreadcrumbItem_js.defineCustomElement);
329
+ const IxButton = /*@__PURE__*/ createReactComponent('ix-button', undefined, undefined, ixButton_js.defineCustomElement);
330
+ const IxCard = /*@__PURE__*/ createReactComponent('ix-card', undefined, undefined, ixCard_js.defineCustomElement);
331
+ const IxCardAccordion = /*@__PURE__*/ createReactComponent('ix-card-accordion', undefined, undefined, ixCardAccordion_js.defineCustomElement);
332
+ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', undefined, undefined, ixCardContent_js.defineCustomElement);
333
+ const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, ixCardList_js.defineCustomElement);
334
+ const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, ixCardTitle_js.defineCustomElement);
335
+ const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, ixCategoryFilter_js.defineCustomElement);
336
+ const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, ixChip_js.defineCustomElement);
337
+ const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, ixCol_js.defineCustomElement);
338
+ const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, ixContentHeader_js.defineCustomElement);
339
+ const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, ixDatePicker_js.defineCustomElement);
340
+ const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, ixDatetimePicker_js.defineCustomElement);
341
+ const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, ixDivider_js.defineCustomElement);
342
+ const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, ixDrawer_js.defineCustomElement);
343
+ const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, ixDropdown_js.defineCustomElement);
344
+ const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, ixDropdownButton_js.defineCustomElement);
345
+ const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, ixDropdownHeader_js.defineCustomElement);
346
+ const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, ixDropdownItem_js.defineCustomElement);
347
+ const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, ixDropdownQuickActions_js.defineCustomElement);
348
+ const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, ixEmptyState_js.defineCustomElement);
349
+ const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, ixEventList_js.defineCustomElement);
350
+ const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, ixEventListItem_js.defineCustomElement);
351
+ const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, ixExpandingSearch_js.defineCustomElement);
352
+ const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, ixFilterChip_js.defineCustomElement);
353
+ const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, ixFlipTile_js.defineCustomElement);
354
+ const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, ixFlipTileContent_js.defineCustomElement);
355
+ const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, ixFormField_js.defineCustomElement);
356
+ const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, ixGroup_js.defineCustomElement);
357
+ const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, ixGroupContextMenu_js.defineCustomElement);
358
+ const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, ixGroupItem_js.defineCustomElement);
359
+ const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, ixIconButton_js.defineCustomElement);
360
+ const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, ixIconToggleButton_js.defineCustomElement);
361
+ const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, ixInputGroup_js.defineCustomElement);
362
+ const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, ixKeyValue_js.defineCustomElement);
363
+ const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, ixKeyValueList_js.defineCustomElement);
364
+ const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, ixKpi_js.defineCustomElement);
365
+ const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, ixLayoutGrid_js.defineCustomElement);
366
+ const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, ixLinkButton_js.defineCustomElement);
367
+ const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, ixMapNavigation_js.defineCustomElement);
368
+ const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, ixMapNavigationOverlay_js.defineCustomElement);
369
+ const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, ixMenu_js.defineCustomElement);
370
+ const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, ixMenuAbout_js.defineCustomElement);
371
+ const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, ixMenuAboutItem_js.defineCustomElement);
372
+ const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, ixMenuAboutNews_js.defineCustomElement);
373
+ const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, ixMenuAvatar_js.defineCustomElement);
374
+ const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, ixMenuAvatarItem_js.defineCustomElement);
375
+ const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, ixMenuCategory_js.defineCustomElement);
376
+ const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, ixMenuItem_js.defineCustomElement);
377
+ const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, ixMenuSettings_js.defineCustomElement);
378
+ const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, ixMenuSettingsItem_js.defineCustomElement);
379
+ const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, ixMessageBar_js.defineCustomElement);
380
+ const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, ixModal_js.defineCustomElement);
381
+ const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, ixModalContent_js.defineCustomElement);
382
+ const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, ixModalExample_js.defineCustomElement);
383
+ const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, ixModalFooter_js.defineCustomElement);
384
+ const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, ixModalHeader_js.defineCustomElement);
385
+ const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, ixPagination_js.defineCustomElement);
386
+ const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, ixPill_js.defineCustomElement);
387
+ const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, ixPushCard_js.defineCustomElement);
388
+ const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, ixRow_js.defineCustomElement);
389
+ const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, ixSelect_js.defineCustomElement);
390
+ const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, ixSelectItem_js.defineCustomElement);
391
+ const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, ixSlider_js.defineCustomElement);
392
+ const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, ixSpinner_js.defineCustomElement);
393
+ const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, ixSplitButton_js.defineCustomElement);
394
+ const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, ixSplitButtonItem_js.defineCustomElement);
395
+ const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, ixTabItem_js.defineCustomElement);
396
+ const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, ixTabs_js.defineCustomElement);
397
+ const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, ixTile_js.defineCustomElement);
398
+ const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, ixTimePicker_js.defineCustomElement);
399
+ const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, ixToast_js.defineCustomElement);
400
+ const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, ixToastContainer_js.defineCustomElement);
401
+ const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, ixToggle_js.defineCustomElement);
402
+ const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, ixToggleButton_js.defineCustomElement);
403
+ const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, ixTooltip_js.defineCustomElement);
404
+ const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, ixTypography_js.defineCustomElement);
405
+ const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, ixUpload_js.defineCustomElement);
406
+ const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, ixValidationTooltip_js.defineCustomElement);
407
+ const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, ixWorkflowStep_js.defineCustomElement);
408
+ const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, ixWorkflowSteps_js.defineCustomElement);
318
409
 
319
410
  /*
320
411
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -410,7 +501,6 @@ const IxOverlay = (props) => {
410
501
  });
411
502
  };
412
503
  props.delegate.removeViewFromPortal = async (id) => {
413
- console.log(id);
414
504
  removeOverlay(id);
415
505
  };
416
506
  }, []);
@@ -472,6 +562,9 @@ class IxApplicationContext extends React__default["default"].Component {
472
562
  }
473
563
  }
474
564
 
565
+ // eslint-disable-next-line no-inline-comments
566
+ const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined, ixIcon.defineCustomElement);
567
+
475
568
  /*
476
569
  * SPDX-FileCopyrightText: 2023 Siemens AG
477
570
  *
@@ -567,8 +660,6 @@ const IxTree = (props) => {
567
660
  };
568
661
 
569
662
  exports.IxActionCard = IxActionCard;
570
- exports.IxAnimatedTab = IxAnimatedTab;
571
- exports.IxAnimatedTabs = IxAnimatedTabs;
572
663
  exports.IxApplicationContext = IxApplicationContext;
573
664
  exports.IxApplicationHeader = IxApplicationHeader;
574
665
  exports.IxAvatar = IxAvatar;
@@ -584,6 +675,7 @@ exports.IxCardList = IxCardList;
584
675
  exports.IxCardTitle = IxCardTitle;
585
676
  exports.IxCategoryFilter = IxCategoryFilter;
586
677
  exports.IxChip = IxChip;
678
+ exports.IxCol = IxCol;
587
679
  exports.IxContentHeader = IxContentHeader;
588
680
  exports.IxDatePicker = IxDatePicker;
589
681
  exports.IxDatetimePicker = IxDatetimePicker;
@@ -601,15 +693,18 @@ exports.IxExpandingSearch = IxExpandingSearch;
601
693
  exports.IxFilterChip = IxFilterChip;
602
694
  exports.IxFlipTile = IxFlipTile;
603
695
  exports.IxFlipTileContent = IxFlipTileContent;
696
+ exports.IxFormField = IxFormField;
604
697
  exports.IxGroup = IxGroup;
605
698
  exports.IxGroupContextMenu = IxGroupContextMenu;
606
699
  exports.IxGroupItem = IxGroupItem;
607
700
  exports.IxIcon = IxIcon;
608
701
  exports.IxIconButton = IxIconButton;
702
+ exports.IxIconToggleButton = IxIconToggleButton;
609
703
  exports.IxInputGroup = IxInputGroup;
610
704
  exports.IxKeyValue = IxKeyValue;
611
705
  exports.IxKeyValueList = IxKeyValueList;
612
706
  exports.IxKpi = IxKpi;
707
+ exports.IxLayoutGrid = IxLayoutGrid;
613
708
  exports.IxLinkButton = IxLinkButton;
614
709
  exports.IxMapNavigation = IxMapNavigation;
615
710
  exports.IxMapNavigationOverlay = IxMapNavigationOverlay;
@@ -632,8 +727,10 @@ exports.IxModalHeader = IxModalHeader;
632
727
  exports.IxPagination = IxPagination;
633
728
  exports.IxPill = IxPill;
634
729
  exports.IxPushCard = IxPushCard;
730
+ exports.IxRow = IxRow;
635
731
  exports.IxSelect = IxSelect;
636
732
  exports.IxSelectItem = IxSelectItem;
733
+ exports.IxSlider = IxSlider;
637
734
  exports.IxSpinner = IxSpinner;
638
735
  exports.IxSplitButton = IxSplitButton;
639
736
  exports.IxSplitButtonItem = IxSplitButtonItem;
@@ -644,8 +741,10 @@ exports.IxTimePicker = IxTimePicker;
644
741
  exports.IxToast = IxToast;
645
742
  exports.IxToastContainer = IxToastContainer;
646
743
  exports.IxToggle = IxToggle;
744
+ exports.IxToggleButton = IxToggleButton;
647
745
  exports.IxTooltip = IxTooltip;
648
746
  exports.IxTree = IxTree;
747
+ exports.IxTypography = IxTypography;
649
748
  exports.IxUpload = IxUpload;
650
749
  exports.IxValidationTooltip = IxValidationTooltip;
651
750
  exports.IxWorkflowStep = IxWorkflowStep;
package/dist/types/components.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  /// <reference types="react" />
2
- import type { JSX } from '@siemens/ix';
2
+ import type { JSX } from '@siemens/ix/components';
3
3
  export declare const IxActionCard: import("react").ForwardRefExoticComponent<JSX.IxActionCard & Omit<import("react").HTMLAttributes<HTMLIxActionCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxActionCardElement>>;
4
- export declare const IxAnimatedTab: import("react").ForwardRefExoticComponent<JSX.IxAnimatedTab & Omit<import("react").HTMLAttributes<HTMLIxAnimatedTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxAnimatedTabElement>>;
5
- export declare const IxAnimatedTabs: import("react").ForwardRefExoticComponent<JSX.IxAnimatedTabs & Omit<import("react").HTMLAttributes<HTMLIxAnimatedTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxAnimatedTabsElement>>;
6
4
  export declare const IxApplicationHeader: import("react").ForwardRefExoticComponent<JSX.IxApplicationHeader & Omit<import("react").HTMLAttributes<HTMLIxApplicationHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxApplicationHeaderElement>>;
7
5
  export declare const IxAvatar: import("react").ForwardRefExoticComponent<JSX.IxAvatar & Omit<import("react").HTMLAttributes<HTMLIxAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxAvatarElement>>;
8
6
  export declare const IxBasicNavigation: import("react").ForwardRefExoticComponent<JSX.IxBasicNavigation & Omit<import("react").HTMLAttributes<HTMLIxBasicNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxBasicNavigationElement>>;
@@ -17,6 +15,7 @@ export declare const IxCardList: import("react").ForwardRefExoticComponent<JSX.I
17
15
  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>>;
18
16
  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>>;
19
17
  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>>;
18
+ 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
19
  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>>;
21
20
  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>>;
22
21
  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>>;
@@ -34,15 +33,17 @@ export declare const IxExpandingSearch: import("react").ForwardRefExoticComponen
34
33
  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>>;
35
34
  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>>;
36
35
  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>>;
36
+ 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>>;
37
37
  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>>;
38
38
  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>>;
39
39
  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>>;
40
- export declare const IxIcon: import("react").ForwardRefExoticComponent<import("@siemens/ix-icons/dist/types/components").JSX.IxIcon & Omit<import("react").HTMLAttributes<HTMLIxIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxIconElement>>;
41
40
  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>>;
41
+ 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>>;
42
42
  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>>;
43
43
  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>>;
44
44
  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>>;
45
45
  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>>;
46
+ 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>>;
46
47
  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>>;
47
48
  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>>;
48
49
  export declare const IxMapNavigationOverlay: import("react").ForwardRefExoticComponent<JSX.IxMapNavigationOverlay & Omit<import("react").HTMLAttributes<HTMLIxMapNavigationOverlayElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxMapNavigationOverlayElement>>;
@@ -65,8 +66,10 @@ export declare const IxModalHeader: import("react").ForwardRefExoticComponent<JS
65
66
  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>>;
66
67
  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>>;
67
68
  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>>;
69
+ 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>>;
68
70
  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>>;
69
71
  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>>;
72
+ export declare const IxSlider: import("react").ForwardRefExoticComponent<JSX.IxSlider & Omit<import("react").HTMLAttributes<HTMLIxSliderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSliderElement>>;
70
73
  export declare const IxSpinner: import("react").ForwardRefExoticComponent<JSX.IxSpinner & Omit<import("react").HTMLAttributes<HTMLIxSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSpinnerElement>>;
71
74
  export declare const IxSplitButton: import("react").ForwardRefExoticComponent<JSX.IxSplitButton & Omit<import("react").HTMLAttributes<HTMLIxSplitButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSplitButtonElement>>;
72
75
  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>>;
@@ -77,7 +80,9 @@ export declare const IxTimePicker: import("react").ForwardRefExoticComponent<JSX
77
80
  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>>;
78
81
  export declare const IxToastContainer: import("react").ForwardRefExoticComponent<JSX.IxToastContainer & Omit<import("react").HTMLAttributes<HTMLIxToastContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxToastContainerElement>>;
79
82
  export declare const IxToggle: import("react").ForwardRefExoticComponent<JSX.IxToggle & Omit<import("react").HTMLAttributes<HTMLIxToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxToggleElement>>;
83
+ export declare const IxToggleButton: import("react").ForwardRefExoticComponent<JSX.IxToggleButton & Omit<import("react").HTMLAttributes<HTMLIxToggleButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxToggleButtonElement>>;
80
84
  export declare const IxTooltip: import("react").ForwardRefExoticComponent<JSX.IxTooltip & Omit<import("react").HTMLAttributes<HTMLIxTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTooltipElement>>;
85
+ export declare const IxTypography: import("react").ForwardRefExoticComponent<JSX.IxTypography & Omit<import("react").HTMLAttributes<HTMLIxTypographyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxTypographyElement>>;
81
86
  export declare const IxUpload: import("react").ForwardRefExoticComponent<JSX.IxUpload & Omit<import("react").HTMLAttributes<HTMLIxUploadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxUploadElement>>;
82
87
  export declare const IxValidationTooltip: import("react").ForwardRefExoticComponent<JSX.IxValidationTooltip & Omit<import("react").HTMLAttributes<HTMLIxValidationTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxValidationTooltipElement>>;
83
88
  export declare const IxWorkflowStep: import("react").ForwardRefExoticComponent<JSX.IxWorkflowStep & Omit<import("react").HTMLAttributes<HTMLIxWorkflowStepElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxWorkflowStepElement>>;
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from './components';
2
2
  export * from './context';
3
+ export * from './ix-icon';
3
4
  export * from './modal';
4
5
  export * from './toast';
5
6
  export * from './tree';
package/dist/types/ix-icon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { JSX as IxIconsJSX } from '@siemens/ix-icons';
3
+ export declare const IxIcon: import("react").ForwardRefExoticComponent<IxIconsJSX.IxIcon & Omit<import("react").HTMLAttributes<HTMLIxIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxIconElement>>;
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": "2.0.0-beta.0",
10
+ "version": "2.0.0",
11
11
  "description": "Siemens iX for React",
12
12
  "main": "dist/index.js",
13
13
  "module": "dist/index.esm.js",
@@ -28,7 +28,7 @@
28
28
  "license": "MIT",
29
29
  "devDependencies": {
30
30
  "@rollup/plugin-typescript": "^8.4.0",
31
- "@siemens/ix": "~2.0.0-beta.0",
31
+ "@siemens/ix": "~2.0.0",
32
32
  "@types/estree": "~0.0.51",
33
33
  "@types/react": "~18.0.15",
34
34
  "@types/react-dom": "~18.0.6",
@@ -48,10 +48,10 @@
48
48
  },
49
49
  "peerDependencies": {
50
50
  "react": ">=17.0.2",
51
- "react-dom": ">=17.0.2"
51
+ "react-dom": ">=17.0.2",
52
+ "@siemens/ix-icons": "^2.0.0"
52
53
  },
53
54
  "dependencies": {
54
- "@siemens/ix": "~2.0.0-beta.0",
55
- "@siemens/ix-icons": "^1.1.0"
55
+ "@siemens/ix": "~2.0.0"
56
56
  }
57
57
  }