v5.0.0

This major version brings support for React 18 with Typescript. This means that the library should work with React 17 and React 18 types.
The support for React 18 introduces a breaking change : we bumped react-router from v5 to v6.

⚠ BREAKING CHANGES

• migrate to react router v6 (3951648)
• rename exact prop to end in NavMenu, GlobalNavigation, RouteLink, NavItem, NavMenuItem, and NavMenuOption to follow react-router v6 rename (3951648)

Features

• Support for React 18 with Typescript (74e163f)
• Lozenge: add default lozenge type in LozengeType enum (74d2869)
• Lozenge: add lozenge types (88c1569)
• Modal: add parentSelector (1cb1ac5)
• RadioButtonGroup: add tooltip to label (1a329f5)
• SectionalBanner: allow custom children type (c8ecf11)
• Tag: add forwardRef to Tag component (adf9fb5)

Bug Fixes

• Datepicker: fix width on wrapper (33dc9c0)
• DesignSystem: styleSheetManager allows only one child (7a3d31e)
• Lozenge: set font weight to 400 (71aad1f)

Libraries updates

• Updated date-fns from v2.22 to v2.29
• Updated react-datepicker from v4.1 to v4.8
• Updated react-modal from v3.14 to v3.16
• Updated react-popper-tooltip from v4.3 to v4.4
• Updated react-router and react-router-dom from v5 to v6
• Updated react-swipeable from v6.1 to v7.0
• Updated react-table from v7.7 to v7.8.0

Full Changelog: v4.1.0...v5.0.0

v4.1.0

Features

• add controllable data-testid to inputs (01ad6d5)
• Badge: add badge component (af928de)
• Badge: add offset props (7e3aa78)
• BentoMenuButton: add productGroups props (bea770c)
• Button: set button default html type to button (#441) (aad36a4)
• GlobalBanner: add onDismiss callback (5e1b0d1)
• Icon: add alert circle icon (14ac346)
• Icon: add megaphone icon (3182b69)
• IconGallery: use IconGallery to display icon components (5ea3ca4)
• PasswordCreationInput: create password creation input component (1e4215f)
• PhoneInput: add controllable data-testid (9a20ed6)
• RadioButtonGroup: add controllable data-testid (882a13d)
• Tabs: add onBeforeUnload callback to tabs (9874a4f)
• Tabs: make onBeforeUnload async (edd8d02)

Bug Fixes

• DatePicker: day names appear over the first row of the calendar (3c508f0)
• ListBox: increase list box z-index (2d74260)
• Select: fix select options when a value is already selected (a2d096d)
• Storybook: stories in the wrong order (migrate to SB v6.5) (d16a669)
• Tabs: allow Tabs to have a stable id (2683dd2)

v4.0.0

⚠ BREAKING CHANGES

• AddButton: remove AddButton component
• ApplicationMenu: rename to GlobalHeader
• Banner: rename to GlobalBanner
• ChooserButtonGroup: onChange receives option instead of event to match other components
• GlobalHeader: add skipLink prop and remove skipLinkHref
• MenuButton: remove label to use children prop instead
• SectionalBanner: rename InlineMessage to SectionalBanner
• Tag: add Clickable tag, update to match spec and remove Tags container
• Tooltip: use children to add a tooltip to any element and add a label prop

Features

• add autofocus prop to buttons (7d86c7f)
• BentoMenuButton: expose onMenuVisibilityChanged prop (1e6ace5)
• Button: add WithIcons story (22e4af7)
• Button: added inverted colors for buttons (#281) (3c08f67)
• ChooserButtonGroup: onChange receives option instead of event to match other components (80e5fe1)
• Datepicker: add tooltipLabel prop (fd6f816)
• DeviceContextProvider: export useDeviceContext (a4440a7)
• DropdownMenu: added dropdown menu component, created bento menu and update user-profile (#299) (5dfc261)
• DropdownMenuButton: add buttonAriaLabel prop (a4104ae)
• DropdownMenuButton: handle tab on button (65c8dbf)
• DropdownNav: added disabled props for items in nav (9979b81)
• ExternalLink: add screen-reader text when link opens in new tab (f7b108d)
• FieldContainer: add tooltip next to label with tooltipLabel prop (c7d924a)
• GlobalBanner: add forwardRef to GlobalBanner (993c91b)
• GlobalBanner: use ReactElement | null for return type (f66e49f)
• GlobalBanner: use ReactElement for return type (91445b1)
• GlobalBanner: add actionButton prop (c138269)
• GlobalBanner: add default type (155639a)
• GlobalBanner: add isDismissable prop (641a010)
• GlobalBanner: add secondary-action-button (d0332b4)
• GlobalBanner: export GlobalBannerType (ed6c920)
• GlobalBanner: set container position to relative to work with ApplicationMenu (9ae5d73)
• GlobalBanner: update styles (f883c71, a7e5a1f, f10c97b, e5051cd)
• GlobalHeader: add appTitleDesktop prop (51e7dbc)
• GlobalHeader: add possibility to not use react-router (ee61c35)
• GlobalNavigation: add onClick callback to navigation-items (28e3411)
• Icon: add alertFilled and warningFilled icons (883a132)
• Icon: add organization icon (b729c1b)
• Icon: add Bento and Settings icons (ded9d31)
• Icon: add eye icon (9c02aa7)
• Icon: added bell & equisoft icons (#288) (42ef55f)
• Icon: added new icons (#324) (082a15d)
• IconButton: add title prop (6ca18a6)
• Lozenge: add icon prop (8e951d6)
• Lozenge: added basic lozenge component (#301) (a8427a3)
• Menu: add submenu (36a3c1f)
• MenuButton: add className prop (70fae8f)
• MenuButton: add label prop (8beec99)
• MenuButton: add MenuButton component (83a692f)
• MenuButton: add option to use IconButton with iconName prop (39b886c)
• ModalDialog: add shouldCloseOnOverlayClick prop (6806b70)
• ModalDialog: add titleIcon prop (3135fb3)
• ModalDialog: expose hasCloseButton prop (432bf14)
• NavigationMenu: added icon support for nav-menu-button (#280) (14a64be)
• NavItem: add screen-reader text when link opens in new tab (f7b7d61)
• NavItem, ExternalItem: added target props (#317) (c3130bb)
• NavMenu: add screen-reader text when link opens in new tab (425484b)
• NavMenu: add target prop to NavMenuOption (0a14b85)
• NavMenu: add disabled options (b9ef8de)
• NavMenu: add startIcon and endIcon props (1538c30)
• NavMenu: allow usage without react-router (9d3b719)
• NavMenuButton: add onMenuVisibilityChange and onMenuOptionSelected callbacks ([52c6fe8](h...

v3.5.0

Features

• Listbox: add disabled options (16838be)

Bug Fixes

• ApplicationMenu: fix positioning of content (617dfeb)
• Pagination: fix when number of digits is > 1 (2839445)
• Tooltip: fix layout order for assistive technologies (052b565)

Other

• ChooserButton: use useMemo for uuid (abfccd2)

v3.4.0

Features

• ApplicationMenu: add SkipLink (775c522)
• PhoneInput: added the phone input base component (deff1b6)
• Status: add Status component (#260) (5b80c9f)
• Tabs: mount all tabs panel by default and add a lazy mount feature to the tabs component (b756e8d)

Bug Fixes

• Button: change secondary button background-color to white (efb1dbd)
• Storybook: move checkbox to correct section (8c3c371)

Other

• Status: expose className prop (#263) (b9c15ee)

Doc

• Storybook: improve components hierarchy (d659861)

v3.3.0

Features

• ApplicationMenu add custom logo prop to the application menu component (005ee1e)
• Checkbox add Checkbox component (a9a4987)
• Heading: add subtitle type (12dd133)
• Table: add default column sorting (740bbdb)
• Table: add selectable rows (01b786a)
• Table: expose SortByColumnOptions through TableColumn interface (2d0a7f5)
• TextInput: add autocomplete props to textinput (fdafb51)

Other

• Breadcrumb: expose className prop (3792d63)
• Card: update box-shadow (71719d9)
• Links: update focus styles (90dabe3)
• RouteLink: use transient props for isMobile (8667e0a)

v3.2.0

Features

• Modal: add sticky header and footer on scroll (86ca485)
• SearchInput: add onFocus (#241) (87dd87b)
• GlobalNavigation: add core button (d1da84a)
• GlobalNavigation: add labels for menu elements (d1da84a)
• GlobalNavigation: add footer separation (d1da84a)

Bug Fixes

• NavMenuButton: fix keyboard navigation inside shadow dom (825fa8f)

v3.1.0

Features

• DesignSystem: add DesignSystem provider (#238) (ce73c5e)

Docs

• add Intro page and improve Getting Started (#239) (38bf874)
• improve Storybook's props details generation (80143c8)

v3.0.0

Features

• Add className prop to UI components (f1e19c8)
• Avatar: Added basic Avatar with initials to DS (d1ca624)
• Avatar: Username optional with placeholder icon (dcd0590)
• Breadcrumb: Added breadcrumb component (1e4a02a)
• Buttons: Add destructive styles (21b4c70)
• CardLink: Add CardLink component (5634d6f)
• ChooserCard: Add ChooserCard component (50f48cf)
• Datepicker: Add reset() ref handle (d83178f)
• Datepicker: Add setDate() ref handle (6557b98)
• ExternalLink: Visual update (#225) (d7200bd)
• Heading: Add Heading component (33b716a)
• Listbox: Add multiselect feature (ef51ac0)
• Modal: Ajoute le component Modal et le component preset ModalDialog (#146) (f8d16f3)
• MoneyInput: Ajoute un MoneyInput qui formate la valeur entrée en fonction de la langue (#118) (f50a2af)
• NavMenu: Add NavMenu component (35f69c7)
• NavMenu: Add exact prop to links (b541c65)
• NavMenuButton: Add NavMenuButton component (9e6f2bf)
• Pagination: Avoir une valeur props pour la page courante. (#206) (f847e26)
• SearchGlobal: Mettre à jour le visuel (daf22ef)
• Select: Ajoute un component select dropdown avec une fonctionnalité de recherche (#98) (0e0c7bb)
• SkipLink: Add SkipLink component (ffab935)
• SkipLink: Add mobile styles (3afac43)
• StepperInput: Add StepperInput component (aa6c1c9)
• Table: Add column className documentation (bf2f098)
• Table: Add error rows feature (9c84934)
• Table: Add row numbers feature (71511d8)
• Table: Add rowSize feature (bd43601)
• Table: Add striped rows feature (42c0b9b)
• Tabs: Support ArrowLeft/ArrowRight tabs edge + Home/End support to Tabs (c208d18)
• Tags: Add Tags component (6e58634)
• TextArea: Character counter and validation (a784d99)
• TextInput: Add id prop (8d320d6)
• TextInput: Add name prop (70af7d1)
• Theme: Changed new theme colors (b1749bf)
• ToggleSwitch: Add ToggleSwitch component (2ad8756)
• Tooltip: Ajoute un component Tooltip avec positionnement dynamique (#116) (fb96cbc)
• UserProfile: Add UserProfile component (0300311)

Bug Fixes

• Adjust min-height for accessibility when zooming (#221) (ac68489)
• Event handling for "click outside" when mounted in shadow dom (122d15f)
• Button: Fix disabled styles (72b0e96)
• Datepicker: Fix keyboard navigation inside Shadow DOM (a44ffc4)
• Datepicker: Convert null values to undefined for minDate and maxDate props (9ca7237)
• NavMenuButton: Add missing changes from previous PR (e49c757)
• Search: Fix border right to appear in SearchContextual (8789de9)
• SideDrawer: Add react state to stories (169f5ab)
• Table: Sortable column icon doesn't change (fc0e443)
• Tabs: Tab key inputs on tabs messes with tabs selection (263c114)
• Tabs: Tab key inputs should focus back to the active tab and focus to the panel if already on the active one (fb1a3dd)
• Tabs: Fix border colors (444fc81) (6f92075)
• ToggleButtonGroup: Resize and color update (#226) (31289ba)
• ToggleButtonGroup: Adjusted style (fafb7cd)
• ToggleButtonGroup: Fix min-height for accessibility when zooming (#222) (c77d44b)

⚠ BREAKING CHANGES

• Rename Chooser component to ChooserButtonGroup (faceb45)