@itwin/[email protected]

Patch Changes

• #1944: Fixed an issue where Tooltip would stay open after clicking on the trigger element. The tooltip will now be correctly dismissed upon click.
  • Also affects other components that use tooltips internally: IconButton, SideNavigation, etc.
• #1955: Fixed a regression in Tabs where the panel content was not occupying the full width of the container.
• #1954: Fixed an issue in older Safari versions where visually-hidden styles inside ProgressRadial were not being applied.

@itwin/[email protected]

Patch Changes

• #1946: Fixed a bug in Table where resizing the columns and then toggling the column visibility in the column manager would trigger an unnecessary auto-scroll in the vertical direction.
• #1943: Fixed a z-index issue in Table where the table resizer appeared above the sticky header cells.

@itwin/[email protected]

Patch Changes

• #1949: ThemeProvider will now correctly inherit theme changes from a v3 ancestor.

@itwin/[email protected]

Patch Changes

• #1939: Fixed an issue in ButtonGroup where the overflow logic was running even when overflowButton prop was not passed.

@itwin/[email protected]

Patch Changes

• #1934: Fixed the types for Table column filter to allow "includesSome", which is an already-supported filter function. Also improved the types for the filter prop to improve TS autocompletion.
• #1936: Fixed an issue in ProgressRadial where the visually hidden "Loading." text was sometimes incorrectly displayed for a short while in the beginning.

@itwin/[email protected]

Minor Changes

• #1863: The filter button inside a Table will now always be visible, instead of only being shown on hover/focus.
• #1891: The entire Table is now scrollable instead of just the Table's body. This leads to a better scroll experience (e.g. the Table's header now scrolls horizontally when hovering a dragged column near the header's left or right edges).
• #1863: The responsive behavior of Table columns has been improved in a few different ways:
  • All columns now have a non-zero default min-width. While we still recommend passing a custom min-width based on your data, this default will help prevent resizable columns from becoming too small.
  • The filter and sort icons in a column header will now wrap to the next line, before the text starts wrapping.
  • For cells that have a string value, the value will be automatically truncated after three lines.

@itwin/[email protected]

Patch Changes

• #1916: Fixed the hover background for default tabs.

@itwin/[email protected]

Patch Changes

• #1921: Fixed Carousel.Dot's incorrect height.

@itwin/[email protected]

Patch changes

• #1909: Removed margin-block from Badge

@itwin/[email protected]

Minor Changes

• #1879: Added a new native prop to Select and LabeledSelect. When true, a native <select> element will be rendered.
• #1886: Native Select (<Select native>) offers a new styleType prop that accepts the values: default (pre-existing) and borderless (new).
• #1877: Fixed a bug in InputGroup where nested <StatusMessage>s were rendered when using message={<StatusMessage>}. As a result, non-string message values are no longer automatically wrapped in <StatusMessage>.
  • If you were passing a custom ReactNode, you might need to wrap it with <StatusMessage> for proper styling of message.
• #1881: Added a new subcomponent InputWithDecorations.Icon to replace direct usage of Icon inside InputWithDecorations.
• Visual changes:
  • #1828: Inline padding of Icon no longer changes with the icon size. It is now a constant of --iui-size-xs.
  • #1881: Input's and Textarea's start/end inline padding when inside InputWithDecorations is now collapsed when it is preceded/followed by a InputWithDecorations.Icon or InputWithDecorations.Button. This prevents unnecessary empty space in InputWithDecorations.
  • #1888: The expandable SearchBox now shows a regular-sized button in the collapsed state. Previously, it used to incorrectly be a square button.
  • #1828: SearchBox.Icon no longer has the same width as SearchBox.Button. Its width also no longer changes with the SearchBox size. This is because its padding behavior is now similar to Icon's padding behavior, where it uses a constant padding.
  • #1897: All instances of <SvgStatusError> have been updated to reflect the new octagon shape from the latest version of iTwinUI-icons. Some components affected: Icon, Alert, Toast, StatusMessage.
  • #1888: The expandable SearchBox's animation/transition between the expanded and the collapsed states is now removed.

Patch Changes

• #1865: Dialog/Modal will no longer keep its wrapper in the DOM when isOpen=false.
• #1889: Dialog/Modal's close button will now be visually aligned based on the icon inside it, excluding the padding.
• #1906: Dialog/Modal title will now wrap to multiple lines instead of getting clipped.
• #1873: Fixed Tab stripe size and position calculation that sometimes used to cause unnecessary overflow and thus cause a horizontal scrollbar in TabList.
• #1884: Fixed a bug that caused the Tabs.Wrapper to change size dependent on which Tabs.Tab was active.
• #1901: Fixed a bug in Table where initialState.columnOrder was not being respected.
• #1894: All instances of box-sizing: content-box have been reinforced with !important to prevent accidental overrides from application styles.
• #1828: InputWithDecorations now has an inline padding of 1px to account for the 1px border's inline edges. This prevents content that touches the border's inline edges from being overlapped by the border by 1px. Slightly modified expandable SearchBox styles to account for the new padding.