siemens/ix @siemens/ix@4.0.0

on GitHub

Major Changes

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property showItemCount to hideItemCount and changed default value from true to false in ix-pagination.

• #2239 e5642cb2e159ef989728ad7494048da771c45bb4 Thanks @nuke-ellington! - Remove ix-basic-navigation and ix-map-navigation

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property dismissible to persistent and changed default value from true to false in ix-message-bar.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed customRangeAllowed to customRangeDisabled and changed default value from true to false in ix-date-dropdown.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property autoClose to preventAutoClose and changed the default value from true to false in ix-toast.

• #2077 092d491c8dbcba62bade8bc4a3d1e6d4ea6eccad Thanks @lzeiml! - Fixed an issue that caused the content-area in ix-application to grow beyond screen width for wide content. For more information check out BREAKING_CHANGES.md

  Added text truncation with ellipsis and a title tooltip to header-title and header-subtitle in ix-content-header.

  Fixes #2010

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property collapsed to expanded and event collapsedChanged to expandedChanged. The expanded property's default value is now false in ix-group.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed focusable to disabled and changed default value from true to false in ix-group-item.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed showLogoutButton to hideLogoutButton and changed default value from true to false in ix-menu-avatar.

• #2160 7b016f7a85df558c3042d58a88093ecc55cf85be Thanks @danielleroux! - Rename attribute names for all i18n-* properties.

  New name:
  From i-1-8-n-my-attribute to i18n-my-attribute.

  Components:

  • ix-card-list
  • ix-category-filter
  • ix-datetime-picker
  • ix-menu
  • ix-menu-about-news
  • ix-menu-avatar
  • ix-pagination
  • ix-select
  • ix-update

• #2104 aecc8b764bbea9bdc3c9358981201a813074eb48 Thanks @danielleroux! - - Add additional variants primary, secondary, tertiary, subtle-primary, subtle-secondary, subtle-tertiary, danger-primary, danger-secondary and danger-tertiary

  • Adapt styling of secondary variant
  • Remove ghost and outline property from ix-button, ix-toggle-button, ix-dropdown-button, ix-icon-button and other button components to get replaced with new introduced variants.
  • Remove button tokens for ghost and outline variants.

  For more information please read BREAKING_CHANGES for version 4.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Removed deprecated type value danger in ix-message-bar.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property range to singleSelection and changed default value from true to falsein ix-date-picker and ix-datetime-picker.

• #2135 cd31b3cae80618364395e3ce88dd4f0b69b9b0c6 Thanks @nuke-ellington! - The themeSwitcher's setTheme and setVariant methods no longer take a target parameter. Before this parameter was used to specify the target element to set/change the theme configurations on.
  Now all configuration will be made on the HTML tag.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Removed unused ix-menu property enableSettings.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Changed default value of property animated from true to false in ix-event-list.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed active to inactive and changed default value from true to false in ix-chip.

• #2227 f678f19ca6b259ba3d66c49ce53270815b937895 Thanks @alexkaduk! - Remove unused property offsetBottom from ix-menu-about-news.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - The deprecated properties showHour, showMinutes, and showSeconds have been removed from
  ix-time-picker and ix-datetime-picker.
  These properties had no effect on the components. Their functionality is already covered by other properties like time and format.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property collapse to expanded and changed default value from true to false in ix-push-card.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property repeatCategories to uniqueCategories and changed default value from true to false in ix-category-filter.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property ghost to subtle and changed default value from true to false in ix-breadcrumb.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Multiple ix-modal boolean properties have been renamed:

  animation -> disableAnimation
backdrop -> hideBackdrop
closeOnEscape -> disableEscapeClose

  All used to have a default value of true. They all default to false now.

• #2155 cd14905100a62b9e8ee2eb7e1f357e49e4e4f519 Thanks @danielleroux! - Introduced new variant for ix-flip-tile

  BREAKING-CHANGES:

  • Rename stateto variant
  • Rename FlipTileState to FlipTileVariant and renamed type member none to outline.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Renamed property standaloneAppearance to embedded and changed default value from true to false in ix-time-picker.

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Multiple ix-breadcrumb-item properties have been renamed:

  ghost -> subtle
visible -> invisible
showChevron -> hideChevron

  All used to have a default value of true. They all default to false now.

Minor Changes

• #2075 ac23f9ea035f8758b0a8076775ce8b6452f71926 Thanks @danielleroux! - All components with animations respects the prefers-reduced-motion feature and avoid any animation

• #2245 8952a1828ba059175226fb71dfe0a9900c5ad851 Thanks @alexkaduk! - Improve ix-radio-group and ix-radio to be aligned with w3c pattern

• #2155 d6faa3105d70647b1d8f71731c661a8dc29e1b98 Thanks @danielleroux! - Introduced new variant for ix-card-accordion

• #2111 ffa50a961498753dde31ba9e77953d966fdcca4d Thanks @danielleroux! - ix-pane improvements:

  • add header slot to additional content inside the header like ix-pills
  • closeOnClickOutside property to close pane if user clicked outside of an pane

• #2057 5bd1466e8bd0516b4f28b5bfc0e21752c2e959d4 Thanks @nuke-ellington! - Add option icon-right to ix-button and ix-toggle-button

• #2068 12951cce1836ec91e784a133cbfdb861c8d2e564 Thanks @danielleroux! - Added new properties to ix-application-header

  • nameSuffix text to show next to the application name
  • companyLogo an alternative to logo slot just for an image path
  • companyAlt alt property to company logo img tag
  • appIcon image path for the app icon
  • appIconAlt alt property of the app icon img tag
  • hideBottomBorder disable button border to create an extended header

  Added new slot to ix-application-header

  • secondary Additional slot to render content. Similar to the default slot the content will be hidden on smaller screens.

  Align basic styling of ix-application-header e.g. gaps and margins

• #2155 ff575ce5521c0aebcce0c817020121b7d81c4978 Thanks @danielleroux! - Add outline and filled to ix-event-list-item

• #2069 62ef59c6b042f87b1e17c22ec55c5b7131692930 Thanks @danielleroux! - Add tooltipText to ix-menu-item and ix-menu-category

• #2115 b5c479fc224b1a02b431b7f4cb5b82e7b8d608bd Thanks @philSixZero! - The ix-buttpm component now renders as an anchor (<a>) tag when an href property is provided

  • New properties target and rel were added to support enhanced link behavior
  • Related components (ix-breadcrumb-item, ix-menu-item) were updated to support the href property

  Fixes #2011

• #2058 f620eb52672cb5208fa971dc4db2861d6ca455d8 Thanks @1307-Dev! - Add methods pause and resume to the ix-toast.
  Which make it possible to pause/resume the logic of the autoClose feature.

Patch Changes

• #2207 121ccb7418926b4577dd790c22fe8581d5f7f08c Thanks @nuke-ellington! - Correct margin between ix-toggle swtich and label.

• #2202 00d7577e103ecc6f921677e3b66b0361dd055239 Thanks @alexkaduk! - Prevent weekday texts from getting truncated prematurely in ix-date-picker.

• #2067 802a4ea2d9ae775e93a73ae51337c8374edfecf3 Thanks @Nadim901! - Filter dropdown of ix-select even if text input is equal to currently selected item.

  Fixes #1991.

• #2188 071d3bf69ab5229f6b937ebfcc9cb6e6b688d022 Thanks @danielleroux! - Provide fallback ARIA label for header icon in ix-action-card.

• #2218 cf50694a7c4ae6287d5deb286a3ffc53c072cd22 Thanks @alexkaduk! - Preserve manual resize dimensions during re-renders of ix-textarea.

• #2175 113c45e102e0d2cb856701402ce255f5c972752a Thanks @danielleroux! - Add thumb border and valid state styling and update design tokens for ix-toggle.

• #2186 b19621236813a58bec015aed094e1dfeb8b957df Thanks @danielleroux! - Improve color contrast for warning state in these components:

  ix-chip
  ix-message-bar
  ix-modal
  ix-pill
  ix-spinner
  ix-toast
  ix-workflow-steps

• #2237 dfb056a6355b2e13bcba23ecf17217fad1d7d8b9 Thanks @alexkaduk! - Delegate focus to nested button for ix-button.

• #2106 d25492c57edb9e7f60c970cb26de4d5b8bdf8ee8 Thanks @lzeiml! - - Fixed validation logic incorrectly treating 0 as an invalid value due to falsy evaluation

  • Fixed invalid-text not displaying when native HTML5 validation fails (e.g., min/max constraints)

  Fixes #2061

• #2092 db2bbf5e55d5f7aca2c9e255dae917b746048d09 Thanks @lzeiml! - Fix theme-switcher to detect and toggle theme changes on both document.body and document.documentElement.

• #1984 ace22d0fd9a126891ef2f6ad60c35751488b81a1 Thanks @Raghavendra5577! - Update margins to match design for ix-toggle.

• #2188 071d3bf69ab5229f6b937ebfcc9cb6e6b688d022 Thanks @danielleroux! - Update ix-icons to latest version 3.2.0

• #2168 39425cad90443e258d43f4b35291877de2590dac Thanks @varun-srinivasa! - Fixed a bug where the ix-modal was shown outside the viewport if the user has scrolled down on the page.
  Closes #2083

• #1998 a2f040aaf72b90ba230daf747092d1844d7aff6a Thanks @RamVinayMandal! - Add header slot to ix-content-header to allow adding elements next to title text.

• #1928 2fca705485f72455cde6c99fa8d3578cee7bb7c3 Thanks @Raghavendra5577! - Increase active area of ix-radio

• #2143 ac68db8e038872fb4249fa755d5d5f78b4a6d532 Thanks @lzeiml! - - Improved documentation for locale property in date-picker and date-input components

  • Added missing hideHeader property to time-input
  • Added missing return types for methods in date-picker and time-picker

• #2057 5bd1466e8bd0516b4f28b5bfc0e21752c2e959d4 Thanks @nuke-ellington! - Adapt border radius (2px) to fit to latest design specs

• #2166 2617f86ed1d368fe3d309487ef531df20174c840 Thanks @nuke-ellington! - Fix mouse states and focus visualisation for ix-group and ix-group-item.

• #2054 4151d42ccd0a80932593796fb3586c0534faaaaf Thanks @nuke-ellington! - Decrease vertical gap of ix-radio group

• #1995 294dbe56899a9f63582af324d4f9b9efd8c5805b Thanks @lakshmi-priya-b! - Update close button color to match Figma design for:

  • ix-category-filter
  • ix-drawer
  • ix-menu-about-news
  • ix-menu-tabs
  • ix-message-bar
  • ix-modal-header
  • ix-pane
  • ix-toast

• #2059 1a2eb220d5fe513b3eda2c880d744d2fa1d44ed9 Thanks @danielleroux! - Move safeArea variables to :root level

• #2118 9b1d1ceb9fc17cd956d60a5e0bf02fb8a1482a06 Thanks @AndreasBerliner! - Add aria-labelledby to ix-action-card only when ariaLabelCard property is not set and heading property is set.

• #2191 4e278da029b79548fd97840bd0d89e79b1614a7e Thanks @alexkaduk! - Prevent ix-select from showing unwanted scrollbar.

  Fixes #2170

• #2193 0387086225eb438def5ff7b4956025afd34c7e18 Thanks @alexkaduk! - Hide show password button for disabled ix-inputs of type password.

  Fixes #2180