Skip to content

Releases: StabiBerlin/design-system

v1.3.2

Choose a tag to compare

@aIt3 aIt3 released this 03 Mar 08:04

v1.3.2 - 03.03.2026

Added

Added the missing import rule for the design system fonts to ensure consistent typography across the application.

v1.3.1

Choose a tag to compare

@aIt3 aIt3 released this 03 Jun 10:45

v1.3.1 - 03.06.2025

Added

New design tokens for focus states to improve accessibility.

Changed

Replaced font-weight keyword values with numeric values (e.g., 600 instead of semi-bold) for better CSS compatibility.

Removed / Deprecated

Removed a logo-padding token that had previously been marked as deprecated.

v1.2.1

Choose a tag to compare

@aIt3 aIt3 released this 10 Apr 12:53

Removed / Deprecated

Marked the token --component-logo-padding as deprecated.

v1.2.0

Choose a tag to compare

@aIt3 aIt3 released this 27 Mar 12:20

Added

  • logo.padding: sets the spacing within the different logotypes

Removed / Deprecated

  • logo.brand.padding, logo.subbrand.padding, logo.product.padding: were too granular and have been replaced by logo.padding

v1.1.0

Choose a tag to compare

@aIt3 aIt3 released this 25 Mar 09:21

New Features & Improvements

🎨 Design Assets

  • Added Noto Sans and Font Awesome fonts: These fonts are now available in the system (src/fonts) to ensure consistent typography and iconography across all components.
  • Integrated Stabi logos and favicons: Official logos (src/logos) and favicons (src/favicons) have been added and are ready for use in design and development workflows.

🧱 Design Tokens

  • Text colors for dark backgrounds: Introduced text.inverse tokens to support accessible and consistent typography on dark surfaces.
  • Component tokens for logos and lists: New component tokens enable standardized styling for Stabi logos and list elements.

💬 Documentation

  • CSS comments with use cases: All tokens now include inline CSS comments providing context and usage examples — making implementation easier and more intuitive for developers.
  • Figma: New pages for component tokens: Each set of component tokens (e.g. for logos and lists) now has a dedicated documentation page in Figma to support better orientation and usage.
  • Figma: New spacing overview page: A new page has been added to visually demonstrate how spacing works in our system, with clear examples and guidance.

v1.0.1

Choose a tag to compare

@aIt3 aIt3 released this 27 Jan 12:21
50a53a9

add new corporate design colors, add xxl breakpoint

v1.0.0

Choose a tag to compare

@literarymachine literarymachine released this 24 Jan 10:08
b7533cb

Initial release containing semantic design tokens for colors, typography, distances, sizing, icons and breakpoints.