@marioschmidt/design-system-tokens 1.0.63 → 1.0.65

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.65
+ * 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.65
  * Generated by Style Dictionary
  *
  * Consolidated Design Token Primitives
@@ -31,33 +31,55 @@ object DesignTokenPrimitives {
     // COLORS
     // ══════════════════════════════════════════════════════════════
     object Colors {
-        val bildred = Color(0xFFDD0000)
-        val bildred035 = Color(0xFFAF0002)
-        val bildred053 = Color(0xFFF52D2D)
-        val bild015 = Color(0xFF232629)
-        val bild085 = Color(0xFFCED4DA)
-        val bild035 = Color(0xFF4B525A)
-        val bild025 = Color(0xFF343C41)
-        val bild060 = Color(0xFF8C9196)
-        val bild096 = Color(0xFFF2F4F5)
-        val bild093 = Color(0xFFE9ECEF)
-        val bild085Alpha50 = Color(0x80CED4DA)
-        val bild073 = Color(0xFFAEB4B9)
-        val bild045 = Color(0xFF666B70)
-        val bild010 = Color(0xFF1C1C1C)
-        val bild020 = Color(0xFF2C3138)
-        val bild100 = Color(0xFFFFFFFF)
-        val bildblack = Color(0xFF000000)
-        val bildorange = Color(0xFFFD8227)
-        val bildgreen070 = Color(0xFF00C373)
-        val bildgreen063 = Color(0xFF00AF67)
-        val bildgreen093 = Color(0xFFCEF4E4)
-        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 colorBildRed50 = Color(0xFFDD0000)
+        val colorBildRed35 = Color(0xFFAF0002)
+        val colorBildRed53 = Color(0xFFF52D2D)
+        val colorBildPurple20 = Color(0xFF551937)
+        val alphaRed50a80 = Color(0xCCDD0000)
+        val opacity05 = 5
+        val opacity10 = 10
+        val opacity20 = 20
+        val opacity40 = 40
+        val opacity60 = 60
+        val opacity80 = 80
+        val opacity100 = 100
+        val opacity90 = 90
+        val opacity30 = 30
+        val opacity50 = 50
+        val opacity00 = 0
+        val opacity70 = 70
+        val colorPartnerFitbook = Color(0xFFFF97B7)
+        val colorPartnerPetbook = Color(0xFFB9DB91)
+        val colorPartnerMyhome = Color(0xFF66CCCC)
+        val colorPartnerTravelbook = Color(0xFF8EF0ED)
+        val colorPartnerTechbook = Color(0xFF93E4FF)
+        val colorPartnerKaufberater = Color(0xFF55476E)
+        val colorBzRed50 = Color(0xFFE3001B)
+        val colorAubiRed50 = Color(0xFFF00000)
+        val colorCobiRed50 = Color(0xFFDC231C)
+        val colorNeutral15 = Color(0xFF232629)
+        val colorNeutral100 = Color(0xFFFFFFFF)
+        val colorNeutral85 = Color(0xFFCED4DA)
+        val colorNeutral35 = Color(0xFF4B525A)
+        val colorNeutral25 = Color(0xFF343C41)
+        val colorNeutral60 = Color(0xFF8C9196)
+        val colorNeutral96 = Color(0xFFF2F4F5)
+        val colorNeutral93 = Color(0xFFE9ECEF)
+        val colorNeutral73 = Color(0xFFAEB4B9)
+        val colorNeutral45 = Color(0xFF666B70)
+        val colorNeutral10 = Color(0xFF1C1C1C)
+        val colorNeutral20 = Color(0xFF2C3138)
+        val colorNeutral0 = Color(0xFF000000)
+        val colorOrange67 = Color(0xFFFD8227)
+        val colorGreen70 = Color(0xFF00C373)
+        val colorGreen63 = Color(0xFF00AF67)
+        val colorGreen93 = Color(0xFFCEF4E4)
+        val colorGreen40 = Color(0xFF006E3E)
+        val colorGreen56 = Color(0xFF18995C)
+        val colorYellow80 = Color(0xFFFFBF00)
+        val alphaNeutral85a50 = Color(0x80CED4DA)
+        val alphaGreen93a50 = Color(0x80CEF4E4)
+        val colorGreen56a50 = Color(0x80009B5A)
         val alphaBlack20 = Color(0x33000000)
         val alphaBlack10 = Color(0x1A000000)
         val alphaBlack60 = Color(0x99000000)
@@ -69,44 +91,22 @@ object DesignTokenPrimitives {
         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 opacity05 = 5
-        val opacity10 = 10
-        val opacity20 = 20
-        val opacity40 = 40
-        val opacity60 = 60
-        val opacity80 = 80
-        val opacity100 = 100
-        val opacity90 = 90
-        val opacity30 = 30
-        val opacity50 = 50
-        val opacity00 = 0
-        val opacity70 = 70
-        val fitbookCore = Color(0xFFFF97B7)
-        val petbookCore = Color(0xFFB9DB91)
-        val myhomeCore = Color(0xFF66CCCC)
-        val travelbookCore = Color(0xFF8EF0ED)
-        val techbookCore = Color(0xFF93E4FF)
-        val kaufberaterCore = Color(0xFF55476E)
-        val bzCore = Color(0xFFE3001B)
-        val aubiCore = Color(0xFFF00000)
-        val cobiCore = Color(0xFFDC231C)
-        val spobiBlue098 = Color(0xFFF7F9FD)
-        val spobiBlue081 = Color(0xFFBDCADB)
-        val spobiBlue029 = Color(0xFF174482)
-        val spobiBlue016 = Color(0xFF0A2750)
-        val spobiBlue010 = Color(0xFF081828)
-        val spobiBlue038 = Color(0xFF315998)
-        val spobiRed = Color(0xFFE52528)
-        val spobiBlue016Alpha0 = Color(0x000A2750)
-        val spobiBlue016Alpha70 = Color(0xB30A2750)
+        val alphaBlack5 = Color(0x0D000000)
+        val alphaWhite0 = Color(0x00FFFFFF)
+        val colorSpobiBlue98 = Color(0xFFF7F9FD)
+        val colorSpobiBlue81 = Color(0xFFBDCADB)
+        val colorSpobiBlue29 = Color(0xFF174482)
+        val colorSpobiBlue16 = Color(0xFF0A2750)
+        val colorSpobiBlue10 = Color(0xFF081828)
+        val colorSpobiBlue38 = Color(0xFF315998)
+        val colorSpobiRed50 = Color(0xFFE52528)
+        val colorSpobiBlue16a0 = Color(0x000A2750)
+        val colorSpobiBlue16a70 = 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
@@ -160,9 +160,9 @@ object DesignTokenPrimitives {
     // SIZE
     // ══════════════════════════════════════════════════════════════
     object Size {
-        val size05x = 4.dp
         val size0p125x = 1.dp
         val size0p25x = 2.dp
+        val size0p5x = 4.dp
         val size0p75x = 6.dp
         val size0x = 0.dp
         val size100x = 800.dp

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.65
+ * 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.65
+ * 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.65
+ * 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.65
+ * 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.65
+ * 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.65
  * 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
 }