siemens/ix @siemens/ix@5.1.0

on GitHub

Minor Changes

• #2473 a16ab0a Thanks @nuke-ellington! - Floating ix-panes can be closed via_ Escape_, will set focus to descendant on open and restore focus once closed and employ a focus trap.

  Fixes #2333

• #2573 0648d8d Thanks @lzeiml! - Improved ix-menu accessibility by implementing the W3C menubar pattern, adding better keyboard navigation and screenreader suppport.
  Added properties i18nAriaLabelMenu and i18nNavigationHint for screenreader translations.

• #2574 94017ad Thanks @alexkaduk! - Add ix-popover with optional ix-popover-header, ix-popover-content, ix-popover-image, and ix-popover-footer for anchored floating panels. Supports click and hover triggers, placement, nesting, focus management, and programmatic open/close.

• #2619 3244cb6 Thanks @lzeiml! - Selected chips in ix-select with mode="multiple" are now laid out on a single row. When the selected chips no longer fit the available width, the chips that would overflow are collapsed into a non-removable "+N" overflow indicator chip. Clicking (or activating via keyboard) the indicator opens a dropdown listing the hidden items, each of which can be removed.

  This replaces the previous multi-row wrapping/scrolling chip layout. A new i18nMoreItems property (default '{count} more') provides the accessible label for the overflow indicator, where {count} is replaced with the number of hidden items.

• #2589 a2f425c Thanks @dmytro-halimov! - Added a noPadding property to ix-pane. When set to true, the left, right and bottom padding of the content area is removed while the title keeps its padding.

• #2567 64e649a Thanks @dmytro-halimov! - Fix disabled prop on ix-select-item having no effect. The disabled state is now reflected to the host, propagated to the underlying ix-dropdown-item and the item is excluded from mouse and keyboard selection in ix-select.

Patch Changes

• #2581 5ad2fc5 Thanks @nuke-ellington! - Update layout of app switch modal invoked by ix-application to match design guideline.
  Set color of ix-blind header actions slot icon button according to blind variant.
  Remove background from disabled ix-breadcrumb-items.
  Reduce ix-date-picker month and year selection button paddings to move them closer together.

• #2620 d1c6895 Thanks @alexkaduk! - Fix ix-checkbox layout to match the design specification. Label-less instances no longer leave empty space beside the control, the interactive area is 24×24 px, and checkbox and label are vertically centered with a 6 px gap.

• #2565 7c34939 Thanks @lakshmi-priya-b! - Unregister ix-menu from menu-service on disconnect to prevent warnings.

  Fixes #2128

• #2586 74d6524 Thanks @GayatriK2002! - Disabled buttons are now correctly inaccessible, preventing unintended interactions.

• #2523 7a6cb52 Thanks @nuke-ellington! - Fix ix-input password eye icon: remove debug color: red style and conditionally render the toggle button instead of hiding it via CSS class.

• #2618 d9fe735 Thanks @danielleroux! - Fix ix-select so the hidden focus proxy no longer creates an unnecessary dropdown scrollbar when the select is rendered lower in the viewport.

  Fixes #2615

• #2571 e727b72 Thanks @nuke-ellington! - Make sure the ix-application's force-breakpoint property takes effect even if changed during runtime.

• #2575 1342470 Thanks @danielleroux! - Update stencil and stencil output target to latest version

• #2513 33c0eb9 Thanks @GayatriK2002! - Re-register tigger and DOM change listeners after ix-tooltip was re-attached.

  Fixes #2481

• #2572 5f2fa82 Thanks @dmytro-halimov! - Fix ix-modal-header title layout so long words wrap inside the modal and no longer push the close button outside the dialog. Fixes #2500

• #2522 6fed3ff Thanks @lakshmi-priya-b! - Update margins for menu buttons in ix-menu.

• #2522 6fed3ff Thanks @lakshmi-priya-b! - Update margins for ix-content.

• #2625 ffd8c48 Thanks @spike-rabbit! - Fix ix-action-card to render its content inside a button element so it is keyboard-focusable and exposed as a button to assistive technologies, improving accessibility.

  Note: the default slot is intended for non-interactive content. Nested interactive elements (links, buttons, inputs) inside the card are not supported, as the card is now a single button.

• #2570 47d93f3 Thanks @danielleroux! - Prevent undefined access of internal element during render phase. Affected components: ix-date-input, ix-dropdown-button, ix-menu-category and ix-time-input.

  Fixes #2568

• #2497 f66d556 Thanks @varun-srinivasa! - Update color and rotation of ix-card-list chevron icon to match style guide.