@marioschmidt/design-system-tokens 1.0.79 → 1.2.0

package/dist/scss/shared/sizeprimitive.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -60,4 +60,5 @@ $size-18-p-5-x: 148px;
 $size-100-x: 800px;
 $size-0-x: 0px;
 $size-0-p-125-x: 1px;
+$size-5-p-5-x: 44px;
 

package/dist/scss/shared/spaceprimitive.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

package/docs/android.md

@@ -127,6 +127,7 @@ All brands implement common interfaces for polymorphic access:
 | `DesignSizingScheme` | All sizing tokens | `BildSizingCompact`, `BildSizingMedium`, `BildSizingExpanded`, `SportbildSizing*`, `AdvertorialSizing*` |
 | `DesignTypographyScheme` | All text styles | `BildTypographyCompact`, `BildTypographyMedium`, `BildTypographyExpanded`, `SportbildTypography*`, `AdvertorialTypography*` |
 | `DesignEffectsScheme` | All shadow tokens | `EffectsLight`, `EffectsDark` (brand-independent, shared) |
+| `DesignDensityScheme` | Density spacing tokens (internal) | `DensityDefault`, `DensityDense`, `DensitySpacious` (brand-independent, shared) |
 
 ```kotlin
 // Polymorphic access - works with any brand
@@ -237,6 +238,11 @@ fun SemanticExample() {
     val cardShadow = DesignSystemTheme.effects.shadowSoftMd
     Box(modifier = Modifier.then(cardShadow.toModifier())) { ... }
 
+    // Density-Aware Spacing - auto-resolved by WindowSizeClass × Density
+    val respSpacing = DesignSystemTheme.stackSpaceRespMd   // Responsive: varies by WindowSizeClass
+    val constSpacing = DesignSystemTheme.stackSpaceConstLg // Constant: same across all WindowSizeClasses
+    Column(verticalArrangement = Arrangement.spacedBy(respSpacing)) { ... }
+
     // Query theme state
     val isDark = DesignSystemTheme.isDarkTheme
     val sizeClass = DesignSystemTheme.sizeClass
@@ -574,6 +580,23 @@ interface DesignEffectsScheme {
     val shadowHardLg: ShadowStyle
     val shadowHardXl: ShadowStyle
 }
+
+// Internal density scheme (brand-independent, not exposed to consumers)
+// Consumers should use BreakpointMode resolver properties instead
+@Stable
+interface DesignDensityScheme {
+    // Constant spacing (same across all WindowSizeClasses)
+    val densityStackSpaceConst3xs: Dp
+    val densityStackSpaceConst2xs: Dp
+    val densityStackSpaceConstXs: Dp
+    // ... 28 total density tokens
+    // Responsive spacing (varies by WindowSizeClass)
+    val densityXsStackSpaceRespMd: Dp
+    val densitySmStackSpaceRespMd: Dp
+    val densityMdStackSpaceRespMd: Dp
+    val densityLgStackSpaceRespMd: Dp
+    // ...
+}
 ```
 
 ### Composite Types
@@ -617,14 +640,35 @@ object DesignSystemTheme {
     val sizing: DesignSizingScheme         // Current sizing (polymorphic)
     val typography: DesignTypographyScheme // Current typography (polymorphic)
     val effects: DesignEffectsScheme       // Current effects (brand-independent)
-    val density: Density                   // Current density
+    val density: Density                   // Current density mode
     val sizeClass: WindowSizeClass         // Current size class
     val isDarkTheme: Boolean               // Is dark mode active?
     val colorBrand: ColorBrand             // Current color brand
     val contentBrand: ContentBrand         // Current content brand
+
+    // Density-Aware Spacing (Consumer API) - use these, NOT densitySpacing directly
+    // Responsive spacing: varies by WindowSizeClass × Density
+    val stackSpaceRespSm: Dp               // Resolves density token per WindowSizeClass
+    val stackSpaceRespMd: Dp
+    val stackSpaceRespLg: Dp
+    val stackSpaceRespXl: Dp
+    val stackSpaceResp2xl: Dp
+    // Constant spacing: same across all WindowSizeClasses, varies by Density only
+    val stackSpaceConst3xs: Dp
+    val stackSpaceConst2xs: Dp
+    val stackSpaceConstXs: Dp
+    val stackSpaceConstSm: Dp
+    val stackSpaceConstMd: Dp
+    val stackSpaceConstLg: Dp
+    val stackSpaceConstXl: Dp
+    val stackSpaceConst2xl: Dp
+
+    internal val densitySpacing: DesignDensityScheme  // Internal - not for direct use
 }
 ```
 
+> **Important - Single Entry Point Pattern:** Density-aware spacing tokens (`stackSpaceRespMd`, `stackSpaceConstLg`, etc.) are **NOT** part of `DesignSizingScheme`. They are only accessible via `DesignSystemTheme` resolvers, which perform the `WindowSizeClass × Density` matrix lookup internally. This ensures consistent density behavior across the application.
+
 ### Component Token Accessors
 
 ```kotlin

package/docs/css.md

@@ -16,6 +16,7 @@
 - [📦 Bundle Options](#-bundle-options)
 - [🎨 Token Categories](#-token-categories)
 - [📱 Responsive Tokens](#-responsive-tokens)
+- [🎚️ Density Tokens](#️-density-tokens)
 - [🧩 Component Tokens](#-component-tokens)
 - [✍️ Typography & Effects](#️-typography--effects)
 - [💡 Usage Examples](#-usage-examples)
@@ -136,7 +137,7 @@ dist/css/
 │
 ├── bild/                      # Modular files
 │   ├── theme.css             # Semantic colors + Effects (light/dark)
-│   ├── tokens.css            # Responsive breakpoints + Typography
+│   ├── tokens.css            # Breakpoints + Typography + Density
 │   └── components/           # Component-specific tokens
 │       ├── button.css
 │       ├── article.css
@@ -380,6 +381,78 @@ Tokens only appear in media queries when values change:
 
 ---
 
+## 🎚️ Density Tokens
+
+Density tokens control spacing intensity across three modes: `default`, `dense`, and `spacious`.
+
+### Semantic Density (tokens.css)
+
+Semantic density tokens are included in `tokens.css` and define responsive spacing values:
+
+```css
+/* Constant spacing (no breakpoint dependency) */
+[data-content-brand="bild"][data-density="default"] {
+  --density-stack-space-const-3-xs: var(--space-0-p-25-x, 2px);
+  --density-stack-space-const-sm: var(--space-1-x, 8px);
+  --density-stack-space-const-lg: var(--space-2-x, 16px);
+}
+
+/* Responsive spacing (breakpoint × density) */
+[data-content-brand="bild"][data-density="default"] {
+  --density-xs-stack-space-resp-sm: var(--space-1-x, 8px);
+  --density-xs-stack-space-resp-md: var(--space-1-p-5-x, 12px);
+}
+
+@media (min-width: 600px) {
+  [data-content-brand="bild"][data-density="default"] {
+    --density-md-stack-space-resp-sm: var(--space-1-p-5-x, 12px);
+    --density-md-stack-space-resp-md: var(--space-2-x, 16px);
+  }
+}
+```
+
+### Alias Chain: Breakpoint → Density → Primitive
+
+Responsive breakpoint tokens reference density tokens, which in turn reference primitives:
+
+```css
+/* BreakpointMode → Density → Primitive */
+--stack-space-resp-md: var(--density-xs-stack-space-resp-md);
+                                ↓
+--density-xs-stack-space-resp-md: var(--space-1-p-5-x, 12px);
+                                       ↓
+--space-1-p-5-x: 12px;
+```
+
+This three-level chain enables:
+- **Density switching** via `data-density` attribute without recompilation
+- **Breakpoint switching** via native `@media` queries
+- **Fallback values** for robustness
+
+### Component Density Tokens
+
+Component-specific density tokens (e.g., Button, InputField) are in component files:
+
+```css
+/* Component density tokens */
+[data-content-brand="bild"][data-density="default"] {
+  --density-button-inline-space: var(--space-2-p-5-x, 20px);
+  --density-button-stack-space: var(--space-1-x, 8px);
+}
+
+[data-content-brand="bild"][data-density="dense"] {
+  --density-button-inline-space: var(--space-2-x, 16px);
+  --density-button-stack-space: var(--space-0-p-75-x, 6px);
+}
+
+[data-content-brand="bild"][data-density="spacious"] {
+  --density-button-inline-space: var(--space-3-x, 24px);
+  --density-button-stack-space: var(--space-1-p-5-x, 12px);
+}
+```
+
+---
+
 ## 🧩 Component Tokens
 
 ### Structure per Component

package/docs/ios.md

@@ -126,6 +126,7 @@ All brands conform to common protocols for polymorphic access:
 | `DesignSizingScheme` | All sizing tokens | 180+ values | `BildSizingCompact`, `BildSizingRegular`, `SportbildSizing*`, `AdvertorialSizing*` |
 | `DesignTypographyScheme` | All text styles (TextStyle composites) | 37 styles | `BildTypographyCompact`, `BildTypographyRegular`, `SportbildTypography*`, `AdvertorialTypography*` |
 | `DesignEffectsScheme` | Shadow/Effect tokens | 8 shadows | `EffectsLight`, `EffectsDark` (brand-independent) |
+| `DesignDensityScheme` | Density spacing tokens (internal) | 28 tokens | `DensityDefault`, `DensityDense`, `DensitySpacious` (brand-independent) |
 
 ```swift
 // Polymorphic access - works with any brand
@@ -270,6 +271,12 @@ struct SemanticExample: View {
             RoundedRectangle(cornerRadius: 8)
                 .shadow(theme.effects.shadowSoftMd)
 
+            // Density-Aware Spacing - auto-resolved by SizeClass × Density
+            VStack(spacing: theme.stackSpaceRespMd) {   // Responsive: varies by SizeClass
+                // Content
+            }
+            .padding(.vertical, theme.stackSpaceConstLg)  // Constant: same across SizeClasses
+
             // Query theme state
             let isDark = theme.isDarkTheme
             let sizeClass = theme.sizeClass
@@ -586,6 +593,22 @@ public protocol DesignEffectsScheme: Sendable {
     var shadowSoftLg: ShadowStyle { get }
     // ... effect properties
 }
+
+/// Internal density scheme protocol (brand-independent, not exposed to consumers)
+/// Consumers should use BreakpointMode resolver properties instead
+public protocol DesignDensityScheme: Sendable {
+    // Constant spacing (same across all SizeClasses)
+    var densityStackSpaceConst3xs: CGFloat { get }
+    var densityStackSpaceConst2xs: CGFloat { get }
+    var densityStackSpaceConstXs: CGFloat { get }
+    // ... 28 total density tokens
+    // Responsive spacing (varies by SizeClass)
+    var densityXsStackSpaceRespMd: CGFloat { get }
+    var densitySmStackSpaceRespMd: CGFloat { get }
+    var densityMdStackSpaceRespMd: CGFloat { get }
+    var densityLgStackSpaceRespMd: CGFloat { get }
+    // ...
+}
 ```
 
 ### Theme Class
@@ -608,9 +631,30 @@ public final class DesignSystemTheme: @unchecked Sendable {
     public var sizing: any DesignSizingScheme     // Based on contentBrand + sizeClass
     public var typography: any DesignTypographyScheme  // Based on contentBrand + sizeClass
     public var effects: any DesignEffectsScheme   // Based on isDarkTheme (brand-independent)
+
+    // Density-Aware Spacing (Consumer API) - use these, NOT densitySpacing directly
+    // Responsive spacing: varies by SizeClass × Density
+    public var stackSpaceRespSm: CGFloat          // Resolves density token per SizeClass
+    public var stackSpaceRespMd: CGFloat
+    public var stackSpaceRespLg: CGFloat
+    public var stackSpaceRespXl: CGFloat
+    public var stackSpaceResp2xl: CGFloat
+    // Constant spacing: same across all SizeClasses, varies by Density only
+    public var stackSpaceConst3xs: CGFloat
+    public var stackSpaceConst2xs: CGFloat
+    public var stackSpaceConstXs: CGFloat
+    public var stackSpaceConstSm: CGFloat
+    public var stackSpaceConstMd: CGFloat
+    public var stackSpaceConstLg: CGFloat
+    public var stackSpaceConstXl: CGFloat
+    public var stackSpaceConst2xl: CGFloat
+
+    internal var densitySpacing: any DesignDensityScheme  // Internal - not for direct use
 }
 ```
 
+> **Important - Single Entry Point Pattern:** Density-aware spacing tokens (`stackSpaceRespMd`, `stackSpaceConstLg`, etc.) are **NOT** part of `DesignSizingScheme`. They are only accessible via `DesignSystemTheme` resolvers, which perform the `SizeClass × Density` matrix lookup internally. This ensures consistent density behavior across the application.
+
 ### Component Token Pattern
 
 ```swift

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marioschmidt/design-system-tokens",
-  "version": "1.0.79",
+  "version": "1.2.0",
   "description": "BILD Design System Token Pipeline with Style Dictionary - Multi-brand design tokens for BILD, SportBILD, and Advertorial",
   "main": "dist/js/index.js",
   "module": "dist/js/index.js",

package/dist/android/compose/brands/advertorial/components/Accordion/AccordionTokens.kt

@@ -1,113 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.79
- * Generated by Style Dictionary v4.2.0
- *
- * Context: Component: Accordion
-Aggregated component tokens with all modes
- *
- * Brand: Advertorial
- *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/android.md
- */
-
-package com.bild.designsystem.advertorial.components
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.runtime.Composable
-import com.bild.designsystem.shared.DesignSystemTheme
-import com.bild.designsystem.shared.WindowSizeClass
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.sp
-import androidx.compose.ui.unit.TextUnit
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.style.TextDecoration
-import com.bild.designsystem.shared.DesignTextStyle
-import com.bild.designsystem.shared.DesignTextCase
-
-/**
- * Accordion Design Tokens
- *
- * Usage:
- *   AccordionTokens.Colors.Light.primaryBgIdle
- *   AccordionTokens.Sizing.Compact.height
- *   AccordionTokens.Density.Default.contentGap
- */
-object AccordionTokens {
-
-    // ══════════════════════════════════════════════════════════════
-    // SIZING (Material 3 WindowSizeClass)
-    // ══════════════════════════════════════════════════════════════
-    object Sizing {
-        /**
-         * Returns sizing tokens for the current window size class.
-         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
-         *
-         * Usage:
-         *   val fontSize = AccordionTokens.Sizing.current().labelFontSize
-         */
-        @Composable
-        fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
-            WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Medium -> Medium
-            WindowSizeClass.Expanded -> Expanded
-        }
-
-        /**
-         * Interface for sizing tokens
-         */
-        interface SizingTokens {
-            val accordionLabelFontFamily: Dp
-        }
-
-        object Compact : SizingTokens {
-            override val accordionLabelFontFamily = "Lucida Grande"
-        }
-        object Medium : SizingTokens {
-            override val accordionLabelFontFamily = "Lucida Grande"
-        }
-        object Expanded : SizingTokens {
-            override val accordionLabelFontFamily = "Lucida Grande"
-        }
-    }
-
-    // ══════════════════════════════════════════════════════════════
-    // TYPOGRAPHY (Material 3 WindowSizeClass)
-    // ══════════════════════════════════════════════════════════════
-    object Typography {
-        /**
-         * Returns typography tokens for the current window size class.
-         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
-         *
-         * Usage:
-         *   val fontFamily = AccordionTokens.Typography.current().labelFontFamily
-         */
-        @Composable
-        fun current(): TypographyTokens = when (DesignSystemTheme.sizeClass) {
-            WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Medium -> Medium
-            WindowSizeClass.Expanded -> Expanded
-        }
-
-        /**
-         * Interface for typography tokens (DesignTextStyle composite objects)
-         */
-        interface TypographyTokens {
-            val accordionLabel: DesignTextStyle
-        }
-
-        object Compact : TypographyTokens {
-            override val accordionLabel = DesignTextStyle(fontFamily = "Lucida Grande", fontWeight = FontWeight.Bold, fontSize = 17.sp, lineHeight = 17.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
-        }
-        object Medium : TypographyTokens {
-            override val accordionLabel = DesignTextStyle(fontFamily = "Lucida Grande", fontWeight = FontWeight.Bold, fontSize = 17.sp, lineHeight = 17.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
-        }
-        object Expanded : TypographyTokens {
-            override val accordionLabel = DesignTextStyle(fontFamily = "Lucida Grande", fontWeight = FontWeight.Bold, fontSize = 17.sp, lineHeight = 17.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
-        }
-    }
-}

package/dist/android/compose/brands/bild/components/Accordion/AccordionTokens.kt

@@ -1,113 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.79
- * Generated by Style Dictionary v4.2.0
- *
- * Context: Component: Accordion
-Aggregated component tokens with all modes
- *
- * Brand: Bild
- *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/android.md
- */
-
-package com.bild.designsystem.bild.components
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.runtime.Composable
-import com.bild.designsystem.shared.DesignSystemTheme
-import com.bild.designsystem.shared.WindowSizeClass
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.sp
-import androidx.compose.ui.unit.TextUnit
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.style.TextDecoration
-import com.bild.designsystem.shared.DesignTextStyle
-import com.bild.designsystem.shared.DesignTextCase
-
-/**
- * Accordion Design Tokens
- *
- * Usage:
- *   AccordionTokens.Colors.Light.primaryBgIdle
- *   AccordionTokens.Sizing.Compact.height
- *   AccordionTokens.Density.Default.contentGap
- */
-object AccordionTokens {
-
-    // ══════════════════════════════════════════════════════════════
-    // SIZING (Material 3 WindowSizeClass)
-    // ══════════════════════════════════════════════════════════════
-    object Sizing {
-        /**
-         * Returns sizing tokens for the current window size class.
-         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
-         *
-         * Usage:
-         *   val fontSize = AccordionTokens.Sizing.current().labelFontSize
-         */
-        @Composable
-        fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
-            WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Medium -> Medium
-            WindowSizeClass.Expanded -> Expanded
-        }
-
-        /**
-         * Interface for sizing tokens
-         */
-        interface SizingTokens {
-            val accordionLabelFontFamily: Dp
-        }
-
-        object Compact : SizingTokens {
-            override val accordionLabelFontFamily = "Gotham XNarrow"
-        }
-        object Medium : SizingTokens {
-            override val accordionLabelFontFamily = "Gotham XNarrow"
-        }
-        object Expanded : SizingTokens {
-            override val accordionLabelFontFamily = "Gotham XNarrow"
-        }
-    }
-
-    // ══════════════════════════════════════════════════════════════
-    // TYPOGRAPHY (Material 3 WindowSizeClass)
-    // ══════════════════════════════════════════════════════════════
-    object Typography {
-        /**
-         * Returns typography tokens for the current window size class.
-         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
-         *
-         * Usage:
-         *   val fontFamily = AccordionTokens.Typography.current().labelFontFamily
-         */
-        @Composable
-        fun current(): TypographyTokens = when (DesignSystemTheme.sizeClass) {
-            WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Medium -> Medium
-            WindowSizeClass.Expanded -> Expanded
-        }
-
-        /**
-         * Interface for typography tokens (DesignTextStyle composite objects)
-         */
-        interface TypographyTokens {
-            val accordionLabel: DesignTextStyle
-        }
-
-        object Compact : TypographyTokens {
-            override val accordionLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 17.sp, lineHeight = 17.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
-        }
-        object Medium : TypographyTokens {
-            override val accordionLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 17.sp, lineHeight = 17.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
-        }
-        object Expanded : TypographyTokens {
-            override val accordionLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 17.sp, lineHeight = 17.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
-        }
-    }
-}

package/dist/android/compose/brands/bild/components/Foldout/FoldoutTokens.kt

@@ -1,66 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.79
- * Generated by Style Dictionary v4.2.0
- *
- * Context: Component: Foldout
-Aggregated component tokens with all modes
- *
- * Brand: Bild
- *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/android.md
- */
-
-package com.bild.designsystem.bild.components
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.runtime.Composable
-import com.bild.designsystem.shared.DesignSystemTheme
-import androidx.compose.ui.graphics.Color
-
-/**
- * Foldout Design Tokens
- *
- * Usage:
- *   FoldoutTokens.Colors.Light.primaryBgIdle
- *   FoldoutTokens.Sizing.Compact.height
- *   FoldoutTokens.Density.Default.contentGap
- */
-object FoldoutTokens {
-
-    // ══════════════════════════════════════════════════════════════
-    // COLORS
-    // ══════════════════════════════════════════════════════════════
-    object Colors {
-        /**
-         * Returns color tokens for the current theme.
-         * Automatically resolves to Light or Dark based on DesignSystemTheme.isDarkTheme
-         *
-         * Usage:
-         *   val bgColor = FoldoutTokens.Colors.current().primaryBgIdle
-         */
-        @Composable
-        fun current(): ColorTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
-
-        /**
-         * Interface for color tokens
-         */
-        interface ColorTokens {
-            val foldoutLabelColorActive: Color
-            val foldoutLabelColorIdle: Color
-        }
-
-        object Light : ColorTokens {
-            override val foldoutLabelColorActive = Color(0xFFDD0000)
-            override val foldoutLabelColorIdle = Color(0xFF4B525A)
-        }
-        object Dark : ColorTokens {
-            override val foldoutLabelColorActive = Color(0xFFF2F4F5)
-            override val foldoutLabelColorIdle = Color(0xFFCED4DA)
-        }
-    }
-}

package/dist/android/compose/brands/bild/components/Hey/HeyTokens.kt

@@ -1,75 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.79
- * Generated by Style Dictionary v4.2.0
- *
- * Context: Component: Hey
-Aggregated component tokens with all modes
- *
- * Brand: Bild
- *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/android.md
- */
-
-package com.bild.designsystem.bild.components
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.runtime.Composable
-import com.bild.designsystem.shared.DesignSystemTheme
-import androidx.compose.ui.graphics.Color
-
-/**
- * Hey Design Tokens
- *
- * Usage:
- *   HeyTokens.Colors.Light.primaryBgIdle
- *   HeyTokens.Sizing.Compact.height
- *   HeyTokens.Density.Default.contentGap
- */
-object HeyTokens {
-
-    // ══════════════════════════════════════════════════════════════
-    // COLORS
-    // ══════════════════════════════════════════════════════════════
-    object Colors {
-        /**
-         * Returns color tokens for the current theme.
-         * Automatically resolves to Light or Dark based on DesignSystemTheme.isDarkTheme
-         *
-         * Usage:
-         *   val bgColor = HeyTokens.Colors.current().primaryBgIdle
-         */
-        @Composable
-        fun current(): ColorTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
-
-        /**
-         * Interface for color tokens
-         */
-        interface ColorTokens {
-            val heyFavInputFieldSurfaceColor: Color
-            val heyTextColor: Color
-            val heyIconUtilColor: Color
-            val heySeparatorColor: Color
-            val heyDrawerSurfaceColor: Color
-        }
-
-        object Light : ColorTokens {
-            override val heyFavInputFieldSurfaceColor = Color(0xFFE9ECEF)
-            override val heyTextColor = Color(0xFF4B525A)
-            override val heyIconUtilColor = Color(0xFF4B525A)
-            override val heySeparatorColor = Color(0xFFCED4DA)
-            override val heyDrawerSurfaceColor = Color(0xFFF2F4F5)
-        }
-        object Dark : ColorTokens {
-            override val heyFavInputFieldSurfaceColor = Color(0xFF4B525A)
-            override val heyTextColor = Color(0xFFE9ECEF)
-            override val heyIconUtilColor = Color(0xFFFFFFFF)
-            override val heySeparatorColor = Color(0xFF666B70)
-            override val heyDrawerSurfaceColor = Color(0xFF343C41)
-        }
-    }
-}