@marioschmidt/design-system-tokens 1.0.63 → 1.0.64

package/dist/android/compose/shared/DesignTextStyle.kt

@@ -0,0 +1,81 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * DesignTextStyle - Typography composite token
+ * Represents a complete text style with all typography properties
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.Font
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextDecoration
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.sp
+
+/**
+ * Text case transformation options
+ */
+enum class DesignTextCase {
+    Original,
+    Uppercase,
+    Lowercase,
+    Capitalize
+}
+
+/**
+ * Design System TextStyle composite token
+ *
+ * Contains all typography properties for a complete text style.
+ * Use [toComposeTextStyle] to convert to Compose's TextStyle with font resolution.
+ *
+ * Usage:
+ * ```kotlin
+ * val style = DesignSystemTheme.typography.headline1
+ * Text(
+ *     text = "Hello",
+ *     style = style.toComposeTextStyle(fontResolver)
+ * )
+ * ```
+ */
+@Immutable
+data class DesignTextStyle(
+    val fontFamily: String,
+    val fontWeight: FontWeight,
+    val fontSize: TextUnit,
+    val lineHeight: TextUnit,
+    val letterSpacing: TextUnit = 0.sp,
+    val textCase: DesignTextCase = DesignTextCase.Original,
+    val textDecoration: TextDecoration = TextDecoration.None
+) {
+    /**
+     * Converts this DesignTextStyle to Compose's TextStyle
+     *
+     * @param fontResolver A function that resolves font family name to FontFamily
+     *                     Example: { name -> FontFamily(Font(R.font.gotham_xnarrow)) }
+     * @return A Compose TextStyle ready for use with Text composable
+     */
+    fun toComposeTextStyle(fontResolver: (String) -> FontFamily = { FontFamily.Default }): TextStyle {
+        return TextStyle(
+            fontFamily = fontResolver(fontFamily),
+            fontWeight = fontWeight,
+            fontSize = fontSize,
+            lineHeight = lineHeight,
+            letterSpacing = letterSpacing,
+            textDecoration = textDecoration
+        )
+    }
+
+    /**
+     * Converts this DesignTextStyle to Compose's TextStyle using default system fonts
+     */
+    fun toComposeTextStyle(): TextStyle = toComposeTextStyle { FontFamily.Default }
+}

package/dist/android/compose/shared/DesignTokenPrimitives.kt

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Consolidated Design Token Primitives
@@ -34,6 +34,7 @@ object DesignTokenPrimitives {
         val bildred = Color(0xFFDD0000)
         val bildred035 = Color(0xFFAF0002)
         val bildred053 = Color(0xFFF52D2D)
+        val bildRedAlpha80 = Color(0xCCDD0000)
         val bild015 = Color(0xFF232629)
         val bild085 = Color(0xFFCED4DA)
         val bild035 = Color(0xFF4B525A)
@@ -46,37 +47,36 @@ object DesignTokenPrimitives {
         val bild045 = Color(0xFF666B70)
         val bild010 = Color(0xFF1C1C1C)
         val bild020 = Color(0xFF2C3138)
-        val bild100 = Color(0xFFFFFFFF)
-        val bildblack = Color(0xFF000000)
+        val white100 = Color(0xFFFFFFFF)
+        val whiteAlpha10 = Color(0x1AFFFFFF)
+        val whiteAlpha20 = Color(0x33FFFFFF)
+        val whiteAlpha30 = Color(0x4DFFFFFF)
+        val whiteAlpha60 = Color(0x99FFFFFF)
+        val whiteAlpha70 = Color(0xB3FFFFFF)
+        val whiteAlpha35 = Color(0x59FFFFFF)
+        val whiteAlpha80 = Color(0xCCFFFFFF)
         val bildorange = Color(0xFFFD8227)
         val bildgreen070 = Color(0xFF00C373)
         val bildgreen063 = Color(0xFF00AF67)
         val bildgreen093 = Color(0xFFCEF4E4)
-        val bildgreen093Alpha50 = Color(0x80CEF4E4)
+        val bildgreen093alpha50 = Color(0x80CEF4E4)
         val bildgreen056Alpha50 = Color(0x80009B5A)
         val bildgreen040 = Color(0xFF006E3E)
         val bildgreen056 = Color(0xFF18995C)
         val bildyellow = Color(0xFFFFBF00)
         val bildberry = Color(0xFF551937)
-        val alphaBlack20 = Color(0x33000000)
-        val alphaBlack10 = Color(0x1A000000)
-        val alphaBlack60 = Color(0x99000000)
-        val alphaBlack30 = Color(0x4D000000)
-        val alphaBlack70 = Color(0xB3000000)
-        val alphaWhite10 = Color(0x1AFFFFFF)
-        val alphaWhite20 = Color(0x33FFFFFF)
-        val alphaWhite30 = Color(0x4DFFFFFF)
-        val alphaWhite60 = Color(0x99FFFFFF)
-        val alphaWhite70 = Color(0xB3FFFFFF)
-        val alphaWhite35 = Color(0x59FFFFFF)
-        val alphaBildred80 = Color(0xCCDD0000)
-        val alphaBlack80 = Color(0xCC000000)
-        val alphaWhite80 = Color(0xCCFFFFFF)
-        val alphaBlack35 = Color(0x59000000)
-        val alphaBlack0 = Color(0x00000000)
-        val alphaBlack50 = Color(0x80000000)
-        val alphaBlack05 = Color(0x0D000000)
-        val bildblue = Color(0xFF00B1FF)
+        val blackAlpha20 = Color(0x33000000)
+        val blackAlpha10 = Color(0x1A000000)
+        val blackAlpha60 = Color(0x99000000)
+        val blackAlpha30 = Color(0x4D000000)
+        val blackAlpha70 = Color(0xB3000000)
+        val black100 = Color(0xFF000000)
+        val blackAlpha80 = Color(0xCC000000)
+        val blackAlpha35 = Color(0x59000000)
+        val blackAlpha0 = Color(0x00000000)
+        val blackAlpha50 = Color(0x80000000)
+        val blackAlpha05 = Color(0x0D000000)
+        val bildBlue = Color(0xFF00B1FF)
         val opacity05 = 5
         val opacity10 = 10
         val opacity20 = 20
@@ -105,8 +105,8 @@ object DesignTokenPrimitives {
         val spobiBlue010 = Color(0xFF081828)
         val spobiBlue038 = Color(0xFF315998)
         val spobiRed = Color(0xFFE52528)
-        val spobiBlue016Alpha0 = Color(0x000A2750)
-        val spobiBlue016Alpha70 = Color(0xB30A2750)
+        val spobiBlue016alpha0 = Color(0x000A2750)
+        val spobiBlue016alpha70 = Color(0xB30A2750)
     }
 
     // ══════════════════════════════════════════════════════════════
@@ -143,12 +143,12 @@ object DesignTokenPrimitives {
         val stFontWeightThin = 100
         val stFontWeightBoldItalic = 700
         val stFontWeightBlackItalic = 900
-        val letterSpaceNeg025 = -0.25.sp
+        val letterSpaceNeg0p25 = -0.25.sp
         val letterSpace0 = 0.sp
         val letterSpace1 = 1.sp
-        val letterSpace05 = 0.5.sp
-        val letterSpace025 = 0.25.sp
-        val letterSpaceNeg05 = -0.5.sp
+        val letterSpace0p5 = 0.5.sp
+        val letterSpace0p25 = 0.25.sp
+        val letterSpaceNeg0p5 = -0.5.sp
         val letterSpace2 = 2.sp
         val letterSpaceNeg1 = -1.sp
         val letterSpaceNeg2 = -2.sp

package/dist/android/compose/shared/DesignTypographyScheme.kt

@@ -0,0 +1,81 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * Unified DesignTypographyScheme Interface (Dual-Axis Architecture)
+ * All content brands implement this interface for polymorphic typography access
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.runtime.Stable
+
+/**
+ * Unified typography scheme interface for the BILD Design System
+ *
+ * All content brands (BILD, SportBILD, Advertorial) implement this interface,
+ * enabling polymorphic typography access across brands.
+ *
+ * Usage:
+ * ```kotlin
+ * @Composable
+ * fun MyComponent() {
+ *     val typography: DesignTypographyScheme = DesignSystemTheme.typography
+ *     Text(
+ *         text = "Hello",
+ *         style = typography.headline1.toComposeTextStyle()
+ *     )
+ * }
+ * ```
+ */
+@Stable
+interface DesignTypographyScheme {
+    val display1: DesignTextStyle
+    val display2: DesignTextStyle
+    val display3: DesignTextStyle
+    val headline1: DesignTextStyle
+    val headline2: DesignTextStyle
+    val headline3: DesignTextStyle
+    val headline4: DesignTextStyle
+    val subheadline1: DesignTextStyle
+    val kicker1: DesignTextStyle
+    val kicker2: DesignTextStyle
+    val kicker3: DesignTextStyle
+    val kicker4: DesignTextStyle
+    val title1: DesignTextStyle
+    val title1Uppercase: DesignTextStyle
+    val title2: DesignTextStyle
+    val title2Uppercase: DesignTextStyle
+    val callout: DesignTextStyle
+    val body: DesignTextStyle
+    val bodyItalic: DesignTextStyle
+    val bodyBold: DesignTextStyle
+    val bodyBoldItalic: DesignTextStyle
+    val textLink: DesignTextStyle
+    val textLinkItalic: DesignTextStyle
+    val textLinkBold: DesignTextStyle
+    val textLinkHover: DesignTextStyle
+    val textLinkBoldHover: DesignTextStyle
+    val footnote1: DesignTextStyle
+    val footnote1Bold: DesignTextStyle
+    val footnote2: DesignTextStyle
+    val footnote2Bold: DesignTextStyle
+    val label1: DesignTextStyle
+    val label1Bold: DesignTextStyle
+    val label1BoldResp: DesignTextStyle
+    val label1UppercaseBold: DesignTextStyle
+    val label2: DesignTextStyle
+    val label2Uppercase: DesignTextStyle
+    val label2Bold: DesignTextStyle
+    val label2UppercaseBold: DesignTextStyle
+    val label3: DesignTextStyle
+    val label3Uppercase: DesignTextStyle
+    val label3Bold: DesignTextStyle
+    val label3UppercaseBold: DesignTextStyle
+    val label4: DesignTextStyle
+    val quote: DesignTextStyle
+}

package/dist/android/compose/shared/DropShadow.kt

@@ -0,0 +1,36 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * DropShadow - Single shadow layer definition
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.graphics.Color
+
+/**
+ * Single drop shadow definition
+ *
+ * Represents one layer of a shadow effect with all properties needed
+ * for rendering in Jetpack Compose.
+ *
+ * @property color Shadow color (including alpha)
+ * @property offsetX Horizontal offset in pixels
+ * @property offsetY Vertical offset in pixels
+ * @property blur Blur radius in pixels
+ * @property spread Spread radius in pixels (expansion/contraction)
+ */
+@Immutable
+data class DropShadow(
+    val color: Color,
+    val offsetX: Float,
+    val offsetY: Float,
+    val blur: Float,
+    val spread: Float = 0f
+)

package/dist/android/compose/shared/EffectsDark.kt

@@ -0,0 +1,64 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * Dark Mode Effects (Shadows)
+ * Brand-independent: shadows only depend on light/dark mode
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.ui.graphics.Color
+
+/**
+ * Dark mode effects implementation
+ *
+ * Usage:
+ *   DesignSystemTheme.effects.shadowSoftMd.toModifier()
+ */
+object EffectsDark : DesignEffectsScheme {
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftSm = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.04f), offsetX = 0f, offsetY = 1f, blur = 4f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.08f), offsetX = 0f, offsetY = 2f, blur = 6f, spread = 0f)
+    ))
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftMd = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.03f), offsetX = 0f, offsetY = 2f, blur = 16f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.07f), offsetX = 0f, offsetY = 4f, blur = 12f, spread = 0f)
+    ))
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftLg = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.03f), offsetX = 0f, offsetY = 8f, blur = 24f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.07f), offsetX = 0f, offsetY = 8f, blur = 16f, spread = 0f)
+    ))
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftXl = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.05f), offsetX = 0f, offsetY = 0f, blur = 64f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 16f, blur = 32f, spread = 0f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardSm = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 1f, blur = 2f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 1f, blur = 3f, spread = 1f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardMd = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 4f, blur = 8f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.16f), offsetX = 0f, offsetY = 2f, blur = 4f, spread = 0f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardLg = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 2f, blur = 3f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 6f, blur = 10f, spread = 4f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardXl = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 4f, blur = 4f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 8f, blur = 12f, spread = 6f)
+    ))
+}

package/dist/android/compose/shared/EffectsLight.kt

@@ -0,0 +1,64 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * Light Mode Effects (Shadows)
+ * Brand-independent: shadows only depend on light/dark mode
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.ui.graphics.Color
+
+/**
+ * Light mode effects implementation
+ *
+ * Usage:
+ *   DesignSystemTheme.effects.shadowSoftMd.toModifier()
+ */
+object EffectsLight : DesignEffectsScheme {
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftSm = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.04f), offsetX = 0f, offsetY = 1f, blur = 4f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.08f), offsetX = 0f, offsetY = 2f, blur = 6f, spread = 0f)
+    ))
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftMd = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.03f), offsetX = 0f, offsetY = 2f, blur = 16f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.07f), offsetX = 0f, offsetY = 4f, blur = 12f, spread = 0f)
+    ))
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftLg = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.03f), offsetX = 0f, offsetY = 8f, blur = 24f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.07f), offsetX = 0f, offsetY = 8f, blur = 16f, spread = 0f)
+    ))
+    /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+    override val shadowSoftXl = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.05f), offsetX = 0f, offsetY = 0f, blur = 64f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 16f, blur = 32f, spread = 0f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardSm = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 1f, blur = 2f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 1f, blur = 3f, spread = 1f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardMd = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 4f, blur = 8f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.16f), offsetX = 0f, offsetY = 2f, blur = 4f, spread = 0f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardLg = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 2f, blur = 3f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 6f, blur = 10f, spread = 4f)
+    ))
+    /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+    override val shadowHardXl = ShadowStyle(listOf(
+        DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 4f, blur = 4f, spread = 0f),
+        DropShadow(color = Color.Black.copy(alpha = 0.10f), offsetX = 0f, offsetY = 8f, blur = 12f, spread = 6f)
+    ))
+}

package/dist/android/compose/shared/ShadowStyle.kt

@@ -0,0 +1,74 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * ShadowStyle - Composite shadow token (multiple layers)
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Paint
+import androidx.compose.ui.graphics.drawscope.drawIntoCanvas
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.unit.dp
+
+/**
+ * Composite shadow style containing multiple shadow layers
+ *
+ * Usage:
+ * ```kotlin
+ * Box(
+ *     modifier = Modifier
+ *         .then(DesignSystemTheme.effects.shadowSoftMd.toModifier())
+ *         .background(Color.White)
+ * )
+ * ```
+ */
+@Immutable
+data class ShadowStyle(
+    val layers: List<DropShadow>
+) {
+    constructor(vararg shadows: DropShadow) : this(shadows.toList())
+
+    /**
+     * Converts this ShadowStyle to a Compose Modifier
+     *
+     * Applies all shadow layers using drawBehind with native shadow rendering.
+     * Note: For best results, apply this modifier before background modifiers.
+     *
+     * @return A Modifier that renders all shadow layers
+     */
+    fun toModifier(): Modifier = Modifier.drawBehind {
+        layers.forEach { shadow ->
+            drawIntoCanvas { canvas ->
+                val paint = Paint().apply {
+                    color = shadow.color
+                    asFrameworkPaint().apply {
+                        setShadowLayer(
+                            shadow.blur,
+                            shadow.offsetX,
+                            shadow.offsetY,
+                            shadow.color.toArgb()
+                        )
+                    }
+                }
+                // Draw a rect slightly larger than the content to show the shadow
+                canvas.drawRect(
+                    left = -shadow.spread,
+                    top = -shadow.spread,
+                    right = size.width + shadow.spread,
+                    bottom = size.height + shadow.spread,
+                    paint = paint
+                )
+            }
+        }
+    }
+}

package/dist/android/compose/shared/WindowSizeClass.kt

@@ -1,11 +1,11 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Shared WindowSizeClass Enum
- * Brand-independent window size classification for responsive layouts
+ * Material 3 compliant window size classification for responsive layouts
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
  */
@@ -13,16 +13,17 @@
 package com.bild.designsystem.shared
 
 /**
- * Window size class for responsive layouts
+ * Window size class for responsive layouts (Material 3 compliant)
  *
  * WindowSizeClass is brand-independent and can be used across all brands.
- * Maps to design token breakpoints:
- * - Compact: xs (320px), sm (390px) - Phones in portrait
- * - Regular: md (600px), lg (1024px) - Tablets, phones in landscape, desktops
+ * Follows Material 3 WindowSizeClass specification:
+ * - Compact: width < 600dp - Phones in portrait (maps to sm: 390px breakpoint)
+ * - Medium: 600dp ≤ width < 840dp - Small tablets, foldables (maps to md: 600px breakpoint)
+ * - Expanded: width ≥ 840dp - Large tablets, desktops (maps to lg: 1024px breakpoint)
  *
  * Usage:
  * ```kotlin
- * BildTheme(
+ * DesignSystemTheme(
  *     sizeClass = WindowSizeClass.Compact
  * ) {
  *     // Content with compact sizing tokens
@@ -34,13 +35,18 @@ package com.bild.designsystem.shared
  * val windowSizeClass = calculateWindowSizeClass(activity)
  * val sizeClass = when (windowSizeClass.widthSizeClass) {
  *     WindowWidthSizeClass.Compact -> WindowSizeClass.Compact
- *     else -> WindowSizeClass.Regular
+ *     WindowWidthSizeClass.Medium -> WindowSizeClass.Medium
+ *     WindowWidthSizeClass.Expanded -> WindowSizeClass.Expanded
  * }
  * ```
+ *
+ * @see <a href="https://developer.android.com/develop/ui/compose/layouts/adaptive/use-window-size-classes">Material 3 Window Size Classes</a>
  */
 enum class WindowSizeClass {
-    /** Phones in portrait mode (xs: 320px, sm: 390px breakpoints) */
+    /** Phones in portrait mode (width < 600dp, maps to sm: 390px breakpoint) */
     Compact,
-    /** Tablets, phones in landscape, desktops (md: 600px, lg: 1024px breakpoints) */
-    Regular
+    /** Small tablets, foldables in portrait (600dp ≤ width < 840dp, maps to md: 600px breakpoint) */
+    Medium,
+    /** Large tablets, desktops (width ≥ 840dp, maps to lg: 1024px breakpoint) */
+    Expanded
 }

package/dist/css/advertorial/components/_dsysdocs.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.63
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: _DSysDocs Component Tokens
@@ -20,7 +20,7 @@
   --dsys-docs-width-size: 320px;
   --main-content-stage-size: 320px;
   --foundations-banner-height-size: var(--size10x, 80px);
-  --ds-caption-stack-space0-5x: var(--space0p5x, 4px);
+  --ds-caption-stack-space0p5x: var(--space0p5x, 4px);
   --ds-caption-stack-space1x: var(--space1x, 8px);
   --1column-mobile: 320px;
   --thin-banner-vertical-height-size: 558px;
@@ -41,7 +41,7 @@
     --ds-main-container-space: var(--space8p5x, 68px);
     --dsys-docs-width-size: 962px;
     --main-content-stage-size: 962px;
-    --ds-caption-stack-space0-5x: var(--space0p75x, 6px);
+    --ds-caption-stack-space0p5x: var(--space0p75x, 6px);
     --ds-caption-stack-space1x: var(--space1p5x, 12px);
     --1column-mobile: 930px;
     --doc-header-height-size: 160px;
@@ -55,7 +55,7 @@
     --dsys-docs-width-size: 1440px;
     --main-content-stage-size: var(--size128x, 1024px);
     --foundations-banner-height-size: var(--size17p5x, 140px);
-    --ds-caption-stack-space0-5x: var(--space1x, 8px);
+    --ds-caption-stack-space0p5x: var(--space1x, 8px);
     --ds-caption-stack-space1x: var(--space2x, 16px);
     --1column-mobile: 656px;
     --thin-banner-vertical-height-size: 186px;

package/dist/css/advertorial/components/accordion.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.63
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Accordion Component Tokens

package/dist/css/advertorial/components/alert.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.63
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Alert Component Tokens
@@ -19,11 +19,11 @@
    ============================================ */
 
 [data-brand="advertorial"][data-theme="dark"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px 6px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
 }
 
 [data-brand="advertorial"][data-theme="dark"] .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px -2px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
 }
 
 /* ============================================
@@ -31,9 +31,9 @@
    ============================================ */
 
 [data-brand="advertorial"][data-theme="light"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px 6px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
 }
 
 [data-brand="advertorial"][data-theme="light"] .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px -2px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
 }

package/dist/css/advertorial/components/article.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.63
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Article Component Tokens

package/dist/css/advertorial/components/audioplayer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.63
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: AudioPlayer Component Tokens