@marioschmidt/design-system-tokens 1.0.63 → 1.0.64

package/dist/android/compose/brands/bild/components/Paywall/PaywallTokens.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: Paywall | 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
 
 /**
  * Paywall Design Tokens
@@ -32,12 +36,12 @@ import androidx.compose.ui.unit.TextUnit
 object PaywallTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = PaywallTokens.Sizing.current().labelFontSize
@@ -45,7 +49,8 @@ object PaywallTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -70,7 +75,16 @@ object PaywallTokens {
             override val paywallCardPriceNoteLineHeight = 40.sp
             override val paywallCardPriceNoteFontSize = 40.sp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val paywallContainerGapSpace = -48.dp
+            override val paywallHeaderBottomStackSpace = 80.dp
+            override val paywallCardMaxWidthSize = 346.dp
+            override val paywallCardPriceTagFontSize = 64.sp
+            override val paywallCardPriceTagLineHeight = 64.sp
+            override val paywallCardPriceNoteLineHeight = 40.sp
+            override val paywallCardPriceNoteFontSize = 40.sp
+        }
+        object Expanded : SizingTokens {
             override val paywallContainerGapSpace = -48.dp
             override val paywallHeaderBottomStackSpace = 80.dp
             override val paywallCardMaxWidthSize = 346.dp
@@ -82,12 +96,12 @@ object PaywallTokens {
     }
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = PaywallTokens.Typography.current().labelFontFamily
@@ -95,54 +109,29 @@ object PaywallTokens {
         @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 paywallCardPriceTagFontFamily: String
-            val paywallCardPriceTagFontWeight: Int
-            val paywallCardPriceTagFontSize: TextUnit
-            val paywallCardPriceTagLineHeight: TextUnit
-            val paywallCardPriceTagLetterSpacing: TextUnit
-            val paywallCardPriceTagTextCase: String
-            val paywallCardNoteFontFamily: String
-            val paywallCardNoteFontWeight: Int
-            val paywallCardNoteFontSize: TextUnit
-            val paywallCardNoteLineHeight: TextUnit
-            val paywallCardNoteLetterSpacing: TextUnit
-            val paywallCardNoteTextCase: String
+            val paywallCardPriceTag: DesignTextStyle
+            val paywallCardNote: DesignTextStyle
         }
 
         object Compact : TypographyTokens {
-            override val paywallCardPriceTagFontFamily = "Gotham"
-            override val paywallCardPriceTagFontWeight = 800
-            override val paywallCardPriceTagFontSize = 64.sp
-            override val paywallCardPriceTagLineHeight = 64.sp
-            override val paywallCardPriceTagLetterSpacing = -0.5f.sp
-            override val paywallCardPriceTagTextCase = "ORIGINAL"
-            override val paywallCardNoteFontFamily = "Gotham"
-            override val paywallCardNoteFontWeight = 800
-            override val paywallCardNoteFontSize = 40.sp
-            override val paywallCardNoteLineHeight = 40.sp
-            override val paywallCardNoteLetterSpacing = -0.5f.sp
-            override val paywallCardNoteTextCase = "ORIGINAL"
+            override val paywallCardPriceTag = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 64.sp, lineHeight = 64.sp, letterSpacing = (-0.5).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val paywallCardNote = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 40.sp, lineHeight = 40.sp, letterSpacing = (-0.5).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
-        object Regular : TypographyTokens {
-            override val paywallCardPriceTagFontFamily = "Gotham"
-            override val paywallCardPriceTagFontWeight = 800
-            override val paywallCardPriceTagFontSize = 64.sp
-            override val paywallCardPriceTagLineHeight = 64.sp
-            override val paywallCardPriceTagLetterSpacing = -1f.sp
-            override val paywallCardPriceTagTextCase = "ORIGINAL"
-            override val paywallCardNoteFontFamily = "Gotham"
-            override val paywallCardNoteFontWeight = 800
-            override val paywallCardNoteFontSize = 40.sp
-            override val paywallCardNoteLineHeight = 40.sp
-            override val paywallCardNoteLetterSpacing = -1f.sp
-            override val paywallCardNoteTextCase = "ORIGINAL"
+        object Medium : TypographyTokens {
+            override val paywallCardPriceTag = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 64.sp, lineHeight = 64.sp, letterSpacing = (-1).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val paywallCardNote = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 40.sp, lineHeight = 40.sp, letterSpacing = (-1).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Expanded : TypographyTokens {
+            override val paywallCardPriceTag = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 64.sp, lineHeight = 64.sp, letterSpacing = (-1).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+            override val paywallCardNote = DesignTextStyle(fontFamily = "Gotham", fontWeight = FontWeight.ExtraBold, fontSize = 40.sp, lineHeight = 40.sp, letterSpacing = (-1).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
     }
 }

package/dist/android/compose/brands/bild/components/Quote/QuoteTokens.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: Quote | Brand: Bild
@@ -32,12 +32,12 @@ import androidx.compose.ui.unit.TextUnit
 object QuoteTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = QuoteTokens.Sizing.current().labelFontSize
@@ -45,7 +45,8 @@ object QuoteTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -64,7 +65,13 @@ object QuoteTokens {
             override val quoteQuotationMarksFontSize = 28.sp
             override val quoteContentGapSpace = 16.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val quoteContainerInlineSpace = 16.dp
+            override val quoteContainerStackSpace = 24.dp
+            override val quoteQuotationMarksFontSize = 32.sp
+            override val quoteContentGapSpace = 48.dp
+        }
+        object Expanded : SizingTokens {
             override val quoteContainerInlineSpace = 28.dp
             override val quoteContainerStackSpace = 32.dp
             override val quoteQuotationMarksFontSize = 36.sp

package/dist/android/compose/brands/bild/components/RadioButton/RadioButtonTokens.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: RadioButton | Brand: Bild
@@ -30,12 +30,12 @@ import androidx.compose.ui.unit.dp
 object RadioButtonTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = RadioButtonTokens.Sizing.current().labelFontSize
@@ -43,7 +43,8 @@ object RadioButtonTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -58,7 +59,11 @@ object RadioButtonTokens {
             override val radioSelectorSize = 20.dp
             override val radioSelectorDotActiveSize = 12.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val radioSelectorSize = 20.dp
+            override val radioSelectorDotActiveSize = 12.dp
+        }
+        object Expanded : SizingTokens {
             override val radioSelectorSize = 20.dp
             override val radioSelectorDotActiveSize = 12.dp
         }

package/dist/android/compose/brands/bild/components/Search/SearchTokens.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: Search | Brand: Bild
@@ -30,12 +30,12 @@ import androidx.compose.ui.unit.dp
 object SearchTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SearchTokens.Sizing.current().labelFontSize
@@ -43,7 +43,8 @@ object SearchTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -56,7 +57,10 @@ object SearchTokens {
         object Compact : SizingTokens {
             override val searchResultBadgeHeightSize = 18.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val searchResultBadgeHeightSize = 18.dp
+        }
+        object Expanded : SizingTokens {
             override val searchResultBadgeHeightSize = 18.dp
         }
     }

package/dist/android/compose/brands/bild/components/SectionTitle/SectionTitleTokens.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: SectionTitle | Brand: Bild
@@ -30,12 +30,12 @@ import androidx.compose.ui.unit.dp
 object SectionTitleTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SectionTitleTokens.Sizing.current().labelFontSize
@@ -43,7 +43,8 @@ object SectionTitleTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -62,7 +63,13 @@ object SectionTitleTokens {
             override val sectionTitleArrowInlineSpace = 5.dp
             override val sectionTitleArrowInlineSpaceActive = 5.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val sectionTitleInnerStackBottomSpace = 12.dp
+            override val sectionTitleHeightSize = 32.dp
+            override val sectionTitleArrowInlineSpace = 5.dp
+            override val sectionTitleArrowInlineSpaceActive = 5.dp
+        }
+        object Expanded : SizingTokens {
             override val sectionTitleInnerStackBottomSpace = 12.dp
             override val sectionTitleHeightSize = 40.dp
             override val sectionTitleArrowInlineSpace = 5.dp

package/dist/android/compose/brands/bild/components/Selection/SelectionTokens.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: Selection | Brand: Bild

package/dist/android/compose/brands/bild/components/Separator/SeparatorTokens.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: Separator | Brand: Bild
@@ -30,12 +30,12 @@ import androidx.compose.ui.unit.dp
 object SeparatorTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SeparatorTokens.Sizing.current().labelFontSize
@@ -43,7 +43,8 @@ object SeparatorTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -56,7 +57,10 @@ object SeparatorTokens {
         object Compact : SizingTokens {
             override val separatorThicknessSize = 2.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val separatorThicknessSize = 2.dp
+        }
+        object Expanded : SizingTokens {
             override val separatorThicknessSize = 2.dp
         }
     }

package/dist/android/compose/brands/bild/components/Skeletons/SkeletonsTokens.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: Skeletons | Brand: Bild
@@ -30,12 +30,12 @@ import androidx.compose.ui.unit.dp
 object SkeletonsTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SkeletonsTokens.Sizing.current().labelFontSize
@@ -43,7 +43,8 @@ object SkeletonsTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -62,7 +63,13 @@ object SkeletonsTokens {
             override val articleSkeletonTextInlineSpace = 0.dp
             override val articleTextSkeletonHeightSize = 270.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val headlinesSkeletonImagePlaceholderMaxWidth = 160.dp
+            override val articleSkeletonImageInlineSpace = 48.dp
+            override val articleSkeletonTextInlineSpace = 48.dp
+            override val articleTextSkeletonHeightSize = 720.dp
+        }
+        object Expanded : SizingTokens {
             override val headlinesSkeletonImagePlaceholderMaxWidth = 160.dp
             override val articleSkeletonImageInlineSpace = 48.dp
             override val articleSkeletonTextInlineSpace = 48.dp

package/dist/android/compose/brands/bild/components/Slider/SliderTokens.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: Slider | Brand: Bild
@@ -48,27 +48,27 @@ object SliderTokens {
          * Interface for color tokens
          */
         interface ColorTokens {
-            val sliderButtonOpacity: Color
+            val sliderButtonOpacity: Float
             val sliderTrackBgColor: Color
         }
 
         object Light : ColorTokens {
-            override val sliderButtonOpacity = 90
+            override val sliderButtonOpacity = 0.9f
             override val sliderTrackBgColor = Color(0x59FFFFFF)
         }
         object Dark : ColorTokens {
-            override val sliderButtonOpacity = 90
+            override val sliderButtonOpacity = 0.9f
             override val sliderTrackBgColor = Color(0x59FFFFFF)
         }
     }
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SliderTokens.Sizing.current().labelFontSize
@@ -76,7 +76,8 @@ object SliderTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -95,7 +96,13 @@ object SliderTokens {
             override val sliderProgressInactiveHeightSize = 2.dp
             override val vidPlayerProgressBarHeightSize = 12.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val sliderProgressBarIdleHeightSize = 4.dp
+            override val sliderProgressBarHoverHeightSize = 8.dp
+            override val sliderProgressInactiveHeightSize = 2.dp
+            override val vidPlayerProgressBarHeightSize = 12.dp
+        }
+        object Expanded : SizingTokens {
             override val sliderProgressBarIdleHeightSize = 4.dp
             override val sliderProgressBarHoverHeightSize = 8.dp
             override val sliderProgressInactiveHeightSize = 2.dp

package/dist/android/compose/brands/bild/components/SocialShareButton/SocialShareButtonTokens.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: SocialShareButton | Brand: Bild

package/dist/android/compose/brands/bild/components/SpecialNavi/SpecialNaviTokens.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: SpecialNavi | 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
 
 /**
  * SpecialNavi Design Tokens
@@ -32,12 +36,12 @@ import androidx.compose.ui.unit.TextUnit
 object SpecialNaviTokens {
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SpecialNaviTokens.Sizing.current().labelFontSize
@@ -45,7 +49,8 @@ object SpecialNaviTokens {
         @Composable
         fun current(): SizingTokens = when (DesignSystemTheme.sizeClass) {
             WindowSizeClass.Compact -> Compact
-            WindowSizeClass.Regular -> Regular
+            WindowSizeClass.Medium -> Medium
+            WindowSizeClass.Expanded -> Expanded
         }
 
         /**
@@ -58,18 +63,21 @@ object SpecialNaviTokens {
         object Compact : SizingTokens {
             override val specialNaviInlineSpace = 24.dp
         }
-        object Regular : SizingTokens {
+        object Medium : SizingTokens {
+            override val specialNaviInlineSpace = 24.dp
+        }
+        object Expanded : SizingTokens {
             override val specialNaviInlineSpace = 32.dp
         }
     }
 
     // ══════════════════════════════════════════════════════════════
-    // 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 = SpecialNaviTokens.Typography.current().labelFontFamily
@@ -77,36 +85,25 @@ object SpecialNaviTokens {
         @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 SpecialNaviItemLabelFontFamily: String
-            val SpecialNaviItemLabelFontWeight: Int
-            val SpecialNaviItemLabelFontSize: TextUnit
-            val SpecialNaviItemLabelLineHeight: TextUnit
-            val SpecialNaviItemLabelLetterSpacing: TextUnit
-            val SpecialNaviItemLabelTextCase: String
+            val SpecialNaviItemLabel: DesignTextStyle
         }
 
         object Compact : TypographyTokens {
-            override val SpecialNaviItemLabelFontFamily = "Gotham XNarrow"
-            override val SpecialNaviItemLabelFontWeight = 700
-            override val SpecialNaviItemLabelFontSize = 15.sp
-            override val SpecialNaviItemLabelLineHeight = 15.sp
-            override val SpecialNaviItemLabelLetterSpacing = 0f.sp
-            override val SpecialNaviItemLabelTextCase = "ORIGINAL"
+            override val SpecialNaviItemLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 15.sp, lineHeight = 15.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
+        }
+        object Medium : TypographyTokens {
+            override val SpecialNaviItemLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 15.sp, lineHeight = 15.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
-        object Regular : TypographyTokens {
-            override val SpecialNaviItemLabelFontFamily = "Gotham XNarrow"
-            override val SpecialNaviItemLabelFontWeight = 700
-            override val SpecialNaviItemLabelFontSize = 15.sp
-            override val SpecialNaviItemLabelLineHeight = 15.sp
-            override val SpecialNaviItemLabelLetterSpacing = 0f.sp
-            override val SpecialNaviItemLabelTextCase = "ORIGINAL"
+        object Expanded : TypographyTokens {
+            override val SpecialNaviItemLabel = DesignTextStyle(fontFamily = "Gotham XNarrow", fontWeight = FontWeight.Bold, fontSize = 15.sp, lineHeight = 15.sp, letterSpacing = (0).sp, textCase = DesignTextCase.Original, textDecoration = TextDecoration.None)
         }
     }
 }