Skip to content

v6.4.0

Choose a tag to compare

@AlekseyManetov AlekseyManetov released this 15 Dec 14:32
· 225 commits to main since this release

6.4.0 - 15.12.2025

What's New

  • Added electric dark theme. Add import import '@epam/assets/css/theme/theme_electric_dark.css'; to connect.
    • --uui-surface-sunken variable removed from all themes; use --uui-surface-highest instead.
  • [Inputs/Controls]:Made clickable icons and clear buttons accessible via keyboard (#2845). Now it's possible to focus on them during keyboard navigation.
    • The icon provided by the icon property and the clear button are now button components (ControlIcon) with their own CSS variables, which makes some input-specific variables obsolete.
      • The following CSS variables are no longer available:
        • TextInput (and other inputs that use it):
          • --uui-text_input-icon
          • --uui-text_input-icon-disabled
          • --uui-text_input-icon-clickable
          • --uui-text_input-icon-clickable-hover
          • --uui-text_input-icon-clickable-active
        • PickerInput:
          • --uui-picker_toggler-icon-disabled
          • --uui-picker_toggler-icon-clickable
          • --uui-picker_toggler-icon-clickable-hover
      • The following CSS variables should be used instead:
        • --uui-control_icon
        • --uui-control_icon-clickable
        • --uui-control_icon-clickable-hover
        • --uui-control_icon-clickable-active
    • The icon provided with the icon property in TextInput (and other inputs that use it) is now always displayed in mode="cell", not only on hover.
  • [DataTable]: Improved accessibility: actions in the table header, row checkboxes, and row folding are now reachable from the keyboard.
  • [PickerInput]: Improved accessibility: now it's possible to fold/unfold items using right/left arrows, focus on the items list, and navigate through items with the keyboard (previously possible only when the search was focused).
  • [MainMenu]: Improved accessibility of hidden items in the "More" menu (#2948).
    • Added aria-haspopup="menu" to the "More" button.
    • Added role="menu" to the container wrapping the list of items.
    • Provided an example in the documentation of how to assign role="menuitem" to the items only when they are present in the menu.
  • [DatePicker], [RangeDatePicker]: Added ability to set the initially displayed month and year in the calendar body when the picker opens via the initialViewMonth prop.
  • [Dropdown]: Added fixedBodyPosition prop to control dropdown positioning. Pass true to keep the dropdown list fixed in the position where it was first opened.

What's Fixed

  • [DataTable]: Fixed resizing for right-fixed columns.
  • [TimePicker]: Reworked body open/close behavior. The body now opens on input click or 'Enter' key press (instead of 'focus' on target) and closes on 'Escape' or click outside (instead of target blur). Added focus lock behavior.
  • [uui-core]: Removed isFocusReceiverInsideFocusLock helper function that was causing focus management issues in picker components.
  • [LabeledInput]: Fixed incorrect prop resolution for infoIcon.
  • [PickerInput]: Changed value in aria-haspopup attribute from "true" to "dialog" (#2947).
  • [PickerInput]: Fixed an issue where item count text was truncated in isSingleLine mode.
  • [TextInput]: Removed call to onCancel callback on 'Escape' press.
  • [Pagination]: Fixed an issue where pagination elements were not grouped into a list (#2942).
    • Added "Previous page" and "Next page" aria-labels to the previous and next pages respectively.
  • [DatePickers]: Fixed calendar matrix calculation to use locale-specific firstDayOfWeek from dayjs instead of hardcoded i18n configuration, ensuring correct calendar layout for any locale.
  • [RangeDatePicker]: Display clear icon when at least one date is selected.
  • [PickerInput/PickerModal]: Fixed announcing of a picker item's content in screen readers when the item becomes focused (#2946).
  • [Dropdown]: Added example for fixed body position when toggler changes place.
  • [PresetActionsDropdown]: Fixed unreadable dark text in SuccessNotification after "Copy link" action under Loveship-Dark theme.
  • [TimePicker]: Fixed invalid value reset in case the previous value was empty.
  • [Blocker]: Changed blocker background color and animation.
  • [Error Pages]: Updated error images according to the design.
  • [DataTable]: Fixed 'Not found' block alignment to center.