@itwin/[email protected]

Minor Changes

• #1881: input's and textarea's start/end inline padding when inside .iui-input-flex-container is now collapsed when it is preceded/followed by a .iui-input-flex-container-icon (e.g. borderless .iui-button or padded .iui-svg-icon). This prevents unnecessary empty space in the flex container. .iui-input-flex-container-icon is a new class with the main purpose of collapsing the padding between the icon/button and input/textarea in .iui-input-flex-container.
• #1889: Added data-iui-shift attribute selectors to borderless buttons, to help with visual alignment.
• #1879: Add styling for native <select> element.
• #1886: Add borderless select variant.
• #1865: iui-backdrop will now also fade in when iui-backdrop-visible is present during mount.

Patch Changes

• #1828: Inline padding of Icon no longer changes with the icon size. It is now a constant of --iui-size-xs.
• #1889: The close button in dialog will now be visually aligned based on the icon inside it, excluding the padding.
• #1828: .iui-input-flex-container 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 .iui-expandable-searchbox styles to account for the new padding.
• #1888: The .iui-expandable-searchbox now shows a regular-sized button in the collapsed state. Previously, it used to incorrectly be a square button.
• #1888: .iui-expandable-searchbox's animation/transition between the expanded and the collapsed states is now removed.
• #1884: Fixes bug that caused the .iui-tabs-wrapper to change size dependent on which .iui-tab was active.
• #1828: The .iui-svg-icon inside the .iui-searchbox no longer has the same width as .iui-button. Its width also no longer changes with the .iui-searchbox size. This is because its padding behavior is now similar to .iui-svg-icon's padding behavior, where it uses a constant padding.
• #1894: All instances of box-sizing: content-box have been reinforced with !important to prevent accidental overrides from application styles.
• #1906: Dialog title will now wrap to multiple lines instead of getting clipped.
• #1881: .iui-search-input and .iui-search-icon are now no-op. This is because the main objective of these two classes was collapsing the padding between the icon and input/textarea in .iui-input-flex-container, and that is now handled by .iui-input-flex-container-icon instead.

@itwin/[email protected]

Patch Changes

• b517fd0: Fixed a bug in Table where initialState.columnOrder was not being respected.

@itwin/[email protected]

Minor Changes

• #1860: data-iui-theme will now automatically specify an accent-color to match the current theme.

@itwin/[email protected]

Minor Changes

• #1844: Interactive elements will now be correctly focused on Safari 17+.
• #1860: ThemeProvider will now automatically specify an accent-color to match the current theme.
• #1856: Added new isExternal prop to Anchor. When true, displays an icon at the end of link text.
• #1858: ToggleSwitch will now show a checkmark icon by default in the checked state. SvgCheckmark no longer needs to be manually passed into the icon prop.
• #1862: Select will now correctly reset its value if null is passed.
• #1864: Added a new underline prop to Anchor. When true, anchors will be underlined by default instead of only on hover.
• #1856: Anchor links that open in a new tab will now add a visually-hidden warning for screen-reader users. This can be combined with the isExternal prop, which adds a visual indication for sighted users.
• #1859: ProgressRadial and ProgressLinear will now include a visually hidden "Loading" text alternative for non-sighted users.

Patch Changes

• #1845: Removed :focus-visible fallback styles for older browsers.
• #1861: Added width/height attributes to inlined svgs, to make them more resilient in case CSS fails.

@itwin/[email protected]

Patch Changes

• #1868: Fixed an issue where svg selectors from v2 and v3 were conflicting.

@itwin/[email protected]

Minor Changes

• #1864: Added a new data-iui-underline attribute to iui-anchor. When set to "true", anchors will be underlined by default instead of only on hover.
• #1858: toggle-switch will no longer hide icons when size is set to "small". The recommendation is to always display a checkmark icon, even for small sizes.

Patch Changes

• #1845: Removed :focus-visible fallback styles for older browsers.

@itwin/[email protected]

Patch Changes

• #1868: Fixed an issue where data-iui-icon-color was applying styles even when class="iui-svg-icon" was not set.

@itwin/[email protected]

Patch Changes

• #1848: Removed jsdom from direct dependencies.

@itwin/[email protected]

Patch Changes

• #1851: Fixed an issue where SearchBox was showing two focus outlines.

@itwin/[email protected]

Patch Changes

• #1851: Fixed an issue where SearchBox was showing two focus outlines.