v2.1.0

This version was released on March 2, 2026.

Minor changes

• #5761 4cddce4 Thanks @hirotomoyamada! - Added support for CSS @starting-style at-rule.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added RadialChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added Form component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added RadarChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added the QrCode component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Add Tip component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added CSS custom properties to each variant and size for use with conditions such as Container style queries.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added PieChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added AreaChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Update Accordion to use NativeAccordion styles.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added BarChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Upgraded react-resizable-panels from version 3 to 4. This update introduces several major changes:

  • keyboardStep prop of Resizable.Root has been removed.
  • storageKey and storage props of Resizable.Root have been removed. Please use Resizable.useLayout instead.
  • onLayout prop of Resizable.Root has been removed. Please use Resizable.useLayoutChange and Resizable.useLayoutChanged instead.
  • The as prop of Resizable.Item has been removed. Instead, apply styling directly to Resizable.Item.
  • The defaultSize, minSize, and maxSize props of Resizable.Item now support %, rem, and vw units. If you use a number, it will be converted from % to px, so you should change 30 to "30%", etc.
  • The onCollapse and onExpand props of Resizable.Item have been removed. Please use onResize on Resizable.Item instead.
  • The onDragging prop of Resizable.Trigger has been removed.

• #5761 4cddce4 Thanks @hirotomoyamada! - The component of both createComponent and createSlotComponent now supports initial props.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added NativeAccordion component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added DonutChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added LineChart component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added a condition to change the background color of components such as Input and Checkbox using container style queries when the variant of Form or Fieldset is set to panel or elevated. However, this condition is not supported by some browsers, so developers need to style them manually for unsupported browsers.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added NativePopover component.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added support for Container style queries.

• #5761 4cddce4 Thanks @hirotomoyamada! - Removed withCloseButton and added CloseTrigger to Popover.

Patch changes

• #5761 4cddce4 Thanks @hirotomoyamada! - The argument of useCSS now supports arrays.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added _popoverOpen to style props.

• #5747 44e9fc9 Thanks @odendayoko! - Fixed FileInput/FileButton a11y by applying field aria state to the visible control and keeping readOnly focusable via aria-disabled.

• #5761 4cddce4 Thanks @hirotomoyamada! - Fixed an issue where using a CSS variable as the percentage in color-mix did not work correctly.

• #5753 cb06f8d Thanks @kaehehehe! - Internationalized ColorSwatchGroup aria-label using useI18n hook, supporting all 36 locales.

• #5754 a44dc67 Thanks @kaehehehe! - Fixed Dropzone keyboard open (Space/Enter) breaking when ref is passed via getRootProps by preventing react-dropzone's internal rootRef from being overwritten.

• #5743 c6427ff Thanks @hirotomoyamada! - Formatted codes.

• #5761 4cddce4 Thanks @hirotomoyamada! - Fixed an issue where extra elements were mounted in Form when Form.Header or title were not set.

• #5761 4cddce4 Thanks @hirotomoyamada! - Removed d from Style Props.

• #5761 4cddce4 Thanks @hirotomoyamada! - Fixed an issue where the display priority of the icon prop in Accordion.Button was too low.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added _center and _inactive to condition props.

• #5750 238ca66 Thanks @hirotomoyamada! - Added new icons.

• #5761 4cddce4 Thanks @hirotomoyamada! - Added _open, _groupOpen and _detailsContent to style props.

• #5750 238ca66 Thanks @hirotomoyamada! - Updated dependencies.

• #5728 ac9fd97 Thanks @hirotomoyamada! - Improved type performance.

• #5761 4cddce4 Thanks @hirotomoyamada! - Removed unnecessary position property.

• #5761 4cddce4 Thanks @hirotomoyamada! - Fixed an issue where values were not generated correctly when using CSS value functions or CSS variables with varAttr.

• c6427ff 4cddce4 4cddce4 4cddce4 Updated dependencies.