DXC Logo
Halstack Design System
v16.1.0

Overview

Guidelines

Foundations

Migration

Utilities

Components

Releases

Access all the major releases of the Halstack React library and see the changelog of every version available.

Major released versions

Every major release of Halstack is collected below:

All the other previous versions, such as Halstack 5 or Halstack 4, are still available on the legacy sites. But remember, these sites are no longer maintained. Consider upgrading if you are currently using one of them.

Next version

To check the latest features under development by the Halstack team, you can access the next version of the documentation through this link. Please note that this version is unstable and may contain minor bugs. For a better experience with Halstack, we recommend, if possible, always using the latest release available.

Release notes

16.1.0

Released on Tuesday, April 14, 2026.

What's Changed

✨ New features

  • <DxcFileInput> now supports a size prop. 2403

🐛 Patches

  • Fixed <DxcTabs> active tab visibility issue when horizontal scrolling is enabled. 2452
  • Fixed <DxcPaginator> renderization on <DxcResultsetTable>. 2445
  • Fixed <DxcTextInput> size when container width is smaller than 100px. 2369
  • Fixed <DxcTextInput> malfunction with action when using fillParent size. 2398
  • Updated <DxcApplicationLayout.Footer> to span the full page width. 2382
  • Added SVG support to the logo property. 2382
  • Fixed <DxcApplicationLayout.Sidenav> behavior: submenus now close when collapsing and <DxcApplicationLayout.Footer> is removed on expanded sidenav in small devices. 2383 2385
  • Fixed inconsistent spacing between the application logo and the collapse/expand button in the <DxcApplicationLayout.Sidenav> component. 2442
  • Fixed several issues in <DxcTabs> component with tabId. 2387
  • Updated DXC logos used in <DxcApplicationLayout.Footer>. 2402
  • Fixed styles from <DxcParagraph> styled component. 2424
  • Resolve vulnerabilities. 2367 2386 2405 2406 2419 2426 2436 2438 2440 2441 2409 2384 2433 2434 2449 2448 2455

15.3.3

Released on Tuesday, March 31, 2026.

🐛 Patches

  • Material Symbols and Open Sans fonts are now bundled within Halstack to ensure compatibility in environments where external font requests are restricted.
  • Added aria-label to suggestions list in DxcTextInput and options list in DxcSelect.

16.0.1

Released on Thursday, March 26, 2026.

🐛 Patches

  • Material Symbols and Open Sans fonts are now bundled within Halstack to ensure compatibility in environments where external font requests are restricted.

16.0.0

Released on Thursday, December 4, 2025.

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 opinionatedTheme in the HalstackProvider instead of the previous theme prop.
  • <DxcTag> deprecated component removed. 2224
  • <DxcSlider> tabIndex prop removed. 2164
  • <DxcToggleGroup> label and helperText props have been removed, and disabled is now part of each toggle. 2183
  • <DxcTabs> legacy props removed. 2178
  • <DxcHeading> weight prop type changed to light, default and regular. 2214
  • <DxcNavTabs> iconPosition prop default value changed to left. 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 prop logo has been moved from DxcApplicationLayout.Header and DxcApplicationLayout.Sidenav to DxcApplicationLayout. 2337 2356

✨ New features

  • New <DxcAvatar> component. 2285 2312
  • New select all functionality for the <DxcSelect> component via the enableSelectAll prop. 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 new inheritColor prop to inherit the color. 2179
  • optional prop added to <DxcFileInput> component. 2273
  • New orientation prop in <DxcToggleGroup> to allow changing the stack orientation. 2183
  • Added a new level 6 to <DxcHeading>. 2214
  • New fullHeight prop in <DxcFlex> allowing the flex container to occupy the full height of its parent. 2346

🐛 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 either tabId or label. 2293
  • Fix to itemsPerPageOptions not 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

Released on Wednesday, December 3, 2025.

✨ New features

  • <DxcContainer> exposes the ref. 2346
  • <DxcFlex> can fill the whole height when the prop fullHeight is 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

Released on Tuesday, November 11, 2025.

🐛 Patches

  • <DxcQuicknav> Fixed interaction with hashRouter. 2318
  • <DxcSelect> <DxcNumber> Tooltip is no longer displayed when disabled. 2316 2329
  • <DxcNavTabs> Implement as functionalty to check if href is defined. 2310
  • Improved PopOver and <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

Released on Friday, September 19, 2025.

🐛 Patches

  • Fixed incorrect internal prop value that does not affect users.

15.2.0

Released on Friday, September 19, 2025.

🐛 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

  • <DxcDatagrid> Trigger event added for hierarchical expand. 2241
  • <DxcTabs> Active tab is focused by default when rendered in responsive mode. 2254
  • <DxcTextInput> Alignment prop added. 2264

15.1.3

Released on Wednesday, July 23, 2025.

🐛 Patches

  • <DxcResultsetTable> Improved resultsetTable header structure.
  • <DxcPaginator> Paginator buttons localization support.
  • z-index values overhaul to improve interactions between components.

15.1.2

Released on Wednesday, May 28, 2025.

🐛 Patches

  • <DxcTabs.Tab> Fixed a typing bug related to the legacy Tabs.

Released on Wednesday, May 28, 2025.

🐛 Patches

  • <DxcTabs.Tab> label is no longer required. A new prop tabId is used instead to identify internally the tab when no label is available. 2232 2227

Released on Wednesday, May 21, 2025.

🐛 Patches

  • <DxcDatagrid> checkbox is no longer selected in the header if it is empty. 2174
  • <DxcDatagrid> no longer behaves incorrectly if the uniqueRowId is 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: left applied to the label)

✨ New features

  • Added the option to have rows expanded by default in the <DxcDatagrid>. 2206
  • Added the option to select the page in which the <DxcDatagrid> is rendered by default. 2209

15.0.1

Released on Wednesday, March 19, 2025.

🐛 Patches

  • Change react-data-grid to the peer dependencies to solve incompatibilities. 2191
  • Added small improvements to the package.json. 2191
  • Vulnerability fixes. 2191

14.1.1

Released on Wednesday, March 19, 2025.

🐛 Patches

  • Change react-data-grid to peerDependency to solve incompatibilities.

15.0.0

Released on Thursday, February 27, 2025.

💥 Breaking changes

  • New <DxcAlert> component. It previously existed in Halstack but has been redesigned and reimplemented with a new API. 2119
  • New <DxcAccordion> component. It previously existed in Halstack but has been slightly redesigned and reimplemented with a new API. 2157
  • Removed <DxcAccordionGroup> component. It has been replaced by the DxcAccordion. 2157
  • Renamed prop isCloseVisible to closable in the <DxcDialog> component. 2125
  • Fixed a typo in naming the hamburger tokens: hamburguerXXX ⇒ hamburgerXXX. 2134

✨ New features

  • Added ariaLabel prop to <DxcTextarea>. 2135
  • Added ariaLabel prop to <DxcCheckbox>. 2136
  • Added ariaLabel prop to all the input components. 2137
  • Added ariaLabel prop to <DxcSlider>. 2141
  • Added ariaLabel prop to <DxcSelect>. 2142
  • Added ariaLabel prop to <DxcSwitch>. 2143
  • Added ariaLabel prop to <DxcProgressBar>. 2144
  • Added ariaLabel prop to <DxcSpinner>. 2145
  • Added ariaLabel prop to <DxcRadioGroup>. 2146
  • Added showControls prop to <DxcNumberInput>. 2171

🐛 Patches

  • Improved focus lock functionality used in several components to retain focus inside (for example, the <DxcDialog>). 2125
  • Fixed <DxcTypography> issue with other external bundlers. 2124

Others

  • Color updates. 2128
  • General accessibility enhancements and fixes in several components. 2134
  • The <DxcDialog> component now uses our action icon as the close button. 2134
  • Added comments to the props types of both the <DxcAlert> and the <DxcToast> components. 2134

14.1.0

Released on Thursday, November 28, 2024.

✨ New features

  • Contextual menu enhacements. 2098
  • Adding our tooltip to missing components and scenarios. 2100
  • Flex component enhancements. 2101
  • New "small" size value for the date input. 2102
  • New spacing values for our layout components. 2103
  • Data grid improvements. 2099
  • Actions cell added to the data grid. 2108
  • Adding Material icons as an @import to the build using injectStyles. 2117

🐛 Patches

  • Fixed file names that didn't display whitespaces. 2107 2114 2116
  • Fixed the underlying issue within the Tabs component. 2112
  • The opinionated button theme was updated to fix contrast issues. 2113

Others

14.0.0

Released on Thursday, September 26, 2024.

💥 Breaking changes

  • Removed the DxcBarChart component. 2066
  • Removed deprecated DxcBox component. 2092
  • DxcButton prop size rethinked. 2042
  • DxcButton prop mode value renamed from text to tertiary. 2042

✨ New features

🐛 Patches

  • Updated DxcLink border-radius. 2039
  • Material symbols were added to the import in HalstackProvider to fix the Icon load. 2075
  • Fixed problem in DxcResultsetTable when the sortValue prop is missing. 2082
  • inheritColor prop fix in the DxcLink component. 2094
  • Resultset Table fix regarding pagination in none existing rows page. 2096

Others

  • General site improvements (typos, re-writings, component status updates, etc). 2054 2058 2060 2063 2051 2092 2074 2091 2087 2095
  • Added visual tests for components that use the new Tooltip. 2045
  • Updated Tsup build to improve the bundle size of the library. 2090
  • Added test coverage to the component library. 2086

13.2.0

Released on Thursday, July 25, 2024.

Known issue: Incompatibility with Vitest

🚨 This version of Halstack is not compatible with Vitest due a problem with Cloudscape's Bar Chart component.

Since this issue cannot be solved from our side, if your project relies on Vitest for testing, you may experience problems running your test suite. We recommend using an alternative testing setup or staying on the previous version until a solution is available.

New features

  • Opinionated theme support added to the action icon in the table. 2046

13.1.0

Released on Monday, July 22, 2024.

Known issue: Incompatibility with Vitest

🚨 This version of Halstack is not compatible with Vitest due a problem with Cloudscape's Bar Chart component.

Since this issue cannot be solved from our side, if your project relies on Vitest for testing, you may experience problems running your test suite. We recommend using an alternative testing setup or staying on the previous version until a solution is available.

New features

13.0.0

Released on Tuesday, July 9, 2024.

Known issue: Incompatibility with Vitest

🚨 This version of Halstack is not compatible with Vitest due a problem with Cloudscape's Bar Chart component.

Since this issue cannot be solved from our side, if your project relies on Vitest for testing, you may experience problems running your test suite. We recommend using an alternative testing setup or staying on the previous version until a solution is available.

New features

  • New DxcBarChart component. 2005 2010 2020
  • New DxcTooltip component. 2026 2027 2034
  • New tokens added for the DxcTextInput. 2017
  • Halstack monorepo using Turborepo. This translates into an improved bundle size (36% lighter) and a new repo structure/deployment. 2030 2032 2035
  • New DxcBreadcrumbs usage and specifications pages. 2024
  • Added collision detection to the Date Picker of the DxcDateInput. 2023
  • Added Date type support to DxcResultsetTable sorting. 2015

Patches

  • Fixed checkbox bug in DxcSelect. 2009

Others

12.2.0

Released on Tuesday, May 21, 2024.

Patches

  • Fixed some weird size behaviors in some input components. 1974
  • Added new logic for resultsetTable to manage sorting and adding/removing rows properly. 1938
  • Fixes Typography bug with invalid HTML tags in as prop. 1765
  • Fix file input delete styles. 1999
  • Fixed resultSet typing for rows. 1997
  • Reverted back Open sans import due to issues with globalStyles. 2000

New features

  • Added Tooltip component. 1968
  • Contextual menu tokens. 1985

12.1.0

Released on Tuesday, April 30, 2024.

New features

  • New Component lifecycle page. 1949
  • New status stages included in the site. 1963
  • Updated Storybook version to 8.0. 1960
  • New attribute selectedByDefault for the Contextual Menu items. 1966

Patches

  • Accessibility fixes for the Date Input component. 1919

12.0.2

Released on Friday, April 19, 2024.

Patches

  • Fixing Textarea verticalGrow as auto. 1958
  • fonts css reverted back and changed the approach to load fonts. 1957

Others

  • Revert "Update Chip specs". 1955
  • Revert "Several fixes in the Chip". 1954

12.0.1

Released on Thursday, April 18, 2024.

Patches

  • Removing uuid library. 1939
  • Dialog popups interaction (Escape). 1935
  • NavTabs overflow and z-index behaviour fixed. 1925
  • Several fixes in the Chip. 1943
  • Update Chip specs. 1947
  • Fonts moved to a stylesheet and added css loader and style loader. 1952

12.0.0

Released on Tuesday, March 26, 2024.

Breaking changes

  • Remove BackgroundColorProvider from Halstack. 1774
  • Fix the typo in the Accordion token. 1859
  • Updated tokens for the table. 1851
  • The components' icon prop doesn't support URLs anymore.
  • Updated margin values following the spacing guidelines. 1828

Patches

  • Prevent File Input duplicates when uploading files. 1762
  • Fixed bug with Checkboxes in Resultset Table. 1773
  • Fixed autoscroll issue in the Dialog component. 1781
  • Fixed margin type in the Footer and Header components. 1785
  • The Select now doesn't crush with an empty array of options and the flag searchable to true. 1787
  • The Slider component has been updated to fix some issues with SSR in NextJS. 1791
  • Fixed aria-readonly typo in RadioGroup. 1801
  • Tab Horizontal Slider Fix. 1795
  • Handle scroll in Number Inputs. 1800
  • Added 100% width underline to NavTab. 1796
  • Fixed bug in TextInputs when scrolling. 1838
  • Update Autosuggest listbox option active state. 1852
  • Fixed popups not working inside Dialog. 1822
  • Changing the footer padding according to Design. 1827
  • Applying the token correctly to the Accordion. 1907

New features

  • New Container component. 1748 1749
  • New Badge component. 1815 1821
  • New StatusLight component. 1804 1823 1848
  • New Contextual Menu component. 1850 1892
  • New Divider component. 1835 1840 1866
  • New Breadcrumbs component. 1828
  • Remodelled icon prop API with support for Material Icons and custom SVGs.
  • Tooltip support in the Select component. 1798
  • New Accessibility testing process. 1856
  • New API documentation for ActionsCell. 1853
  • Added a small footer variant. 1793
  • Added a small table variant. 1832 1831
  • Actions cell added to table and Resultset table. 1836
  • Added option to hide the paginator inside a Resultset table. 1830 1877

Others

  • General site improvements (typos, re-writings, etc). 1758 1759 1760 1768 1775 1776 1750 1790 1906 1920
  • Added Github Bot. 1779
  • Fixed GitHub Bot message format. 1807
  • Added links level limit in Quicknav documentation. 1811
  • Fixing problems with the NavTabs inside the site. 1820
  • Standardize documentation of the compound components. 1905

11.0.0

Released on Tuesday, November 28, 2023.

Breaking changes

  • The readonly prop was renamed to readOnly in the Radio Group. #1695
  • Updated Radix's Popover to the latest version available (1.0.7). This fixes the vulnerabilities we used to have when installing Halstack. #1724
  • Halstack has been migrated to Storybook 7 and Chromatic 8 releases (7.5.3 and 8.0.0, respectively). #1724

Patches

  • Updated captions for all the specification images. #1704
  • Removed the underline in the Nav Tabs component when selecting a tab label. #1705
  • Chip updated to use the focusBorderStyle token #1708
  • Inconsistencies in the Chip component specifications have been resolved. #1712
  • Popover components positioning inside fixed containers has been fixed. #1724
  • The Text Input suggestion's container is now correctly centered. #1724

New features

  • New readOnly property included in missing form components: Checkbox, Date Input, Number Input, Select, Text Input and Textarea. #1684 #1688 #1693 #1696 #1699
  • New design for the Props table of each Halstack component. #1715

10.1.0

Released on Monday, September 25, 2023.

Patches

  • Number Input. The step now works with decimals and more enhancements were made to match the native behaviour. #1667
  • Halstack site maintenance updates. #1662

New features

  • New Image component added. #1677 #1671
  • Added new Usage and Specifications pages of the Grid component. #1678
  • Updating old social media Twitter to new X branding. #1680 #1683
  • Updates to all the READMEs and templates. They now make more sense within the Halstack ecosystem. #1669 #1673
  • Toggle Group. New title prop added. #1661

10.0.0

Released on Monday, July 17, 2023.

Breaking changes

  • The component Flex has been subject to some important changes: the value of the property gap has been restricted to follow the Spacing principles, updated typescript comments and new MDN links in its documentation page. #1594
  • Removed padding prop from affected components. The complete list can be checked in this issue #1570
  • Updated Grid's compound component from DxcGrid.GridItem to just DxcGrid.Item. #1652

Minor changes

  • Design and core tokens reviewed. Some colors were updated. #1600
  • Sidenav styles have been reviewed and updated. #1599
  • Several enhancements were made to the Chip component. #1609
  • The name prop of the File Input component has been deprecated. #1638
  • The Main subcomponent of the Application Layout has undergone some changes. #1641

Patches

  • The Bulleted List component now accepts an URL icon (it was documented but not implemented). #1606
  • Accordion group updates. #1617
  • Nav Tabs code improvements. #1612
  • Paginator fix when the value of the itemsPerPage prop is 0. #1620
  • Radio Group code fixes. #1618
  • Improved responsive behaviour of the Quicknav in the Halstack site. #1611
  • Improved responsive endpoints to fix some visual bugs in the Halstack site. #1622
  • Focus Lock selectors updated. #1615
  • ADA enhacements in Halstack site. #1644

New features

  • New Releases page is now available on the Halstack site. #1603
  • New title attribute to Footer social links. #1646
  • New title prop added to the Button for only-icon scenarios. #1647
  • Improvements to the Halstack documentation site: New GitHub link, UXPin replaces Adobe XD and updated icons for the GitHub quick links at each page footer. #1640

9.1.0

Released on Monday, May 15, 2023.

Patches

  • Sidenav. children prop type changed from string to React.ReactNode. Several styling improvements. #1596
  • Focus Lock issue in Jest fixed. #1595
  • aria-disabled removed from unnecessary components. #1595

New features

  • New Grid component added. #1571 #1582
  • New design for the pages' status tag in the Halstack site. #1591

9.0.1

Released on Tuesday, April 25, 2023.

Patches

  • Remove ts-nocheck from all components and type fixes.
  • Type of both opinionated and advanced theme.
  • Date input. Status changed to Ready.
On this page