Changelog
The HUB24 UI framework follows
Semantic Versioning. Breaking changes in components with the
Components with the
New versions are released as-needed. At any time, you can see what’s coming in the next release by visiting hds.hub24.com.au/next.
Specific versions can be accessed by visiting hds.hub24.com.au/<version>.
Next (develop branch)
- List of items being built / fixed
Latest (2.1.1)
- Latest stable version
[2.1.1]
-
Add new variants
light,darkand default isneutralfortoggle-buttoncomponent -
Fix
table-datacomponent: nested table dropdown column width, checkbox column width, remove fixed layout -
Update
page-headercomponent:-
Removed
sl-carddependency; replacedbodyslot with lightersub-headingslot - Renamed
.containerto.page-header__container - Added
container,heading,sub-headingCSS parts - Added responsive padding for mobile/tablet breakpoints
- Added documentation examples and unit tests
-
Removed
[2.1.0]
- New
table-datacomponent - New
pagecomponent - Deprecate
table-data-hds, set to remove in version 3 -
Refactor
app-switchercomponent: update section labels, enhance integration handling, and adjust styles
[2.0.2]
- Account tile: Make account balance visibility hidden
- App switcher: Rename desktop and mobile trigger icons
- New grid icon
[2.0.1]
- Update documentation for quick start/installation
- Data table: Fixed sorting and support custom column widths
- Color picker: Add custom placeholder property
- Button: Fix disabled state on link buttons
- Banner: Update wording
- New dollar-sign icon
[2.0.0]
- Updated documentation
- Fixed style bleeding in
ai-promptcomponent -
Enhanced
auto-complete-hds,avatar,table-data-hds(new nested table),table-summary(added selectable for showSum column) components - Updated hds css tokens
- Added new icons
- Fixed
toggle-button-groupvertical alignment - Fixed
tooltip’s “no arrow” feature
[1.1.16]
- Added new icon
circle-exclaimationwith light, regular, solid weight - Added new component
app-switcher
[1.1.15]
- Minor fixes for
feedback-form - Fix
cardborder styling to matchdetails -
Enhanced
file-upload-hdscomponent: addhide-file-listattribute; add new slotsfile-upload-textandfile-upload-support-type; add new eventupload-preview-ready; add new css partsupload-content,file-upload-support-type,file-upload-max-size; add public functiongetImageDimensions; revoke object URL to prevent leak; update file explorer to do allow multiple file selection only when maxFiles greater than 1 - Fix
tilecomponent: show tooltip when text is overflown. -
Enhanced
chart-line-hdscomponent: add new attributesgrid-inset-left,grid-inset-bottom,chart-start-padding,chart-margin-right,x-tick-edge-padding,x-tick-min-spacing; remove padding bottom when hide legend is true; fix only add thicker grid line at y = 0 when 0 is within the data domain and bounds; update documentation withLine Chart with X Tick Edge Padding and Min Spacingexample - Enhanced
table-summary: addslotNameto columns - Fix unit tests for
avatar-buttonandapp-header-hdscomponents -
Add remove event listeners in some components:
carousel,chart-bar-grouped-hds,chart-bar-hds,dialog,floating-navigation
[1.1.14]
-
Added new components:
sl-ai-prompt,sl-ai-agent-panel,sl-feedback-form,sl-avatar-button,sl-app-header-hds -
Use CSS custom property
--page-header-body-max-widthfor body card insl-page-headercomponent - Updated
sl-tile-masterstyling and metadata
[1.1.13]
- Rename OTP input component to Input Auth Code
-
Update
step-up-authenticationcomponent: add count down for resend button, fix UI from feedback, add verified and success status clear -
Update css tokens. Add deprecated tokens, which will be removed in next major release:
--hds-button-base-width-min --hds-button-color-bg-opacity-press-onDarkTBC --hds-button-color-bg-opacity-press-onLightTBC --hds-color-fg-ai --hds-color-bg-accent-grey --hds-color-bg-ai-subtle --hds-color-border-bold --hds-color-border-ai --hds-color-border-bold-hover2 --hds-color-fg-ai - Use
onEndevent insortable-container. - Fix wrong decorator position in
sl-inputcomponent.
[1.1.12]
- Add new icons
- Add
opt-inandstep-up-authenticationcomponents -
Add
prevent-overflowattribute foreditable-contentcomponent, add guideline for overflow content
[1.1.11]
-
Use subtler color for subtle variant in
table-cellcomponent, use subtle when text is italic in table component - Add documentation for radio variant in
detailscomponent - Fix slot
headinginpage-headercomponent -
Add
hide-file-sizeandhide-file-typeattributes infile-upload-hdscomponent -
Add
hide-checkbox-columnandhide-action-columnattributes fortable-data-hdscomponent
[1.1.10]
- Fix
menucomponent arrow navigation -
Rename event in
toggle-buttoncomponent tosl-change, addvalueattribute -
Add
disable-from-dateanddisable-to-dateattribute todate-range-inputcomponent - Add new icons
-
Add
allow-show-delete-button-on-file-loadedattribute infile-upload-hdscomponent - Revert
calendarcomponent appearance changes until further feedback
[1.1.9]
- Update
calendarcomponent -
Add validation in
date-range-inputcomponent. Will now emit sl-range-error event when range is invalid - Revert dynamic table layout rules
- Minor fix in
auto-complete-hdscomponent closing behaviour
[1.1.8]
- Add Toggle Button, Toggle Button Group components
- Add Tile Master component
- Add filter class
.sortable-disabledin Sortable container component - Add
minus.svgicon - Table component: update summary table, fix second totals, update difference row with selectable, improve selectable item logic, allow width fitting for table, improve table selectable logic
[1.1.7]
- Renamed popover-hds component to popover-chart, hide popover-chart component
- New Popover component
-
Table component:
- Fix tables with no group by
- Support formula ref
- Support backup values
- Improve performance
- Support items and subgroups
- Fix decimal places
- Add second totals line
- Fix sticky headers
- Support grouped data input
- Add space above sticky header
- Add background color to table columns
- Report page component: fix single pages with images
- Pagination component: add internal documentation for states, update pagination gap and divider
- Icon button component: Remove not working padding documentation
- Update Engage’s banner
- Button component: Fix disabled styling
- Add new Fontawesome 7 icons
[1.1.6]
- Fix hide size select in pagination component
- Fix hidden groups in table component
- Updated Engage banner wording
[1.1.5]
- New pagination component
- New icons
- Updated Engage banner wording
[1.1.4]
- Update fontawesome icons to version 7.0.0.
- Fix change client name quickly while PDF is being downloaded will change file name.
- Fix clicking clear result box in autocomplete component does not search again.
- Add description text’s suffix slot for master table cell component.
- Update Engage banner wording.
- Add suffix slot for autocomplete hds component.
- Fix autocomplete hds component’s unit tests.
- Add new fontawesome icons for concept illustrator.
[1.1.3]
- Fix negative waterfall chart
- Update css variable for focus input components
- Disable dragging for text in charts
[1.1.2]
- Add dragover and drop bubble
- Add regular circle-question icon
[1.1.1]
- Patch table summary for ability to edit master table cell.
- Add roomy variant to details group
- Fix sl-empty-state dependencies
[1.1.0]
- New Details Group component
- Update master table cell styling options
- Fix keyboard event propagations for date input
[1.0.1]
- Add vertical tick lines for horizontal grouped bar chart
1.0.0
- Initial version