@siemens/[email protected]

Major Changes

• #1581 7eb4d5147056e1e3252e387e5a718df7e593909e Thanks @matthiashader! - Component Updates and Enhancements

  New Variants for Card Components:

  • ix-action-card, ix-card, and ix-push-card:
    • The insight and notification variants have been replaced by outline and filled.

  Property Updates:

  • ix-chip:
    • The color property has been replaced by chipColor.
  • ix-event-list:
    • The color attribute has been replaced by itemColor.
  • ix-icon-button:
    • The color attribute has been replaced by iconColor.
    • Size 32 has been removed.
  • ix-pill:
    • The color attribute has been replaced by pillColor.
  • ix-typography:
    • The color attribute has been replaced by textColor.
  • ix-select:
    • The selectedIndices attribute has been replaced by value.
    • The itemSelectionChange event has been replaced by valueChange.
  • ix-select-item:
    • The type of the value property type has been updated to string.

  Date and Time Picker Enhancements:

  • ix-date-picker:
    • Removed attributes: individual and eventDelimiter.
    • The textSelectedDate property has been replaced by i18nDone.
    • The done event has been replaced by dateSelect.
  • ix-datetime-picker:
    • The textSelectedDate property has been replaced by i18nDone.
    • The done event has been replaced by dateSelect.
    • Removed the eventDelimiter property.
  • ix-time-picker:
    • Removed attributes: individual and showTimeReference.

  Removed Features:

  • ix-menu:
    • Removed the maxVisibleMenuItems attribute.
  • ix-menu-item:
    • The tabIcon attribute has been removed and replaced with icon.

  Other Changes:

  • ix-modal:
    • The keyboard attribute has been replaced by closeOnEscape.

• #1700 2e2972260eafb1a87b84e5a705e3c932b15b8467 Thanks @jul-lam! - The ix-tooltip is working as expected when utilized for an ix-dropdown-item inside an ix-dropdown. The tooltip is now displayed outside the dropdown without breaking its layout.

  Fixes #1618

• #1238 8803f3185b8a183926576d9f28894f9e1aa92ec3 Thanks @danielleroux! - feat: reduce bundle size in combination with icons

• #1742 8b757805d65f62e9296e6d1abd67a8f0b30099f3 Thanks @matthiashader! - Adapt the event signature of the dateSelect event of the ix-date-picker to reflect undefined values.

• #1578 dd8b3eb28eb162f30c5fef27b369036b3bd6dd8b Thanks @danielleroux! - Remove devDependency and peerDependency to bootstrap. For more information checkout BREAKING_CHANGES.md

• #1817 e4a8d713614c2a5f4850d26a81655756ad48e76d Thanks @nuke-ellington! - ix-content: add padding to right side of content area

• #1758 f6fd42a74b42ff0f9f2ffd2b4c2a49fbb4402760 Thanks @danielleroux! - Prevent global styling for input and textarea. If you still want to use the legacy styling provide a class="ix-form-control" to input or textarea.
  Prevent global styling for label. If you still want to use the legacy styling provide a class="ix-form-label" to label.

  Fixes #1398

• #1831 5cec43bb4c627642721d65bb60a3c00a94072c80 Thanks @danielleroux! - ix-tree: Fix typo of isExpanded of nodeToggled-event.

• #1457 3d62fffdc107bfc92b2ecad8437662dc7c03796f Thanks @matthiashader! - fix(core/pane-layout): remove absolute positioning

• #1642 c9c5bf0451998ce94a57247b974e00176f294437 Thanks @danielleroux! - The VariantMapping that mapped legacy font classes to current ones was removed.

• #1644 23402fc1ab914b7b6ca73f938b12c66dd1fd5120 Thanks @danielleroux! - Remove legacy classic theme

• #1830 00b3988f7955d97080653544daf94fbd215ca0fb Thanks @danielleroux! - Replace button group class .btn-group with .ix-button-group

• #1850 6c9a6c87cd31976a6341a3d5b038d2ff0b9a104d Thanks @danielleroux! - Change minimum required @siemens/ix-icons to ^3.0.0 from ^2.0.0

• #1394 24f3ad61ab275bf7c9bbd7e9ee84f6b4f7d3b5ff Thanks @AndreasBerliner! - refactor: replace internal comments with annotations

• #1758 f6fd42a74b42ff0f9f2ffd2b4c2a49fbb4402760 Thanks @danielleroux! - Change default width from input.ix-from-control from width: 100% to width: auto

• #1742 db785bb8a4cc0654104cb24d420b7a1e2d45fdba Thanks @matthiashader! - ix-date-dropdown: Adapt the types DateDropdownOption and DateRangeChangeEvent to reflect the changed signature of the ix-date-picker's dateSelect event.

• #1742 db785bb8a4cc0654104cb24d420b7a1e2d45fdba Thanks @matthiashader! - ix-date-input: Adapt the value property and the valueChange event to reflect the changed signature of the date-picker's dateSelect event.

• #1613 b3846c925ec4f03fd5d26b0b66042185b766f099 Thanks @jul-lam! - ix-application now utilizes full viewport height and full viewport width

• #1273 e8f825f7f494c8cc05dcce075afcff77839f8096 Thanks @nuke-ellington! - fix(core/checkbox): allow multiline labels and align checkbox at the top

Minor Changes

• #1737 149dfbd6518e94da9e966d06ea2292c8e96772ce Thanks @matthiashader! - ix-message-bar: Add new types critical, success, primary, and neutral, and deprecate type danger.
  Additionally, add new NotificationColor colors color-critical, color-alarm, color-neutral, and color-primary.

• #1697 9e13a08340efc9cb7dd1f0ef7d56481c8b5dcbbe Thanks @AndreasBerliner! - ix-chip and ix-pill: Add property tooltip-text to display an ix-tooltip with customizable text.

• #1676 4685dc2c2b0de0961b464d305f633e1115a5926a Thanks @nuke-ellington! - ix-flip-tile: Expsose index property to allow setting of displayed content and add toggle event.

• #1803 278d51b7597afadd7fa765187e3cf9e8cd5385c6 Thanks @AndreasBerliner! - ix-tree: Fix a bug where an event was not emitted when clicking tree items.
  ix-tree: Introduce a new attribute to enable tree items to be toggled on click.

  Fixes #1633.

• #1836 9c4127cb14bd075c7e134e7c10673b51df2b993b Thanks @danielleroux! - Introduce required property for ix-radio. To make the ix-radio-group required at least one ix-radio must be required

• #1814 bc33e84a3ad378470dbbdff8dd85877c21355bae Thanks @nuke-ellington! - Add additional color alarm-contrast, critical-contrast, warning-contrast, success-contrast, info-contrast, neutral-contrast and primary-contrast to ix-typography

• #1688 5a12c6ac20e80a77f9fd3ad9aaffd66468f72b40 Thanks @matthiashader! - ix-message-bar: Event closedChange can now be prevented via event.preventDefault().
  An additional event is added to get notified after the close animation of the ix-message-bar is finished.

• #1743 4bdec91e4a837e487caa4a25407f24eb37616531 Thanks @lzeiml! - ix-date-picker: Week numbers are now hidden by default inside the ix-date-picker. They can be shown by setting showWeekNumbers to true.
  ix-datetime-picker: Week numbers are now hidden by default inside the ix-date-picker. They can be shown by setting showWeekNumbers to true.
  ix-date-dropdown: Week numbers are now hidden by default inside the ix-date-picker. They can be shown by setting showWeekNumbers to true.
  ix-date-input: Week numbers are now hidden by default inside the ix-date-picker. They can be shown by setting showWeekNumbers to true.

• #1676 4685dc2c2b0de0961b464d305f633e1115a5926a Thanks @nuke-ellington! - ix-menu: Add openSettings and openAbout events. Event expandChange can now be prevented via event.preventDefault().

• #1767 30a98977feb83c7fb8ec8ca76a4b524042b2e5af Thanks @raunak-matai! - Handle preventDefault() on native click event for ix-tab-item.

  Fixes #1655.

• #1758 d20b43d5f5bd5291b5125b120d2bb2d72286acfd Thanks @danielleroux! - Add new global class .ix-table and .ix-table-striped to display a simple html table

• #1676 4685dc2c2b0de0961b464d305f633e1115a5926a Thanks @nuke-ellington! - ìx-drawer: Events open and drawerClose can now be prevented viaevent.preventDefault().

• #1676 4685dc2c2b0de0961b464d305f633e1115a5926a Thanks @nuke-ellington! - Add tabChange event to ix-menu-settings and ix-menu-about.

• #1760 ac163467de8fc4d943f5366415492a9a02748999 Thanks @nuke-ellington! - ix-datetime-picker: Time selection headline can now be translated via property i18nTime.

Patch Changes

• #1798 40e8c510e15dba741601b3b19b6025c024e170ef Thanks @lzeiml! - If an invalid date string is passed to the ix-date-picker, a console error will be thrown and the string will not be used.

• #1791 838c19239ac8a85e2d644696cc1fd3a67f5509d5 Thanks @nuke-ellington! - ix-tree: Init hyperlist after re-attaching tree to DOM.

  Fixes #1703.

• #1818 c7456367e276c31a9eb6c7cea8270857b5810360 Thanks @nuke-ellington! - Add drop shadow to ix-datetime-picker.

  Fixes #1299.

• #1706 e8bd3b6301d7553e6a02b79e2925aa0595b674ca Thanks @lzeiml! - ix-menu-category: Dynamically added items are now instantly visible. This is achieved by adjusting the max-height everytime an item gets added.

  Fixes #1606

• #1821 d0c4c9df8b269fc0206ffdce1c6c7ec4013028b6 Thanks @nuke-ellington! - Remove space before required asterisk in ix-field-label.

  Fixes #1634.

• #1683 aa63b4fd901bc50e98877826699412affa127ae7 Thanks @ridvandmrc! - active=false of the ix-chip will now show the chip as not interactable.

  Fixed #1656

• #1828 009519637b668f74f8abae7bd682c67045d2876f Thanks @RamVinayMandal! - Handle null gracefully in ix-textarea.

  Fixes #1789.

• #1836 9c4127cb14bd075c7e134e7c10673b51df2b993b Thanks @danielleroux! - Prevent required ix-number-input from becoming invalid if value is zero

• #1724 e8049c9966e7d5019c8ed0ae0e6cf2597f81dce5 Thanks @danielleroux! - Prevent ix-application-header from waiting until the corporate logo is defined.

• #1840 74ddf7d9931d3e7d123d34f42718a47b98de42a9 Thanks @danielleroux! - Align colors of ix-toggle-button (primary only) with the latest figma specs

• #1838 c7ce5be2cf5707b980d484e60dcc7dfa1814656b Thanks @danielleroux! - Add z-index to ix-validation-tooltip to prevent overlapping labels

• #1790 ff816a840b609491e1a647d64f6bad489ad214f0 Thanks @varun-srinivasa! - ix-select: Allow re-opening of dropdown after clearing the select in editable mode.

  Fixes #1770.

• #1681 5b56d90813239cb34d28b4c20255392b9dd1d66f Thanks @jul-lam! - Update @floating-ui/dom dependency to fix a wrong placement of the ix-dropdown if the dropdown is placed inside a dialog-element with animations in certain environments.

• #1708 96c8f78e4d3d4d304b1d5a41504d5b24401ea461 Thanks @lzeiml! - ix-radio: Now doesn't change height/layout anymore when clicked. This is achieved by changing the way one of the component's divs is rendered.
  ix-checkbox: Now doesn't change height/layout anymore when clicked. This is achieved by changing the way one of the component's SVGs is rendered.

  Fixes #1702

• #1724 8324312fa39abc53711850d4a94b765d994f15cd Thanks @danielleroux! - ix-drawer: Remove transition attribute from the styling to prevent conflicts between animejs

• #1644 b66381a68f94df878605a290a52c84d31fa45bf1 Thanks @danielleroux! - Relpace throw error of ix-select-item with a warning if no value is provided

• #1797 df00884a5b65c7047ddc3506b8eaac66819c4ceb Thanks @1307-Dev! - Fix button inside ix-upload component to be selectable via keyboard navigation.

• #1836 9c4127cb14bd075c7e134e7c10673b51df2b993b Thanks @danielleroux! - min-length of ix-input is now working as expected

• #1699 093c78352916a193e7f2cbfab692362c4ba0de9a Thanks @danielleroux! - Update classic theme colors to match latest figma specs

• #1836 9c4127cb14bd075c7e134e7c10673b51df2b993b Thanks @danielleroux! - Show required validation error only after first interaction (pointer/focus) with ix-checkbox, ix-radio and ix-toggle

• #1561 699958d387c1044b50def5071369f27de49f56ef Thanks @ridvandmrc! - Update slot references for ix-input-group.

• #1687 2d4e3b8cdb756dff44627941adfea6a0230ccf26 Thanks @matthiashader! - Fix issue of ix-button which prevent a form get submitted twice in row.

• #1642 b5e2da18f871d6189c064a72bd9b29a82d0685eb Thanks @danielleroux! - fix(core): semver from stencil/core to minor

• #1724 c448755f97b66af96cce435025dc1f37892e9eb8 Thanks @danielleroux! - Cleanup validation references for all validation components (e.g. ix-date-input, ix-input).

• #1691 8726afc094adf2ddb4f8e927c6a42aa8dc0ed589 Thanks @nuke-ellington! - ix-workflow-step: change icon for 'done' state to be different from the one shown for 'success' state to pervent confusion.

• #1682 f41b5d60299cb874cec9730394038dd4c2df8a60 Thanks @danielleroux! - Prevent input elements like (ix-input, ix-number-input, ix-date-input, ix-select, ix-textarea) to show required validation error without any user interaction.

  If the class ix-invalid is applied programmatically an error message is still shown even without a user interaction.

  Fixes #1638, #1680

• #1831 5cec43bb4c627642721d65bb60a3c00a94072c80 Thanks @danielleroux! - Avoid leaking event listener of ix-tree

• #1768 8002d9a68ef8a5279d43726ecad28e85ad0ac53a Thanks @RamVinayMandal! - ix-event-list: Set custom height for dynamically created ix-event-list-items.

  Fixes #1684.

• #1561 699958d387c1044b50def5071369f27de49f56ef Thanks @ridvandmrc! - ix-drawer: Allow nested content to calculate it's layout properly by setting drawer width explicitly.

• #1769 dacbced83d226380c256d868620ee640996cf229 Thanks @nuke-ellington! - Refactor return type of focusInput method of IxInputFieldComponent interface to Promise<void>.

• #1724 df65c4d5436bf97f08dc2ec2899e2556c4ad7eaa Thanks @danielleroux! - Update @stencil/core dependency to 4.27.1