@marioschmidt/design-system-tokens 1.0.63 → 1.0.64

package/dist/android/compose/brands/bild/components/InfoElement/InfoElementTokens.kt

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Component: InfoElement | Brand: Bild
@@ -30,12 +30,12 @@ import androidx.compose.ui.unit.dp
 object InfoElementTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
         /**
          * Returns sizing tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontSize = InfoElementTokens.Sizing.current().labelFontSize
@@ -43,7 +43,8 @@ object InfoElementTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -62,7 +63,13 @@ object InfoElementTokens {
             override val infoElementTeaserImageWidthSize = 80.dp
             override val infoElementTeaserBadgeMarginSpace = 4.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val infoElementTeaserBadgeHeightSize = 16.dp
+            override val infoElementTeaserImageHeightSize = 83.dp
+            override val infoElementTeaserImageWidthSize = 148.dp
+            override val infoElementTeaserBadgeMarginSpace = 4.dp
+        }
+        object Expanded : SizingTokens {
             override val infoElementTeaserBadgeHeightSize = 24.dp
             override val infoElementTeaserImageHeightSize = 133.dp
             override val infoElementTeaserImageWidthSize = 236.dp

package/dist/android/compose/brands/bild/components/InputField/InputFieldTokens.kt

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Component: InputField | Brand: Bild
@@ -15,12 +15,17 @@ 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.Density
 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
 
 /**
  * InputField Design Tokens
@@ -80,12 +85,12 @@ object InputFieldTokens {
     }
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
         /**
          * Returns sizing tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontSize = InputFieldTokens.Sizing.current().labelFontSize
@@ -93,7 +98,8 @@ object InputFieldTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -122,7 +128,18 @@ object InputFieldTokens {
             override val inputFieldMessageGapSpace = 4.dp
             override val inputFieldFontFamily = "Gotham XNarrow"
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val inputFieldStackSpace = 6.dp
+            override val inputFieldInlineSpace = 16.dp
+            override val inputFieldMiniLabelInlineSpace = 4.dp
+            override val inputFieldFontSize = 16.sp
+            override val inputFieldImessageInlineSpace = 16.dp
+            override val inputFieldHeightSize = 36.dp
+            override val heyInputContainerInlineSpace = 8.dp
+            override val inputFieldMessageGapSpace = 4.dp
+            override val inputFieldFontFamily = "Gotham XNarrow"
+        }
+        object Expanded : SizingTokens {
             override val inputFieldStackSpace = 6.dp
             override val inputFieldInlineSpace = 16.dp
             override val inputFieldMiniLabelInlineSpace = 4.dp
@@ -136,12 +153,60 @@ object InputFieldTokens {
     }
 
     // ══════════════════════════════════════════════════════════════
-    // TYPOGRAPHY
+    // DENSITY
+    // ══════════════════════════════════════════════════════════════
+    object Density {
+        /**
+         * Returns density tokens for the current theme density.
+         * Automatically resolves to Dense, Default, or Spacious based on DesignSystemTheme.density
+         *
+         * Usage:
+         *   val gap = InputFieldTokens.Density.current().contentGap
+         */
+        @Composable
+        fun current(): DensityTokens = when (DesignSystemTheme.density) {
+            com.bild.designsystem.shared.Density.Dense -> Dense
+            com.bild.designsystem.shared.Density.Default -> Default
+            com.bild.designsystem.shared.Density.Spacious -> Spacious
+        }
+
+        /**
+         * Interface for density-dependent tokens
+         */
+        interface DensityTokens {
+            val densityInputFieldInlineSpace: Dp
+            val densityInputFieldStackSpace: Dp
+            val densityInputFieldHeightSize: Dp
+            val densityInputFieldLabelFontSize: TextUnit
+        }
+
+        object Dense : DensityTokens {
+            override val densityInputFieldInlineSpace = 16.dp
+            override val densityInputFieldStackSpace = 6.dp
+            override val densityInputFieldHeightSize = 36.dp
+            override val densityInputFieldLabelFontSize = 16.sp
+        }
+        object Default : DensityTokens {
+            override val densityInputFieldInlineSpace = 16.dp
+            override val densityInputFieldStackSpace = 8.dp
+            override val densityInputFieldHeightSize = 40.dp
+            override val densityInputFieldLabelFontSize = 17.sp
+        }
+        object Spacious : DensityTokens {
+            override val densityInputFieldInlineSpace = 16.dp
+            override val densityInputFieldStackSpace = 12.dp
+            override val densityInputFieldHeightSize = 48.dp
+            override val densityInputFieldLabelFontSize = 19.sp
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // TYPOGRAPHY (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Typography {
         /**
          * Returns typography tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontFamily = InputFieldTokens.Typography.current().labelFontFamily
@@ -149,33 +214,25 @@ object InputFieldTokens {
         @Composable
         fun current(): TypographyTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
-         * Interface for typography tokens
+         * Interface for typography tokens (DesignTextStyle composite objects)
          */
         interface TypographyTokens {
-            val textInputFieldLabelFontFamily: String
-            val textInputFieldLabelFontWeight: Int
-            val textInputFieldLabelFontSize: TextUnit
-            val textInputFieldLabelLineHeight: TextUnit
-            val textInputFieldLabelTextCase: String
+            val textInputFieldLabel: DesignTextStyle
         }
 
         object Compact : TypographyTokens {
-            override val textInputFieldLabelFontFamily = "Gotham XNarrow"
-            override val textInputFieldLabelFontWeight = 400
-            override val textInputFieldLabelFontSize = 16.sp
-            override val textInputFieldLabelLineHeight = 16.sp
-            override val textInputFieldLabelTextCase = "ORIGINAL"
-        }
-        object Regular : TypographyTokens {
-            override val textInputFieldLabelFontFamily = "Gotham XNarrow"
-            override val textInputFieldLabelFontWeight = 400
-            override val textInputFieldLabelFontSize = 16.sp
-            override val textInputFieldLabelLineHeight = 16.sp
-            override val textInputFieldLabelTextCase = "ORIGINAL"
+            override val textInputFieldLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Medium : TypographyTokens {
+            override val textInputFieldLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Expanded : TypographyTokens {
+            override val textInputFieldLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
     }
 }

package/dist/android/compose/brands/bild/components/Kicker/KickerTokens.kt

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Component: Kicker | Brand: Bild

package/dist/android/compose/brands/bild/components/LiveTicker/LiveTickerTokens.kt

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Component: LiveTicker | Brand: Bild
@@ -20,6 +20,10 @@ 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
 
 /**
  * LiveTicker Design Tokens
@@ -32,12 +36,12 @@ import androidx.compose.ui.unit.TextUnit
 object LiveTickerTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // SIZING (WindowSizeClass)
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
         /**
          * Returns sizing tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontSize = LiveTickerTokens.Sizing.current().labelFontSize
@@ -45,7 +49,8 @@ object LiveTickerTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -72,7 +77,17 @@ object LiveTickerTokens {
             override val liveTickerAppCardHeightSize = 96.dp
             override val liveTickerAppCardWidthSize = 250.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val liveTickerheadlineFontWeight = 600
+            override val liveTickerHeadlinesFontSize = 32.sp
+            override val timeStampFontFamily = "Gotham XNarrow"
+            override val liveTickerTimeStampFontSize = 16.sp
+            override val liveTickerTimeHeadlineStackSpace = 4.dp
+            override val liveTickerSliderItemWidthMaxSize = 257.dp
+            override val liveTickerAppCardHeightSize = 128.dp
+            override val liveTickerAppCardWidthSize = 300.dp
+        }
+        object Expanded : SizingTokens {
             override val liveTickerheadlineFontWeight = 600
             override val liveTickerHeadlinesFontSize = 32.sp
             override val timeStampFontFamily = "Gotham XNarrow"
@@ -85,12 +100,12 @@ object LiveTickerTokens {
     }
 
     // ══════════════════════════════════════════════════════════════
-    // TYPOGRAPHY
+    // TYPOGRAPHY (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Typography {
         /**
          * Returns typography tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontFamily = LiveTickerTokens.Typography.current().labelFontFamily
@@ -98,51 +113,29 @@ object LiveTickerTokens {
         @Composable
         fun current(): TypographyTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
-         * Interface for typography tokens
+         * Interface for typography tokens (DesignTextStyle composite objects)
          */
         interface TypographyTokens {
-            val liveTickerHeadlineFontFamily: String
-            val liveTickerHeadlineFontWeight: Int
-            val liveTickerHeadlineFontSize: TextUnit
-            val liveTickerHeadlineLineHeight: TextUnit
-            val liveTickerHeadlineLetterSpacing: TextUnit
-            val liveTickerHeadlineTextCase: String
-            val liveTickerTimeStampFontFamily: String
-            val liveTickerTimeStampFontWeight: Int
-            val liveTickerTimeStampFontSize: TextUnit
-            val liveTickerTimeStampLineHeight: TextUnit
-            val liveTickerTimeStampTextCase: String
+            val liveTickerHeadline: DesignTextStyle
+            val liveTickerTimeStamp: DesignTextStyle
         }
 
         object Compact : TypographyTokens {
-            override val liveTickerHeadlineFontFamily = "Gotham Condensed"
-            override val liveTickerHeadlineFontWeight = 600
-            override val liveTickerHeadlineFontSize = 22.sp
-            override val liveTickerHeadlineLineHeight = 22.sp
-            override val liveTickerHeadlineLetterSpacing = 0f.sp
-            override val liveTickerHeadlineTextCase = "ORIGINAL"
-            override val liveTickerTimeStampFontFamily = "Gotham XNarrow"
-            override val liveTickerTimeStampFontWeight = 700
-            override val liveTickerTimeStampFontSize = 14.sp
-            override val liveTickerTimeStampLineHeight = 14.sp
-            override val liveTickerTimeStampTextCase = "ORIGINAL"
+            override val liveTickerHeadline = DesignTextStyle(fontFamily = "Gotham Condensed", fontWeight = FontWeight.SemiBold, fontSize = 22.sp, lineHeight = 22.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val liveTickerTimeStamp = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 14.sp, lineHeight = 14.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
-        object Regular : TypographyTokens {
-            override val liveTickerHeadlineFontFamily = "Gotham Condensed"
-            override val liveTickerHeadlineFontWeight = 600
-            override val liveTickerHeadlineFontSize = 32.sp
-            override val liveTickerHeadlineLineHeight = 32.sp
-            override val liveTickerHeadlineLetterSpacing = 0f.sp
-            override val liveTickerHeadlineTextCase = "ORIGINAL"
-            override val liveTickerTimeStampFontFamily = "Gotham XNarrow"
-            override val liveTickerTimeStampFontWeight = 700
-            override val liveTickerTimeStampFontSize = 16.sp
-            override val liveTickerTimeStampLineHeight = 16.sp
-            override val liveTickerTimeStampTextCase = "ORIGINAL"
+        object Medium : TypographyTokens {
+            override val liveTickerHeadline = DesignTextStyle(fontFamily = "Gotham Condensed", fontWeight = FontWeight.SemiBold, fontSize = 32.sp, lineHeight = 32.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val liveTickerTimeStamp = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Expanded : TypographyTokens {
+            override val liveTickerHeadline = DesignTextStyle(fontFamily = "Gotham Condensed", fontWeight = FontWeight.SemiBold, fontSize = 32.sp, lineHeight = 32.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val liveTickerTimeStamp = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
     }
 }

package/dist/android/compose/brands/bild/components/MediaPlayer/MediaPlayerTokens.kt

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary
  *
  * Component: MediaPlayer | Brand: Bild
@@ -16,10 +16,15 @@ 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
 
 /**
  * MediaPlayer Design Tokens
@@ -32,12 +37,68 @@ import androidx.compose.ui.unit.TextUnit
 object MediaPlayerTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = MediaPlayerTokens.Colors.current().primaryBgIdle
+         */
+        @Composable
+        fun current(): ColorTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
+
+        /**
+         * Interface for color tokens
+         */
+        interface ColorTokens {
+            val vidPlayerControlsAutoplayButtonBgColor: Color
+            val vidPlayerControlButtonsBgHoverColor: Color
+            val vidPlayerControlButtonsBgColorHover: Color
+            val vidPlayerOverlayScrimColor: Color
+            val audioPlayerPlayButtonBgColor: Color
+            val vidPlayerTooltipBgColor: Color
+            val vidPlayerControlButtonsBgColorPressed: Color
+            val vidPlayerProgressBarPreloadBgColor: Color
+            val vidPlayerUnmuteButtonBgColor: Color
+            val vidPlayerUnmuteButtonBgColorHover: Color
+        }
+
+        object Light : ColorTokens {
+            override val vidPlayerControlsAutoplayButtonBgColor = Color(0x33000000)
+            override val vidPlayerControlButtonsBgHoverColor = Color(0xCCDD0000)
+            override val vidPlayerControlButtonsBgColorHover = Color(0x33000000)
+            override val vidPlayerOverlayScrimColor = Color(0x80000000)
+            override val audioPlayerPlayButtonBgColor = Color(0x4DFFFFFF)
+            override val vidPlayerTooltipBgColor = Color(0xB3000000)
+            override val vidPlayerControlButtonsBgColorPressed = Color(0x0D000000)
+            override val vidPlayerProgressBarPreloadBgColor = Color(0x4DFFFFFF)
+            override val vidPlayerUnmuteButtonBgColor = Color(0x33000000)
+            override val vidPlayerUnmuteButtonBgColorHover = Color(0x59000000)
+        }
+        object Dark : ColorTokens {
+            override val vidPlayerControlsAutoplayButtonBgColor = Color(0x33000000)
+            override val vidPlayerControlButtonsBgHoverColor = Color(0xCCDD0000)
+            override val vidPlayerControlButtonsBgColorHover = Color(0x33000000)
+            override val vidPlayerOverlayScrimColor = Color(0x80000000)
+            override val audioPlayerPlayButtonBgColor = Color(0x4DFFFFFF)
+            override val vidPlayerTooltipBgColor = Color(0xB3000000)
+            override val vidPlayerControlButtonsBgColorPressed = Color(0x0D000000)
+            override val vidPlayerProgressBarPreloadBgColor = Color(0x4DFFFFFF)
+            override val vidPlayerUnmuteButtonBgColor = Color(0x33000000)
+            override val vidPlayerUnmuteButtonBgColorHover = Color(0x59000000)
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // SIZING (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Sizing {
         /**
          * Returns sizing tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontSize = MediaPlayerTokens.Sizing.current().labelFontSize
@@ -45,7 +106,8 @@ object MediaPlayerTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -76,7 +138,19 @@ object MediaPlayerTokens {
             override val vidPlayerProgressBarContainerHeightSize = 24.dp
             override val vidPlayerUnmuteButtonWidthSize = 220
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val podcastPlayButtonSize = 48.dp
+            override val vidPlayerBottomBarGapSpace = 0.dp
+            override val audioPlayerHeaderStackSpace = 56.dp
+            override val videoTimeBadgeFontFamily = "Gotham XNarrow"
+            override val vidPlayerControlButtonSize = 42.dp
+            override val vidPlayerControlButtonIconSizeHover = 28.dp
+            override val vidPlayerTimecodeFontSize = 16.sp
+            override val vidPlayerTimecodeContainerMinWidthSize = 58.dp
+            override val vidPlayerProgressBarContainerHeightSize = 24.dp
+            override val vidPlayerUnmuteButtonWidthSize = 220
+        }
+        object Expanded : SizingTokens {
             override val podcastPlayButtonSize = 48.dp
             override val vidPlayerBottomBarGapSpace = 16.dp
             override val audioPlayerHeaderStackSpace = 56.dp
@@ -91,12 +165,12 @@ object MediaPlayerTokens {
     }
 
     // ══════════════════════════════════════════════════════════════
-    // TYPOGRAPHY
+    // TYPOGRAPHY (Material 3 WindowSizeClass)
     // ══════════════════════════════════════════════════════════════
     object Typography {
         /**
          * Returns typography tokens for the current window size class.
-         * Automatically resolves to Compact or Regular based on DesignSystemTheme.sizeClass
+         * Automatically resolves to Compact, Medium, or Expanded based on DesignSystemTheme.sizeClass
          *
          * Usage:
          *   val fontFamily = MediaPlayerTokens.Typography.current().labelFontFamily
@@ -104,57 +178,33 @@ object MediaPlayerTokens {
         @Composable
         fun current(): TypographyTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
-         * Interface for typography tokens
+         * Interface for typography tokens (DesignTextStyle composite objects)
          */
         interface TypographyTokens {
-            val podcastPlayerLabelFontFamily: String
-            val podcastPlayerLabelFontWeight: Int
-            val podcastPlayerLabelFontSize: TextUnit
-            val podcastPlayerLabelLineHeight: TextUnit
-            val podcastPlayerLabelTextCase: String
-            val videoAdTimeFontFamily: String
-            val videoAdTimeFontWeight: Int
-            val videoAdTimeFontSize: TextUnit
-            val videoAdTimeTextCase: String
-            val videoPlayerTimeFontFamily: String
-            val videoPlayerTimeFontWeight: Int
-            val videoPlayerTimeFontSize: TextUnit
-            val videoPlayerTimeTextCase: String
+            val podcastPlayerLabel: DesignTextStyle
+            val videoAdTime: DesignTextStyle
+            val videoPlayerTime: DesignTextStyle
         }
 
         object Compact : TypographyTokens {
-            override val podcastPlayerLabelFontFamily = "Gotham XNarrow"
-            override val podcastPlayerLabelFontWeight = 400
-            override val podcastPlayerLabelFontSize = 16.sp
-            override val podcastPlayerLabelLineHeight = 16.sp
-            override val podcastPlayerLabelTextCase = "ORIGINAL"
-            override val videoAdTimeFontFamily = "Gotham"
-            override val videoAdTimeFontWeight = 800
-            override val videoAdTimeFontSize = 14.sp
-            override val videoAdTimeTextCase = "UPPER"
-            override val videoPlayerTimeFontFamily = "Gotham"
-            override val videoPlayerTimeFontWeight = 800
-            override val videoPlayerTimeFontSize = 14.sp
-            override val videoPlayerTimeTextCase = "UPPER"
+            override val podcastPlayerLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val videoAdTime = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 14.sp, lineHeight = 14.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Uppercase, textDecoration = TextDecoration.None)
+            override val videoPlayerTime = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 14.sp, lineHeight = 14.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Uppercase, textDecoration = TextDecoration.None)
+        }
+        object Medium : TypographyTokens {
+            override val podcastPlayerLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val videoAdTime = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Uppercase, textDecoration = TextDecoration.None)
+            override val videoPlayerTime = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Uppercase, textDecoration = TextDecoration.None)
         }
-        object Regular : TypographyTokens {
-            override val podcastPlayerLabelFontFamily = "Gotham XNarrow"
-            override val podcastPlayerLabelFontWeight = 400
-            override val podcastPlayerLabelFontSize = 18.sp
-            override val podcastPlayerLabelLineHeight = 18.sp
-            override val podcastPlayerLabelTextCase = "ORIGINAL"
-            override val videoAdTimeFontFamily = "Gotham"
-            override val videoAdTimeFontWeight = 800
-            override val videoAdTimeFontSize = 16.sp
-            override val videoAdTimeTextCase = "UPPER"
-            override val videoPlayerTimeFontFamily = "Gotham"
-            override val videoPlayerTimeFontWeight = 800
-            override val videoPlayerTimeFontSize = 18.sp
-            override val videoPlayerTimeTextCase = "UPPER"
+        object Expanded : TypographyTokens {
+            override val podcastPlayerLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Normal, fontSize = 18.sp, lineHeight = 18.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val videoAdTime = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 16.sp, lineHeight = 16.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Uppercase, textDecoration = TextDecoration.None)
+            override val videoPlayerTime = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 18.sp, lineHeight = 18.sp, letterSpacing = 0.sp, textCase = DesignTextCase.Uppercase, textDecoration = TextDecoration.None)
         }
     }
 }