Releases: dxc-technology/halstack-react
Releases · dxc-technology/halstack-react
16.0.0
What's Changed
💥 Breaking changes
- New token-based theming system based on a CSS-token architecture instead of a JSON structure. Check out our migration doc. 2213 2295 2298
- All existing components have been updated with the new tokens architecture. Also to apply them correctly make sure to use the prop
opinionatedThemein theHalstackProviderinstead of the previousthemeprop. <DxcTag>deprecated component removed. 2224<DxcSlider>tabIndex prop removed. 2164<DxcToggleGroup>labelandhelperTextprops have been removed, anddisabledis now part of each toggle. 2183<DxcTabs>legacy props removed. 2178<DxcHeading>weight prop type changed tolight,defaultandregular. 2214<DxcNavTabs>iconPositionprop default value changed toleft. 2211<DxcApplicationLayout.Header>new design and implementation. 2328<DxcApplicationLayout.Footer>new design and implementation. 2326<DxcApplicationLayout.Sidenav>new design and implementation. 2319<DxcApplicationLayout>updated to match compound components redesigns; the proplogohas been moved fromDxcApplicationLayout.HeaderandDxcApplicationLayout.SidenavtoDxcApplicationLayout. 2337 2356
✨ New features
- New
<DxcAvatar>component. 2285 2312 - New select all functionality for the
<DxcSelect>component via theenableSelectAllprop. 2222 - Added keyboard support for
<DxcToast>. 2233 - Added virtualization to the select component in the
<DxcPaginator>. 2297 - Added virtualization to
<DxcSelect>. 2243 - Added virtualization to
<DxcResultsetTable>. 2230 <DxcSpinner>added newinheritColorprop to inherit the color. 2179optionalprop added to<DxcFileInput>component. 2273- New
orientationprop in<DxcToggleGroup>to allow changing the stack orientation. 2183 - Added a new level 6 to
<DxcHeading>. 2214
🐛 Patches
- Fixed problem when setting the hierarchical
<DxcDataGrid>to an empty array. 2288 - Fix to correctly handle loading indicators in
<DxcDataGrid>. 2290 <DxcTabs>documentation and typing were fixed to state that the component needs eithertabIdorlabel. 2293- Fix to
itemsPerPageOptionsnot affecting<DxcPaginator>display condition. 2236 <DxcDataGrid>styles in NextJS. 2266- Fix
<DxcPaginator>component responsiveness. 2277 - Fix background color in
<DxcDataGrid>. 2335 <DxcApplicationLayout>improved to behave better with a custom header or footer. 2249- Fixed issues with the outline and active tab underline in
<DxcTabs>2211
Others
- Emotion migration to remove styled components (which is now in maintenance mode). Emotion becomes a peer dependency instead of styled components. 2248
15.3.2
✨ New features
<DxcContainer>exposes theref. 2346<DxcFlex>can fill the whole height when the propfullHeightis set to true. 2346- Searchable
<DxcSelect>can now be searched with 'startsWith' mode. 2358
🐛 Patches
- Improved
<DxcTabs>visibility when the active tab is changed in responsive mode. 2334
15.2.2
🐛 Patches
<DxcQuicknav>Fixed interaction withhashRouter. 2318<DxcSelect><DxcNumber>Tooltip is no longer displayed whendisabled. 2316 2329<DxcNavTabs>Implementasfunctionalty to check ifhrefis defined. 2310- Improved
PopOverand<DxcDialog>behavior with the z-index and where it appears in the DOM. 2292 2295 <DxcBreadcrumbs>Fixed a bug that did not allow the component to navigate when clicked. 2330
15.2.1
15.2.0
🐛 Patches
<DxcDataGrid><DxcResultsetTable>Improved paginator visibility condition for the datagrid and the resultsetTable. 2172 2236<DxcDatagrid>Improved internal state management in the datagrid, this fixes some inconsistencies in the behaviour. 2238<DxcNavTabs>Now correctly supports onClick. 2265<DxcFileInput>Better compatibility with stricter CSP. 2286<DxcResultsetTable>Fixed sort icon resizing when it should not.
✨ New features
15.1.3
15.1.2
15.1.1
15.1.0
🐛 Patches
<DxcDatagrid>checkbox is no longer selected in the header if it is empty. 2174<DxcDatagrid>no longer behaves incorrectly if theuniqueRowIdis invalid. 2174<DxcDatagrid>fixed a style issue when editing a cell in a dark themed system. 2209<DxcAccordion>Label is no longer missaligned when the subLabel is longer than the label. (text-align: leftapplied to thelabel)