@marioschmidt/design-system-tokens 1.0.62 → 1.0.64

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.62
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Consolidated Design Token Primitives
@@ -10,7 +10,7 @@
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
  */
 
-package com.bild.designsystem
+package com.bild.designsystem.shared
 
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
@@ -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,21 +105,21 @@ 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)
     }
 
     // ══════════════════════════════════════════════════════════════
     // FONT
     // ══════════════════════════════════════════════════════════════
     object Font {
-        val fontFamilyGothamXnarrow = Gotham XNarrow
-        val fontFamilyGothamCond = Gotham Condensed
-        val fontFamilyGotham = Gotham
-        val fontFamilyLucidaGrande = Lucida Grande
-        val fontFamilyAntennaExtraCond = AntennaExtraCond
-        val fontFamilyAntennaCond = AntennaCond
-        val fontFamilyInter = Inter
+        val fontFamilyGothamXnarrow = "Gotham XNarrow"
+        val fontFamilyGothamCond = "Gotham Condensed"
+        val fontFamilyGotham = "Gotham"
+        val fontFamilyLucidaGrande = "Lucida Grande"
+        val fontFamilyAntennaExtraCond = "AntennaExtraCond"
+        val fontFamilyAntennaCond = "AntennaCond"
+        val fontFamilyInter = "Inter"
         val fontWeightBold = 700
         val fontWeightExtraBlack = 900
         val fontWeightBook = 400
@@ -141,72 +141,72 @@ object DesignTokenPrimitives {
         val stFontWeightBook350 = 350
         val stFontWeightExtraLight = 200
         val stFontWeightThin = 100
-        val stFontWeightBoldItalic = Bold Italic
-        val stFontWeightBlackItalic = Black Italic
-        val letterSpaceNeg025 = -0.25.dp
-        val letterSpace0 = 0.dp
-        val letterSpace1 = 1.dp
-        val letterSpace05 = 0.5.dp
-        val letterSpace025 = 0.25.dp
-        val letterSpaceNeg05 = -0.5.dp
-        val letterSpace2 = 2.dp
-        val letterSpaceNeg1 = -1.dp
-        val letterSpaceNeg2 = -2.dp
-        val letterSpace3 = 3.dp
-        val letterSpaceNeg3 = -3.dp
+        val stFontWeightBoldItalic = 700
+        val stFontWeightBlackItalic = 900
+        val letterSpaceNeg0p25 = -0.25.sp
+        val letterSpace0 = 0.sp
+        val letterSpace1 = 1.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
+        val letterSpace3 = 3.sp
+        val letterSpaceNeg3 = -3.sp
     }
 
     // ══════════════════════════════════════════════════════════════
     // SIZE
     // ══════════════════════════════════════════════════════════════
     object Size {
-        val size0125x = 1.dp
-        val size025x = 2.dp
         val size05x = 4.dp
-        val size075x = 6.dp
+        val size0p125x = 1.dp
+        val size0p25x = 2.dp
+        val size0p75x = 6.dp
         val size0x = 0.dp
         val size100x = 800.dp
         val size10x = 80.dp
-        val size11625x = 930.dp
-        val size115x = 92.dp
+        val size116p25x = 930.dp
+        val size11p5x = 92.dp
         val size124x = 992.dp
         val size128x = 1024.dp
-        val size125x = 100.dp
+        val size12p5x = 100.dp
         val size12x = 96.dp
         val size15x = 120.dp
         val size168x = 1344.dp
-        val size1625 = 130.dp
-        val size175x = 140.dp
-        val size185x = 148.dp
-        val size125x = 10.dp
-        val size15x = 12.dp
-        val size175x = 14.dp
+        val size16p25 = 130.dp
+        val size17p5x = 140.dp
+        val size18p5x = 148.dp
+        val size1p25x = 10.dp
+        val size1p5x = 12.dp
+        val size1p75x = 14.dp
         val size1x = 8.dp
         val size20x = 160.dp
-        val size225x = 180.dp
+        val size22p5x = 180.dp
         val size25x = 200.dp
-        val size275x = 220.dp
-        val size225x = 18.dp
-        val size25x = 20.dp
-        val size275x = 22.dp
+        val size27p5x = 220.dp
+        val size2p25x = 18.dp
+        val size2p5x = 20.dp
+        val size2p75x = 22.dp
         val size2x = 16.dp
         val size30x = 240.dp
         val size35x = 280.dp
-        val size325x = 26.dp
-        val size35x = 28.dp
-        val size375x = 30.dp
+        val size3p25x = 26.dp
+        val size3p5x = 28.dp
+        val size3p75x = 30.dp
         val size3x = 24.dp
         val size40x = 320.dp
-        val size45x = 36.dp
+        val size4p5x = 36.dp
         val size4x = 32.dp
         val size50x = 400.dp
-        val size525x = 42.dp
+        val size5p25x = 42.dp
         val size5x = 40.dp
         val size60x = 480.dp
         val size6x = 48.dp
         val size7x = 56.dp
         val size80x = 640.dp
-        val size875x = 700.dp
+        val size87p5x = 700.dp
         val size8x = 64.dp
         val size9x = 72.dp
     }
@@ -215,30 +215,30 @@ object DesignTokenPrimitives {
     // SPACE
     // ══════════════════════════════════════════════════════════════
     object Space {
-        val space025x = 2.dp
-        val space05x = 4.dp
-        val space075x = 6.dp
+        val space0p25x = 2.dp
+        val space0p5x = 4.dp
+        val space0p75x = 6.dp
         val space0x = 0.dp
         val space10x = 80.dp
         val space12x = 96.dp
-        val space125x = 10.dp
-        val space15x = 12.dp
-        val space175x = 14.dp
+        val space1p25x = 10.dp
+        val space1p5x = 12.dp
+        val space1p75x = 14.dp
         val space1x = 8.dp
         val space20x = 160.dp
-        val space25x = 20.dp
-        val space275x = 22.dp
+        val space2p5x = 20.dp
+        val space2p75x = 22.dp
         val space2x = 16.dp
-        val space35x = 28.dp
+        val space3p5x = 28.dp
         val space3x = 24.dp
-        val space45x = 36.dp
+        val space4p5x = 36.dp
         val space4x = 32.dp
         val space5x = 40.dp
         val space6x = 48.dp
-        val space75x = 60.dp
-        val space85x = 68.dp
+        val space7p5x = 60.dp
+        val space8p5x = 68.dp
         val space8x = 64.dp
         val space9x = 72.dp
-        val spaceNeg025x = -2.dp
+        val spaceNeg0p25x = -2.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.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

@@ -0,0 +1,52 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * Shared WindowSizeClass Enum
+ * Material 3 compliant window size classification for responsive layouts
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+/**
+ * Window size class for responsive layouts (Material 3 compliant)
+ *
+ * WindowSizeClass is brand-independent and can be used across all brands.
+ * 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
+ * DesignSystemTheme(
+ *     sizeClass = WindowSizeClass.Compact
+ * ) {
+ *     // Content with compact sizing tokens
+ * }
+ * ```
+ *
+ * Integration with AndroidX WindowSizeClass:
+ * ```kotlin
+ * val windowSizeClass = calculateWindowSizeClass(activity)
+ * val sizeClass = when (windowSizeClass.widthSizeClass) {
+ *     WindowWidthSizeClass.Compact -> WindowSizeClass.Compact
+ *     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 (width < 600dp, maps to sm: 390px breakpoint) */
+    Compact,
+    /** 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
+}