@marigold/system

16.0.1 (Released on Nov 26, 2025)

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 indicator styling from <Label>. The component is no longer a multi-part component. Rather than styling the required indicator through a dedicated part (previsouly indicator), you can now apply it anyway you want, for example by using 'group-required/field:after:content-["*"]'.

Minor Changes

• 98bf929: [DST-1075]: Introduce <FileField>component

Patch Changes

• 4eebff4: [DSTSUP-191]: Breaking chnge: <XLoader /> renamed to <Loader /> Added a new prop loaderType which is by default cycle. New option cycle shows a spinning cycle.

15.4.3 (Released on Oct 24, 2025)

15.4.2 (Released on Oct 24, 2025)

15.4.1 (Released on Oct 23, 2025)

15.4.0

Patch Changes

• f621653: feat([DSTSUP-187]): Enhance Toast component with action support

  • Introduced action property
  • Update description to support JSX

• 77e0417: fix([DST-1078]): Fix scrolling within <ContextualHelp>

• Updated dependencies [e985fe2]

  • @marigold/types@1.4.0

15.3.0

Minor Changes

• 97adc14: feat([DST-1061]): Add more alignment options to <Inline>, <Stack> and <Grid>
• 4ccbec2: feat([DST-1077]): Add white space control to <Text>

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

15.0.2

15.0.1

Patch Changes

• 00d230a: chore: allow react-aria patch version range as dependencies

15.0.0

Major Changes

• 62ac4b8: refa([DST-919]): Remove <Image> component

  Breaking Change

  The <Image> component has been removed from Marigold. Please replace it with the native <img> element.

  If you previously used the fit or position props, you can replicate the same behavior using the corresponding Tailwind CSS utility classes.

  Replacement table

  Prop type	Prop value	Tailwind class
  fit	contain	object-contain
  	cover	object-cover
  	fill	object-fill
  	none	unset
  	scaleDown	object-scale-down
  position	none	— (no class)
  	bottom	object-bottom
  	center	object-center
  	left	object-left
  	leftBottom	object-left-bottom
  	leftTop	object-left-top
  	right	object-right
  	rightBottom	object-right-bottom
  	rightTop	object-right-top
  	top	object-top

Minor Changes

• 2a64b4f: feat([DST-1008]): Introduce a "remove all" function for <Tag.Group>
• 82370d2: feat([DST-1004]): Format ranges with DateFormat

Patch Changes

• 80a4427: fix: remove deprecated components from theme type

14.1.1

Patch Changes

• 81f1c9d: fix broken release
• Updated dependencies [81f1c9d]
  • @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)

14.0.0

13.0.0

Major Changes

• 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.

12.0.5

Patch Changes

• a6bcd89: chore(deps): update react-aria

12.0.4

Patch Changes

• 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.

12.0.3

Patch Changes

• 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.

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]
  • @marigold/types@1.3.1

12.0.1

Patch Changes

• 0e8211b: chore([DST-853]): Refa styles for <Menu> button

12.0.0

Minor Changes

• 438b959: feat([DSTSUP-112]): Add sizes to RUI's <Dialog>
• fe4b9de: feat([DST-801]): Allow to format ranges with <NumericFormat>

Patch Changes

• 4e0971e: Extend useClassNames to automatically pick up styles from context.

11.5.0

Minor Changes

• c9b95bc: feat([DST-799]): Add unstyled and maxWidth to <Form>

Patch Changes

• 8dab2e6: chore: update react-aria (April 2025 release)
• 2a87f43: feat[DST-759]: Implement <CloseButton> component to be re-used into other components internally (e.g Dialog, Tag, Drawer and SectionMessage).

11.4.1

Patch Changes

• 81b2216: refa([DST-720]): Rename option to item in styles for <ListBox>

  Breaking Change: This change will break your styles if you use custom styles for the <ListBox> Component. option is now called item.

• 953cf3d: Making the dialog titles independant

11.4.0

11.3.0

Minor Changes

• 611c2e8: feat(733): Introduce a <Drawer> component

11.2.3

Patch Changes

• 3d1f8c6: feat(rui): Next version of RUI theme with small updates and styling fixes.

11.2.2

Patch Changes

• 91c72e8: feat[DST-606]: Implement <MultiSelect> component

  Introcude <MultiSelect> as component!

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 [c387b43]
  • @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>

11.1.0

Minor Changes

• fd96b48: feat(DST-689): Allow to style body element and header row of a <Table>

11.0.2

11.0.1

11.0.0

Major Changes

• 964e025: refa([DST-665]): Refactoring Accordion

  Added two Accordion components Accordion.Header and Accordion.Content. Accordion.Header replaces the title in Accordion.Item. Accordion.Content is now the place where the content needs to be.

  Reworked the Accordion Documentation Page.

10.2.1

10.2.0

10.1.3

Patch Changes

• Updated dependencies [8b7be8e]
  • @marigold/types@1.2.1

10.1.2

10.1.1

Patch Changes

• 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

10.1.0

Patch Changes

• ebc53cb: refa[DST-598]: Improve <Slider> component

  The <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

10.0.0

Major Changes

• 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 (from sectionTitle to header)

    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 a Header within the <Section>.

    Use the newly added header prop instead. Additionally, to unify the APIs all choices of <Select>, <Combobox> and <Autocomplete> are now called <Option> instead of <Item>.

Minor Changes

• 6687af7: refa: remove footer from <Dialog> + allow styles
  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

Patch Changes

• 45fb3c4: chore(deps): update react-aria to 1.4
• Updated dependencies [2babc0b]
• Updated dependencies [956982a]
  • @marigold/types@1.2.0

9.0.2

9.0.1

9.0.0

8.0.2

8.0.1

Patch Changes

• #3979 a02f284 Thanks @sarahgm! - Fix: fix some props and add command to build step

8.0.0

Major Changes

• #3967 0773aa8 Thanks @sebald! - refa: Update TypeScript and adjust <NumericFormat> props

Minor Changes

• #3942 5977cba Thanks @OsamaAbdellateef! - Keep our documentation props table dynamic

Patch Changes

• #3939 2cde433 Thanks @sarahgm! - feat[DST-481]: rename <Message> in <SectionMessage>

• #3941 3f7a4ec Thanks @sarahgm! - [DSTSUP-78]fix: fix extendTheme function

• Updated dependencies [0773aa8]:

  • @marigold/types@1.1.1

7.8.2

7.8.1

7.8.0

Minor Changes

• #3913 8c4631f Thanks @sebald! - feat: Introduce Grid component

7.7.2

7.7.1

7.7.0

Patch Changes

• #3885 72ece08 Thanks @sebald! - fix: getColor correctly works with deeply nested values

• #3880 4a59427 Thanks @sebald! - chore: cleanup peerdeeps

7.6.0

7.5.4

7.5.3

7.5.2

7.5.1

Patch Changes

• #3809 fba5e92 Thanks @OsamaAbdellateef! - Preventing to override our theme variants in extendTheme

7.5.0

Minor Changes

• #3748 5643257 Thanks @OsamaAbdellateef! - Adding the option to customize marigold components using extendTheme function"

Patch Changes

• #3785 07d9277 Thanks @aromko! - chore: added missing half space tokens. See tailwind.

7.4.0

Patch Changes

• #3720 4d2f94f Thanks @sarahgm! - fix[DSTSUP-41]: Combobox styles for icon

7.3.3

7.3.2

7.3.1

Patch Changes

• #3676 63d407e Thanks @sebald! - feat: use size- util (also fixes linting)

7.3.0

Minor Changes

• #3644 b4999d8 Thanks @sebald! - feat: getColor util

7.2.0

Minor Changes

• #3596 9f1ae32 Thanks @OsamaAbdellateef! - Added new Helpers components NumericFormat & DateFormat

Patch Changes

• #3517 7a8d40a Thanks @sarahgm! - chore[DST-220]: seperate data-theme attribute and classnames on provider (so you don't need any data-theme attribute anymore)

7.1.0

Patch Changes

• #3557 47f300029 Thanks @aromko! - [DSTSUP-5]: Bugfix: Loss of input values after collapsing accordion elements is now prevented by hiding the corresponding section.

• #3548 535d1088b Thanks @aromko! - [DST-254]: use new tokens in core theme

7.0.0

Patch Changes

• #3540 72125e114 Thanks @aromko! - RAC: migrate <Calendar>, <DatePicker>, <DateField> component

6.11.0

Patch Changes

• #3513 cdc17ee83 Thanks @aromko! - RAC: migrate <TagGroup> component

6.10.0

Minor Changes

• #3501 14f5d5d30 Thanks @OsamaAbdellateef! - Migrate Tabs to RAC Tabs

6.9.1

6.9.0

6.8.0

6.7.0

6.6.4

6.6.3

6.6.2

6.6.1

6.6.0

Minor Changes

• #3416 7704debbe Thanks @OsamaAbdellateef! - [DST-38]: Implement mobile optimization for DatePicker

6.5.1

6.5.0

6.4.0

Minor Changes

• #3429 3e328198c Thanks @sebald! - feat: adjust <SliderOutput> position

• #3424 5a2a03ae0 Thanks @sebald! - feat: add styles to checkbox and radio groups

Patch Changes

• Updated dependencies [e5869b2f3]:
  • @marigold/types@1.1.0

6.3.1

6.3.0

6.2.6

6.2.5

6.2.4

6.2.3

6.2.2

6.2.1

6.2.0

6.1.0

Minor Changes

• #3250 989f094e7 Thanks @OsamaAbdellateef! - [DST-111]: enhance styling tabs

Patch Changes

• #3297 566ec30e4 Thanks @sarahgm! - chore[DST-143]: rename token name

• #3295 8a4ef1805 Thanks @sarahgm! - chore[DST-145]:update fontsize

6.0.1

Patch Changes

• #3232 fd10c294a Thanks @OsamaAbdellateef! - [DST-65]: Spacing of Popover can me customized based on themes

6.0.0

Major Changes

• #3117 79be927e6 Thanks @sebald! - Switch @marigold/styles to Tailwind CSS, replaces Emotion CSS & Theme-UI

5.6.0

5.5.0

5.4.0

Patch Changes

• Updated dependencies [b3d577339, 8972cbaca]:
  • @marigold/types@1.0.1

5.3.0

Minor Changes

• #2826 aaf6b55c6 Thanks @sarahgm! - refa: Improved <Input> with icons/actions

• #2845 80cdbe062 Thanks @sebald! - refa: <SVG> css prop can overrde size (height/width)

5.2.0

Minor Changes

• #2806 f11e2d7db Thanks @sebald! - feat: expose keyframes helper

5.1.0

Patch Changes

• #2773 6d7d6f621 Thanks @sebald! - fix: <Global> selector prop applies styles from body

5.0.0

Major Changes

• #2764 1ff29cc0c Thanks @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 css prop. E.g. <Box p="small" bg="primary"> becomes <Box css={{ p: "small, bg; "primary" }}>.

Patch Changes

• Updated dependencies [1ff29cc0c, 0f539b788]:
  • @marigold/types@1.0.0

4.2.2

4.2.1

4.2.0

4.1.5

Patch Changes

• Updated dependencies [832da2a6]:
  • @marigold/types@0.5.7

4.1.4

4.1.3

4.1.2

Patch Changes

• #2659 de5df9b6 Thanks @sarahgm! - fix: icon size in button

4.1.1

4.1.0

Patch Changes

• #2628 312a23cf Thanks @renovate! - chore(deps): update dependency @theme-ui/css to v0.15.4

• #2627 d250fc00 Thanks @renovate! - chore(deps): update babel monorepo

• Updated dependencies [080b1fed]:

  • @marigold/types@0.5.6

4.0.0 (Released on Nov 25, 2025)

Patch Changes

• #2591 be3f2060 Thanks @renovate! - chore(deps): update dependency @babel/core to v7.19.6

• #2609 4554b26e Thanks @renovate! - chore(deps): update dependency @emotion/react to v11.10.5

• Updated dependencies [f38ae20a]:

  • @marigold/types@0.5.5

3.0.6

Patch Changes

• #2593 d8fc387d Thanks @renovate! - chore(deps): update dependency csstype to v3.1.1

3.0.5

3.0.4

3.0.3 (Released on Oct 24, 2025)

3.0.2 (Released on Oct 24, 2025)

Patch Changes

• #2545 e65171c6 Thanks @renovate! - chore(deps): update dependency @babel/core to v7.19.3

• #2551 d9974f91 Thanks @sarahgm! - chore: improve core theme

3.0.1 (Released on Oct 23, 2025)

Patch Changes

• Updated dependencies [4af6c016, eb7e453c]:
  • @marigold/types@0.5.4

3.0.0

Patch Changes

• #2478 a795f29a Thanks @sebald! - feat: improve &:hover selector to adhere CSS specificity

2.2.0

Minor Changes

• #2411 a4ccb92f Thanks @sebald! - feat: css props supports array (again) + padding props for <Card>

Patch Changes

• #2416 f76f4870 Thanks @sebald! - fix: correctly interpret design tokens in <SVG>

• #2437 23a78264 Thanks @renovate! - chore(deps): update testing (major)

• Updated dependencies [75128374]:

  • @marigold/types@0.5.3

2.1.3

Patch Changes

• #2391 d3143f65 Thanks @sebald! - fix: remove responsivness from SVGs by default

• #2400 f6b49c37 Thanks @sarahgm! - refa: improve useResponsiveStyle and add story

2.1.2

2.1.1

2.1.0

2.0.0

Minor Changes

• #2247 8e9ea3da Thanks @sebald! - feat: improve theme type

Patch Changes

• #2273 4c63400f Thanks @renovate! - chore(deps): update dependency @emotion/react to v11.10.0

• #2265 88a3d4b0 Thanks @renovate! - chore(deps): update dependency @babel/core to v7.18.10

1.3.0

Patch Changes

• #2221 c60f8527 Thanks @renovate! - chore(deps): update dependency @babel/core to v7.18.9

1.2.2

1.2.1

Patch Changes

• #2164 b43464fc Thanks @sarahgm! - refa: update to React 18

• Updated dependencies [b43464fc]:

  • @marigold/types@0.5.2

1.2.0

Minor Changes

• #2144 82c376a9 Thanks @sebald! - feat: Improve usage of Marigold when not used as a full page app

1.1.1

1.1.0

1.0.1

Patch Changes

• #2102 23c1a5ce Thanks @sebald! - feat: Remove all occurances of React.FC

• Updated dependencies [23c1a5ce, bfa0caea]:

  • @marigold/types@0.5.1

1.0.0

Major Changes

• #2074 3aa2c100 Thanks @sebald! - refa: Remove "variant" prop from <Box>, use useComponentStyles instead

Minor Changes

• #2041 02d13e84 Thanks @sebald! - feat: Support for :focus-visible and :selected pseudos

• #2048 2ab80ae6 Thanks @sebald! - refa: <Select>

• #2063 f5128944 Thanks @sebald! - feat: Add shorthands for group selectors

• #2056 3abbc813 Thanks @sebald! - feat: Introduce <NumberFields>

Patch Changes

• Updated dependencies [02d13e84]:
  • @marigold/types@0.5.0

1.0.0-beta.0

Minor Changes

• #2041 02d13e84 Thanks @sebald! - feat: Support for :focus-visible and :selected pseudos

• #2048 2ab80ae6 Thanks @sebald! - refa: <Select>

• #2063 f5128944 Thanks @sebald! - feat: Add shorthands for group selectors

• #2056 3abbc813 Thanks @sebald! - feat: Introduce <NumberFields>

Patch Changes

• Updated dependencies [02d13e84]:
  • @marigold/types@0.5.0-beta.0

0.9.0

Patch Changes

• #1979 424f1705 Thanks @sebald! - feat: transform state to corresponding css selector and data-attr

• #1972 dbc55934 Thanks @sebald! - feat: introduce useComponentStyles hook

• #1994 3dff2282 Thanks @sarahgm! - Refa: card-styles-structur

• #1988 7c1129dc Thanks @sarahgm! - refa: Field Component restructure

• Updated dependencies [7c1129dc]:

  • @marigold/types@0.4.1

0.8.0

Minor Changes

• #1935 382ac6cc Thanks @ti10le! - feat(comp): improve SVG to handle width and height prop

• #1915 2f45aa5d Thanks @sebald! - feat(system): theme getter

• #1919 5319745c Thanks @sebald! - feat: SVG supports size token from theme

0.7.0

0.6.0

Minor Changes

• #1817 4cc0ad3b Thanks @sebald! - feat(system): Add textSizeAdjust to globals

• #1842 e053b7b9 Thanks @ti10le! - feat: extend svg fill prop to handle theme color

Patch Changes

• #1809 539d4198 Thanks @sebald! - feat(create-theme): Introduce helper package to create themes with sensible defaults

0.5.1

Patch Changes

• #1795 a178eafe Thanks @ti10le! - refa: use interface instead of type

0.5.0

Minor Changes

• #1723 5936de75 Thanks @sebald! - feat(system): add hook that allows to use values based on screen size

0.4.0

Minor Changes

• f9526234 Thanks @sebald! - chore: Use tsup to build packages

• f9526234 Thanks @sebald! - Improved size in node_modules

Patch Changes

• Updated dependencies [f9526234]:
  • @marigold/types@0.4.0

0.3.1

Patch Changes

• #1676 379041bc Thanks @ti10le! - remove the last mdx stories

0.3.0

Minor Changes

• #1163 51af6693 Thanks @sebald! - feat(system): Expose helper to transpile style object

Patch Changes

• #1549 c030aa85 Thanks @sebald! - refa: use emotion's theme function in <Element>

• #1515 8eda245f Thanks @sebald! - feat: add normalization for body and html & fix emotion leak

• #1491 5a04de11 Thanks @ti10le! - remove useStyles from Element

• #1440 c1da52c0 Thanks @ti10le! - feature: use Element in Box + necessary fix changes

• #1591 1448ddca Thanks @sebald! - feat(jest): Improve snapshot readability

• #1514 5107b943 Thanks @sebald! - feat(system): Use emotion's context

• #1647 cd3a0d3e Thanks @ti10le! - feat: conditional function to allow state props in variants

• #1230 ebd6e26f Thanks @viktoria-schwarz! - feat: add GlobalStyles via theme

• #1563 6e485f5a Thanks @sebald! - feat: Introduce a Theme with all available scales

• #1620 80a2abe5 Thanks @ti10le! - feat(comp): extend Box to handle __default variants

• #1579 e13e3cc1 Thanks @ti10le! - feat: remove Heading from marigold

• #1622 1829cf17 Thanks @ti10le! - feat(comp): change Card default variant

• #1501 1c1f8648 Thanks @ti10le! - feat(storybook): remove use styles stories

• #1190 a00b7eb9 Thanks @sebald! - fix(system): List reset should not remove the enumeration

• #1499 ec5baf85 Thanks @sebald! - feat: Update and simplify normalization

• #1652 0bb8f19e Thanks @sebald! - refa(system): Groupt variant related fns in own file

• #1436 c4ae5c5c Thanks @ti10le! - create Element component + normalize file

• #1508 a1ef2108 Thanks @sebald! - feat: Add default styling to <Element>

• #1621 2f7b936f Thanks @ti10le! - feat(comp): change Badge default variant

• #1550 846eb640 Thanks @sebald! - feat: Merge <Box> and <Element>

• #1614 5d63cd9c Thanks @ti10le! - remove all purple color things