v3.5.0

What's Changed

🎉 New features

• Update fonts
  • Reduce line heights for default, bookingsg schemes
  • Update letter spacing for default scheme
  • Fix incorrect letter spacing unit for sgw-digital-lobby scheme
• Adjust spacing between Form.Label label and subtitle
• Adjust alignment of external icon for Typography.Link
• Adjust spacing between file name and error message in FileUpload
• Support optional description, allow custom label/subtitle for description field, and make visual enhancements to FileUpload
• New ToteBoard theme
• [a11y] Trap focus in Navbar drawer
• Allow DataTable action bar to appear even without selection via the enableActionBarWithoutSelection prop
• Add new illustrations for CareerCompass theme in ErrorDisplay
• Update Toggle error selected styling
• Show chevron icon for Navbar desktop navitem when it has a submenu
• Reposition Navbar desktop submenu for the last navitem
• Accept JSX for Accordion title and LinkList title/description
• Expose standalone Tab.TabList and Tab.Panel to support custom tab composition
• Add isOptionDisabled prop to support disabling of options in Select, RangeSelect and InputGroup list variant
• Expose onExpandChange for Accordion to track the accordion item state. When specified, the component becomes controlled
• Update Navbar drawer item spacing and active state for submenu item
• FullscreenImageCarousel enhancements
  • Support custom actions in addition to the default close, zoom and delete buttons
  • Expose the top bar element (containing the file info and buttons) via topBarRef
• FileDownload enhancements
  • Add default PDF icon thumbnail for PDF files
  • Support custom click action on the card, overriding the default download behaviour
• [BREAKING] Upgraded SGDS masthead to v3.26.0
• [BREAKING] Replace SGDS masthead script injection with dynamic import from @govtechsg/sgds-web-component
  • The CSP whitelist to https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3/components/Masthead/index.umd.js can be removed from your application

🖌️ Style fixes

• Update text colour of disabled Timepicker and TimeRangePicker to match other form inputs
• Improve calendar display with large fonts: allow calendar content to be scrolled when the date grid overflows. Affects components with calendar dropdowns such as DateNavigator and DateInput
• Wrap long description text in FileUpload
• Update spacing between Textarea and its error message/character counter
• Update Button to use body font family across all sizes

🐞 Bug fixes

• Improve visibility of drawing in dark mode for ESignature
• Fix input fields remaining editable when TimeRangePicker combobox variant is disabled
• Improve scrolling behaviour of DataTable floating action bar
• Fix flash of "No results found" in PredictiveTextInput
• Keep DataTable select all checkbox enabled if rows are non-empty BUT selectedIds is undefined
• Fix persisted hover state on Sidenav item
• Resolve React unknown attribute warning for Navbar
• [Security] Sanitize href in withNotificationBanner link attributes (#1472)

🔧 Miscellaneous

• [Security] Escape GitHub parameters before usage in workflow (#1472)
• [Security] Prevent command injection via shell metacharacters in target path for codemod command (#1472)

More details: https://github.com/LifeSG/react-design-system/wiki/Changelog-v3
Full Changelog: v3.4.0...v3.5.0