Designsystem Updates
Unplugin
15.06.2026
Was hat sich im Code geändert:
## [1.2.1] - 2026-06-01
### Changed
- reduce the right padding of the tag component from 20 to 10
### Added
- new color variant «red» for the component tag
- add new icon «submit-doc»
## [1.2.0] - 2026-05-26
### Changed
- fieldset title in green
- stepper navigation better placement
- pagination color for step navigation
- removed 2 icons: map-pin-coloured.svg and pin.svg
- help box open icon
### Added
- help box close icon
Storybook
15.06.2026
Das Storybook wurde nun mit einer neuen Logik und Reihenfolge gestaltet:
- Auf der linken Seite sind die einzelnen Komponenten in Kapitel unterteilt.
- In der Mitte ist die ausgewählte Komponente zu sehen.
- Auf der rechten Seite können die Varianten einer Komponente umgestellt sowie der HTML-Text und das Design angeschaut werden.

Was gleich geblieben ist:
- 1. About the BS.ch Desing System -> Hier fanden keine Anpassungen statt
- 2. Tutorials -> Hier fanden keine Anpassungen statt
Was hat sich geändert:
Die folgenden Kapitel wurden aufgeteilt in:
- 3. Basic Bausteine -> Hier sind die einzelnen «Bausteine» von Komponenten ohne Seitenkontext und Container zu finden.
- 4. Single components -> Hier befinden sich «einfach» gebaute Komponenten, die Farbversionen oder verschiedene Kombinationen besitzen.
- 5. Combined components -> Hier sind die komplexeren Komponenten aufgelistet. Sie enthalten Bausteine aus den Kapitel Basics und Single components und lassen sich über die Lasche Controls modifiezieren.
- 6. Forms -> Hier sind alle Bausteine und Komponenten, die für den Aufbau eines Formulars benötigt werden.
- 7. Templates -> Unter diesem Kapitel sind Beispiele/Vorlagen, welche helfen sollen, die Bausteine und Komponenten im Seitenkontext besser zu verstehen.
- 8. Emails -> Die E-Mail Komponenten werden separat aufgeführt, da sie ein schmaleres Seitenrater aufweisen.
Figma
15.06.2026
Was hat sich geändert:
- Die Seitenstruktur in Figma wurde an das Storybook angepasst, somit sollten die benötigten Komponente einfacher gefunden werden.
- Die Hinweistexte und Verlinkungen wurden aktualisiert und sollen helfen sich besser zurecht zufinden.
Kontakt
Bei Fragen und Feedback können Sie sich gerne melden!
Ilona Keller
Business Analystin der Abteilung: Querschnittsapplikationen -> Communication Solutions