Skip to content

Releases: marigold-ui/marigold

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

Minor Changes

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

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

Patch Changes

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

Minor Changes

  • 6687af7: refa: remove footer from <Dialog> + allow styles

    • dialogs can only have action now
    • align buttons in <Dialog.Actions> correctly

Patch Changes

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

Major Changes

  • 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
  • f3f0ea0: With the changes of the <Dialog> component, we also needed to update they docs page.

Patch 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

  • 8c539d3: style(core): adjust the underlay color to be darker

  • d5386e4: fix(components): Display <Checkbox> focus ring and adjust focus ring of <Table>

    Focus ring was not showing for the <Checkbox>. It does now!

  • 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 [65608b4]

  • Updated dependencies [caefbe4]

  • Updated dependencies [2d9917f]

  • Updated dependencies [6f8e3a2]

  • Updated dependencies [7ea3838]

  • Updated dependencies [6687af7]

  • Updated dependencies [2babc0b]

  • Updated dependencies [f18c8aa]

  • Updated dependencies [d5386e4]

  • Updated dependencies [5c029ec]

  • Updated dependencies [2169b6f]

  • Updated dependencies [bfd2843]

  • Updated dependencies [0e77996]

  • Updated dependencies [b8cd92a]

  • Updated dependencies [45fb3c4]

  • Updated dependencies [f6a132c]

  • Updated dependencies [956982a]

  • Updated dependencies [df04623]

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

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

  • 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
  • df04623: Adding size to dialog component

Patch 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

  • 5798b4d: style(b2b): Adjust disabled label color

    Labels where unreadyble when the field was disabled. They had a really bad constrast on the white background. Use regular text color instead.

  • 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 [65608b4]

  • Updated dependencies [caefbe4]

  • Updated dependencies [2d9917f]

  • Updated dependencies [6f8e3a2]

  • Updated dependencies [7ea3838]

  • Updated dependencies [6687af7]

  • Updated dependencies [2babc0b]

  • Updated dependencies [f18c8aa]

  • Updated dependencies [d5386e4]

  • Updated dependencies [5c029ec]

  • Updated dependencies [2169b6f]

  • Updated dependencies [bfd2843]

  • Updated dependencies [0e77996]

  • Updated dependencies [b8cd92a]

  • Updated dependencies [45fb3c4]

  • Updated dependencies [f6a132c]

  • Updated dependencies [956982a]

  • Updated dependencies [df04623]

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

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

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

Patch Changes

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

Patch Changes

@marigold/[email protected]

25 Oct 16:17
0b52ddd
Compare
Choose a tag to compare

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/[email protected]

11 Sep 12:54
78fda19
Compare
Choose a tag to compare

Patch Changes