@marigold/components
16.0.1 (Released on Nov 26, 2025)
Patch Changes
- 77a64e8: fix: Use relative imports & remove default React import usage
- b90a67e: fix(FileField): Use local svg instead from @marigold/icons
- @marigold/system@16.0.1
16.0.0 (Released on Nov 25, 2025)
Major Changes
-
b947276: style(DST-1089): Add expand/collapse animation to
<Accordion> -
f10119a: refa(DST-1109): Remove required indicator from the label's text content
BREACKING CHANGE: We removed the
indicatorstyling from<Label>. The component is no longer a multi-part component. Rather than styling the required indicator through a dedicated part (previsoulyindicator), you can now apply it anyway you want, for example by using'group-required/field:after:content-["*"]'. -
4eebff4: [DSTSUP-191]: Breaking chnge:
<XLoader />renamed to<Loader />Added a new proploaderTypewhich is by defaultcycle. New optioncycleshows a spinning cycle.
Minor Changes
- 98bf929: [DST-1075]: Introduce
<FileField>component
Patch Changes
-
832e3fa: fix(styles): Remove extra spacing when hidden/a11y elements are causing it
-
845f26c: feat([DST-1025]): Adding possibilty to paste date values in
<DatePicker>component. -
1e98c67: [DST-1103]: Added a new section "Placement and order" onto the
<Button>component page. -
9027ce9: feat([DST-973]): Select value on focus in
<NumberField> -
2ac63f7: fix([DSTSUP-196]): Fix Listbox layout when more than one element is used.
-
29494b4: fix(DST-1110): Remove extra whitespace from
<Container>When there is no
<Breakout>inside the container we do not have to apply the 3 column layout. Otherwise this causes 2 empty columns to be there. -
57a2bd3: style([DST-1126]): Fix Breadcrumb styling
-
62692a6: style(DST-1086): Add a new destructive button variant
-
Updated dependencies [b947276]
-
Updated dependencies [98bf929]
-
Updated dependencies [f10119a]
-
Updated dependencies [4eebff4]
- @marigold/system@16.0.0
15.4.3 (Released on Oct 24, 2025)
Patch Changes
- @marigold/system@15.4.3
15.4.2 (Released on Oct 24, 2025)
Patch Changes
- @marigold/system@15.4.2
15.4.1 (Released on Oct 23, 2025)
Patch Changes
- d710177: fix(drawer): Fix drawer styles for some enviroments
- @marigold/system@15.4.1
15.4.0
Minor Changes
- e985fe2: feat([DST-1091]): Add multiselection mode to
<Select>
Patch Changes
-
f621653: feat([DSTSUP-187]): Enhance Toast component with action support
- Introduced
actionproperty - Update description to support JSX
- Introduced
-
025d6e9: fix([DST-1095]): Don't break table header when sorting indicator is shown and use
cursorwhen sortable -
ffbebd0: refa([DST-1099]): Adjust icons sizes in some components to bette fit their container.
-
9ec4620: fix([DSTSUP-193]): update Inline components
alignY=inputnow also alignes with input elements regardless of description -
77e0417: fix([DST-1078]): Fix scrolling within
<ContextualHelp> -
Updated dependencies [f621653]
-
Updated dependencies [e985fe2]
-
Updated dependencies [77e0417]
- @marigold/system@15.4.0
- @marigold/types@1.4.0
15.3.0
Minor Changes
-
95b55b8: feat([DST-1074]): Introduce a
useConfirmationhook to conveniently open confirmation dialogs -
bad3ef4: feat([DST-1056]): Add a helper to conveniently parse form data
-
4395d2e: feat([DST-1047]): Improve
<List>styles and addsmallvariant -
97adc14: feat([DST-1061]): Add more alignment options to
<Inline>,<Stack>and<Grid> -
91a5e7b: feat([DST-1044]): Introduce
LinkButtoncomponent -
baf550b: feat([DST-940]): Introduce
<Drawer>componentAdded
<Drawer>component along with usage guideline and stories. The drawer offers a consisten way to present secondary content in a non-blocking way. -
4ccbec2: feat([DST-1077]): Add white space control to
<Text> -
5e62b84: feat([DST-1051]): Introduce
ConfirmationDialog -
beeba04: feat([DST-1042]): Add "destrutive" variant to
<Menu.Item>
Patch Changes
- c6fb6c2: feat: Expose
TimeValuetypes - ba5f502: feat([DST-1069]): Add
noWrapprop to<Inline> - 061b5e9: feat([DST-1050]): Card master and adminmark variant
- ce996ae: feat([DSTSUP-185]): added
stickyHeaderandiconPositionprops toAccordion - Updated dependencies [97adc14]
- Updated dependencies [4ccbec2]
- @marigold/system@15.3.0
15.2.0
Patch Changes
- @marigold/system@15.2.0
15.1.0
Minor Changes
- a3ddf47: feat([DST-1037]): Add
description(help text) to<Checkbox>component - 0583b77: feat([DST-1039]): Allow
<Text>to not wrap lines
Patch Changes
- 7b3caca: feat([DST-1035]): Apply
data-racattribute to our table elements. - Updated dependencies [a3ddf47]
- Updated dependencies [0583b77]
- @marigold/system@15.1.0
15.0.2
Patch Changes
- @marigold/system@15.0.2
15.0.1
Patch Changes
- df57868: Fix([DSTSUP-181]): Adjust Accordion.Header styles to support full width
- 00d230a: chore: allow
react-ariapatch version range as dependencies - b351484: feat([DST-981]): Drawer supports controlling the origin of the
<Drawer>by usingplacementproperty (e.g. left, right, top, bottom), also supports configurable sizes to adapt to different sizes. - Updated dependencies [00d230a]
- @marigold/system@15.0.1
15.0.0
Major Changes
-
9bac182: refa([DST-904]): Breaking Changes: Rename
noOptionsMessageproperty toemptyStatein<Multiselect>component. -
62ac4b8: refa([DST-919]): Remove
<Image>componentBreaking Change
The
<Image>component has been removed from Marigold. Please replace it with the native<img>element.If you previously used the
fitorpositionprops, you can replicate the same behavior using the corresponding Tailwind CSS utility classes.Replacement table
Prop type Prop value Tailwind class fit containobject-containcoverobject-coverfillobject-fillnoneunsetscaleDownobject-scale-downposition none— (no class) bottomobject-bottomcenterobject-centerleftobject-leftleftBottomobject-left-bottomleftTopobject-left-toprightobject-rightrightBottomobject-right-bottomrightTopobject-right-toptopobject-top -
0585db1: refa([DST-1010]): Separate
aria-labelandnamefor slider's thumbsBreaking Change: The aria-label (
thumbLabels) andnameattributes for slider thumbs are now separate. Update implementations to set both explicitly if needed.
Minor Changes
- 6d8358c: feat([DST-1003]): Improve type safety for component variants.
- 2a64b4f: feat([DST-1008]): Introduce a "remove all" function for
<Tag.Group> - 41da911: feat([DST-1005]): Add a "link" variant to
<Button> - 13d27bf: feat([DST-1006]): Introduce a collapsible section for long checkbox groups and radios
Patch Changes
-
44ceb28: bugfix([DST-935]): Controlled
<Dialog>now working correctly when dismissable is set totrue -
7e33a7f: docs: Add alpha to for top navigation (previously a recipe)
-
801e968: fix([DSTSUP-176]): Calendar - Hide, disable, limit the MonthListBox and YearListBox depening on minValue and maxValue
-
17318a8: fix([DSTSUP-172]): Fix alignment of buttons and inputs in
<Inline>component. -
6d2d2d4: refa([DST-916]): Remove
<Header>component and replace with native<header>Breaking Change:
<Header>component removedThe
<Header>component has been removed from Marigold. Please replace it with the native HTML<header>element.Example migration:
Before
<Header> <h1>Page title</h1> </Header>After
<header> <h1>Page title</h1> </header> -
5e06780: docs([DST-902]): Define asyncronous data loading patterns for components like
<Combobox>and<Autocomplete>.Both
<Combobox>and<Autocomplete>now accept a new prop calledemptyStatethat allows you to provide custom content to display when there are no items in the list, such as a message -
1ab48da: refa([DST-915]): Remove
FootercomponentBreaking Change:
<Footer>component removedThe
<Footer>component has been removed from Marigold. Please replace it with the native HTML<footer>element.Before
<Footer> <p>© 2025 Company Name</p> </Footer>After
<footer> <p>© 2025 Company Name</p> </footer> -
Updated dependencies [2a64b4f]
-
Updated dependencies [82370d2]
-
Updated dependencies [80a4427]
-
Updated dependencies [62ac4b8]
- @marigold/system@15.0.0
14.1.1
Patch Changes
- 424e2f4: feat([DST-998]): prevent page bounce when
<Scrollable>is used inside a page. - 81f1c9d: fix broken release
- Updated dependencies [81f1c9d]
- @marigold/system@14.1.1
- @marigold/types@1.3.2
14.1.0
Minor Changes
-
cc493fc: feat([DST-737]): Add Toast component
Added ToastProvider Component with corresponding documentation and stories. It's a small Temporary Notification on the edge of the screen, that should be used for messages that don’t need immediate interaction.
-
2163518: feat([DST-899]):Breadcrumb Component
We added a new Breadcrumbs component to improve navigation and accessibility in the UI. It supports collapsing long breadcrumb lists, custom separators (chevron or slash), and integrates with react-aria-components for full accessibility and keyboard navigation. The component is flexible, supports links and custom content, and includes comprehensive documentation and usage examples.
Patch Changes
- 930e633: chore: Update
react-aria(Release 22/07/2025) - 8f550ec: refa([DST-976]): Remove unused class names from
ContextualHelp - 69e7b61: refa([DST-978]): Add item and section as child component of
ActionMenu - ea0f758: fix(DST-968): Fix
<Tag>styles and add multiselect tag filter to filter pattern example - 8e178b7: fix([DST-942]): Fix
<Drawer>on mobile and refactor<OverlayContainerProvider> - 37f40ba: feat([DST-977]): Style icons inside
<Menu.Item> - Updated dependencies [cc493fc]
- Updated dependencies [930e633]
- Updated dependencies [2163518]
- @marigold/system@14.1.0
14.0.0
Major Changes
- 6d61be9: refa([DST-904]): Breaking Changes: Deprecate
classNameprop from<Button>component.- Styling should now use
variantorsizeprops instead. - Added
SelectListActiontoSelectListfor handing actions position.
- Styling should now use
Minor Changes
- 29e6133: feat([DST-937]): Add master and admin mark variants
Patch Changes
- a7ec9d3: fix[DSTSUP-169]: Fix width property on Calendar component
- 5e08185: docs([DST-925]): Introduce "admin- and master mark" pattern
fix([DST-925]): Adjust styles of Tabs to work better with badges
- @marigold/system@14.0.0
13.0.0
Major Changes
-
9a5791c: docs([DST-914]): Update Divider docs to match new structure of component pages
Breaking Change: Removed
classNameproperty on this component. -
c33ad07: docs([DST-921]): Revise text component page to new component page structure.
Breaking Change: Some propertys has been removed, including
classNameand HtMLElement props. -
d224a2f: style([DST-721]): Breaking Changes: Deprecate B2B and Core themes
- @marigold/theme-b2b and @marigold/theme-core are now deprecated and will no longer receive updates or maintenance. Please migrate to RUI theme package.
- The FieldGroup component has been removed and is no longer available in
@marigold/components. - All documentation and Storybook references to the B2B and Core themes, as well as FieldGroup, have been removed.
- If you are using either of these themes , please update your project to our lates release.
Minor Changes
-
854e00b: refa([DST-871]): Enhance Inline component to dynamically align buttons with input fields when descriptions are present.
-
430c266: feat([DSTSUP-158]): List accessibility for
<Stack>componentThe
<Stack>component supports a new propertyasListmaking it possible to provide accessibility when using a<Stack>which behaves as a list element. The<List>has an updated documentation.
Patch Changes
-
98bea2e: docs([DST-917]): Revise Headline documentation
-
16f6dbb: fix[DST-812]: Migrate from UNSTABLE_portalContainer to UNSAFE_PortalProvider
Changed UNSTABLE_portalContainer to UNSAFE_PortalProvider as UNSTABLE_portalContainer is deprecated.
-
Updated dependencies [d224a2f]
- @marigold/system@13.0.0
12.0.5
Patch Changes
- a6bcd89: chore(deps): update react-aria
- Updated dependencies [a6bcd89]
- @marigold/system@12.0.5
12.0.4
Patch Changes
- 3e19b71: feat([DST-883]): New variant for RUI table. You can now use a new variant for RUI theme.
- ed72011: feat(DSTSUP-150): add
ghostversion to<Menu>+ normalize svg sizes in buttons and menus - 6c230c7: feat[DST-731]: Add ContextualHelp Component with Docs We added a new ContextualHelp component to provide inline help and guidance within the UI. It displays contextual information in a popover triggered by an icon button, with configurable placement, size, and icon variant (help or info). The component is accessible, supports both controlled and uncontrolled open states, and is designed for flexible content layout.
- 17d28b5: feat([DST-885]): update default
<Link>styles and add link variant - 5127d58: feat([DST-884]): add vertical alignment property (alignY) to table
- Updated dependencies [6c230c7]
- @marigold/system@12.0.4
12.0.3
Patch Changes
-
7451134: feat([DST-863]): Improve
Accordion.Headerwhen using additional content in the header. -
12b00ed: feat[DST-856]: Add TimeField Component
We added a new TimeField component to support time-based user input. It allows users to select and edit time values, with configurable granularity (hours, minutes, seconds) and optional 12/24-hour format. The component supports accessibility features like keyboard navigation.
-
73edbb0: feat([DST-866]): Support
alignXandalignYproperties for<Grid>component. -
Updated dependencies [12b00ed]
- @marigold/system@12.0.3
12.0.2
Patch Changes
- 0bca5d8: Update React aria components
- ca26659: refa([DST-715]): Refactor
<Calendar>component, Fix resizing when open calendar listboxes - Updated dependencies [0bca5d8]
- Updated dependencies [ca26659]
- @marigold/system@12.0.2
- @marigold/types@1.3.1
12.0.1
Patch Changes
- 0e8211b: chore([DST-853]): Refa styles for
<Menu>button - af401e5: fix([DSTSUP-135]): Use correct padding on
<MultiSelect>component - 534ad77: refa([DST-738]): Adding checkmark icon as selection indicator in RUI theme for SelectList and Listbox components.
- Updated dependencies [0e8211b]
- @marigold/system@12.0.1
12.0.0
Major Changes
-
2ed500d: feat([DST-804]): Allow
Tagto be used in forms and overhaul its docsBREACKING CHANGE: Remove the
allowsRemovingprop. This didn't had an effect for a while and to make it more clear removing is enabled, if there is a function set on theonRemoveprop. -
c30993e: refa([DST-816]): Remove children prop, only label is now available
BREAKING CHANGE: The
childrenprop is no longer supported in the<Checkbox>,<Slider>and<Switch>component to display a label. Use the dedicated `label? prop instead.
Minor Changes
- 438b959: feat([DSTSUP-112]): Add sizes to RUI's
<Dialog> - fe4b9de: feat([DST-801]): Allow to format ranges with
<NumericFormat>
Patch Changes
- d7cfabd: fix([DST-808]): Don't render empty helptext when no description or error is present.
- 20ecd9c: fix([DST-803]): Span empty state over the whole table width.
- 4e510fb: [DST-763]: Migrate to eslint flat config.
- 9d57c1f: fix([DST-802]): remove unneeded classnames from
<Modal> - Updated dependencies [438b959]
- Updated dependencies [fe4b9de]
- Updated dependencies [4e0971e]
- @marigold/system@12.0.0
11.5.0
Minor Changes
- c9b95bc: feat([DST-799]): Add
unstyledandmaxWidthto<Form>
Patch Changes
-
8dab2e6: chore: update
react-aria(April 2025 release) -
70399e4: style([DST-724]): Adjust required icon for form elements in RUI style
-
337f9ee: doc[DST-727]: add copyable examples to the pagination documentation.
-
d24cee3: fix([DST-232]): Align icon in
<HelpText>to the start of text begin. -
4686a0d: refa([DST-754]): Add
<FocusScope>to<Pagination>to improve focus state. -
c42767f: refa([DST-762]): support
labelprop for<CheckBox>and<Switch>.Breaking Change: Deprecate
childrenproperty, uselabelinstead. With the next major versionchildrenwill be removed. -
2a87f43: feat[DST-759]: Implement
<CloseButton>component to be re-used into other components internally (e.g Dialog, Tag, Drawer and SectionMessage). -
Updated dependencies [8dab2e6]
-
Updated dependencies [c9b95bc]
-
Updated dependencies [2a87f43]
- @marigold/system@11.5.0
11.4.1
Patch Changes
-
81b2216: refa([DST-720]): Rename
optiontoitemin styles for<ListBox>Breaking Change: This change will break your styles if you use custom styles for the
<ListBox>Component.optionis now calleditem. -
953cf3d: Making the dialog titles independant
-
Updated dependencies [81b2216]
-
Updated dependencies [953cf3d]
- @marigold/system@11.4.1
11.4.0
Patch Changes
- @marigold/system@11.4.0
11.3.0
Minor Changes
- 611c2e8: feat(733): Introduce a
<Drawer>component - 7554cf9: refa([DST-755]): Cleanup
NumberFieldstyles for RUI + left align text when stepper is hidden
Patch Changes
- 888e852: [DST-769]: use useId from
react-ariautils to support React 17+ - 08ba5c7: chore([DSTSUP-109]): change visibility of icon to hidden when sorting…
- 8b404d2: fix([DST-750]): Do not set styles for content in
<Accordion> - Updated dependencies [611c2e8]
- @marigold/system@11.3.0
11.2.3
Patch Changes
- 3d1f8c6: feat(rui): Next version of RUI theme with small updates and styling fixes.
- Updated dependencies [3d1f8c6]
- @marigold/system@11.2.3
11.2.2
Patch Changes
-
9412037: RUI theme release 0.3.0
-
91c72e8: feat[DST-606]: Implement
<MultiSelect>componentIntrocude
<MultiSelect>as component! -
Updated dependencies [91c72e8]
- @marigold/system@11.2.2
11.2.1
Patch Changes
-
40db199: feat(rui): Add more styles to components
-
619b4b2: fix([DST-702]): add space for multiple selection mode in
<SelectList>There were no space between
<Checkbox>andchildrenwhen using<SelectList>in multiple selection mode.- @marigold/system@11.2.1
11.2.0
Minor Changes
- c387b43: feat: allow React >=17.0.0
Patch Changes
- c387b43: feat: allow React >=17.0.0
- a31881d: fix(DST-696): Make it possible to only pass in the color name without a prefix
- Updated dependencies [c387b43]
- Updated dependencies [a31881d]
- Updated dependencies [c387b43]
- @marigold/system@11.2.0
- @marigold/types@1.3.0
11.1.1
Patch Changes
- be665e7: fix(DST-691): Fix regression, allow to use custom color values with
<Text>,<Headline>and<SVG> - Updated dependencies [be665e7]
- @marigold/system@11.1.1
11.1.0
Minor Changes
- fd96b48: feat(DST-689): Allow to style body element and header row of a
<Table>
Patch Changes
- 300bfba: fix(DST-690): Rotate chevron when
Accordion.Itemis expanded + align header and content - Updated dependencies [fd96b48]
- @marigold/system@11.1.0
11.0.2
Patch Changes
-
8e58923: fix([DSTSUP-104]): mobile behaviour for
<Popover><Underlay>stayed remaining open on small screens while<Popover>was correctly closing, fixed this and added styles for<Popover>back.- @marigold/system@11.0.2
11.0.1
Patch Changes
- @marigold/system@11.0.1
11.0.0
Major Changes
-
964e025: refa([DST-665]): Refactoring Accordion
Added two Accordion components
Accordion.HeaderandAccordion.Content.Accordion.Headerreplaces the title inAccordion.Item.Accordion.Contentis now the place where the content needs to be.Reworked the
AccordionDocumentation Page. -
82c869c: refa: improve
<Container>and<Breakout>componentBREAKING CHANGE: This PR includes breaking changes, because we removed and changed a lot ot the props API of
<Container>and<Breakout>. The<Container>now only works with<Text>and<Headline>component. This allows for a smoother developer experience and prevents suprises.Make the
<Container>and<Breakout>component more usable for real world scenarios.<Container>supporstspacestyle prop- simplify
<Container>usage by removing unnecessary props - simplify
<Breakout>and make it composable with other layout components - make
<Text>and<Headline>adhere to a<Container>content length
-
d96b809: refa(DST-629): Align
<XLoader>modes with loading pattern naming conventionBREAKING CHANGE: Rename
modeprop to align with the "Loading state" pattern. Renamed"fullsize"to"fullscreen"and"inline"to"section".
Patch Changes
- Updated dependencies [964e025]
- @marigold/system@11.0.0
10.2.1
Patch Changes
-
bb2049f: bugfix[DSTSUP-100]: Bug in pagination component
- display of results counter fixed
- when page size changed the first page will now be selected
-
7f0841d: fix(DSTSUP-102): Set dimensions of checkmark
Fixes a bug in Safari where the checkmark was not displayed.
- @marigold/system@10.2.1
10.2.0
Minor Changes
- b89cd49: feat(DST-646): Improve a11y by translation fallback loading message
Patch Changes
- dc53196: fix(DST-644): Make
<XLoader>use underlay styles from theme in docs- @marigold/system@10.2.0
10.1.3
Patch Changes
- Updated dependencies [8b7be8e]
- @marigold/types@1.2.1
- @marigold/system@10.1.3
10.1.2
Patch Changes
- @marigold/system@10.1.2
10.1.1
Patch Changes
-
17fd7b4: docs([DST-621]): Revise
<Tiles>pageRevised
<Tiles>page according to our new structure of component pages. -
93f783a: feat([DSTSUP-98]): introduce controlled dismissable
<SectionMessage>Added possibility to control the dismissable state in
<SectionMessage>, you can now useonCloseandcloseto control the closing of a section message. -
d52e52f: docs([DST-624]): Revise
<Calendar>page and change some properties- Revised the page according to our new template.
- Rename
isDateUnavailabletodateUnavailable. - Remove the props:
visibleDurationandpageBehavior. - Added outline focus styles for keyboard navigation in both themes.
-
d326823: bugfix([DST-627]): replace useState import from storybook
Some controlled stories in Storybook were incorrect because the useState import from react was used, resulting in an error.
The stories of the following component were affected:
- Calendar
- DateField
- DatePicker
- Dialog
- HelpText
- SearchField
-
85e8cba: feat(DST-608): Make
<XLoader>accessible and update documentation- Refactored the
<XLoader>component to be more accessible - Updated the
<XLoader>documentation page - Adjusted styling to fit regular underlay styles when using "fullsize" mode
- Refactored the
-
38d461d: docs([DST-628]): Revise
<SearchField>pageRevised
<SearchField>documentation page according to the new structure. -
425ce62: fix(
<Text>): preventelementTypeprop from being passed down into the DOM. This is a prop used interally to make<Text>polymorphic. -
Updated dependencies [85e8cba]
- @marigold/system@10.1.1
10.1.0
Minor Changes
-
83ad341: feat(dialog): Introduce a dedicated button to close a dialog
Make it more convenient to have a button that closes the
<Dialog>. With this, there is less need to use the child function to access theclosemethod. Instead you can now use<Button slot="close">to render a close button.
Patch Changes
-
f2bae7e: fix: Remove
isOpenfrom<Select>The
isOpenprop was set by default. Remove it. Only required when controlled. -
80a9f5b: fix(Text): Only apply
elementTypewhen RAC Text component is used. -
2d701a6: docs[DST-611]: Revise
<Scrollable>documentation pageRevised the
<Scrollable>page according to our new structure of component documentation pages. -
a917acf: refa: Remove icons dependency from components package
Make
@marigold/componentsnot depend on@marigold/iconssince this might bloat the bundling. -
22200a0: docs([DST-581]): revise
<DateField>page according to new component page structureRevised the
<DateField>documentation page to our new layout of component pages. -
222f674: refa[DST-607]: revise
<Badge>pageThe
<Badge>was revised according to our new component guidelines. -
ac29d40: refa[DST-610]: Revise
<Card>pageThe
<Card>is now revised according to our new component page guidelines. -
ebc53cb: refa[DST-598]: Improve
<Slider>componentThe
<Slider>component appears in a new guise. Functionalities and documentation have been significantly revised. So make sure to check out the Marigold documentation and storybook. It's worth it.Some key features are:
- multithumb or range slider
- visual indicator for selected track
- use slider in forms
-
3bf3a8e: docs([DST-615]): Revise
<Center>documentationRevised the
<Center>page according to our new structure of component documentation. -
2cb5d38: feat(DST-596): add loading indicator in
<Button>componentIntroduced a new loading indicator for the
<Button>component's loading state, enhancing the visibility of its loading status. The<Button>now supports a loading property for this functionality. -
313f004: docs([DST-609]): Revise
<Columns>documentation pageRevised the
<Columns>page according to our new structure of component documentation pages. -
Updated dependencies [ebc53cb]
- @marigold/system@10.1.0
10.0.0
Major Changes
-
65608b4: fix([DSTSUP-94]): Adjust date unavailable property from
<DatePicker>Breaking Change: Adjusted
isDateUnavailableprop to our code guidelinesdateUnavailableAdded disabled styles for
data-unavailablein both b2b and core theme -
caefbe4: refa(listbox): Allow sections in
<Combobox>and<Autocomplete>, adjust Section API in<Select>,<Combobox>and<Autocomplete>.-
Added the possibility to use sections with
<Combobox>and<Autocomplete> -
Refactored the
<Section>(from<Listbox>) to fit our API, no need for the extra<Header>anymore. Instead you can do<Select.Section header="My header">, same for the other components -
Renamed
<Item>to<Option>in<Combobox>and<Autocomplete>to align with<Select> -
Updated the docs for
<Select>,<Combobox>and<Autocomplete> -
Updated Storybook for
<Select>,<Combobox>and<Autocomplete>with section stories -
Renamed the part of the
<ListBox>accordingly (fromsectionTitletoheader)BREAKING CHANGE: We changed the API of the
<Section>component that is used in<Select>,<Combobox>and<Autocomplete>. It is no longer necessary to add aHeaderwithin the<Section>.Use the newly added
headerprop instead. Additionally, to unify the APIs all choices of<Select>,<Combobox>and<Autocomplete>are now called<Option>instead of<Item>.
-
-
2d9917f: Breaking changes
Dialog.Headlinehas been renamed toDialog.Title. Please update your code accordingly.<Dialog.Content>and<Dialog.Actions>have been introduced for better organization and flexibility.- The internal layout now uses grid areas, ensuring consistent ordering and layout of the dialog elements.
- Existing implementations of the
<Dialog>component will need to be updated to use these new subcomponents.
Minor Changes
-
6f8e3a2: style(dialog): make
<Dialog>sizes responsiveUsing
sizewith a<Dialog>will allow the dialog to be at most sm/md/lg wide. Will use full width on smaller screens. -
6687af7: refa: remove footer from
<Dialog>+ allow styles- dialogs can only have action now
- align buttons in
<Dialog.Actions>correctly
-
2babc0b: feat(components): Mark layout components as regions for accessibility.
Added the ability to mark layout components as regions (ARIA role). This improves accessibility by allowing assistive technologies to identify significant sections of the page, making navigation easier for users with disabilities.
-
956982a: feat(components): Make
<Text>and<Headline>accessible by allowing ARIA labelling props<Text>and<Headline>will no longer cause type errors when ARIA labelling is used (aria-label,id, ...). -
df04623: Adding size to dialog component
Patch Changes
-
7ea3838: feat(Menu): pass
aria-labelto menu button instead of menu -
f18c8aa: [DST-494]: add loading states pattern
[DST-494]: added prop
modeto the<XLoader />to support inline and full-section loading -
d5386e4: fix(components): Display
<Checkbox>focus ring and adjust focus ring of<Table>Focus ring was not showing for the
<Checkbox>. It does now! -
5c029ec: feat(components): Expose
Selectiontype for easy usage withTableand other componentsWhen working with a
<Table>you can now useimport type { Selection } from '@marigold/components';instead of creating the type.
-
2169b6f: bugfix([DSTSUP-92]): fixed variants in table stories
At certain stories the control variants doesn't worked properly. Now it should work at least for all table stories.
-
bfd2843: chore: refa
<Text>component. Based on the slot property it now takes the RAC text or not. Needed to prevent other components breaking. -
0e77996: docs([DST-572]): Adding a general form guideline in docs explaining different concepts such as when to use lable and help text
-
b8cd92a: feat:
CheckboxGroupcan now be used as a compound component- Refactored the
CheckboxGroupto be a compound component and align it with other components:<CheckboxGroup>-><Checkbox.Group> - Adjusted the Checkbox appearance demo a bit
- Refactored the
-
45fb3c4: chore(deps): update react-aria to 1.4
-
f6a132c: docs([DST-582]): revise
<SectionMessage>page according to new component page structure feat(components): add close button on<SectionMessage>Revised the
<SectionMessage>documentation page to our new layout of component pages. And added a close button to allow the user to dismiss the<SectionMessage>this is now aligned with our feedback message pattern. -
Updated dependencies [caefbe4]
-
Updated dependencies [6687af7]
-
Updated dependencies [2babc0b]
-
Updated dependencies [45fb3c4]
-
Updated dependencies [956982a]
- @marigold/system@10.0.0
- @marigold/types@1.2.0
- @marigold/icons@1.2.58
9.0.2
Patch Changes
-
#4116
de0c9e9Thanks @aromko! - docs[DST-513]: Revise<Autocomplete>component page. -
#4102
d700af0Thanks @sebald! - feat: addasprop to Text to render different elements -
#4071
406fd1fThanks @sarahgm! - docs[DST-503]:Revise Select and add slots to text component -
#4125
46f06dbThanks @aromko! - docs[DST-517]: revise<Tabs>component -
#4146
66eae8fThanks @sarahgm! - fix: adjust visibility for autocomplete clear button -
#4143
77fe4adThanks @aromko! - Bugfix: fix datepicker storybook Controlled example -
#4134
d35cc6dThanks @sarahgm! - fix: fix DOM tree for empty tables -
#4110
b2b79d4Thanks @aromko! - docs[DST-511]: Revise switch component. -
#4115
0523f69Thanks @sarahgm! - fix: fix SelectListItem layout -
#4103
b8c991fThanks @sarahgm! - docs[DST-507]: revise<Inline>page -
Updated dependencies []:
- @marigold/system@9.0.2
- @marigold/icons@1.2.57
9.0.1
Patch Changes
-
#4056
5d53af4Thanks @aromko! - [DST-504]: Sorting indicator is shown only on sorted column. -
#4042
965512cThanks @sebald! - feat: allow to render an empty state when collection of<Table>is empty -
#4039
9598df4Thanks @sarahgm! - chore[DST-487]: align core styles to marigold -
Updated dependencies []:
- @marigold/system@9.0.1
- @marigold/icons@1.2.56
9.0.0
Major Changes
Patch Changes
-
#4032
0bf0940Thanks @sebald! - fix([DST-501]): Pass down appearance props and use context from CheckboxGroup to apply label width -
#4026
94e9a1bThanks @sebald! - fix: correctly apply styles to<Select>icon -
#4028
db4fa1dThanks @sebald! - docs: Introduce an appearance demo -
#4034
6195189Thanks @sebald! - fix([DST-500]): fix popover placement -
#4033
449de9bThanks @sebald! - fix([DST-501]): Don't render helptext if there is no error and description. -
#4027
391dcd1Thanks @sebald! - fix: pass down appearance props toFieldBaseinSelectandTextField -
Updated dependencies []:
- @marigold/system@9.0.0
- @marigold/icons@1.2.55
8.0.2
Patch Changes
-
#3992
ed3bd89Thanks @sebald! - refa: useFieldErrorContextin<HelpText>and fixkeyissue -
#4005
c64d71eThanks @OsamaAbdellateef! - Add ref to datepicker -
#3985
864ed08Thanks @sarahgm! - fix: adjust the triggerwidth of the autocomplete -
Updated dependencies []:
- @marigold/system@8.0.2
- @marigold/icons@1.2.54
8.0.1
Patch Changes
-
#3979
a02f284Thanks @sarahgm! - Fix: fix some props and add command to build step -
Updated dependencies [
a02f284]:- @marigold/system@8.0.1
- @marigold/icons@1.2.53
8.0.0
Major Changes
-
#3939
2cde433Thanks @sarahgm! - feat[DST-481]: rename<Message>in<SectionMessage> -
#3967
0773aa8Thanks @sebald! - refa: Update TypeScript and adjust<NumericFormat>props -
#3940
9c5b80cThanks @sarahgm! - [DST-461]: refactor<Message>component
Minor Changes
- #3942
5977cbaThanks @OsamaAbdellateef! - Keep our documentation props table dynamic
Patch Changes
-
#3959
d053e37Thanks @sebald! - chore: make github linter happy -
Updated dependencies [
2cde433,0773aa8,2658e2f,5977cba,3f7a4ec]:- @marigold/system@8.0.0
- @marigold/types@1.1.1
- @marigold/icons@1.2.52
7.8.2
Patch Changes
- Updated dependencies []:
- @marigold/system@7.8.2
- @marigold/icons@1.2.51
7.8.1
Patch Changes
-
#3924
290dc0eThanks @sebald! - fix: inconsistent naming ofSelectList -
Updated dependencies []:
- @marigold/system@7.8.1
- @marigold/icons@1.2.50
7.8.0
Minor Changes
Patch Changes
- Updated dependencies [
8c4631f]:- @marigold/system@7.8.0
- @marigold/icons@1.2.49
7.7.2
Patch Changes
- Updated dependencies []:
- @marigold/system@7.7.2
- @marigold/icons@1.2.48
7.7.1
Patch Changes
-
#3893
f57caecThanks @sarahgm! - feat: add className to MarigoldProvider -
#3898
a54d186Thanks @sebald! - feat: Ensure datepicker shows only date by default -
Updated dependencies []:
- @marigold/system@7.7.1
- @marigold/icons@1.2.47
7.7.0
Minor Changes
Patch Changes
-
#3885
72ece08Thanks @sebald! - fix:getColorcorrectly works with deeply nested values -
Updated dependencies [
72ece08,4a59427]:- @marigold/system@7.7.0
- @marigold/icons@1.2.46
7.6.0
Minor Changes
-
#3841
05d2ca0Thanks @sebald! - feat: Allow configure position of menu popover -
#3708
af1807bThanks @aromko! - Creating new componentSelectList
Patch Changes
- Updated dependencies []:
- @marigold/system@7.6.0
- @marigold/icons@1.2.45
7.5.4
Patch Changes
- Updated dependencies []:
- @marigold/system@7.5.4
- @marigold/icons@1.2.44
7.5.3
Patch Changes
-
#3834
7fd7ad7Thanks @OsamaAbdellateef! - Adding cursor hover for tag component in multiselect -
#3824
879a0e1Thanks @OsamaAbdellateef! - Adding Multiselect guideline -
#3829
81a84e5Thanks @sarahgm! - chore[DSTSUP-65]: fix demo and add overlayprovider to tooltip -
Updated dependencies []:
- @marigold/system@7.5.3
- @marigold/icons@1.2.43
7.5.2
Patch Changes
-
#3828
f996764Thanks @aromko! - BUGFIX: fix onClear on SearchInput.tsx -
#3827
95ce246Thanks @sebald! - fix: restore defaultcollapseAtfor<Columns> -
Updated dependencies []:
- @marigold/system@7.5.2
- @marigold/icons@1.2.42
7.5.1
Patch Changes
-
#3802
d4479c7Thanks @sarahgm! - fix: changing the token back to z-40 from underlay -
#3777
02f1934Thanks @sarahgm! - [DST-271]:feat: Column allow fit width of item -
#3810
dea175aThanks @aromko! - [DSTSUP-60]: add examples using state in table with input fields [DSTSUP-60]: adduseListDatahook to docs -
#3812
3d1e813Thanks @sarahgm! - [DSTSUP-59]:fix if no label no gap style -
#3803
886ff54Thanks @sarahgm! - fix: add possibility to align Checkbox to FieldGroups -
Updated dependencies [
fba5e92]:- @marigold/system@7.5.1
- @marigold/icons@1.2.41
7.5.0
Minor Changes
Patch Changes
-
#3764
ade96cfThanks @sarahgm! - [DSTSUP-54]: feat: update link token in core theme -
#3772
d6c44faThanks @OsamaAbdellateef! - Fix Select component in small screens -
Updated dependencies [
5643257,07d9277]:- @marigold/system@7.5.0
- @marigold/icons@1.2.40
7.4.0
Minor Changes
-
#3702
dbaadebThanks @sarahgm! - [DST-279]: remove overlay provider -
#3713
2b9e03eThanks @sebald! - feat: Render empty state of<Tag>
Patch Changes
-
#3750
ebea32eThanks @sebald! - fix([DSTSUP-31]): prevent immediately selection is Select/Combobox/Autocomplete -
#3722
c61895dThanks @sebald! - fix: corelinedTablevariant works again -
#3720
4d2f94fThanks @sarahgm! - fix[DSTSUP-41]: Combobox styles for icon -
#3715
7969fd9Thanks @sebald! - fix: add placeholder prop toComboboxtypes -
Updated dependencies [
4d2f94f]:- @marigold/system@7.4.0
- @marigold/icons@1.2.39
7.3.3
Patch Changes
-
#3690
b37c3eeThanks @sebald! - fix: unify clear buttons in search fields -
Updated dependencies []:
- @marigold/system@7.3.3
- @marigold/icons@1.2.38
7.3.2
Patch Changes
-
#3683
c2c7e71Thanks @sebald! - fix:placeholderprop was missing onTextArea -
Updated dependencies []:
- @marigold/system@7.3.2
- @marigold/icons@1.2.37
7.3.1
Patch Changes
-
#3660
35ff260Thanks @sarahgm! - fix: fixSwitchpositioning in themes -
#3668
01148acThanks @OsamaAbdellateef! - [DSTSUP-30]: Fix-select-width -
#3676
63d407eThanks @sebald! - feat: usesize-util (also fixes linting) -
Updated dependencies [
f8ed8d1,63d407e]:- @marigold/icons@1.2.36
- @marigold/system@7.3.1
7.3.0
Minor Changes
Patch Changes
-
#3653
34a7482Thanks @sebald! - fix([DSTSUP-23]): Correctly prefix days/months with zeroes -
#3654
fd16ef5Thanks @sebald! - fix([DSTSUP-19]): Allow Popovers to outgrow their trigger element -
#3645
7e3aa28Thanks @OsamaAbdellateef! - Adding onClear prop over Autocomplete component -
#3656
c1fb6aaThanks @sarahgm! - feat[DSTSUP-17]: add placeholder text styles for b2b theme -
#3649
299941bThanks @sebald! - feat([DSTSUP-22]): Disablecmd+a(open all items) in<Accordion> -
Updated dependencies [
b4999d8]:- @marigold/system@7.3.0
- @marigold/icons@1.2.35
7.2.0
Minor Changes
-
#3592
0b23a25Thanks @sebald! - feat: Enable built-in browser validation -
#3596
9f1ae32Thanks @OsamaAbdellateef! - Added new Helpers componentsNumericFormat&DateFormat -
#3589
b228e09Thanks @sarahgm! - chore: Updatereact-aria-componentsto v1.0.0 -
#3575
cba7099Thanks @sarahgm! - feat[DST-263]: new component<Scrollable>!!! -
#3593
46e1a41Thanks @OsamaAbdellateef! - Adding sticky header feature to tables
Patch Changes
-
#3517
7a8d40aThanks @sarahgm! - chore[DST-220]: seperate data-theme attribute and classnames on provider (so you don't need any data-theme attribute anymore) -
#3623
6697a67Thanks @sarahgm! - chore: [DSTSUP-13]: add disabled also on the<ActionMenu> -
#3639
d76a835Thanks @OsamaAbdellateef! - Fixing Table Selectable header alignment -
Updated dependencies [
7a8d40a,9f1ae32]:- @marigold/system@7.2.0
- @marigold/icons@1.2.34
7.1.0
Minor Changes
-
#3551
49a702446Thanks @OsamaAbdellateef! - Adding Table Column alignment feature -
#3576
08e89a407Thanks @sebald! - feat: expose form fromreact-aria-components
Patch Changes
-
#3571
6a4d1e8d0Thanks @sarahgm! - fix[DSTSUP-10]: add min/max props to textfield -
#3554
b6cb6edceThanks @sarahgm! - RAC: DatePicker as react aria component -
#3563
4fa5dee85Thanks @sarahgm! - fix: add placeholder property to autocomplete -
#3564
a984d90e2Thanks @sebald! - refa: remov cloning children in<Columns> -
#3562
b3fd3e5e0Thanks @sarahgm! - fix:<Menu>can contain disabled button -
#3557
47f300029Thanks @aromko! - [DSTSUP-5]: Bugfix: Loss of input values after collapsing accordion elements is now prevented by hiding the corresponding section. -
#3577
63b093ad8Thanks @OsamaAbdellateef! - Fixing Scrollable table story -
#3552
e2fa304a6Thanks @aromko! - [DSTSUP-4] bugfix accordion item do not collapse and hide after first click -
Updated dependencies [
47f300029,535d1088b]:- @marigold/system@7.1.0
- @marigold/icons@1.2.33
7.0.0
Major Changes
-
#3542
3952ee0e8Thanks @sarahgm! - RAC: Menu react aria components[!WARNING] >BREAKCING CHANGE<Menu.Item>no longer us thekeyprop as unique identifier, use theidprop instead. To migrate, rename all<Menu.item key="something"/>to<Menu.item id="something"/>. -
#3535
e4cfbc7d1Thanks @OsamaAbdellateef! - Migrate Select component to RAC[!WARNING] >BREAKCING CHANGE<Select.Option>no longer us thekeyprop as unique identifier, use theidprop instead. To migrate, rename all<Select.Option key="something"/>to<Select.Option id="something"/>. -
#3546
9c61ffe09Thanks @sebald! - refa: MigrateComBoxto RAC[!WARNING] >BREAKCING CHANGE<ComboBox.Item>no longer us thekeyprop as unique identifier, use theidprop instead. To migrate, rename all<ComboBox.item key="something"/>to<ComboBox.item id="something"/>. -
#3550
30167bb78Thanks @sarahgm! - RAC: Autocomplete[!WARNING] >BREAKCING CHANGE<Autocomplete.Item>no longer us thekeyprop as unique identifier, use theidprop instead. To migrate, rename all<Autocomplete.item key="something"/>to<Autocomplete.item id="something"/>.
Patch Changes
-
#3544
dc5c193e0Thanks @sarahgm! - feat: new table variant borderedTable for b2b theme -
#3527
4ae97c004Thanks @aromko! - chore[DST-258]<Checkbox>storybook improvements -
#3540
72125e114Thanks @aromko! - RAC: migrate<Calendar>,<DatePicker>,<DateField>component -
#3529
f3a45c302Thanks @aromko! - RAC: use new<Input>component in all affected components -
Updated dependencies [
72125e114]:- @marigold/system@7.0.0
- @marigold/icons@1.2.32
6.11.0
Minor Changes
-
#3520
bc96dda88Thanks @OsamaAbdellateef! - Introduce RAC popover component -
#3445
91badb0e1Thanks @OsamaAbdellateef! - migrate ListBox component to RAC
Patch Changes
-
#3522
a748252c5Thanks @aromko! - chore[DST-255]:<Button>storybook improvements -
#3537
148034202Thanks @sebald! - feat: MakePopoverat least as wide as trigger element -
#3531
071bd792aThanks @aromko! - chore: add placeholder to TextFieldProps -
#3530
51611dbe0Thanks @sarahgm! - fix: remove Dialog trigger out of Popover -
#3521
f972b3a25Thanks @sarahgm! - chore[DST-256]:<XLoader>storybook improvements -
#3525
cf59ce1e4Thanks @aromko! - chore[DST-257]:<Card>storybook improvements -
#3536
bc09a9ce1Thanks @sarahgm! - RAC: add "Tray" behavior inside Popover -
#3519
849f4c534Thanks @sarahgm! - chore: remove unusedstretchprop and improve storybook story -
#3513
cdc17ee83Thanks @aromko! - RAC: migrate<TagGroup>component -
Updated dependencies [
cdc17ee83]:- @marigold/system@6.11.0
- @marigold/icons@1.2.31
6.10.0
Minor Changes
-
#3501
14f5d5d30Thanks @OsamaAbdellateef! - Migrate Tabs to RAC Tabs -
#3514
5a3d71caeThanks @sebald! - feat([DST-249]): Add feedback variants to<Badge>
Patch Changes
-
#3512
213d32f5bThanks @sebald! - fix([DST-243]): Fix<Listbox>overflowing the<Popover> -
#3515
aac41db30Thanks @sebald! - fix: SearchField is missing from export index -
#3516
71eb13b30Thanks @aromko! - chore: remove some unnecessary exports -
Updated dependencies [
14f5d5d30]:- @marigold/system@6.10.0
- @marigold/icons@1.2.30
6.9.1
Patch Changes
- Updated dependencies []:
- @marigold/system@6.9.1
- @marigold/icons@1.2.29
6.9.0
Minor Changes
-
#3505
c068869a9Thanks @sebald! - feat: add a success<Message>variant -
#3482
a16541314Thanks @OsamaAbdellateef! - Dialog & Modal migration
Patch Changes
-
#3500
79eaec78cThanks @aromko! - RAC: migrate<NumberField /> -
#3481
729158c87Thanks @aromko! - RAC: migrate TextField component -
#3499
f19a502d4Thanks @sarahgm! - RAC:DateFieldto react-aria-components -
#3487
75bad8b84Thanks @sarahgm! - RAC:<Tooltip>to react aria components -
Updated dependencies []:
- @marigold/system@6.9.0
- @marigold/icons@1.2.28
6.8.0
Minor Changes
- #3471
c76bd48a2Thanks @OsamaAbdellateef! - Adding a fixed-height scrollable table example
Patch Changes
-
#3476
30b94e542Thanks @OsamaAbdellateef! - Fixing Scrollable table story -
#3483
3a21b538aThanks @aromko! - chore: add data-required attribute for label -
#3480
4c76cf114Thanks @sarahgm! - RAC: addFieldErrorinHelpText -
Updated dependencies []:
- @marigold/system@6.8.0
- @marigold/icons@1.2.27
6.7.0
Minor Changes
- #3473
22446fa66Thanks @sebald! - refa: Updatereact-aria-componentstorc.0,CheckboxGroupandHelpText
Patch Changes
- Updated dependencies []:
- @marigold/system@6.7.0
- @marigold/icons@1.2.26
6.6.4
Patch Changes
-
#3466
174f534b5Thanks @sarahgm! - chore: adjust core switch -
#3468
cac5ef60dThanks @OsamaAbdellateef! - Adding selected prop over Switch component -
Updated dependencies []:
- @marigold/system@6.6.4
- @marigold/icons@1.2.25
6.6.3
Patch Changes
- Updated dependencies []:
- @marigold/system@6.6.3
- @marigold/icons@1.2.24
6.6.2
Patch Changes
- Updated dependencies []:
- @marigold/system@6.6.2
- @marigold/icons@1.2.23
6.6.1
Patch Changes
- Updated dependencies []:
- @marigold/system@6.6.1
- @marigold/icons@1.2.22
6.6.0
Minor Changes
-
#3452
43e792d6aThanks @sarahgm! - feat: exposeRouterProvider -
#3416
7704debbeThanks @OsamaAbdellateef! - [DST-38]: Implement mobile optimization forDatePicker
Patch Changes
-
#3451
f2b764380Thanks @sebald! - fix:<Checkbox>"checked" state -
Updated dependencies [
7704debbe]:- @marigold/system@6.6.0
- @marigold/icons@1.2.21
6.5.1
Patch Changes
-
80ac67eacThanks @sebald! - fix:FieldBaserenders empty element when no label is given -
Updated dependencies []:
- @marigold/system@6.5.1
- @marigold/icons@1.2.20
6.5.0
Minor Changes
Patch Changes
-
#3434
5e1219c84Thanks @sebald! - fix([DST-228]): Hotfixreact-ariaso space works inside forms in an accordion -
Updated dependencies []:
- @marigold/system@6.5.0
- @marigold/icons@1.2.19
6.4.0
Minor Changes
-
#3405
1eb93352aThanks @sarahgm! - RAC: updatedButtonto react aria components -
#3429
3e328198cThanks @sebald! - feat: adjust<SliderOutput>position -
#3422
e5869b2f3Thanks @sebald! - refa: Make<FieldBase>work with RAC components -
#3406
e968e5eb5Thanks @sarahgm! - RAC: Label as React aria Component -
#3408
78840aa04Thanks @sarahgm! - RAC: Headline as React Aria Component -
#3407
0fbb7f963Thanks @sarahgm! - RAC: Divider as React Aria Component -
#3400
700cdf296Thanks @OsamaAbdellateef! - Replace oldSliderwith the new RACslider -
#3424
5a2a03ae0Thanks @sebald! - feat: add styles to checkbox and radio groups -
#3392
5ed86abd0Thanks @sarahgm! - RAC: Link as react aria component
Patch Changes
-
#3432
9b0ed3862Thanks @sebald! - fix: adjust chevrons in accordion -
#3423
470d00c6dThanks @sebald! - fix: add gap in checkbox group -
Updated dependencies [
3e328198c,e5869b2f3,5a2a03ae0]:- @marigold/system@6.4.0
- @marigold/types@1.1.0
- @marigold/icons@1.2.18
6.3.1
Patch Changes
-
#3402
d8b3cca2dThanks @sarahgm! - fix[DST-222]: Select width by item -
Updated dependencies []:
- @marigold/system@6.3.1
- @marigold/icons@1.2.17
6.3.0
Minor Changes
Patch Changes
-
#3394
ea9db88fdThanks @sarahgm! - fix: width props for switch and slider -
Updated dependencies []:
- @marigold/system@6.3.0
- @marigold/icons@1.2.16
6.2.6
Patch Changes
-
#3366
1d305f963Thanks @sarahgm! - fix: allow width on datepicker -
Updated dependencies []:
- @marigold/system@6.2.6
- @marigold/icons@1.2.15
6.2.5
Patch Changes
-
#3331
b9e1d147aThanks @sebald! - fix: correctly apply spacing in<Inset> -
#3339
581702881Thanks @sarahgm! - chore: add<Card>size to b2b theme -
Updated dependencies []:
- @marigold/system@6.2.5
- @marigold/icons@1.2.14
6.2.4
Patch Changes
- Updated dependencies []:
- @marigold/system@6.2.4
- @marigold/icons@1.2.13
6.2.3
Patch Changes
-
#3273
f7c475053Thanks @renovate! - chore(deps): update react-aria -
Updated dependencies []:
- @marigold/system@6.2.3
- @marigold/icons@1.2.12
6.2.2
Patch Changes
-
46e86e2b3Thanks @sebald! - fix: Resolve conflicting type dependencies inreact-aria -
Updated dependencies []:
- @marigold/system@6.2.2
- @marigold/icons@1.2.11
6.2.1
Patch Changes
-
#3314
a5515f34bThanks @sarahgm! - change jsx compiler option to react-jsx -
Updated dependencies []:
- @marigold/system@6.2.1
- @marigold/icons@1.2.10
6.2.0
Minor Changes
- #3293
3eba5fdd4Thanks @OsamaAbdellateef! - fix with for checkbox in multi-select tables
Patch Changes
-
#3311
6329c32acThanks @OsamaAbdellateef! - [DST-96]: Improve sorting table -
Updated dependencies []:
- @marigold/system@6.2.0
- @marigold/icons@1.2.9
6.1.0
Minor Changes
-
#3270
c2629d7c8Thanks @OsamaAbdellateef! - Adding option to specify table column width -
#3250
989f094e7Thanks @OsamaAbdellateef! - [DST-111]: enhance styling tabs -
#3268
c61999892Thanks @sebald! - feat: checkbox adheres labelwidth when inside<FieldGroup>
Patch Changes
- Updated dependencies [
566ec30e4,989f094e7,8a4ef1805]:- @marigold/system@6.1.0
- @marigold/icons@1.2.8
6.0.1
Patch Changes
-
#3232
fd10c294aThanks @OsamaAbdellateef! - [DST-65]: Spacing of Popover can me customized based on themes -
Updated dependencies [
fd10c294a]:- @marigold/system@6.0.1
- @marigold/icons@1.2.7
6.0.0
Major Changes
- #3117
79be927e6Thanks @sebald! - Switch @marigold/styles to Tailwind CSS, replaces Emotion CSS & Theme-UI
Patch Changes
-
#3137
1d0fd2ac5Thanks @sebald! - fix:<Text>component doesn't enforce defaults -
#3229
7b7348f30Thanks @sarahgm! - chore[DST-60]: change depricated API -
#3003
9082cfe4fThanks @renovate! - chore(deps): update react-aria -
Updated dependencies [
79be927e6]:- @marigold/system@6.0.0
- @marigold/icons@1.2.6
5.6.0
Minor Changes
-
#2947
a35f82a13Thanks @OsamaAbdellateef! - Releasing DateField component -
#2953
992d76d1bThanks @OsamaAbdellateef! - Introducing DateField component -
#2912
3fbeb7b17Thanks @OsamaAbdellateef! - Introducing Tabs component -
#2951
fc5411f39Thanks @aromko! - feat: Add tag group component<Tag/>+<Tag.Group/> -
#2932
85039a29cThanks @OsamaAbdellateef! - Introducing Calendar component -
#2955
e285e0c94Thanks @OsamaAbdellateef! - Adding New ComboBox Component
Patch Changes
-
#2928
dc791efabThanks @renovate! - chore(deps): update react-aria -
Updated dependencies []:
- @marigold/system@5.6.0
- @marigold/icons@1.2.5
5.5.0
Minor Changes
-
#2915
4c2cd1b45Thanks @sarahgm! - feat: new Accordion Component -
#2921
b07dab50cThanks @sebald! - feat: let the<Body>flex 💪 -
#2920
a56d83788Thanks @sebald! - feat:<Card>is no a flex col by default + configure gap viaspaceprop
Patch Changes
-
#2877
862963f54Thanks @OsamaAbdellateef! - feat: added menu section -
Updated dependencies []:
- @marigold/system@5.5.0
- @marigold/icons@1.2.4
5.4.0
Minor Changes
Patch Changes
-
#2894
b3d577339Thanks @renovate! - chore(deps): update dependency @types/react to v18.0.29 -
Updated dependencies [
b3d577339,8972cbaca]:- @marigold/types@1.0.1
- @marigold/system@5.4.0
- @marigold/icons@1.2.3
5.3.0
Minor Changes
-
#2826
aaf6b55c6Thanks @sarahgm! - refa: Improved<Input>with icons/actions -
#2846
3a766be9dThanks @sebald! - feat: Styles for<Autocomplete>
Patch Changes
-
#2816
cda6ac809Thanks @renovate! - chore(deps): update react-aria -
Updated dependencies [
aaf6b55c6,80cdbe062]:- @marigold/system@5.3.0
- @marigold/icons@1.2.2
5.2.0
Minor Changes
-
#2807
f9175829dThanks @sarahgm! - chore: update storybook to version 7 + fix coverage -
#2824
33329ace2Thanks @sarahgm! - chore: refa<Input>and<Input.Field>components and support icons -
#2805
c0609c0b3Thanks @sebald! - feat: introduce<Inset>component
Patch Changes
- Updated dependencies [
f11e2d7db]:- @marigold/system@5.2.0
- @marigold/icons@1.2.1
5.1.0
Patch Changes
5.0.0
Major Changes
-
#2764
1ff29cc0cThanks @sebald! - refa: fix polymorph types + remove style props from<Box>BREAKING CHANGE:
We deprecated the available short hands for styling on the
<Box>component (also known as style props), for example<Box p="small">. This way it is more clear what to use when ->always thecss` prop.How to update your code: Basically move all style props to the
cssprop. E.g.<Box p="small" bg="primary">becomes<Box css={{ p: "small, bg; "primary" }}>. -
#2740
7a61d39f4Thanks @sarahgm! - chore: rename onSelect to onAction in Menu component -
#2733
9cb030c11Thanks @sarahgm! - chore: change prop onSelectionChange to onChange for select component
Minor Changes
-
#2766
6d9b36b6aThanks @sebald! - feat: addopenprop toDialog.Controller -
#2760
fafc52cbbThanks @sarahgm! - feat: Allow<Dialog>to be controlled via<Dialog.Controller‚> -
#2759
596b7b901Thanks @sarahgm! - feat: update Menu.Trigger with open and onOpenChange property
Patch Changes
-
#2741
f65487486Thanks @sarahgm! - chore: add<ActionMenu>Component with dots -
#2726
0f539b788Thanks @renovate! - chore(deps): update dependency @types/react to v18.0.27 -
Updated dependencies [
1ff29cc0c,0f539b788]:- @marigold/system@5.0.0
- @marigold/types@1.0.0
- @marigold/icons@1.1.17
4.2.2
Patch Changes
-
#2714
55c7cd7eThanks @benediktgrether! - fix: set max-height to ul instead of div -
#2699
c9725e77Thanks @renovate! - chore(deps): update react-aria -
Updated dependencies []:
- @marigold/icons@1.1.16
- @marigold/system@4.2.2
- @marigold/tokens@3.1.0
4.2.1
Patch Changes
-
#2694
c7b919a3Thanks @sarahgm! - fix: fix on pointer event for menu and select -
Updated dependencies []:
- @marigold/system@4.2.1
- @marigold/icons@1.1.15
4.2.0
Minor Changes
- #2688
1bfe10cfThanks @sarahgm! - feat: add<Fieldbase>to<RadioGroup>and<CheckboxGroup>to support errorMessage and helptext
Patch Changes
-
#2689
8675c5f2Thanks @benediktgrether! - fix: add in FieldBase component position relative to fix position absolute bug in HiddenSelect component -
#2683
7be11c1aThanks @sarahgm! - feat: add<Tray>for responsiveness in<Menu>and<Select> -
#2684
14463546Thanks @sarahgm! - refa: removed icon dependency from @marigold/components -
#2687
7954ba24Thanks @sarahgm! - fix:<Radio>tabs in default selected value instead of first -
Updated dependencies []:
- @marigold/system@4.2.0
- @marigold/icons@1.1.14
4.1.5
Patch Changes
-
#2674
832da2a6Thanks @sarahgm! - refa: refactoring Popover with usePopover -
Updated dependencies [
832da2a6]:- @marigold/types@0.5.7
- @marigold/icons@1.1.13
- @marigold/system@4.1.5
- @marigold/tokens@3.1.0
4.1.4
Patch Changes
- Updated dependencies []:
- @marigold/system@4.1.4
- @marigold/icons@1.1.12
4.1.3
Patch Changes
- Updated dependencies []:
- @marigold/system@4.1.3
- @marigold/icons@1.1.11
4.1.2
Patch Changes
4.1.1
Patch Changes
-
Updated dependencies []:
- @marigold/system@4.1.1
- @marigold/icons@1.1.9
4.1.0
Minor Changes
-
#2647
f764d3a0Thanks @sebald! - feat: addfontWeightstyle prop to<Text>component -
#2576
7a9129c1Thanks @sarahgm! - feat: add side property to label
Patch Changes
-
#2652
40aeefd7Thanks @sebald! - feat: Improve<Message>look -
#2651
2e98753dThanks @sebald! - fix:<Menu>width is adjusted by its content not the trigger -
#2643
473ae72bThanks @renovate! - chore(deps): update react-aria -
#2619
727460fcThanks @sebald! - fix: set<Switch>width in flex so it doesn't shrink below a certain threshold -
Updated dependencies [
312a23cf,080b1fed,d250fc00]:- @marigold/system@4.1.0
- @marigold/types@0.5.6
- @marigold/icons@1.1.8
4.0.0 (Released on Nov 25, 2025)
Major Changes
-
#2610
eb35da96Thanks @sebald! - feat:<Tiles>can now be used as a grid with fixed widths or fully respsonsive.BREAKING CHANGE: Renamed the whole API. Please checkout the documentation at https://marigold-ui.io/components/tiles/#props
Patch Changes
-
#2607
41f60e3dThanks @benediktgrether! - fix: add missing values for one point and set begin of first dot to 0.0s -
#2612
31e1219dThanks @sarahgm! - chore: add hover color and flex property -
Updated dependencies [
02bd8efe,be3f2060,f38ae20a,4554b26e]:- @marigold/icons@1.1.7
- @marigold/system@4.0.0
- @marigold/types@0.5.5
3.0.6
Patch Changes
- Updated dependencies [
d8fc387d]:- @marigold/system@3.0.6
- @marigold/icons@1.1.6
3.0.5
Patch Changes
-
#2575
0441cd20Thanks @sarahgm! - feat:<XLoader>component for loading states -
Updated dependencies []:
- @marigold/system@3.0.5
- @marigold/icons@1.1.5
3.0.4
Patch Changes
-
#2564
09745fcaThanks @sarahgm! - chore: add card, text style for core -
#2569
b20b0111Thanks @sarahgm! - chore: add gridAutoRows to<Tiles> -
#2568
51a95328Thanks @sarahgm! - feat: improve headline with align and color property -
Updated dependencies []:
- @marigold/system@3.0.4
- @marigold/icons@1.1.4
3.0.3 (Released on Oct 24, 2025)
Patch Changes
-
#2561
04c7f2ebThanks @sebald! - fix:<Table>stretch works as expected -
Updated dependencies []:
- @marigold/system@3.0.3
- @marigold/icons@1.1.3
3.0.2 (Released on Oct 24, 2025)
Patch Changes
-
#2560
7368d457Thanks @sebald! - fix: allow<NumberField>with little width -
Updated dependencies [
e65171c6,d9974f91]:- @marigold/system@3.0.2
- @marigold/icons@1.1.2
3.0.1 (Released on Oct 23, 2025)
Patch Changes
-
#2509
fb7b1b9fThanks @benediktgrether! - refa: improve usage offitprop -
Updated dependencies [
4af6c016,eb7e453c]:- @marigold/types@0.5.4
- @marigold/system@3.0.1
- @marigold/icons@1.1.1
3.0.0
Major Changes
- #2463
fcb15230Thanks @sebald! - refa: Improve behavior of<Stack>and remove option to render it as a list (use<List>instead)<Stack>will no longer align items by default, since this will cause children to not take all the available space<Stack as="ul|ol">will no longer work, we have a<List>comopnent for that
Minor Changes
-
#2490
baf5bb57Thanks @sebald! - feat:Columnscan stretch to available height viastretchprop + don't collapse by default -
#2470
7b9c90ecThanks @sebald! - feat: introduceextendThemehelper, for more information see https://marigold-ui.io/introduction/theming/#extend-an-existing-theme
Patch Changes
-
#2458
20aeba63Thanks @sebald! - fix: style props override theme in<Text> -
#2460
4495fcb1Thanks @sarahgm! - chore: add height prop to Breakout and refactor docs page -
#2462
885e3ca4Thanks @sebald! - fix: use 'initial' for defaultContaineritem alignment -
#2496
d10bb310Thanks @benediktgrether! - chore: change property names in breakout to alignX and AlignY -
Updated dependencies [
87600058,a795f29a]:- @marigold/icons@1.1.0
- @marigold/system@3.0.0
2.2.0
Minor Changes
-
#2411
a4ccb92fThanks @sebald! - feat:cssprops supports array (again) + padding props for<Card> -
#2415
d5116b5dThanks @sebald! - refa: Improve<Container>API and make it reponsive
Patch Changes
-
#2313
75128374Thanks @renovate! - chore(deps): update dependency @types/react to v18.0.19 -
#2443
fb76bbbeThanks @sarahgm! - fix: downgrade aria-focus version -
#2440
515ea633Thanks @sarahgm! - fix: use useLocalizedStringFormatter instead of depricated useMessage… -
#2437
23a78264Thanks @renovate! - chore(deps): update testing (major) -
#2438
535f80daThanks @sebald! - fix:Columnswork with complex and different children types -
Updated dependencies [
75128374,f76f4870,23a78264,a4ccb92f]:- @marigold/types@0.5.3
- @marigold/system@2.2.0
- @marigold/icons@1.0.5
2.1.3
Patch Changes
-
#2399
beea5b0bThanks @sebald! - feat: Make text in non-interactive tables selectable -
#2378
d5fd75cbThanks @sarahgm! - docs: fix responsive layout and responsive table -
Updated dependencies [
d3143f65,f6b49c37]:- @marigold/icons@1.0.4
- @marigold/system@2.1.3
2.1.2
Patch Changes
-
#2361
b84e6ff5Thanks @sarahgm! - chore: update table with compact and expanded -
Updated dependencies [
630d8026,294e31e3]:- @marigold/icons@1.0.3
- @marigold/system@2.1.2
2.1.1
Patch Changes
- Updated dependencies []:
- @marigold/system@2.1.1
- @marigold/icons@1.0.2
2.1.0
Minor Changes
Patch Changes
-
#2326
6e236e78Thanks @sebald! - fix: correctly apply read only state to<Checkbox> -
Updated dependencies []:
- @marigold/system@2.1.0
- @marigold/icons@1.0.1
2.0.0
Minor Changes
- #2285
6f3b6949Thanks @sebald! - feat:<Button>correctly pass through all native props and option to take full width
Patch Changes
-
#2272
fb9df312Thanks @renovate! - chore(deps): update testing -
Updated dependencies [
13695db8,32353f56,4c63400f,f4f308e4,8e9ea3da,406f186c,88a3d4b0,997ccfc1]:- @marigold/icons@1.0.0
- @marigold/tokens@3.1.0
- @marigold/system@2.0.0
1.3.0
Minor Changes
Patch Changes
-
#2211
527b222fThanks @sarahgm! - chore: next link component -
Updated dependencies [
c60f8527]:- @marigold/system@1.3.0
- @marigold/icons@0.7.7
1.2.2
Patch Changes
-
#2177
51132dd8Thanks @renovate! - chore(deps): update react-aria -
Updated dependencies []:
- @marigold/system@1.2.2
- @marigold/icons@0.7.6
1.2.1
Patch Changes
-
Updated dependencies [
b43464fc]:- @marigold/icons@0.7.5
- @marigold/system@1.2.1
- @marigold/types@0.5.2
1.2.0
Minor Changes
Patch Changes
-
#2152
8980b645Thanks @sebald! - feat: forward ref for<Switch> -
Updated dependencies [
82c376a9]:- @marigold/system@1.2.0
- @marigold/icons@0.7.4
1.1.1
Patch Changes
- Updated dependencies []:
- @marigold/system@1.1.1
- @marigold/icons@0.7.3
1.1.0
Minor Changes
Patch Changes
-
#2113
5a32c4b4Thanks @sebald! - feat: Show sorting in<Table> -
Updated dependencies []:
- @marigold/system@1.1.0
- @marigold/icons@0.7.2
1.0.1
Patch Changes
-
#2102
23c1a5ceThanks @sebald! - feat: Remove all occurances ofReact.FC -
Updated dependencies [
23c1a5ce,bfa0caea]:- @marigold/system@1.0.1
- @marigold/types@0.5.1
- @marigold/icons@0.7.1
1.0.0
Major Changes
- #2069
c35afcf2Thanks @sebald! - refa:<Tooltip>- with arrow pointer yay!
- allows to change placement
- uses
useComponentStyles
- #2074
3aa2c100Thanks @sebald! - refa: Remove "variant" prop from<Box>, useuseComponentStylesinstead
Minor Changes
Patch Changes
- #2079
04db9229Thanks @sebald! - fix: Indeterminate is visual only + correctly render with checkbox only
-
#2049
5f64c882Thanks @sarahgm! - refa: switch with new styling -
Updated dependencies [
a41bb8a3,02d13e84,6a369f5f,2ab80ae6,f5128944,3abbc813,3aa2c100]:- @marigold/tokens@3.0.0
- @marigold/system@1.0.0
- @marigold/types@0.5.0
- @marigold/icons@0.7.0
1.0.0-beta.0
Major Changes
Minor Changes
Patch Changes
-
#2049
5f64c882Thanks @sarahgm! - refa: switch with new styling -
Updated dependencies [
02d13e84,6a369f5f,2ab80ae6,f5128944,3abbc813]:- @marigold/system@1.0.0-beta.0
- @marigold/types@0.5.0-beta.0
- @marigold/icons@0.7.0-beta.0
0.9.0
Minor Changes
Patch Changes
-
#1984
733f5488Thanks @sarahgm! - refa: Image new styling solution -
Updated dependencies [
424f1705,dbc55934,3dff2282,7c1129dc]:- @marigold/system@0.9.0
- @marigold/types@0.4.1
- @marigold/icons@0.6.1
0.8.0
Minor Changes
Patch Changes
-
#1926
5e5e0fccThanks @ti10le! - feat(comp): Container with grid -
Updated dependencies [
382ac6cc,2f45aa5d,5319745c,74c91e28]:- @marigold/system@0.8.0
- @marigold/icons@0.6.0
- @marigold/tokens@2.0.0
0.7.0
Minor Changes
Patch Changes
- Updated dependencies [
af566de4]:- @marigold/tokens@1.0.0
- @marigold/system@0.7.0
- @marigold/icons@0.5.1
0.6.0
Minor Changes
Patch Changes
-
#1852
25c8675eThanks @ti10le! - refa(comp): fill prop instead of css or __basCSS -
Updated dependencies [
4cc0ad3b,64b9089e,539d4198,e053b7b9]:- @marigold/system@0.6.0
- @marigold/icons@0.5.0
0.5.1
Patch Changes
-
#1798
9939b743Thanks @sebald! - fix(components): Use ownflattenChildrenhelper to fix ESM build -
Updated dependencies [
a178eafe]:- @marigold/system@0.5.1
- @marigold/icons@0.4.2
0.5.0
Minor Changes
- #1727
026300b1Thanks @sebald! - feat(components):<Text>add possibility to change font size via style props
Patch Changes
-
#1775
6da8eba2Thanks @ti10le! - feat(comp): Checkbox remove label prop and add children + refa -
Updated dependencies [
5936de75]:- @marigold/system@0.5.0
- @marigold/icons@0.4.1
0.4.0
Minor Changes
Patch Changes
-
f9526234Thanks @sebald! - feat(comp): rewrite Field component with react-aria -
Updated dependencies [
f9526234,f9526234]:- @marigold/icons@0.4.0
- @marigold/system@0.4.0
- @marigold/types@0.4.0
0.3.2
Patch Changes
0.3.1
Patch Changes
-
#1676
379041bcThanks @ti10le! - remove the last mdx stories -
Updated dependencies [
379041bc]:- @marigold/icons@0.3.1
- @marigold/system@0.3.1
0.3.0
Patch Changes
- #1189
be8dc989Thanks @sebald! - feat(components):<Stack>correctly uses whitespace and supports usage as list
- #1316
edfec8d9Thanks @ti10le! - aria-label for all usages of select component use SSR Provider which is exported from package components/Provider in Gatsby wrapper
- #1556
470f6e8dThanks @ti10le! - feat(comp): remove span from button and add some styles to the button element, add space prop to button
- #1521
00588fefThanks @ti10le! - feat(comp/docs): change Inline component default align + use it in DoAndDont
- #1230
ebd6e26fThanks @viktoria-schwarz! - feat: add GlobalStyles via theme
- #1448
ab879e66Thanks @ti10le! - feature: replace useStyles in Badge, Menu, Message and ValidationMessage
- #1506
7b2a0374Thanks @ti10le! - infra(packages): add icons package as dependency to component package
- #1221
3885f64cThanks @viktoria-schwarz! - feat(storybook): add Welcome stories and additional config
- #1131
0ccc10deThanks @sebald! - feat(types): Clarify and improve polymorphic types by calling it by its actual name ... polymorphic! We also added types when norefshould be passed.
-
#1589
8cbcb91aThanks @sebald! - feat: normalize<SVG>and move to system packageBREAKING:
<SVG>moved from@marigold/iconsto@marigold/system
-
#1132
b6614f1fThanks @sebald! - feat(compoents): Make<Text>and<Link>polymorphic<Text>- the
asprop supports arbitrary inputs - supporst ref
- supports style props (text-align, color, cursor, user-select)
<Link>- the
asprop supports arbitrary inputs - does not support
ref! - improved accessibility (react-aria)
- the
-
#1522
6a82a490Thanks @ti10le! - feat(comp): use Inline in ActionGroup -
Updated dependencies [
c030aa85,8eda245f,5a04de11,c1da52c0,1448ddca,5107b943,cd3a0d3e,ebd6e26f,6e485f5a,80a2abe5,e13e3cc1,1829cf17,1c1f8648,51af6693,a00b7eb9,7b2a0374,ec5baf85,0bb8f19e,c4ae5c5c,a1ef2108,2f7b936f,8cbcb91a,846eb640,5d63cd9c,46aede50]:- @marigold/system@0.3.0
- @marigold/icons@0.3.0