Marigold v16.0.0

The leaves are falling, the air is crisp, and that familiar end-of-year rush is in full swing. Everyone is head-down, pushing to hit those final goals and wrap up projects before the holidays.

Marigold v16.0.0 is here with smoother interactions, improved APIs, and new features to help you finish the year strong. See what’s new below!

Breaking Changes

Accordion

Smoother animation for expanding/collapsing.
The classname content is renamed to panel. content now exists one level deeper in the hierarchy for additional styling if needed.

Label

Removed the indicator styling from <Label>. The component is no longer multipart (style directly with cva()). Style the required indicator as needed, e.g. 'group-required/field:after:content-["*"]'.

Loader (formerly XLoader)

<XLoader> is now <Loader>.
New prop loaderType (default: loading circle). Use loaderType='xloader' for the classic xloader icon.

Components

FileField (alpha)

A new dedicated component for file uploads: <FileField>. Check out our storybook for a preview. This component is in early alpha—feedback and early adopters are welcome!

A new variant is available, you can now use destructive-ghost for destructive actions. It is ideal for secondary destructive actions and less prominent than the existing destructive variant. Take a look on the documentation to get more details.

Breadcrumbs

Updated styling for <Breadcrumbs> component it is now matching to our standards.

DateField & DatePicker

Both <DateField> and <DatePicker> now support pasting date values directly into the input field. This feature enables users to copy dates from external sources and paste them into the field, eliminating the need for manual date selection.

NumberField

Now clicking or focusing <NumberField> selects the full content of the input , including the unit. Users can easily clear or overwrite the value in one action, improving usability and aligns with user expectations.

Documentation

Usage guidelines for button placement and order are now available. See the documentation for details.
Updated documentation for Accordion, Loader, and FileField components.
Button usage guidelines added.

Bug fixes

Removed extra spacing caused by hidden/a11y elements in.
Removed extra spacing in <Container>.
Focus ring for <CloseButton> now only appears when focused via keyboard.
Fixed Listbox layout when a <ListBox.Item> contains more than one element (e.g., both a label and a description).

As always, we welcome your feedback and wish you a productive end to 2025!

Breaking Changes

Smoother animation for expanding/collapsing.

The classname content is renamed to panel. content now exists one level deeper in the hierarchy for additional styling if needed.

Removed the indicator styling from <Label>. The component is no longer multipart (style directly with cva()). Style the required indicator as needed, e.g. 'group-required/field:after:content-["*"]'.

<XLoader> is now <Loader>.

New prop loaderType (default: loading circle). Use loaderType='xloader' for the classic xloader icon.

Components

A new dedicated component for file uploads: <FileField>. Check out our storybook for a preview. This component is in early alpha—feedback and early adopters are welcome!

Updated styling for <Breadcrumbs> component it is now matching to our standards.

Bug fixes

Removed extra spacing caused by hidden/a11y elements in.

Removed extra spacing in <Container>.

Focus ring for <CloseButton> now only appears when focused via keyboard.

Fixed Listbox layout when a <ListBox.Item> contains more than one element (e.g., both a label and a description).

As always, we welcome your feedback and wish you a productive end to 2025!