What's happening

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.

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.

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.

Fixed

• 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.

Added

• Contribution Criteria Page: Added a new page outlining the criteria for contributions.
• Propose a New Component Page: Added a new page to facilitate the submission of new component proposals.
• Build a New Component Page: Added a new page to guide users through the process of building new components to showcase our contribution process.
• Back to top component: New Back to top component allowing users to navigate back to the top of the page for enhanced usability.

Fixed

• Tabs Accessibility Bug: Rectified the 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.

• 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.

• New Popover component

• 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

• New Link component documentation
• Added 'close on click outside' functionality to the Main navigation component

• Added new white outline Button variant
• Added pseudo content alternative text to Breadcrumbs right arrow icon to improve accessibility.

• New Tooltip and Toggletip component

• New landing pages templates

• 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

• 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

• 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.

• Moved Single select component to separate page
• New Multiple select component

• New Status labels component
• New File upload component
• New Loader component
• Updated HEX codes for the success green and warning orange status colours

• New Filters variants for instant and batch filtering

• New CSS variables for link theming and updated link hover colour
• Bug fix for Tabs component

• Fixed a bug on mobile version of main navigation

• Updated variants for input group

• CSS syntax fix for Hero banner component
• Bug fix for Main navigation component

• New Hero banner off-white variant
• New Footer brand palette and social variants

• New Dialog Component

• New Hero banner variant using line system
• Hero banner featured list accent line changed to Brand Light
• New Steps component
• New You are here method
• Added Ulitily classes for box shadow and borders
• Updated guidance for Header and Breadcrumbs components
• Added design and dev application information to Graphic elements page

• Updated Header component logo, padding and line height
• New Header variant for rectangular co-branded logos
• Added option to invert colours for dark sections

• Updated Header with new logo and added descriptor guidance
• Fixed Filters component scrolling issues

• 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

• 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