@marioschmidt/design-system-tokens 1.0.62 → 1.0.64

package/dist/android/compose/brands/sportbild/components/Card/CardTokens.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
  *
  * Component: Card | Brand: Sportbild
@@ -13,6 +13,9 @@
 package com.bild.designsystem.sportbild.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.graphics.Color
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
@@ -31,27 +34,72 @@ object CardTokens {
     // COLORS
     // ══════════════════════════════════════════════════════════════
     object Colors {
-        object Light {
-            val cardSurfaceBgColor = Color(0xFFFFFFFF)
+        /**
+         * Returns color tokens for the current theme.
+         * Automatically resolves to Light or Dark based on DesignSystemTheme.isDarkTheme
+         *
+         * Usage:
+         *   val bgColor = CardTokens.Colors.current().primaryBgIdle
+         */
+        @Composable
+        fun current(): ColorTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
+
+        /**
+         * Interface for color tokens
+         */
+        interface ColorTokens {
+            val cardSurfaceBgColor: Color
+        }
+
+        object Light : ColorTokens {
+            override val cardSurfaceBgColor = Color(0xFFFFFFFF)
         }
-        object Dark {
-            val cardSurfaceBgColor = Color(0xFF0A2750)
+        object Dark : ColorTokens {
+            override val cardSurfaceBgColor = Color(0xFF0A2750)
         }
     }
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
-        object Compact {
-            val searchResultCardImageWidthSize = 216.dp
-            val searchResultCardImageHeightSizeStacked = 189.dp
-            val newstickerImageCardWidthSize = 206.dp
-        }
-        object Regular {
-            val searchResultCardImageWidthSize = 260.dp
-            val searchResultCardImageHeightSizeStacked = 189.dp
-            val newstickerImageCardWidthSize = 206.dp
+        /**
+         * Returns sizing tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontSize = CardTokens.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 searchResultCardImageWidthSize: Dp
+            val searchResultCardImageHeightSizeStacked: Dp
+            val newstickerImageCardWidthSize: Dp
+        }
+
+        object Compact : SizingTokens {
+            override val searchResultCardImageWidthSize = 216.dp
+            override val searchResultCardImageHeightSizeStacked = 189.dp
+            override val newstickerImageCardWidthSize = 206.dp
+        }
+        object Medium : SizingTokens {
+            override val searchResultCardImageWidthSize = 216.dp
+            override val searchResultCardImageHeightSizeStacked = 189.dp
+            override val newstickerImageCardWidthSize = 206.dp
+        }
+        object Expanded : SizingTokens {
+            override val searchResultCardImageWidthSize = 260.dp
+            override val searchResultCardImageHeightSizeStacked = 189.dp
+            override val newstickerImageCardWidthSize = 206.dp
         }
     }
 }

package/dist/android/compose/brands/sportbild/components/Carousel/CarouselTokens.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
  *
  * Component: Carousel | Brand: Sportbild
@@ -13,6 +13,9 @@
 package com.bild.designsystem.sportbild.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.dp
 
@@ -27,26 +30,62 @@ import androidx.compose.ui.unit.dp
 object CarouselTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
-        object Compact {
-            val galleryTeaserTitleBottomSpace = 28.dp
-            val galleryTeaserAppGapSpace = 0.dp
-            val appEpaperCarouselItemFocusWidth = 182.dp
-            val appEpaperCarouselItemDefaultWidth = 144.dp
-            val appEpaperCarouseBeilageItemWidth = 110.dp
-            val standardTeaserGalleryTeaserWidthWeb = 145.dp
-            val standardTeaserGalleryTeaserWidthApp = 280.dp
+        /**
+         * Returns sizing tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontSize = CarouselTokens.Sizing.current().labelFontSize
+         */
+        @Composable
+        fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
+            WindowSizeClass.Compact -> Compact
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
-        object Regular {
-            val galleryTeaserTitleBottomSpace = 36.dp
-            val galleryTeaserAppGapSpace = 8.dp
-            val appEpaperCarouselItemFocusWidth = 240.dp
-            val appEpaperCarouselItemDefaultWidth = 172.dp
-            val appEpaperCarouseBeilageItemWidth = 172.dp
-            val standardTeaserGalleryTeaserWidthWeb = 300.dp
-            val standardTeaserGalleryTeaserWidthApp = 464.dp
+
+        /**
+         * Interface for sizing tokens
+         */
+        interface SizingTokens {
+            val galleryTeaserTitleBottomSpace: Dp
+            val galleryTeaserAppGapSpace: Dp
+            val appEpaperCarouselItemFocusWidth: Dp
+            val appEpaperCarouselItemDefaultWidth: Dp
+            val appEpaperCarouseBeilageItemWidth: Dp
+            val standardTeaserGalleryTeaserWidthWeb: Dp
+            val standardTeaserGalleryTeaserWidthApp: Dp
+        }
+
+        object Compact : SizingTokens {
+            override val galleryTeaserTitleBottomSpace = 28.dp
+            override val galleryTeaserAppGapSpace = 0.dp
+            override val appEpaperCarouselItemFocusWidth = 182.dp
+            override val appEpaperCarouselItemDefaultWidth = 144.dp
+            override val appEpaperCarouseBeilageItemWidth = 110.dp
+            override val standardTeaserGalleryTeaserWidthWeb = 145.dp
+            override val standardTeaserGalleryTeaserWidthApp = 280.dp
+        }
+        object Medium : SizingTokens {
+            override val galleryTeaserTitleBottomSpace = 36.dp
+            override val galleryTeaserAppGapSpace = 8.dp
+            override val appEpaperCarouselItemFocusWidth = 240.dp
+            override val appEpaperCarouselItemDefaultWidth = 172.dp
+            override val appEpaperCarouseBeilageItemWidth = 172.dp
+            override val standardTeaserGalleryTeaserWidthWeb = 260.dp
+            override val standardTeaserGalleryTeaserWidthApp = 280.dp
+        }
+        object Expanded : SizingTokens {
+            override val galleryTeaserTitleBottomSpace = 36.dp
+            override val galleryTeaserAppGapSpace = 8.dp
+            override val appEpaperCarouselItemFocusWidth = 240.dp
+            override val appEpaperCarouselItemDefaultWidth = 172.dp
+            override val appEpaperCarouseBeilageItemWidth = 172.dp
+            override val standardTeaserGalleryTeaserWidthWeb = 300.dp
+            override val standardTeaserGalleryTeaserWidthApp = 464.dp
         }
     }
 }

package/dist/android/compose/brands/sportbild/components/Chip/ChipTokens.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
  *
  * Component: Chip | Brand: Sportbild
@@ -13,9 +13,18 @@
 package com.bild.designsystem.sportbild.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.graphics.Color
 import androidx.compose.ui.unit.Dp
 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
 
 /**
  * Chip Design Tokens
@@ -28,36 +37,123 @@ import androidx.compose.ui.unit.sp
 object ChipTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // COLORS
+    // ══════════════════════════════════════════════════════════════
+    object Colors {
+        /**
+         * Returns color tokens for the current theme.
+         * Automatically resolves to Light or Dark based on DesignSystemTheme.isDarkTheme
+         *
+         * Usage:
+         *   val bgColor = ChipTokens.Colors.current().primaryBgIdle
+         */
+        @Composable
+        fun current(): ColorTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
+
+        /**
+         * Interface for color tokens
+         */
+        interface ColorTokens {
+            val chipBgColorHover: Color
+            val chipLabelColorHover: Color
+            val chipBgColorActive: Color
+            val chipBgColorIdle: Color
+            val chipLabelColorIdle: Color
+        }
+
+        object Light : ColorTokens {
+            override val chipBgColorHover = Color(0xFFAF0002)
+            override val chipLabelColorHover = Color(0xFFFFFFFF)
+            override val chipBgColorActive = Color(0xFF174482)
+            override val chipBgColorIdle = Color(0xFFE9ECEF)
+            override val chipLabelColorIdle = Color(0xFF232629)
+        }
+        object Dark : ColorTokens {
+            override val chipBgColorHover = Color(0xFFCED4DA)
+            override val chipLabelColorHover = Color(0xFF081828)
+            override val chipBgColorActive = Color(0xFF315998)
+            override val chipBgColorIdle = Color(0xFF4B525A)
+            override val chipLabelColorIdle = Color(0xFFFFFFFF)
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
-        object Compact {
-            val chipFontSize = 16.sp
-            val chipInlineSpace = 12.dp
-            val chipStackSpace = 8.dp
+        /**
+         * Returns sizing tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontSize = ChipTokens.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 chipFontSize: TextUnit
+            val chipInlineSpace: Dp
+            val chipStackSpace: Dp
+        }
+
+        object Compact : SizingTokens {
+            override val chipFontSize = 16.sp
+            override val chipInlineSpace = 12.dp
+            override val chipStackSpace = 8.dp
         }
-        object Regular {
-            val chipFontSize = 18.sp
-            val chipInlineSpace = 12.dp
-            val chipStackSpace = 8.dp
+        object Medium : SizingTokens {
+            override val chipFontSize = 16.sp
+            override val chipInlineSpace = 12.dp
+            override val chipStackSpace = 8.dp
+        }
+        object Expanded : SizingTokens {
+            override val chipFontSize = 18.sp
+            override val chipInlineSpace = 12.dp
+            override val chipStackSpace = 8.dp
         }
     }
 
     // ══════════════════════════════════════════════════════════════
-    // TYPOGRAPHY
+    // TYPOGRAPHY (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Typography {
-        object Compact {
-            val chipLabelFontFamily = "Inter"
-            val chipLabelFontWeight = 700
-            val chipLabelFontSize = 16.sp
-            val chipLabelTextCase = "ORIGINAL"
-        }
-        object Regular {
-            val chipLabelFontFamily = "Inter"
-            val chipLabelFontWeight = 700
-            val chipLabelFontSize = 18.sp
-            val chipLabelTextCase = "ORIGINAL"
+        /**
+         * Returns typography tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontFamily = ChipTokens.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 chipLabel: DesignTextStyle
+        }
+
+        object Compact : TypographyTokens {
+            override val chipLabel = DesignTextStyle(fontFamily = "Inter", fontWeight = FontWeight.Bold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Medium : TypographyTokens {
+            override val chipLabel = DesignTextStyle(fontFamily = "Inter", fontWeight = FontWeight.Bold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Expanded : TypographyTokens {
+            override val chipLabel = DesignTextStyle(fontFamily = "Inter", fontWeight = FontWeight.Bold, fontSize = 18.sp, lineHeight = 18.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
     }
 }

package/dist/android/compose/brands/sportbild/components/Datepicker/DatepickerTokens.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
  *
  * Component: Datepicker | Brand: Sportbild
@@ -13,6 +13,9 @@
 package com.bild.designsystem.sportbild.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.dp
 
@@ -27,18 +30,46 @@ import androidx.compose.ui.unit.dp
 object DatepickerTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
-        object Compact {
-            val datepickerItemDayWidthSize = 44.dp
-            val datepickerItemHeightSize = 44.dp
-            val datepickerItemYearWidthSize = 77.dp
+        /**
+         * Returns sizing tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontSize = DatepickerTokens.Sizing.current().labelFontSize
+         */
+        @Composable
+        fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
+            WindowSizeClass.Compact -> Compact
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
-        object Regular {
-            val datepickerItemDayWidthSize = 44.dp
-            val datepickerItemHeightSize = 44.dp
-            val datepickerItemYearWidthSize = 77.dp
+
+        /**
+         * Interface for sizing tokens
+         */
+        interface SizingTokens {
+            val datepickerItemDayWidthSize: Dp
+            val datepickerItemHeightSize: Dp
+            val datepickerItemYearWidthSize: Dp
+        }
+
+        object Compact : SizingTokens {
+            override val datepickerItemDayWidthSize = 44.dp
+            override val datepickerItemHeightSize = 44.dp
+            override val datepickerItemYearWidthSize = 77.dp
+        }
+        object Medium : SizingTokens {
+            override val datepickerItemDayWidthSize = 44.dp
+            override val datepickerItemHeightSize = 44.dp
+            override val datepickerItemYearWidthSize = 77.dp
+        }
+        object Expanded : SizingTokens {
+            override val datepickerItemDayWidthSize = 44.dp
+            override val datepickerItemHeightSize = 44.dp
+            override val datepickerItemYearWidthSize = 77.dp
         }
     }
 }

package/dist/android/compose/brands/sportbild/components/Drawers/DrawersTokens.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
  *
  * Component: Drawers | Brand: Sportbild
@@ -13,6 +13,9 @@
 package com.bild.designsystem.sportbild.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.dp
 
@@ -27,20 +30,50 @@ import androidx.compose.ui.unit.dp
 object DrawersTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
-        object Compact {
-            val mobileMenuDrawerStackSpace = 20.dp
-            val mobileMenuDrawerLeftInlineSpace = 20.dp
-            val mobileMenuDrawerRightInlineSpace = 16.dp
-            val mobileMenuDrawerMaxWidthSize = 400.dp
+        /**
+         * Returns sizing tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontSize = DrawersTokens.Sizing.current().labelFontSize
+         */
+        @Composable
+        fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
+            WindowSizeClass.Compact -> Compact
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
-        object Regular {
-            val mobileMenuDrawerStackSpace = 20.dp
-            val mobileMenuDrawerLeftInlineSpace = 20.dp
-            val mobileMenuDrawerRightInlineSpace = 16.dp
-            val mobileMenuDrawerMaxWidthSize = 400.dp
+
+        /**
+         * Interface for sizing tokens
+         */
+        interface SizingTokens {
+            val mobileMenuDrawerStackSpace: Dp
+            val mobileMenuDrawerLeftInlineSpace: Dp
+            val mobileMenuDrawerRightInlineSpace: Dp
+            val mobileMenuDrawerMaxWidthSize: Dp
+        }
+
+        object Compact : SizingTokens {
+            override val mobileMenuDrawerStackSpace = 20.dp
+            override val mobileMenuDrawerLeftInlineSpace = 20.dp
+            override val mobileMenuDrawerRightInlineSpace = 16.dp
+            override val mobileMenuDrawerMaxWidthSize = 400.dp
+        }
+        object Medium : SizingTokens {
+            override val mobileMenuDrawerStackSpace = 20.dp
+            override val mobileMenuDrawerLeftInlineSpace = 20.dp
+            override val mobileMenuDrawerRightInlineSpace = 16.dp
+            override val mobileMenuDrawerMaxWidthSize = 400.dp
+        }
+        object Expanded : SizingTokens {
+            override val mobileMenuDrawerStackSpace = 20.dp
+            override val mobileMenuDrawerLeftInlineSpace = 20.dp
+            override val mobileMenuDrawerRightInlineSpace = 16.dp
+            override val mobileMenuDrawerMaxWidthSize = 400.dp
         }
     }
 }

package/dist/android/compose/brands/sportbild/components/Dropdown/DropdownTokens.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
  *
  * Component: Dropdown | Brand: Sportbild
@@ -13,6 +13,9 @@
 package com.bild.designsystem.sportbild.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.graphics.Color
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
@@ -31,29 +34,75 @@ object DropdownTokens {
     // COLORS
     // ══════════════════════════════════════════════════════════════
     object Colors {
-        object Light {
-            val dropdownBgColorHover = Color(0xFFF7F9FD)
-            val dropdownBgColorIdle = Color(0xFFFFFFFF)
+        /**
+         * Returns color tokens for the current theme.
+         * Automatically resolves to Light or Dark based on DesignSystemTheme.isDarkTheme
+         *
+         * Usage:
+         *   val bgColor = DropdownTokens.Colors.current().primaryBgIdle
+         */
+        @Composable
+        fun current(): ColorTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
+
+        /**
+         * Interface for color tokens
+         */
+        interface ColorTokens {
+            val dropdownBgColorHover: Color
+            val dropdownBgColorIdle: Color
+        }
+
+        object Light : ColorTokens {
+            override val dropdownBgColorHover = Color(0xFFF7F9FD)
+            override val dropdownBgColorIdle = Color(0xFFFFFFFF)
         }
-        object Dark {
-            val dropdownBgColorHover = Color(0xFF4B525A)
-            val dropdownBgColorIdle = Color(0xFF174482)
+        object Dark : ColorTokens {
+            override val dropdownBgColorHover = Color(0xFF4B525A)
+            override val dropdownBgColorIdle = Color(0xFF174482)
         }
     }
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
-        object Compact {
-            val dropDownBorderRadius = 4.dp
-            val dropDownItemStackSpace = 8.dp
-            val dropDownItemInlineSpace = 12.dp
-        }
-        object Regular {
-            val dropDownBorderRadius = 4.dp
-            val dropDownItemStackSpace = 8.dp
-            val dropDownItemInlineSpace = 16.dp
+        /**
+         * Returns sizing tokens for the current window size class.
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
+         *
+         * Usage:
+         *   val fontSize = DropdownTokens.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 dropDownBorderRadius: Dp
+            val dropDownItemStackSpace: Dp
+            val dropDownItemInlineSpace: Dp
+        }
+
+        object Compact : SizingTokens {
+            override val dropDownBorderRadius = 4.dp
+            override val dropDownItemStackSpace = 8.dp
+            override val dropDownItemInlineSpace = 12.dp
+        }
+        object Medium : SizingTokens {
+            override val dropDownBorderRadius = 4.dp
+            override val dropDownItemStackSpace = 8.dp
+            override val dropDownItemInlineSpace = 12.dp
+        }
+        object Expanded : SizingTokens {
+            override val dropDownBorderRadius = 4.dp
+            override val dropDownItemStackSpace = 8.dp
+            override val dropDownItemInlineSpace = 16.dp
         }
     }
 }