v9.1.0

What's Changed

This version also include all the changes from the deprecated v9.0.0.
With this release, we are introducing a new way to style certain elements inside the components.
This is done by exposing CSS classes through a Javascript object that can be used to style the elements.
We added classes for the TextInput component and components that extend it, such as MoneyInput and NumericInput.

In previous versions, you could style the input element inside the TextInput component by using the input CSS selector.

import { TextInput } from '@equisoft/design-elements-react';

const SomeInput = styled(TextInput)`
    input {
        width: 80px;
    }
`;

With this release, this is not possible anymore. Instead, you should use the textInputClasses.control class inside the TextInput component.

import { TextInput, textInputClasses } from '@equisoft/design-elements-react';

const SomeInput = styled(TextInput)`
    .${textInputClasses.control} {
        width: 80px;
    }
`;

Features

• MoneyInput,NumericInput,TextInput: expose CSS class to allow styling elements (#1027) (e38c8f6)

Bug Fixes

• Checkbox: prevent input compression with long text (#1021) (2b66bae)

Dependencies

• update react-router (#1031) (1c1802c)

Full Changelog: v9.0.0...v9.1.0

v9.0.0

⚠ BREAKING CHANGES

• SegmentedControl: renamed component design tokens (#995)
• SectionalBanner: headingTag prop doesn't accept "span" value anymore (#988)
• Table: renamed selectableRows prop to rowSelectionMode (#976)

New Components

• Link
• Fieldset
• ProgressCircular
• Slider

Features

• Button: add loading state (#990) (851ac49)
• Fieldset: implement fieldset component (#952) (a519381)
• Icon: add table and export icons (#996) (9c9e005)
• Link: implement link component (#953) (512bb43)
• Modal: adjust styling, adds width flexibility and header is now bold (#984) (509e7a1)
• ProgressCircular: new component (#1011) (967abcf)
• RadioButton, RadioCard, RadioButtonGroup: extract radio input (#999) (c691a0c)
• SectionalBanner: fix html and less restrictive usage (#988) (9a8b3fc)
• SegmentedControl: new Style and add icon (#995) (0a78376)
• Slider: add new slider component (#893) (4d8cdab)
• Table: adds single rowselectionmode to table (#976) (a7958f4)
• TextInput: add adornment (#949) (aea2a85)

Bug Fixes

• DatePicker: when entering a date without separators, valid date should call onChange (#972) (91b42e4)
• Icon: change color 'link' icon to currentColor (#966) (0439711)
• Modal: icon add ariaHidden (#970) (4ecca0f)
• MoneyInput: update styling and behavior (#1010) (ac166db)
• Pagination: change span for div (#965) (2eb2827)
• RadioButton: not centered when zoomed (#967) (b409142)
• Spinner: replace svg (#983) (c8ee565)
• Theme: resolve alias tokens to ref token values (#1013) (d940897)
• Token: replace visited color (#1015) (ec3f204)

Dependencies

• deps: update dependency date-fns to v4 (#992) (b0cfc57)
• deps: update dependency i18next (#991) (351b6f4)
• deps: update dependency i18next (#974) (b3d7b21)
• deps: update dependency i18next (#1006) (c9bfeee)
• deps: update dependency react-datepicker (#997) (148a25f)
• deps: update dependency react-datepicker (#1008) (c6cbbed)
• deps: update dependency react-datepicker to v7 (#907) (00e4e54)
• deps: update dependency react-i18next (#1017) (b32b193)
• deps: update react-router (#962) (17f7c78)
• deps: update react-router (#1004) (8f10a4a)

Docs

• storybook: update data table (#841) (f338261)
• webapp: added delete action (#968) (9566b3f)
• webapp: added users data table (#935) (c88c8a1)

Full Changelog: v8.0.0...v9.0.0

v8.0.0

⚠ BREAKING CHANGES

• Table: fix error background + add large size (#954) (8576501)
  • Removed table-row-error-border-color design token

Features

• Disclosure: implement disclosure component (#931) (8232a62)
• RadioButton: standalone radio button component (#903) (6ed27f3)

Bug Fixes

• Button: replace disabled by attribute aria-disabled (#950) (b724b3f)
• GlobalBanner allow secondary action in alert banner (#942) (9cc7e22)
• ModalDialog: align text with icon (#943) (8d11142)
• SegmentedControl: hover style on pressed btn (#944) (9d6069f)
• Table: sortable column headers focus state (#939) (3a07774)

Dependencies

• deps: update dependency i18next (#938) (f779790)
• deps: update dependency react-i18next (#948) (1f0103d)
• deps: update react-router (#946) (a4c1519)

Docs

• Storybook: ajout doc bug report (#941) (fc7fef9)
• Storybook: update modal dialog and modal (#783) (21f88c4)

Full Changelog: v7.1.0...v8.0.0

v7.1.0

Features

• StepperInput: continuous increment/decrement using pointer (#902) (af8dea7)
• Toggletip: add icon button size and minor visual fixes (#913) (46c70be)

Bug Fixes

• Datepicker: change backdrop color (#932) (882c11e)
• Icon: fix defaultProps deprecation warning (#926) (30cfed7)
• PasswordCreationInput, PasswordInput: change button size (#914) (10f7821)
• SectionalBanner: fix isMobile prop warnings (#925) (24348c2)

Full Changelog: v7.0.0...v7.1.0

v6.4.1

Bug Fixes

• RadioButtonGroup: prevent focus on collapsed content (#909)

Full Changelog: v6.4.0...v6.4.1

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

v6.4.0

Features

• Button: add variant (#791) (69ee4f8)
• Datepicker: allow entering the date without separators (#881) (329cc3e)

Bug Fixes

• DropdownList: prevents error when explicit value is not in options (#892) (1e8cd64)

Full Changelog: v6.3.0...v6.4.0

v6.3.0

Features

• dropdown-list: implements multiselect variant of dropdown-list (#805)

Full Changelog: v6.2.0...v6.3.0

v6.2.0

Features

• icons: add unlink arrow down and up in circle icons (#799) (8430861)

Full Changelog: v6.1.2...v6.2.0

v6.1.2

Bug Fixes

• Datepicker: call calendar open/close events in calendarbutton on mousedown callback (#725)

Full Changelog: v6.1.0...v6.1.2