Support

Changelog

Updates and changes

26 Jun 2025 (v1.21.53)

🚀 Features & improvements

  • Added support for the Open Sans font family.
  • Improved clarity and formatting for changelog and website documentation.

🐛 Bug fixes

  • Resolved major type and state handling issues in the Slider component.
  • Includes various other minor stability fixes across the library.

3 Jun 2025 (v1.21.52)

🚀 Features & improvements

  • Button: Added download prop for link-buttons.
  • FileUploader: Improved react-dropzone prop passthrough.
  • Compatibility: Added initial peer dependency support for React 19 (RC).
  • Updated colour tokens to match latest values in the Bridge Figma library.
  • Updated and improved documentation content.

🐛 Bug fixes

  • DatePicker: Fixed UI rendering bug.
  • Website: Corrected global search.
  • Website: Fixed broken documentation links.
  • Various minor stability fixes.

🔧 Maintenance

  • Updated project dependencies.
  • Fixed embedded Figma images.

1 Aug 2023

New and updated components

Components like Accordion and Callout have been added and components like DatePicker and RadioButton have been rewritten.

12 Apr 2023

New documentation

The new documentation allows faster and easier access to the documentation. Overall we are trying to provide a better experience for developers and designers.

  • Resources
  • Components
  • Support

Search

Full-text search with shortcuts for the documentation.

Full-text search
Figma image

Component playground

Button and other components now have a playground to test all possible properties.

  • Properties and variations for designers
  • TypeScript definitions for developers
  • Code examples for developers
  • Live preview
  • HTML code

PWA guidelines

Figma image

We are now providing a set of guidelines for PWA development. The Components are now PWA (or Capacitor) ready and can provide an almost native experience.

Icons

Icons are now available in the documentation. For other icons we recommend to use Font Awesome.

Full TypeScript rewrite

Better Developers Experience by TypeScript Support.

Auto-import of the components and description

Figma image

Autocomplete of props and validation

Figma image

Description for each property

Figma image

Monorepo

Restructured to have a more dynamic monorepo structure. For example now you can import only the packages you need. For example un/react for the react components and un/styles for the CSS styles.

Theming

You can now create custom themes and tokens. This enables the Darkmode and the use in projects that not follow the WFP Design System.

Figma integration

Figma is now the source of Truth for all tokens.

Accessibility

The overall accessibility has improved by providing the required aria attributes and tabindex for keyboard navigation.

Hook-based elements

The design system now provides react hooks for better customization and and creating reusable elements.

CSS still source of truth

CSS is still the source of truth for the design system. We are not using CSS-in-JS.

Backward compatibility

The new version is not fully backward compatible. See migration guide.

On this page