Releases: kronostechnologies/design-elements
v9.4.2
v9.4.1
v9.4.0
v9.3.1
v9.3.0
v9.2.1
v9.2.0
What's Changed
Features
- Icons: add
graph
andmaximize
icons (#1049) (6e9bd87) - Table: add
hideSelectAll
prop to hide checkbox in header (#1058) (04be730) - Table: add rows grouping (#1003) (ecbaaed)
- Table: include returning subrows when on expandable multiple mode (#1054) (b46b8ba)
- Table: support providing selected rows to sync with external model (#1055) (f47d1d8)
Bug Fixes
- Listbox: add bgcolor to selected indicator (#1033) (4f436be)
- MoneyInput: use locale from context if no locale provided (#1050) (e87320d)
- TextInput, InvalidField: remove a11y attribute error message + aria-invalid is automatic (#1034) (45dc6fc)
Dependencies
Full Changelog: v9.1.1...v9.2.0
v9.1.1
What's Changed
Bug Fixes
- Button: small variants have the wrong size applied (#1038) (9d635a6)
- Datepicker: restore click outside behaviour with shadow dom (#1046) (cf3ccc2)
- RadioButtonGroup: fix collapse animation for React 18 (#1043) (05cefaa)
- RadioButtonGroup: set default width to 100% and add margin between content and input (#1044) (e629d68)
- RadioCard: missing background change when radio is checked (#1042) (bf037a5)
Dependencies
Full Changelog: v9.1.0...v9.1.1
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
Bug Fixes
Dependencies
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 torowSelectionMode
(#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