@marioschmidt/design-system-tokens 1.0.62 → 1.0.64

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

@@ -0,0 +1,207 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * Unified DesignSizingScheme Interface (Dual-Axis Architecture)
+ * All content brands implement this interface for polymorphic sizing access
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.runtime.Stable
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.TextUnit
+
+/**
+ * Unified sizing scheme interface for the BILD Design System
+ *
+ * All content brands (BILD, SportBILD, Advertorial) implement this interface,
+ * enabling polymorphic sizing access across brands.
+ */
+@Stable
+interface DesignSizingScheme {
+    val gridSpaceRespLg: Dp
+    val gridSpaceRespXl: Dp
+    val gridSpaceRespBase: Dp
+    val gridSpaceRespSm: Dp
+    val pageInlineSpace: Dp
+    val gridSpaceConstLg: Dp
+    val gridSpaceConstSm: Dp
+    val layoutGuideGridColums: Int
+    val sectionSpaceBase: Dp
+    val sectionSpaceLg: Dp
+    val paragraphEndSpace: Dp
+    val sectionSpaceSm: Dp
+    val breakpointMinWidthSize: Dp
+    val breakpointMaxWidthSize: Dp
+    val canvasHeightSizeWeb: Dp
+    val contentMaxWidthMedium: Dp
+    val contentMaxWidthFull: Dp
+    val canvasWidthSizeWeb: Dp
+    val canvasWidthSizeApp: Dp
+    val canvasHeightSizeApp: Dp
+    val title1FontSize: TextUnit
+    val title2FontSize: TextUnit
+    val display1FontSize: TextUnit
+    val display2FontSize: TextUnit
+    val display3FontSize: TextUnit
+    val headline1FontSize: TextUnit
+    val headline2FontSize: TextUnit
+    val headline3FontSize: TextUnit
+    val headline4FontSize: TextUnit
+    val bodyFontSize: TextUnit
+    val label3FontSize: TextUnit
+    val label2FontSize: TextUnit
+    val label1FontSize: TextUnit
+    val label1FontSizeResponsive: TextUnit
+    val label4FontSize: TextUnit
+    val callout1FontSize: TextUnit
+    val footnote1FontSize: TextUnit
+    val footnote2FontSize: TextUnit
+    val kicker1FontSize: TextUnit
+    val kicker2FontSize: TextUnit
+    val kicker3FontSize: TextUnit
+    val kicker4FontSize: TextUnit
+    val subheadline1FontSize: TextUnit
+    val quoteFontSize: TextUnit
+    val bodyFontFamily: String
+    val calloutFontFamily: String
+    val headlineFontFamily: String
+    val footnoteFontFamily: String
+    val labelFontFamily: String
+    val kickerFontFamily: String
+    val subheadlineFontFamily: String
+    val titleFontFamily: String
+    val quoteFontFamily: String
+    val displayFontFamily: String
+    val calloutFontWeight: Int
+    val labelFontWeightBold: Int
+    val labelFontWeightBook: Int
+    val bodyFontWeightBook: Int
+    val bodyFontWeightBold: Int
+    val kickerFontWeight: Int
+    val subheadlineFontWeight: Int
+    val headline1FontWeight: Int
+    val headline2FontWeight: Int
+    val headline3FontWeight: Int
+    val headline4FontWeight: Int
+    val titleFontWeight: Int
+    val displayFontWeight: Int
+    val quoteFontWeight: Int
+    val footnoteFontWeightBook: Int
+    val footnoteFontWeightBold: Int
+    val bodyLineHeight: TextUnit
+    val kicker4LineHeight: TextUnit
+    val kicker3LineHeight: TextUnit
+    val kicker2LineHeight: TextUnit
+    val kicker1LineHeight: TextUnit
+    val label3LineHeight: TextUnit
+    val label1LineHeight: TextUnit
+    val label1ResponsiveLineHeight: TextUnit
+    val label2LineHeight: TextUnit
+    val label4LineHeight: TextUnit
+    val display1LineHeight: TextUnit
+    val display2LineHeight: TextUnit
+    val display3LineHeight: TextUnit
+    val title1LineHeight: TextUnit
+    val title2LineHeight: TextUnit
+    val quoteLineHeight: TextUnit
+    val footnote1LineHeight: TextUnit
+    val footnote2LineHeight: TextUnit
+    val headline1LineHeight: TextUnit
+    val headline2LineHeight: TextUnit
+    val headline3LineHeight: TextUnit
+    val headline4LineHeight: TextUnit
+    val calloutLineHeight: TextUnit
+    val subheadline1LineHeight: TextUnit
+    val letterSpacingPositiveSm: TextUnit
+    val letterSpacingPositiveLg: TextUnit
+    val letterSpacingPositiveMd: TextUnit
+    val letterSpacingNone: TextUnit
+    val letterSpacingNegativeSm: TextUnit
+    val letterSpacingNegativeMd: TextUnit
+    val letterSpacingNegativeLg: TextUnit
+    val letterSpacingNegativeXs: TextUnit
+    val letterSpacingPositiveXs: TextUnit
+    val display1LetterSpacing: TextUnit
+    val display2LetterSpacing: TextUnit
+    val display3LetterSpacing: TextUnit
+    val borderRadiusXs: Dp
+    val borderRadiusMd: Dp
+    val borderRadiusSm: Dp
+    val borderRadiusXl: Dp
+    val borderRadiusLg: Dp
+    val borderRadiusNone: Dp
+    val borderRadiusFull: Dp
+    val borderWidthThin: Dp
+    val borderWidthThick: Dp
+    val borderWidthHairline: Dp
+    val inlineSpaceRespSm: Dp
+    val inlineSpaceRespMd: Dp
+    val inlineSpaceRespLg: Dp
+    val inlineSpaceResp2Xl: Dp
+    val inlineSpaceRespXl: Dp
+    val inlineSpaceConstSm: Dp
+    val inlineSpaceConstMd: Dp
+    val inlineSpaceConstLg: Dp
+    val inlineSpaceConst2Xl: Dp
+    val inlineSpaceConstXl: Dp
+    val inlineSpaceConstXs: Dp
+    val inlineSpaceConst3Xs: Dp
+    val inlineSpaceConst2Xs: Dp
+    val stackSpaceRespMd: Dp
+    val stackSpaceRespLg: Dp
+    val stackSpaceResp2Xl: Dp
+    val stackSpaceRespSm: Dp
+    val stackSpaceRespXl: Dp
+    val stackSpaceConstSm: Dp
+    val stackSpaceConstMd: Dp
+    val stackSpaceConstLg: Dp
+    val stackSpaceConst2Xl: Dp
+    val stackSpaceConstXl: Dp
+    val stackSpaceConstXs: Dp
+    val stackSpaceConst3Xs: Dp
+    val stackSpaceConst2Xs: Dp
+    val gapSpaceRespXs: Dp
+    val gapSpaceRespLg: Dp
+    val gapSpaceRespXl: Dp
+    val gapSpaceResp2Xl: Dp
+    val gapSpaceRespMd: Dp
+    val gapSpaceRespSm: Dp
+    val gapSpaceResp2Xs: Dp
+    val gapSpaceResp3Xl: Dp
+    val gapSpaceConst2Xs: Dp
+    val gapSpaceConstXs: Dp
+    val gapSpaceConstSm: Dp
+    val gapSpaceConstMd: Dp
+    val gapSpaceConstLg: Dp
+    val gapSpaceConstXl: Dp
+    val gapSpaceConst2Xl: Dp
+    val gapSpaceConst3Xl: Dp
+    val sizeConst3Xs: Dp
+    val sizeConst2Xs: Dp
+    val sizeConstXs: Dp
+    val sizeConstSm: Dp
+    val sizeConstMd: Dp
+    val sizeConstLg: Dp
+    val sizeConstXl: Dp
+    val sizeConst3Xl: Dp
+    val sizeConst4Xl: Dp
+    val sizeConst2Xl: Dp
+    val sizeConst4Xs: Dp
+    val sizeResp3Xs: Dp
+    val sizeResp2Xs: Dp
+    val sizeRespXs: Dp
+    val sizeRespSm: Dp
+    val sizeRespMd: Dp
+    val sizeRespLg: Dp
+    val sizeRespXl: Dp
+    val sizeResp2Xl: Dp
+    val sizeResp3Xl: Dp
+    val sizeResp4Xl: Dp
+    val sizeResp4Xs: Dp
+}

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

@@ -0,0 +1,310 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.64
+ * Generated by Style Dictionary
+ *
+ * Central Design System Theme Provider (Dual-Axis Architecture)
+ * Unified entry point with separate ColorBrand and ContentBrand axes
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.shared
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.ReadOnlyComposable
+import androidx.compose.runtime.staticCompositionLocalOf
+
+// Color imports (ColorBrand axis)
+import com.bild.designsystem.bild.semantic.BildLightColors
+import com.bild.designsystem.bild.semantic.BildDarkColors
+import com.bild.designsystem.sportbild.semantic.SportbildLightColors
+import com.bild.designsystem.sportbild.semantic.SportbildDarkColors
+
+// Sizing imports (ContentBrand axis)
+import com.bild.designsystem.bild.semantic.BildSizingCompact
+import com.bild.designsystem.bild.semantic.BildSizingMedium
+import com.bild.designsystem.bild.semantic.BildSizingExpanded
+import com.bild.designsystem.sportbild.semantic.SportbildSizingCompact
+import com.bild.designsystem.sportbild.semantic.SportbildSizingMedium
+import com.bild.designsystem.sportbild.semantic.SportbildSizingExpanded
+import com.bild.designsystem.advertorial.semantic.AdvertorialSizingCompact
+import com.bild.designsystem.advertorial.semantic.AdvertorialSizingMedium
+import com.bild.designsystem.advertorial.semantic.AdvertorialSizingExpanded
+
+// Typography imports (ContentBrand axis)
+import com.bild.designsystem.bild.semantic.BildTypographyCompact
+import com.bild.designsystem.bild.semantic.BildTypographyMedium
+import com.bild.designsystem.bild.semantic.BildTypographyExpanded
+import com.bild.designsystem.sportbild.semantic.SportbildTypographyCompact
+import com.bild.designsystem.sportbild.semantic.SportbildTypographyMedium
+import com.bild.designsystem.sportbild.semantic.SportbildTypographyExpanded
+import com.bild.designsystem.advertorial.semantic.AdvertorialTypographyCompact
+import com.bild.designsystem.advertorial.semantic.AdvertorialTypographyMedium
+import com.bild.designsystem.advertorial.semantic.AdvertorialTypographyExpanded
+
+// ══════════════════════════════════════════════════════════════════════════════
+// COMPOSITION LOCALS
+// ══════════════════════════════════════════════════════════════════════════════
+
+/**
+ * CompositionLocal for current color scheme
+ * Type: DesignColorScheme (unified interface)
+ */
+internal val LocalDesignColors = staticCompositionLocalOf<DesignColorScheme> { BildLightColors }
+
+/**
+ * CompositionLocal for current sizing scheme
+ * Type: DesignSizingScheme (unified interface)
+ */
+internal val LocalDesignSizing = staticCompositionLocalOf<DesignSizingScheme> { BildSizingCompact }
+
+/**
+ * CompositionLocal for current typography scheme
+ * Type: DesignTypographyScheme (unified interface)
+ */
+internal val LocalDesignTypography = staticCompositionLocalOf<DesignTypographyScheme> { BildTypographyCompact }
+
+/**
+ * CompositionLocal for current effects scheme
+ * Type: DesignEffectsScheme (unified interface)
+ * Note: Effects are brand-independent, only depend on light/dark mode
+ */
+internal val LocalDesignEffects = staticCompositionLocalOf<DesignEffectsScheme> { EffectsLight }
+
+/**
+ * CompositionLocal for current window size class
+ */
+internal val LocalWindowSizeClass = staticCompositionLocalOf { WindowSizeClass.Compact }
+
+/**
+ * CompositionLocal for current density
+ */
+internal val LocalDensity = staticCompositionLocalOf { Density.Default }
+
+/**
+ * CompositionLocal for dark theme state
+ */
+internal val LocalIsDarkTheme = staticCompositionLocalOf { false }
+
+/**
+ * CompositionLocal for current color brand
+ */
+internal val LocalColorBrand = staticCompositionLocalOf { ColorBrand.Bild }
+
+/**
+ * CompositionLocal for current content brand
+ */
+internal val LocalContentBrand = staticCompositionLocalOf { ContentBrand.Bild }
+
+// ══════════════════════════════════════════════════════════════════════════════
+// THEME PROVIDER
+// ══════════════════════════════════════════════════════════════════════════════
+
+/**
+ * Central Design System Theme Provider (Dual-Axis Architecture)
+ *
+ * Provides a unified entry point with two independent brand axes:
+ * - ColorBrand: Determines color palette (BILD or SportBILD)
+ * - ContentBrand: Determines sizing/typography (BILD, SportBILD, or Advertorial)
+ *
+ * This enables use cases like "Advertorial content with SportBILD colors".
+ *
+ * @param colorBrand Color palette to use (BILD or SportBILD)
+ * @param contentBrand Content/sizing tokens to use (BILD, SportBILD, or Advertorial)
+ * @param darkTheme Whether to use dark color scheme
+ * @param sizeClass Window size class for responsive sizing
+ * @param density UI density for spacing adjustments
+ * @param content Composable content to wrap
+ *
+ * Usage:
+ * ```kotlin
+ * // Standard BILD app
+ * DesignSystemTheme(
+ *     colorBrand = ColorBrand.Bild,
+ *     contentBrand = ContentBrand.Bild
+ * ) {
+ *     MyApp()
+ * }
+ *
+ * // Advertorial with SportBILD colors
+ * DesignSystemTheme(
+ *     colorBrand = ColorBrand.Sportbild,
+ *     contentBrand = ContentBrand.Advertorial
+ * ) {
+ *     AdvertorialContent()
+ * }
+ * ```
+ */
+@Composable
+fun DesignSystemTheme(
+    colorBrand: ColorBrand = ColorBrand.Bild,
+    contentBrand: ContentBrand = ContentBrand.Bild,
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    sizeClass: WindowSizeClass = WindowSizeClass.Compact,
+    density: Density = Density.Default,
+    content: @Composable () -> Unit
+) {
+    val colors: DesignColorScheme = when (colorBrand) {
+        ColorBrand.Bild -> if (darkTheme) BildDarkColors else BildLightColors
+        ColorBrand.Sportbild -> if (darkTheme) SportbildDarkColors else SportbildLightColors
+    }
+
+    val sizing: DesignSizingScheme = when (contentBrand) {
+        ContentBrand.Bild -> when (sizeClass) {
+            WindowSizeClass.Compact -> BildSizingCompact
+            WindowSizeClass.Medium -> BildSizingMedium
+            WindowSizeClass.Expanded -> BildSizingExpanded
+        }
+        ContentBrand.Sportbild -> when (sizeClass) {
+            WindowSizeClass.Compact -> SportbildSizingCompact
+            WindowSizeClass.Medium -> SportbildSizingMedium
+            WindowSizeClass.Expanded -> SportbildSizingExpanded
+        }
+        ContentBrand.Advertorial -> when (sizeClass) {
+            WindowSizeClass.Compact -> AdvertorialSizingCompact
+            WindowSizeClass.Medium -> AdvertorialSizingMedium
+            WindowSizeClass.Expanded -> AdvertorialSizingExpanded
+        }
+    }
+
+    val typography: DesignTypographyScheme = when (contentBrand) {
+        ContentBrand.Bild -> when (sizeClass) {
+            WindowSizeClass.Compact -> BildTypographyCompact
+            WindowSizeClass.Medium -> BildTypographyMedium
+            WindowSizeClass.Expanded -> BildTypographyExpanded
+        }
+        ContentBrand.Sportbild -> when (sizeClass) {
+            WindowSizeClass.Compact -> SportbildTypographyCompact
+            WindowSizeClass.Medium -> SportbildTypographyMedium
+            WindowSizeClass.Expanded -> SportbildTypographyExpanded
+        }
+        ContentBrand.Advertorial -> when (sizeClass) {
+            WindowSizeClass.Compact -> AdvertorialTypographyCompact
+            WindowSizeClass.Medium -> AdvertorialTypographyMedium
+            WindowSizeClass.Expanded -> AdvertorialTypographyExpanded
+        }
+    }
+
+    // Effects are brand-independent, only depend on light/dark mode
+    val effects: DesignEffectsScheme = if (darkTheme) EffectsDark else EffectsLight
+
+    CompositionLocalProvider(
+        LocalDesignColors provides colors,
+        LocalDesignSizing provides sizing,
+        LocalDesignTypography provides typography,
+        LocalDesignEffects provides effects,
+        LocalWindowSizeClass provides sizeClass,
+        LocalDensity provides density,
+        LocalIsDarkTheme provides darkTheme,
+        LocalColorBrand provides colorBrand,
+        LocalContentBrand provides contentBrand,
+        content = content
+    )
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// THEME ACCESSOR OBJECT
+// ══════════════════════════════════════════════════════════════════════════════
+
+/**
+ * Accessor object for Design System theme values
+ *
+ * Provides convenient access to current theme values from any composable.
+ *
+ * Usage:
+ * ```kotlin
+ * @Composable
+ * fun MyButton() {
+ *     Button(
+ *         colors = ButtonDefaults.buttonColors(
+ *             containerColor = DesignSystemTheme.colors.coreColorPrimary
+ *         )
+ *     ) {
+ *         Text(
+ *             text = "Click me",
+ *             fontSize = DesignSystemTheme.sizing.headline1FontSize
+ *         )
+ *     }
+ * }
+ * ```
+ */
+object DesignSystemTheme {
+
+    /**
+     * Current color scheme (based on ColorBrand and dark/light mode)
+     */
+    val colors: DesignColorScheme
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalDesignColors.current
+
+    /**
+     * Current sizing scheme (based on ContentBrand and WindowSizeClass)
+     */
+    val sizing: DesignSizingScheme
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalDesignSizing.current
+
+    /**
+     * Current typography scheme (based on ContentBrand and WindowSizeClass)
+     * Use .toComposeTextStyle() on individual styles for Text composable
+     */
+    val typography: DesignTypographyScheme
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalDesignTypography.current
+
+    /**
+     * Current effects scheme (shadows, brand-independent)
+     * Use .toModifier() on shadow styles to apply them
+     */
+    val effects: DesignEffectsScheme
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalDesignEffects.current
+
+    /**
+     * Current window size class
+     */
+    val sizeClass: WindowSizeClass
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalWindowSizeClass.current
+
+    /**
+     * Current UI density
+     */
+    val density: Density
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalDensity.current
+
+    /**
+     * Whether dark theme is currently active
+     */
+    val isDarkTheme: Boolean
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalIsDarkTheme.current
+
+    /**
+     * Current color brand
+     */
+    val colorBrand: ColorBrand
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalColorBrand.current
+
+    /**
+     * Current content brand
+     */
+    val contentBrand: ContentBrand
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalContentBrand.current
+}

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 }
+}