@marigold/system

Have a look on the latest changes regarding @marigold/system

13.0.0 (Released on Jul 8, 2025)

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 (Released on Jun 12, 2025)

Patch Changes

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

12.0.4 (Released on Jun 11, 2025)

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 (Released on Jun 2, 2025)

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

8.0.0

Major Changes

Minor Changes

Patch Changes

7.8.2

7.8.1

7.8.0

Minor Changes

7.7.2

7.7.1

7.7.0

Patch Changes

7.6.0

7.5.4

7.5.3

7.5.2

7.5.1

Patch Changes

7.5.0

Minor Changes

Patch Changes

7.4.0

Patch Changes

7.3.3

7.3.2

7.3.1

Patch Changes

7.3.0

Minor Changes

7.2.0

Minor Changes

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

6.11.0

Patch Changes

6.10.0

Minor Changes

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

6.5.1

6.5.0

6.4.0

Minor Changes

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

Patch Changes

6.0.1

Patch Changes

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

5.3.0

Minor Changes

5.2.0

Minor Changes

5.1.0

Patch Changes

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

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

4.1.1

4.1.0

Patch Changes

4.0.0

Patch Changes

3.0.6 (Released on Jun 11, 2025)

Patch Changes

3.0.5 (Released on Jun 2, 2025)

3.0.4

3.0.3

3.0.2

Patch Changes

3.0.1

Patch Changes

3.0.0 (Released on Jul 8, 2025)

Patch Changes

2.2.0

Minor Changes

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

Patch Changes

2.1.3

Patch Changes

2.1.2

2.1.1

2.1.0

2.0.0

Minor Changes

Patch Changes

1.3.0

Patch Changes

1.2.2

1.2.1

Patch Changes

1.2.0 (Released on Jul 8, 2025)

Minor Changes

1.1.1

1.1.0

1.0.1

Patch Changes

1.0.0

Major Changes

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

Minor Changes

Patch Changes

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

1.0.0-beta.0

Minor Changes

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

0.8.0

Minor Changes

0.7.0

0.6.0

Minor Changes

Patch Changes

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

0.5.1

Patch Changes

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

Patch Changes

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

0.3.1

Patch Changes

0.3.0

Minor Changes

Patch Changes

Last update: November 27, 2024