v7.0.0

⚠ BREAKING CHANGES

This release includes a complete refactor of theming and introduces design tokens. If you are using custom themes, you need to recreate them to use the new mapping instead. To create a theme you need to provide a ThemeCustomization to the buildTheme function and pass the result to the DesignSystem provider.

• Button: replace destructive for destructive-primary (#809)
• GlobalBanner: update and rename variants (#751)
• Lozenge: update lozenge variants (#769)
  • Updated variants names
  • Renamed type to variant
• Progress: renamed to ProgressTracker
• ProgressTracker: non linear and clickable (#726)
  • label is now required on every step item.
• Tabs: add default selected tab option (#885)
  • id is now mandatory
• Tabs: add delete tabs (#747)
  • Removed contained prop.
• Theme: update merge theme and theme wrapper (#838)
  • theme only accepts the new ResolvedTheme
• Tag: update colored tag variant (#758)
  • Renamed onDelete to onRemove
  • Removed onClick and moved to the new component ToggleTag
• Table: expandable rows (#759)
  • TableColumn<T> now represents one column instead of the whole array`
• deps: update react-table to v8 (#707)
  • Sorting on multiple columns is not possible anymore
  • Columns definition:
    • accessor renamed to accessorKey.
    • Header renamed to header.
    • Footer renamed to footer.
    • Cell renamed to cell.
    • All disable* column options were renamed to enable* column options.

Features

• Accordion: added handle on the toggle expanded (#711) (44c3b49)
• Button: allow icons to be placed left and right of button (#866) (43850e3)
• Button: replace destructive for destructive-primary (#809) (edc6093)
• ColorTokens: add structure components color tokens (#765) (9c9502a)
• Combobox: create component (#703) (1784fd0)
• Combobox: restrict custom values (#771) (fcdb6e9)
• Console: provide a mean to log only in dev (#794) (78bdf72)
• DropdownList: add icon to dropdown-list (#873) (f651bff)
• GlobalBanner: update variants (#751) (4394b08)
• Lozenge: update lozenge variants (#769) (ff4e472)
• ProgressTracker: non linear and clickable (#726) (18563d4)
• Table: add header grouping to table header (#784) (7b35956)
• Table: expandable rows (#759) (80006c1)
• Tabs: add default selected tab option (#885) (8c66ac4)
• Tabs: add delete tabs (#747) (2249458)
• Tag: update colored tag variant (#758) (d7429a5)
• Theme: add component tokens (#710) (c4d3118)
• Theme: add data components design tokens (#760) (307fdd0)
• Theme: add navigation components design tokens (#730) (3171e49)
• Tooltip: fix dynamic width (#778) (78a7d61)

Bug Fixes

• Carousel: remplacer btn par composant icon button (#884) (47a5970)
• GlobalBanner: title on single line (#822) (08af5fa)
• Listbox: add selected indicator (#785) (e3f3399)
• MenuButton: added disabled on MenuItem in MenuButton (#702) (eed3148)
• NumericInput: show error message initially (#708) (d26b2b8)
• Pagination: replace totalPages with resultsPerPage (#717) (b2ef0df)
• RadioButtonGroup: prevent focus on collapsed content (#899) (9e1164e)
• RadioButtonGroup: fix transition for radio button group. (#741) (bc1125a)
• SkipLink: add bg-color (#793) (258ae91)
• Storybook: add explicitly docs container to fix defective 'show code' button (#900) (da67b88)
• Table: table background color matches container background (#701) (6146126)
• Tag: fix a11y et arialabel (#883) (8d708a4)
• UserProfile,NavItem: pass target to html-link and use external-link (#653) (fddb2e6)

Docs

• Storybook: complete rehaul of the components stories structure
• webapp: create a demo webapp (#856) (019f17d)

Dependencies

• updated react-datepicker to v6
• updated react-table to v8

Other

• deps: update react-table to v8 (#707) (73dc3d0), closes #696
• Theme: update merge theme and theme wrapper (#838) (267b1a1)