v2.2.0

This version was released on April 9, 2026.

Minor changes

• #6265 864639f Thanks @hirotomoyamada! - Added ExtractStyleValue type.

• #6265 864639f Thanks @hirotomoyamada! - New icons have been added. Brand icons have been removed. If you were using brand icons, you need to replace them with alternative icons.

  • ChromiumIcon
  • CodepenIcon
  • CodesandboxIcon
  • DribbbleIcon
  • FacebookIcon
  • FigmaIcon
  • FramerIcon
  • GithubIcon
  • GitlabIcon
  • InstagramIcon
  • LinkedInIcon
  • PocketIcon
  • RailSymbolIcon
  • SlackIcon
  • TwitterIcon
  • TwitchIcon
  • TrelloIcon
  • YouTubeIcon

  We recommend to use the official SVG icons provided by the respective brands, most of them can be found on their websites or in their brand guidelines.

• #6265 864639f Thanks @hirotomoyamada! - Added "number" variant to Timeline component.

• #6265 864639f Thanks @hirotomoyamada! - Properties such as placement and gutter for components like Popover and Select now support responsive design and color mode.

• #6265 864639f Thanks @hirotomoyamada! - Added Tree component.

• #6265 864639f Thanks @hirotomoyamada! - usePopper now supports the "center-start-start", "center-start-end", "center-end-start", and "center-end-end" placements. Accordingly, Popover and Tooltip now also support these placements.

• #6265 864639f Thanks @hirotomoyamada! - Added ActionBar component.

• #6265 864639f Thanks @hirotomoyamada! - Changed from getPopupAnimationProps to usePopupAnimationProps to enable responsive design and color mode support for the animationScheme and duration properties of Popover.

• #6265 864639f Thanks @hirotomoyamada! - Added _peer to condition props.

• #6265 864639f Thanks @hirotomoyamada! - Added rootNode to UIProvider component.

• #6265 864639f Thanks @hirotomoyamada! - The animationScheme and duration properties for components such as Popover, Tooltip, and Modal now support responsive design and color mode.

Patch changes

• #6265 864639f Thanks @hirotomoyamada! - Added DefineComponentStyleProps, DefineComponentStyleModifiers, DefineComponentStyleSlotProps and DefineComponentStyleSlotModifiers types.

• #6265 864639f Thanks @hirotomoyamada! - Fixed an issue where the border style and thickness were being overwritten for solid, subtle, and surface in layerStyle.

• #6265 864639f Thanks @hirotomoyamada! - Added Sidebar component.

• #6265 864639f Thanks @hirotomoyamada! - Added _collapsed and _content to condition props.

• #6394 11b2933 Thanks @hirotomoyamada! - Allowed undefined as an argument for mergeProps.

• #6407 18cdb67 Thanks @hirotomoyamada! - InfiniteScrollArea now sets the overflow style by default.

• #6405 0b551af Thanks @hirotomoyamada! - Fixed a bug where React warnings appeared during rendering of ColorModeScript and ThemeSchemeScript.

• #6377 9de8d1d Thanks @hirotomoyamada! - Enabled setting arbitrary string values for each property in Style Props.

• #6265 864639f Thanks @hirotomoyamada! - Adjusted the color of colors.black.bg.

• #6386 df19405 Thanks @taroj1205! - Fixed Input and Select so padding is applied correctly.

• #6265 864639f Thanks @hirotomoyamada! - Fixed the register function in useDescendant generated by createDescendants to update the store on element re-render.

• #6395 a766407 Thanks @hirotomoyamada! - Fixed a bug where setting duration to 0 in components like Drawer was not handled correctly.

• #6265 864639f Thanks @hirotomoyamada! - Fixed incorrect descriptions in the _peer* props.

• #6396 69746af Thanks @hirotomoyamada! - Added _groupAnimated and _peerAnimated to condition props.