Release Notes

We’re excited to introduce a major update to our Figma library: multi-theming – 4 modes including Union Investment (UI Light, UI Dark), Volksbank (VB), and Kidstarter (KID). This also marks our transition from Design Tokens managed in Tokens Studio to native Figma Variables, unlocking a more flexible, scalable, and designer‑friendly theming workflow.

What’s new:

• Multi‑Theming: All components now adapt automatically to the selected theme through Figma Variable Modes. UI Light is applied by default, but you can switch themes easily at any time.
• Refactored Components: Many components have been streamlined to support theme flexibility, and their styling now relies on a unified set of variables.
• New "_Internal" Section: Now hosts icon sets for all four themes. This section is intended exclusively for Design System maintainers and isn’t meant for general design use. Designers swap icons from dedicated figma icon libraries.

Why this matters:
You can now design faster, switch styles instantly, and confidently work across multiple brands all from a single, unified component library. If you are new to Multi‑Theming, please check out our new Getting Started section to learn how to work with themes and variable modes.

This is our first major release of Multi‑Theming in Figma. Because the update is extensive, there may still be details to refine or fix. We count on your feedback to help us identify issues and continue improving the library.

Floating labels are now more consistent across inputs, selects, textareas, and datepickers. We refined sizing, spacing, and alignment to eliminate edge cases and ensure a more predictable layout. The sizing logic was also simplified to reduce unnecessary variations and maintain visual harmony across products.
 
sd-tag now handles attribute combinations more intelligently, preventing conflicting states that previously caused inconsistent behaviour.

sd-datepicker now offers more layout flexibility with a new placement option that lets the calendar open above or below the input field, and a strengthened readonly behavior for more consistent, reliable interaction across use cases.
 
Form components have improved error messaging, including warning icons and layout refinements for clearer validation feedback.
 
Multi-theming RGB values are now compatible with Solid version 6 and later minor versions, ensuring smoother upgrades and better framework alignment.
 
The themed icons have been cleaned up and reorganized to reduce redundancy and improve maintainability.

Our library is even more accessible now with the introduction of a new expand button when using the Expandable Slot in sd-teaser-media. This enhancement improves content discoverability and interaction clarity.

Explore new ideas or get inspired by the Teaser Media Expandable template, now available in Storybook.

And don’t forget to review the latest best practices on our Overview page to make the most of this component.

A new breadcrumb template is now available in Storybook, providing a ready-to-use pattern aligned with the current design standards.