siemens/ix @siemens/ix@3.0.0-alpha.0

on GitHub

3.0.0-alpha.0

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

• #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

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

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

• #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

• #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.

• #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.

• #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.

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

• #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

• #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

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

  Fixed #1656

• #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

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

• #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.

• #1330 b5e2da18f871d6189c064a72bd9b29a82d0685eb Thanks @github-actions! - fix(core): semver from stencil/core to minor

• #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

• #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>.