@marigold/components

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

13.0.0 (Released on Jul 8, 2025)

Major Changes

  • 9a5791c: docs([DST-914]): Update Divider docs to match new structure of component pages

    Breaking Change: Removed className property on this component.

  • c33ad07: docs([DST-921]): Revise text component page to new component page structure.

    Breaking Change: Some propertys has been removed, including className and 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> component

    The <Stack> component supports a new property asList making 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 (Released on Jun 12, 2025)

Patch Changes

  • a6bcd89: chore(deps): update react-aria
  • Updated dependencies [a6bcd89]
    • @marigold/system@12.0.5

12.0.4 (Released on Jun 11, 2025)

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

Patch Changes

  • 7451134: feat([DST-863]): Improve Accordion.Header when 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 alignX and alignY properties 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 Tag to be used in forms and overhaul its docs

    BREACKING CHANGE: Remove the allowsRemoving prop. 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 the onRemove prop.

  • c30993e: refa([DST-816]): Remove children prop, only label is now available

    BREAKING CHANGE: The children prop 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 unstyled and maxWidth to <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 label prop for <CheckBox> and <Switch>.

    Breaking Change: Deprecate children property, use label instead. With the next major version children will 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 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

  • 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 NumberField styles for RUI + left align text when stepper is hidden

Patch Changes

  • 888e852: [DST-769]: use useId from react-aria utils 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> component

    Introcude <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> and children when 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.Item is 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.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.

  • 82c869c: refa: improve <Container> and <Breakout> component

    BREAKING 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> supporst space style 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 convention

    BREAKING CHANGE: Rename mode prop 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> page

    Revised <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 use onClose and close to 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 isDateUnavailable to dateUnavailable.
    • Remove the props: visibleDuration and pageBehavior.
    • 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

  • 38d461d: docs([DST-628]): Revise <SearchField> page

    Revised <SearchField> documentation page according to the new structure.

  • 425ce62: fix(<Text>): prevent elementType prop 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 the close method. Instead you can now use <Button slot="close"> to render a close button.

Patch Changes

  • f2bae7e: fix: Remove isOpen from <Select>

    The isOpen prop was set by default. Remove it. Only required when controlled.

  • 80a9f5b: fix(Text): Only apply elementType when RAC Text component is used.

  • 2d701a6: docs[DST-611]: Revise <Scrollable> documentation page

    Revised the <Scrollable> page according to our new structure of component documentation pages.

  • a917acf: refa: Remove icons dependency from components package

    Make @marigold/components not depend on @marigold/icons since this might bloat the bundling.

  • 22200a0: docs([DST-581]): revise <DateField> page according to new component page structure

    Revised the <DateField> documentation page to our new layout of component pages.

  • 222f674: refa[DST-607]: revise <Badge> page

    The <Badge> was revised according to our new component guidelines.

  • ac29d40: refa[DST-610]: Revise <Card> page

    The <Card>is now revised according to our new component page guidelines.

  • 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

  • 3bf3a8e: docs([DST-615]): Revise <Center> documentation

    Revised the <Center> page according to our new structure of component documentation.

  • 2cb5d38: feat(DST-596): add loading indicator in <Button> component

    Introduced 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 page

    Revised 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 isDateUnavailable prop to our code guidelines dateUnavailable

    Added disabled styles for data-unavailable in 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 (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>.

  • 2d9917f: Breaking changes

    • Dialog.Headline has been renamed to Dialog.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 responsive

    Using size with 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-label to 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 Selection type for easy usage with Table and other components

    When working with a <Table> you can now use

    import 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: CheckboxGroup can now be used as a compound component

    • Refactored the CheckboxGroup to be a compound component and align it with other components: <CheckboxGroup> -> <Checkbox.Group>
    • Adjusted the Checkbox appearance demo a bit

  • 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

9.0.1

Patch Changes

  • #4056 5d53af4 Thanks @aromko! - [DST-504]: Sorting indicator is shown only on sorted column.

  • #4042 965512c Thanks @sebald! - feat: allow to render an empty state when collection of <Table> is empty

  • #4039 9598df4 Thanks @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 0bf0940 Thanks @sebald! - fix([DST-501]): Pass down appearance props and use context from CheckboxGroup to apply label width

  • #4026 94e9a1b Thanks @sebald! - fix: correctly apply styles to <Select> icon

  • #4028 db4fa1d Thanks @sebald! - docs: Introduce an appearance demo

  • #4034 6195189 Thanks @sebald! - fix([DST-500]): fix popover placement

  • #4033 449de9b Thanks @sebald! - fix([DST-501]): Don't render helptext if there is no error and description.

  • #4027 391dcd1 Thanks @sebald! - fix: pass down appearance props to FieldBase in Select and TextField

  • Updated dependencies []:

    • @marigold/system@9.0.0
    • @marigold/icons@1.2.55

8.0.2

Patch Changes

8.0.1

Patch Changes

  • #3979 a02f284 Thanks @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

Minor Changes

Patch Changes

7.8.2

Patch Changes

  • Updated dependencies []:
    • @marigold/system@7.8.2
    • @marigold/icons@1.2.51

7.8.1

Patch Changes

  • #3924 290dc0e Thanks @sebald! - fix: inconsistent naming of SelectList

  • 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 f57caec Thanks @sarahgm! - feat: add className to MarigoldProvider

  • #3898 a54d186 Thanks @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

7.6.0

Minor Changes

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

7.5.2

Patch Changes

  • #3828 f996764 Thanks @aromko! - BUGFIX: fix onClear on SearchInput.tsx

  • #3827 95ce246 Thanks @sebald! - fix: restore default collapseAt for <Columns>

  • Updated dependencies []:

    • @marigold/system@7.5.2
    • @marigold/icons@1.2.42

7.5.1

Patch Changes

  • #3802 d4479c7 Thanks @sarahgm! - fix: changing the token back to z-40 from underlay

  • #3777 02f1934 Thanks @sarahgm! - [DST-271]:feat: Column allow fit width of item

  • #3810 dea175a Thanks @aromko! - [DSTSUP-60]: add examples using state in table with input fields [DSTSUP-60]: add useListData hook to docs

  • #3812 3d1e813 Thanks @sarahgm! - [DSTSUP-59]:fix if no label no gap style

  • #3803 886ff54 Thanks @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

7.4.0

Minor Changes

Patch Changes

7.3.3

Patch Changes

  • #3690 b37c3ee Thanks @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 c2c7e71 Thanks @sebald! - fix: placeholder prop was missing on TextArea

  • Updated dependencies []:

    • @marigold/system@7.3.2
    • @marigold/icons@1.2.37

7.3.1

Patch Changes

7.3.0

Minor Changes

Patch 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)

  • #3623 6697a67 Thanks @sarahgm! - chore: [DSTSUP-13]: add disabled also on the <ActionMenu>

  • #3639 d76a835 Thanks @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

Patch Changes

7.0.0

Major Changes

  • #3542 3952ee0e8 Thanks @sarahgm! - RAC: Menu react aria components

    [!WARNING] > BREAKCING CHANGE <Menu.Item> no longer us the key prop as unique identifier, use the id prop instead. To migrate, rename all <Menu.item key="something"/> to <Menu.item id="something"/>.

  • #3535 e4cfbc7d1 Thanks @OsamaAbdellateef! - Migrate Select component to RAC

    [!WARNING] > BREAKCING CHANGE <Select.Option> no longer us the key prop as unique identifier, use the id prop instead. To migrate, rename all <Select.Option key="something"/> to <Select.Option id="something"/>.

  • #3546 9c61ffe09 Thanks @sebald! - refa: Migrate ComBox to RAC

    [!WARNING] > BREAKCING CHANGE <ComboBox.Item> no longer us the key prop as unique identifier, use the id prop instead. To migrate, rename all <ComboBox.item key="something"/> to <ComboBox.item id="something"/>.

  • #3550 30167bb78 Thanks @sarahgm! - RAC: Autocomplete

    [!WARNING] > BREAKCING CHANGE <Autocomplete.Item> no longer us the key prop as unique identifier, use the id prop instead. To migrate, rename all <Autocomplete.item key="something"/> to <Autocomplete.item id="something"/>.

Patch Changes

6.11.0

Minor Changes

Patch Changes

6.10.0

Minor Changes

Patch Changes

6.9.1

Patch Changes

  • Updated dependencies []:
    • @marigold/system@6.9.1
    • @marigold/icons@1.2.29

6.9.0

Minor Changes

Patch Changes

6.8.0

Minor Changes

Patch Changes

6.7.0

Minor Changes

  • #3473 22446fa66 Thanks @sebald! - refa: Update react-aria-components to rc.0, CheckboxGroup and HelpText

Patch Changes

  • Updated dependencies []:
    • @marigold/system@6.7.0
    • @marigold/icons@1.2.26

6.6.4

Patch Changes

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

Patch Changes

6.5.1

Patch Changes

  • 80ac67eac Thanks @sebald! - fix: FieldBase renders 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 5e1219c84 Thanks @sebald! - fix([DST-228]): Hotfix react-aria so space works inside forms in an accordion

  • Updated dependencies []:

    • @marigold/system@6.5.0
    • @marigold/icons@1.2.19

6.4.0

Minor Changes

Patch Changes

6.3.1

Patch Changes

  • #3402 d8b3cca2d Thanks @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 ea9db88fd Thanks @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 1d305f963 Thanks @sarahgm! - fix: allow width on datepicker

  • Updated dependencies []:

    • @marigold/system@6.2.6
    • @marigold/icons@1.2.15

6.2.5

Patch Changes

  • #3331 b9e1d147a Thanks @sebald! - fix: correctly apply spacing in <Inset>

  • #3339 581702881 Thanks @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 f7c475053 Thanks @renovate! - chore(deps): update react-aria

  • Updated dependencies []:

    • @marigold/system@6.2.3
    • @marigold/icons@1.2.12

6.2.2

Patch Changes

  • 46e86e2b3 Thanks @sebald! - fix: Resolve conflicting type dependencies in react-aria

  • Updated dependencies []:

    • @marigold/system@6.2.2
    • @marigold/icons@1.2.11

6.2.1

Patch Changes

  • #3314 a5515f34b Thanks @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

Patch Changes

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

Patch Changes

5.6.0

Minor Changes

Patch Changes

  • #2928 dc791efab Thanks @renovate! - chore(deps): update react-aria

  • Updated dependencies []:

    • @marigold/system@5.6.0
    • @marigold/icons@1.2.5

5.5.0

Minor Changes

Patch Changes

5.4.0

Minor Changes

Patch Changes

  • #2894 b3d577339 Thanks @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

Patch Changes

5.2.0

Minor Changes

Patch Changes

  • Updated dependencies [f11e2d7db]:
    • @marigold/system@5.2.0
    • @marigold/icons@1.2.1

5.1.0

Patch Changes

  • Updated dependencies [f5ec10d93, 6d7d6f621]:
    • @marigold/icons@1.2.0
    • @marigold/system@5.1.0

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" }}>.

  • #2740 7a61d39f4 Thanks @sarahgm! - chore: rename onSelect to onAction in Menu component

  • #2733 9cb030c11 Thanks @sarahgm! - chore: change prop onSelectionChange to onChange for select component

Minor Changes

Patch Changes

4.2.2

Patch Changes

4.2.1

Patch Changes

  • #2694 c7b919a3 Thanks @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 1bfe10cf Thanks @sarahgm! - feat: add <Fieldbase> to <RadioGroup> and <CheckboxGroup> to support errorMessage and helptext

Patch Changes

4.1.5

Patch Changes

  • #2674 832da2a6 Thanks @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

  • Updated dependencies [fcc320db, de5df9b6]:
    • @marigold/icons@1.1.10
    • @marigold/system@4.1.2

4.1.1

Patch Changes

  • #2655 0208fb01 Thanks @sarahgm! - fix: fix fieldbase width

  • Updated dependencies []:

    • @marigold/system@4.1.1
    • @marigold/icons@1.1.9

4.1.0

Minor Changes

Patch Changes

4.0.0

Major Changes

Patch Changes

3.0.6 (Released on Jun 11, 2025)

Patch Changes

  • Updated dependencies [d8fc387d]:
    • @marigold/system@3.0.6
    • @marigold/icons@1.1.6

3.0.5 (Released on Jun 2, 2025)

Patch Changes

  • #2575 0441cd20 Thanks @sarahgm! - feat: <XLoader> component for loading states

  • Updated dependencies []:

    • @marigold/system@3.0.5
    • @marigold/icons@1.1.5

3.0.4

Patch Changes

3.0.3

Patch Changes

3.0.2

Patch Changes

3.0.1

Patch Changes

3.0.0 (Released on Jul 8, 2025)

Major Changes

  • #2463 fcb15230 Thanks @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

Patch Changes

2.2.0

Minor Changes

Patch Changes

2.1.3

Patch Changes

2.1.2

Patch Changes

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 6e236e78 Thanks @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 6f3b6949 Thanks @sebald! - feat: <Button> correctly pass through all native props and option to take full width

Patch Changes

1.3.0

Minor Changes

Patch Changes

1.2.2

Patch Changes

  • #2177 51132dd8 Thanks @renovate! - chore(deps): update react-aria

  • Updated dependencies []:

    • @marigold/system@1.2.2
    • @marigold/icons@0.7.6

1.2.1

Patch Changes

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

  • Updated dependencies [b43464fc]:

    • @marigold/icons@0.7.5
    • @marigold/system@1.2.1
    • @marigold/types@0.5.2

1.2.0 (Released on Jul 8, 2025)

Minor Changes

Patch Changes

  • #2152 8980b645 Thanks @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 5a32c4b4 Thanks @sebald! - feat: Show sorting in <Table>

  • Updated dependencies []:

    • @marigold/system@1.1.0
    • @marigold/icons@0.7.2

1.0.1

Patch Changes

  • #2102 23c1a5ce Thanks @sebald! - feat: Remove all occurances of React.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 c35afcf2 Thanks @sebald! - refa: <Tooltip>

    • with arrow pointer yay!
    • allows to change placement
    • uses useComponentStyles
  • #2074 3aa2c100 Thanks @sebald! - refa: Remove "variant" prop from <Box>, use useComponentStyles instead

Minor Changes

Patch Changes

  • #2079 04db9229 Thanks @sebald! - fix: Indeterminate is visual only + correctly render with checkbox only

1.0.0-beta.0

Major Changes

Minor Changes

Patch Changes

0.9.0

Minor Changes

Patch Changes

0.8.0

Minor Changes

Patch Changes

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

0.5.1

Patch Changes

  • #1798 9939b743 Thanks @sebald! - fix(components): Use own flattenChildren helper to fix ESM build

  • Updated dependencies [a178eafe]:

    • @marigold/system@0.5.1
    • @marigold/icons@0.4.2

0.5.0

Minor Changes

  • #1727 026300b1 Thanks @sebald! - feat(components): <Text> add possibility to change font size via style props

Patch Changes

  • #1775 6da8eba2 Thanks @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

  • f9526234 Thanks @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 379041bc Thanks @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 be8dc989 Thanks @sebald! - feat(components): <Stack> correctly uses whitespace and supports usage as list
  • #1316 edfec8d9 Thanks @ti10le! - aria-label for all usages of select component use SSR Provider which is exported from package components/Provider in Gatsby wrapper
  • #1556 470f6e8d Thanks @ti10le! - feat(comp): remove span from button and add some styles to the button element, add space prop to button
  • #1521 00588fef Thanks @ti10le! - feat(comp/docs): change Inline component default align + use it in DoAndDont
  • #1448 ab879e66 Thanks @ti10le! - feature: replace useStyles in Badge, Menu, Message and ValidationMessage
  • #1506 7b2a0374 Thanks @ti10le! - infra(packages): add icons package as dependency to component package
  • #1131 0ccc10de Thanks @sebald! - feat(types): Clarify and improve polymorphic types by calling it by its actual name ... polymorphic! We also added types when no ref should be passed.

  • #1589 8cbcb91a Thanks @sebald! - feat: normalize <SVG> and move to system package

    BREAKING: <SVG> moved from @marigold/icons to @marigold/system

  • #1641 c49e5049 Thanks @sebald! - chore(config): Update storyboook configuration and used CSF again
  • #1636 4aeac33f Thanks @ti10le! - feat(comp): Field fix default variant + remove hardcoded variants

  • #1132 b6614f1f Thanks @sebald! - feat(compoents): Make <Text> and <Link> polymorphic

    <Text>

    • the as prop supports arbitrary inputs
    • supporst ref
    • supports style props (text-align, color, cursor, user-select)

    <Link>

    • the as prop supports arbitrary inputs
    • does not support ref!
    • improved accessibility (react-aria)
Last update: November 27, 2024