Release packages

[imodeljs-admin]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@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 clippped.
• #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]

Minor Changes

• #1828: Inline padding of Icon no longer changes with the icon size. It is now a constant of --iui-size-xs.
• #1877: Fixed LabeledSelect bug where nested <StatusMessage>s were rendered when message={<StatusMessage>}. As a result, now when typeof message!=="string", message is no longer automatically wrapped in <StatusMessage>. So you might need to manually wrap your custom ReactNode with <StatusMessage> for proper styling of message.
• #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: Alert, Toast, StatusMessage.
• #1886: Native Select (<Select native>) offers a new styleType prop that accepts the values: default (pre-existing) and borderless (new).
• #1888: The expandable SearchBox's animation/transition between the expanded and the collapsed states is now removed.
• #1879: Added a new native prop to Select and LabeledSelect. When true, a native <select> element will be rendered.
• #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. InputWithDecorations.Icon is a new subcomponent with the main purpose of collapsing the padding between the icon/button and input/textarea in InputWithDecorations.

Patch Changes

• #1889: The close button in dialog will now be visually aligned based on the icon inside it, excluding the padding.
• #1888: The expandable SearchBox now shows a regular-sized button in the collapsed state. Previously, it used to incorrectly be a square button.
• #1873: Fixed Tab stripe size and position calculation that sometimes used to cause unnecessary overflow and thus cause a horizontal scrollbar in TabList.
• #1884: Fixes 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.
• #1906: Dialog title will now wrap to multiple lines instead of getting clippped.
• #1865: Dialog/Modal will no longer keep its wrapper in the DOM when isOpen=false.
• #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.