v3.17.4 |
17.07.24 |
Patch Changes
- fix: improve the handling of the select and checkbox default selected state in the filters component by checking
option.defaultChecked before setting option.checked , and using option.selectedIndex instead of setting it to an empty string on reset/clear.
- Update dependencies: @floating-ui/dom
|
Code kit |
v3.17.3 |
16.07.24 |
Patch Changes
- fix: adds a
<span class="sr-only"> inside the button element to ensure that buttons with icons have discernible text for accessibility.
- fix: remove the
role="group" attribute from <li> elements in the carousel component as it is not valid on a list item. The use of aria-roledescription, aria-label, and data-index attributes for accessibility purposes maintains accessibility standards after removing role="group".
- Update dependencies: replace deprected NSW Government brand assets
- Update dependencies: ws, engine.io-client and socket.io
- Update dependencies: JamesIves/github-pages-deploy-action
- Update dependencies: follow-redirects
|
Code kit |
v3.17.2 |
11.07.24 |
Added
- Sponsorship and partnership acknowledgement: added a new method outlining the guidelines for acknowledging sponsorship and partnership support. The page includes instructions on placement and spacing, using the NSW Government Waratah logo, and arranging support logos.
Patch Changes
- fix: remove hover state from text tag component and set the cursor style explicitly to default.
|
Code kit |
v3.17.1 |
24.06.24 |
Minor Changes
- feat: Class of
nsw-footer__acknowledgement added to the <p> element in the footer component and the font size changed from 'md' to 'sm'.
|
Code kit |
v3.17.0 |
12.06.24 |
Added
- Accessibility enhancement to the accordion component with the
hidden=until-found attribute.
Patch Changes
- Utility list: fixed the issue of clicking outside the tooltip or on a non-button element triggering unwanted behaviour in the utility list component.
- All JavaScript components' performance and reliability improvements:
- JavaScript errors are now caught in each component to prevent them from affecting other components.
- Selectors have been made more restrictive where appropriate.
- Components now test whether properties exist before accessing attributes and child elements.
- Date-input: removed default browser padding on the legend element in the date input component.
- Main navigation component: fixed the issue of the main navigation not closing a previously opened menu in the Safari browser.
- Card carousel:
- Drag/Swipe functionality: fixed an issue in the swipe-content.js code, ensuring the carousel updates its position dynamically during drag actions.
- JavaScript enhancements: updated
carousel.js to complement the changes in swipe-content.js .
- Class inheritance: the Carousel class now extends SwipeContent.
- Attribute handling: attributes are accessed using
this.element instead of directly.
- Drag functionality: introduced
dragEnabled attribute to handle drag settings.
- Conditional checks: added checks for
null values in styles and dimensions.
- Navigation button alignment: added
padding: 0 on the .nsw-carousel button class in the _carousel.scss file. This change corrects the alignment issue caused by default padding values in iOS browsers.
- Removal of unused methods: removed
alignControlsFunc method and related controls alignment logic.
- Example updates: adjusted our examples to demonstrate the drag functionality.
|
Code kit |
v3.16.0 |
28.02.23 |
Added
- Date input: new Date input documentation outlining the usage of date input component.
- Date picker: new Date picker component allowing users to easily select dates in a user-friendly manner.
|
Code kit |
v3.15.0 |
28.02.24 |
Added
- Implemented support for inverted demo examples for each component.
- Implemented support for themed demo examples for each component. This feature showcases how components and elements appear when presented with alternative color schemes or themes.
- SASS theming variables and updated developer documentation for theming to support multiple levels of customisation based on branding requirements, so that developers can easily implement and modify colour themes.
- Card carousel: new Card carousel component allowing users to view and interact with multiple cards in a visually appealing and navigable format.
|
Code kit |
v3.14.0 |
5.12.23 |
Added
- Utility list component: new Utility list component giving users quick access to commonly used actions on content, including printing, downloading and sharing across different social media platforms.
Patch Changes
- Multiple select component: fixed the absence of the nsw-multi-select__button element creation when an option was pre-selected onload.
- Support for the HTML select multiple in the filters component: updated the component's logic to recognise and manage multiple selections efficiently, providing users with enhanced filtering capabilities.
|
Code kit |
v3.13.0 |
20.11.23 |
Added
Patch Changes
- Tabs Accessibility Bug: fixed an accessibility bug within tabs by including the
aria-owns attribute to the role="tablist" element, ensuring improved accessibility for all users.
- Collapsible Filters Icon: fixed the size issue of the open/close icon for collapsible filters, enhancing visual consistency and user experience.
|
Code kit |
v3.12.0 |
18.10.23 |
- Implemented consistent open/close animations and transforms across the main-nav, filters, and select components for a unified user experience.
- Documented the skip link functionality on the masthead page, improving accessibility and navigation.
- Enabled accordion open onload functionality, enhancing user interaction by automatically displaying content upon page load.
- Increased the tap target size of the footer links for improved usability and ease of navigation on various devices.
|
Code kit |
v3.11.0 |
01.09.23 |
|
Code kit |
v3.10.0 |
22.08.23 |
- Adds utility classes for Background, Borders, Box Shadow, Display, Flex, Float, Overflow, Position, SVG, Text, Vertical align, Visibility and Z-index.
- New Close button component documentation
|
Code kit |
v3.9.0 |
20.07.23 |
- New Link component documentation
- Added 'close on click outside' functionality to the Main navigation component
|
Code kit |
v3.8.0 |
10.07.23 |
- Added new white outline Button variant
- Added pseudo content alternative text to Breadcrumbs right arrow icon to improve accessibility.
|
Code kit |
v3.7.0 |
29.05.23 |
|
Code kit |
v3.6.0 |
08.05.23 |
|
Code kit |
v3.5.3 |
21.04.23 |
- Added support for multiple select filtering functionality
- Updated Filters component documentation with new multiple select examples and use cases
- Fixed minor bugs related to the multiple select functionality
|
Code kit |
v3.5.2 |
20.04.23 |
- Added a disabled state to the Pagination component
- Updated the pink NSW Government colour palette names to fuchsia for consistent brand naming. Fuchsia is a more specific and precise color name than pink, helping to avoid confusion and ensure that the NSW Government brand is consistently represented
|
Code kit |
v3.5.1 |
19.04.23 |
- Callout component heading level 4 changed to a paragraph tag with a
.nsw-h4 class to ensure that the heading structure follows a logical and hierarchical order
- In-page alert component heading level 5 changed to a paragraph tag with a
.nsw-h5 class to ensure that the heading structure follows a logical and hierarchical order
- Added a paragraph tag around text in Cards component to improve accessibility for users who rely on assistive technology to navigate.
|
Code kit |
v3.5.0 |
06.04.23 |
|
Code kit |
v3.4.0 |
29.03.23 |
|
Code kit |
v3.3.0 |
22.02.23 |
- New Filters variants for instant and batch filtering
|
Code kit |
v3.2.5 |
21.02.23 |
- New CSS variables for link theming and updated link hover colour
- Bug fix for Tabs component
|
Code kit |
v3.2.4 |
05.08.22 |
|
Code kit |
v3.2.3 |
05.08.22 |
|
Code kit |
v3.2.2 |
07.07.22 |
|
Code kit |
v3.2.1 |
01.07.22 |
|
Code kit UI Kit |
v3.2.0 |
14.06.22 |
|
Code kit UI Kit |
v3.1.0 |
18.02.22 |
|
Code kit UI Kit |
v3.0.5 |
17.12.21 |
- Updated Header component logo, padding and line height
- New Header variant for rectangular co-branded logos
- Added option to invert colours for dark sections
|
Code kit UI Kit |
v3.0.4 |
10.12.21 |
- Updated Header with new logo and added descriptor guidance
- Fixed Filters component scrolling issues
|
Code kit |
v3.0.3 |
02.12.21 |
- Changed highlight bar width to be consistent across components
- Changed Global alert button colour
- Added compact variant to In page alert component
- Callout component UI update
- Updated HEX value for Red 04
- Added responsive font and line height CSS variables
- Updated guidance for Card component
|
Code kit UI Kit |
v3.0.2 |
18.11.21 |
- Changed new card modifier
- Form example names fix
- Header title changed to Brand dark
- In-page notifications renamed
- New row 3 palette colours
- New map demo pages
|
Code kit |