@marioschmidt/design-system-tokens 1.0.60 → 1.0.62

package/README.md

@@ -36,7 +36,7 @@ The BILD Design Ops Pipeline transforms design assets from Figma into production
 
 | Pipeline | Input | Output | Platforms |
 |----------|-------|--------|-----------|
-| **🎨 Token Pipeline** | Figma Variables | Design Tokens | 6 platforms (Flutter disabled) |
+| **🎨 Token Pipeline** | Figma Variables | Design Tokens | 6 platforms (Flutter/Android XML disabled) |
 | **🖼️ Icon Pipeline** | Figma Icons (SVG) | Multi-format Icons | 5 platforms |
 
 Both pipelines use the **TokenSync Figma Plugin** for automated exports.
@@ -113,8 +113,8 @@ Both pipelines use the **TokenSync Figma Plugin** for automated exports.
 │  ├── js/      (ES Modules)  │    │  ├── flutter/  (TTF + Dart) │
 │  ├── json/    (Raw Data)    │    │  └── ios/      (xcassets)   │
 │  ├── ios/     (Swift)       │    │                             │
-│  └── android/ (XML)         │    │                             │
-│  (flutter/ disabled)        │    │                             │
+│  └── android/ (Compose/Kt)  │    │                             │
+│  (flutter/XML disabled)     │    │                             │
 └──────────────┬──────────────┘    └──────────────┬──────────────┘
                │                                  │
                │  npm publish                     │  npm publish
@@ -163,6 +163,22 @@ view.backgroundColor = StyleDictionary.textColorPrimary
 let padding: CGFloat = StyleDictionary.space2x
 ```
 
+```kotlin
+// Android Jetpack Compose
+import com.bild.designsystem.bild.theme.BildTheme
+import com.bild.designsystem.bild.components.ButtonTokens
+
+BildTheme {
+    Button(
+        colors = ButtonDefaults.buttonColors(
+            containerColor = ButtonTokens.Colors.Light.buttonPrimaryBrandBgColorIdle
+        )
+    ) {
+        Text(color = BildTheme.colors.textColorPrimary)
+    }
+}
+```
+
 ### Icon Usage
 
 ```tsx
@@ -327,7 +343,8 @@ npm run clean:icons        # Remove dist/icons/
 | JavaScript | ES6 Modules | `dist/js/**/*.js` | ✅ Production |
 | JSON | Raw Data | `dist/json/**/*.json` | ✅ Production |
 | iOS Swift | UIColor, CGFloat | `dist/ios/**/*.swift` | ✅ Production |
-| Android | XML Resources | `dist/android/**/*.xml` | ✅ Production |
+| Android | Jetpack Compose (Kotlin) | `dist/android/compose/**/*.kt` | ✅ Production |
+| Android | XML Resources | `dist/android/**/*.xml` | ⏸️ Disabled |
 | Flutter | Dart Classes | `dist/flutter/**/*.dart` | ⏸️ Disabled |
 
 ### 🖼️ Icon Platforms
@@ -422,5 +439,5 @@ MIT License - See [LICENSE](./LICENSE) file.
 | Tokens | Icons |
 |--------|-------|
 | ~970 files | 5 platforms |
-| 6 platforms | TypeScript support |
+| 6 platforms (incl. Compose) | TypeScript support |
 | 3 brands | Accessibility ready |

package/README.tokens.md

@@ -32,7 +32,7 @@ Multi-platform design token transformation pipeline powered by **Style Dictionar
 This pipeline processes the multi-layer, multi-brand BILD Design System architecture:
 
 - **3 Brands**: BILD, SportBILD, Advertorial
-- **6 Platforms**: CSS, SCSS, JavaScript, JSON, iOS (Swift), Android (XML) *(Flutter disabled)*
+- **6 Platforms**: CSS, SCSS, JavaScript, JSON, iOS (Swift), Android (Jetpack Compose) *(Flutter/XML disabled)*
 - **Multiple Modes**: Density (3), Breakpoints (4), Color Modes (2)
 - **Token Types**: Primitives, Semantic Tokens, Component Tokens (~970 files)
 
@@ -56,7 +56,7 @@ This pipeline processes the multi-layer, multi-brand BILD Design System architec
 │  ─────────────────────────────────────────────────────────────────────────  │
 │  BrandColorMapping: Color Primitives → Brands                               │
 │  BrandTokenMapping: Other Primitives → Brands                               │
-│  Density: compact, default, spacious                                        │
+│  Density: default, dense, spacious                                          │
 │  Modes: BILD, SportBILD, Advertorial                                        │
 ├─────────────────────────────────────────────────────────────────────────────┤
 │  LAYER 1: Primitives (Global)                                                │
@@ -201,7 +201,33 @@ Container(
 )
 ```
 
-### Android XML
+### Android Jetpack Compose
+
+```kotlin
+import com.bild.designsystem.bild.theme.BildTheme
+import com.bild.designsystem.bild.semantic.BildSemanticTokens
+import com.bild.designsystem.bild.components.ButtonTokens
+import com.bild.designsystem.DesignTokenPrimitives
+
+// Theme Provider (with automatic Light/Dark, WindowSizeClass support)
+BildTheme(
+    darkTheme = isSystemInDarkTheme(),
+    sizeClass = WindowSizeClass.Compact
+) {
+    // Access via BildTheme object
+    Text(color = BildTheme.colors.textColorPrimary)
+}
+
+// Direct token access (camelCase naming)
+val primaryColor = BildSemanticTokens.Colors.Light.textColorPrimary
+val buttonBg = ButtonTokens.Colors.Light.buttonPrimaryBrandBgColorIdle
+val red = DesignTokenPrimitives.Colors.bildred
+```
+
+### Android XML (Disabled)
+
+> **Note:** Android XML output is disabled by default. Jetpack Compose is the preferred format.
+> Set `ANDROID_XML_ENABLED = true` in build.js to re-enable.
 
 ```xml
 <TextView
@@ -286,7 +312,8 @@ lg (1024px) ────┘
 | SCSS | `kebab-case` with `$` | `$text-color-primary` |
 | JavaScript | `camelCase` | `textColorPrimary` |
 | iOS Swift | `camelCase` | `textColorPrimary` |
-| Android | `snake_case` | `text_color_primary` |
+| Android Compose | `camelCase` | `textColorPrimary` |
+| Android XML | `snake_case` | `text_color_primary` |
 | Flutter | `camelCase` | `textColorPrimary` |
 
 ### Token Types
@@ -297,8 +324,9 @@ lg (1024px) ────┘
 |----------|--------|---------|
 | CSS | `#HEX` / `rgba()` | `#DD0000` |
 | iOS Swift | `UIColor()` object | `UIColor(red: 0.867, ...)` |
+| Android Compose | `Color(0xFF...)` | `Color(0xFFDD0000)` |
+| Android XML | `#hex` resource | `#dd0000` |
 | Flutter | `Color(0xFF...)` | `Color(0xFFDD0000)` |
-| Android | `#hex` resource | `#dd0000` |
 
 #### Dimensions
 
@@ -306,7 +334,8 @@ lg (1024px) ────┘
 |----------|--------|---------|
 | CSS | `Xpx` | `16px` |
 | iOS Swift | `CGFloat` number | `16` |
-| Android | `Xpx` dimen | `16px` |
+| Android Compose | `X.dp` / `X.sp` | `16.dp`, `15.sp` |
+| Android XML | `Xpx` dimen | `16px` |
 | Flutter | `"Xpx"` string | `"16px"` |
 
 #### Opacity
@@ -328,6 +357,8 @@ The build pipeline supports toggles to enable/disable specific outputs:
 
 // Platform output toggles
 const FLUTTER_ENABLED = false;        // Disables dist/flutter/ output
+const COMPOSE_ENABLED = true;         // Enables dist/android/compose/ output
+const ANDROID_XML_ENABLED = false;    // Disables Android XML output
 
 // Token type toggles
 const BOOLEAN_TOKENS_ENABLED = false; // Excludes visibility tokens
@@ -335,6 +366,8 @@ const BOOLEAN_TOKENS_ENABLED = false; // Excludes visibility tokens
 
 | Toggle | Default | Description |
 |--------|---------|-------------|
+| `COMPOSE_ENABLED` | `true` | Jetpack Compose Kotlin output in `dist/android/compose/` |
+| `ANDROID_XML_ENABLED` | `false` | Android XML resources (disabled, Compose preferred) |
 | `FLUTTER_ENABLED` | `false` | Flutter Dart output in `dist/flutter/` |
 | `BOOLEAN_TOKENS_ENABLED` | `false` | Boolean/visibility tokens (13 tokens like `hideOnMobile`) |
 
@@ -360,10 +393,31 @@ dist/
 ├── js/                              # Same structure
 ├── json/                            # Same structure
 ├── ios/                             # Swift Classes
-├── android/                         # XML Resources
+├── android/
+│   └── compose/                     # Jetpack Compose (Kotlin)
+│       ├── shared/
+│       │   └── DesignTokenPrimitives.kt   # All primitives consolidated
+│       └── brands/{brand}/
+│           ├── components/{Component}/
+│           │   └── {Component}Tokens.kt   # Aggregated Colors/Sizing/Density/Typography
+│           ├── semantic/
+│           │   └── {Brand}SemanticTokens.kt   # Aggregated Light/Dark + Compact/Regular
+│           └── theme/
+│               └── {Brand}Theme.kt        # CompositionLocal Theme Provider
 └── flutter/                         # Dart Classes (disabled by default)
 ```
 
+### Compose File Organization
+
+Compose output is optimized for Android development:
+
+| File | Content | Access Pattern |
+|------|---------|----------------|
+| `DesignTokenPrimitives.kt` | All primitives (Colors, Space, Size, Font) | `DesignTokenPrimitives.Colors.bildred` |
+| `{Brand}SemanticTokens.kt` | Colors (Light/Dark), Sizing (Compact/Regular) | `BildSemanticTokens.Colors.Light.textColorPrimary` |
+| `{Component}Tokens.kt` | All component modes aggregated | `ButtonTokens.Colors.Light.buttonPrimaryBrandBgColorIdle` |
+| `{Brand}Theme.kt` | CompositionLocal-based Theme Provider | `BildTheme { /* content */ }` |
+
 ## 🔗 Figma Integration & Dependencies
 
 ### Supported Figma Scopes
@@ -479,9 +533,11 @@ MIT License - See [LICENSE](./LICENSE) file.
 
 | Feature | Status |
 |---------|--------|
-| 6 Platforms | ✅ (Flutter disabled) |
+| 6 Platforms | ✅ (Flutter/XML disabled) |
 | 3 Brands | ✅ |
 | ~970 Files | ✅ |
 | Figma Scopes | ✅ |
 | var() Aliases | ✅ |
 | Responsive CSS | ✅ |
+| Jetpack Compose | ✅ |
+| Theme Provider | ✅ |

package/dist/android/compose/brands/advertorial/components/.DSDocsStyles/.DSDocsStylesTokens.kt

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.62
+ * Generated by Style Dictionary
+ *
+ * Component: .DSDocsStyles | Brand: Advertorial
+ * Aggregated component tokens with all modes
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.advertorial.components
+
+import androidx.compose.runtime.Immutable
+
+/**
+ * .DSDocsStyles Design Tokens
+ *
+ * Usage:
+ *   .DSDocsStylesTokens.Colors.Light.primaryBgIdle
+ *   .DSDocsStylesTokens.Sizing.Compact.height
+ *   .DSDocsStylesTokens.Density.Default.contentGap
+ */
+object .DSDocsStylesTokens {
+}

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

@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.62
+ * Generated by Style Dictionary
+ *
+ * Component: Accordion | Brand: Advertorial
+ * Aggregated component tokens with all modes
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.advertorial.components
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * Accordion Design Tokens
+ *
+ * Usage:
+ *   AccordionTokens.Colors.Light.primaryBgIdle
+ *   AccordionTokens.Sizing.Compact.height
+ *   AccordionTokens.Density.Default.contentGap
+ */
+object AccordionTokens {
+
+    // ══════════════════════════════════════════════════════════════
+    // SIZING (WindowSizeClass)
+    // ══════════════════════════════════════════════════════════════
+    object Sizing {
+        object Compact {
+            val accordionLabelFontFamily = "Lucida Grande"
+        }
+        object Regular {
+            val accordionLabelFontFamily = "Lucida Grande"
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // TYPOGRAPHY
+    // ══════════════════════════════════════════════════════════════
+    object Typography {
+        object Compact {
+            val accordionLabelFontFamily = "Lucida Grande"
+            val accordionLabelFontWeight = 700
+            val accordionLabelFontSize = 17.sp
+            val accordionLabelLetterSpacing = 0f.sp
+            val accordionLabelTextCase = "ORIGINAL"
+        }
+        object Regular {
+            val accordionLabelFontFamily = "Lucida Grande"
+            val accordionLabelFontWeight = 700
+            val accordionLabelFontSize = 17.sp
+            val accordionLabelLetterSpacing = 0f.sp
+            val accordionLabelTextCase = "ORIGINAL"
+        }
+    }
+}

package/dist/android/compose/brands/advertorial/components/Article/ArticleTokens.kt

@@ -0,0 +1,139 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.62
+ * Generated by Style Dictionary
+ *
+ * Component: Article | Brand: Advertorial
+ * Aggregated component tokens with all modes
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.advertorial.components
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * Article Design Tokens
+ *
+ * Usage:
+ *   ArticleTokens.Colors.Light.primaryBgIdle
+ *   ArticleTokens.Sizing.Compact.height
+ *   ArticleTokens.Density.Default.contentGap
+ */
+object ArticleTokens {
+
+    // ══════════════════════════════════════════════════════════════
+    // SIZING (WindowSizeClass)
+    // ══════════════════════════════════════════════════════════════
+    object Sizing {
+        object Compact {
+            val aricleMobile1ColGridImageMarginSpace = 0.dp
+            val articleTopMarginSpace = 8.dp
+            val articleKickerFontSize = 16.sp
+            val articleHeadlineFontSize = 30.sp
+            val articleGalleryAteaserWidth = 145.dp
+            val articleImageCaptionFontSize = 13.sp
+            val articleImageSourceFontSize = 13.sp
+            val articleImageCaptionLineHeight = 19.5.sp
+            val articleImageSourceLineHeight = 19.sp
+            val articleContentStackSpace = 16.dp
+            val articleHeadingsStackSpace = 12.dp
+            val articleImageLandscapeInlineSpace = 0.dp
+            val articleMetaFontFamily = "Lucida Grande"
+            val articleMetaFontSize = 12.sp
+            val articleContentInlineSpace = 16.dp
+            val articleHeadingsInlineSpace = 16.dp
+            val articleImagePortaitInlineSpace = 0.dp
+            val articleImageContainerStackSpace = 8.dp
+            val articleInfoboxInlineSpace = 16.dp
+            val articleInfoboxStackSpace = 16.dp
+        }
+        object Regular {
+            val aricleMobile1ColGridImageMarginSpace = 72.dp
+            val articleTopMarginSpace = 16.dp
+            val articleKickerFontSize = 25.sp
+            val articleHeadlineFontSize = 70.sp
+            val articleGalleryAteaserWidth = 300.dp
+            val articleImageCaptionFontSize = 16.sp
+            val articleImageSourceFontSize = 16.sp
+            val articleImageCaptionLineHeight = 24.sp
+            val articleImageSourceLineHeight = 24.sp
+            val articleContentStackSpace = 32.dp
+            val articleHeadingsStackSpace = 16.dp
+            val articleImageLandscapeInlineSpace = 16.dp
+            val articleMetaFontFamily = "Lucida Grande"
+            val articleMetaFontSize = 16.sp
+            val articleContentInlineSpace = 162.dp
+            val articleHeadingsInlineSpace = 16.dp
+            val articleImagePortaitInlineSpace = 162.dp
+            val articleImageContainerStackSpace = 16.dp
+            val articleInfoboxInlineSpace = 32.dp
+            val articleInfoboxStackSpace = 32.dp
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // TYPOGRAPHY
+    // ══════════════════════════════════════════════════════════════
+    object Typography {
+        object Compact {
+            val articleKickerFontFamily = "Lucida Grande"
+            val articleKickerFontWeight = 700
+            val articleKickerFontSize = 16.sp
+            val articleKickerLineHeight = 17.6.sp
+            val articleKickerTextCase = "ORIGINAL"
+            val articleImageCaptionFontFamily = "Lucida Grande"
+            val articleImageCaptionFontWeight = 700
+            val articleImageCaptionFontSize = 13.sp
+            val articleImageCaptionLineHeight = 19.5.sp
+            val articleImageCaptionLetterSpacing = 0f.sp
+            val articleImageCaptionTextCase = "ORIGINAL"
+            val articleHeadlineFontFamily = "Lucida Grande"
+            val articleHeadlineFontWeight = 900
+            val articleHeadlineFontSize = 30.sp
+            val articleHeadlineLineHeight = 30.sp
+            val articleHeadlineTextCase = "ORIGINAL"
+            val articleMetaSourceFontFamily = "Lucida Grande"
+            val articleMetaSourceFontWeight = 400
+            val articleMetaSourceFontSize = 13.sp
+            val articleMetaSourceLineHeight = 19.sp
+            val articleMetaSourceTextCase = "ORIGINAL"
+            val articleTimeStampFontFamily = "Lucida Grande"
+            val articleTimeStampFontWeight = 800
+            val articleTimeStampFontSize = 12.sp
+            val articleTimeStampTextCase = "ORIGINAL"
+        }
+        object Regular {
+            val articleKickerFontFamily = "Lucida Grande"
+            val articleKickerFontWeight = 700
+            val articleKickerFontSize = 25.sp
+            val articleKickerLineHeight = 27.5.sp
+            val articleKickerTextCase = "ORIGINAL"
+            val articleImageCaptionFontFamily = "Lucida Grande"
+            val articleImageCaptionFontWeight = 700
+            val articleImageCaptionFontSize = 16.sp
+            val articleImageCaptionLineHeight = 24.sp
+            val articleImageCaptionLetterSpacing = 0f.sp
+            val articleImageCaptionTextCase = "ORIGINAL"
+            val articleHeadlineFontFamily = "Lucida Grande"
+            val articleHeadlineFontWeight = 900
+            val articleHeadlineFontSize = 70.sp
+            val articleHeadlineLineHeight = 70.sp
+            val articleHeadlineTextCase = "ORIGINAL"
+            val articleMetaSourceFontFamily = "Lucida Grande"
+            val articleMetaSourceFontWeight = 400
+            val articleMetaSourceFontSize = 16.sp
+            val articleMetaSourceLineHeight = 24.sp
+            val articleMetaSourceTextCase = "ORIGINAL"
+            val articleTimeStampFontFamily = "Lucida Grande"
+            val articleTimeStampFontWeight = 800
+            val articleTimeStampFontSize = 16.sp
+            val articleTimeStampTextCase = "ORIGINAL"
+        }
+    }
+}

package/dist/android/compose/brands/advertorial/components/AudioPlayer/AudioPlayerTokens.kt

@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.62
+ * Generated by Style Dictionary
+ *
+ * Component: AudioPlayer | Brand: Advertorial
+ * Aggregated component tokens with all modes
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.advertorial.components
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * AudioPlayer Design Tokens
+ *
+ * Usage:
+ *   AudioPlayerTokens.Colors.Light.primaryBgIdle
+ *   AudioPlayerTokens.Sizing.Compact.height
+ *   AudioPlayerTokens.Density.Default.contentGap
+ */
+object AudioPlayerTokens {
+
+    // ══════════════════════════════════════════════════════════════
+    // SIZING (WindowSizeClass)
+    // ══════════════════════════════════════════════════════════════
+    object Sizing {
+        object Compact {
+            val audioPlayerFontSize = 16.sp
+        }
+        object Regular {
+            val audioPlayerFontSize = 18.sp
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // TYPOGRAPHY
+    // ══════════════════════════════════════════════════════════════
+    object Typography {
+        object Compact {
+            val audioPlayerLabelFontFamily = "Lucida Grande"
+            val audioPlayerLabelFontWeight = 700
+            val audioPlayerLabelFontSize = 16.sp
+            val audioPlayerLabelLineHeight = 16.sp
+            val audioPlayerLabelTextCase = "ORIGINAL"
+        }
+        object Regular {
+            val audioPlayerLabelFontFamily = "Lucida Grande"
+            val audioPlayerLabelFontWeight = 700
+            val audioPlayerLabelFontSize = 18.sp
+            val audioPlayerLabelLineHeight = 18.sp
+            val audioPlayerLabelTextCase = "ORIGINAL"
+        }
+    }
+}

package/dist/android/compose/brands/advertorial/components/Avatar/AvatarTokens.kt

@@ -0,0 +1,121 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.62
+ * Generated by Style Dictionary
+ *
+ * Component: Avatar | Brand: Advertorial
+ * Aggregated component tokens with all modes
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ */
+
+package com.bild.designsystem.advertorial.components
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * Avatar Design Tokens
+ *
+ * Usage:
+ *   AvatarTokens.Colors.Light.primaryBgIdle
+ *   AvatarTokens.Sizing.Compact.height
+ *   AvatarTokens.Density.Default.contentGap
+ */
+object AvatarTokens {
+
+    // ══════════════════════════════════════════════════════════════
+    // SIZING (WindowSizeClass)
+    // ══════════════════════════════════════════════════════════════
+    object Sizing {
+        object Compact {
+            val avatarLabelFontSize = 13.sp
+            val avatarArticleSize = 48.dp
+            val avatarAuthorPageSize = 96.dp
+            val avatarFontFamily = "Lucida Grande"
+            val avatarLabelLineHeight = 21.sp
+            val avatarLaneGapSpace = 16.dp
+            val appAvatarFontFamily = "Lucida Grande"
+        }
+        object Regular {
+            val avatarLabelFontSize = 15.sp
+            val avatarArticleSize = 48.dp
+            val avatarAuthorPageSize = 130.dp
+            val avatarFontFamily = "Lucida Grande"
+            val avatarLabelLineHeight = 23.sp
+            val avatarLaneGapSpace = 24.dp
+            val appAvatarFontFamily = "Lucida Grande"
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════
+    // TYPOGRAPHY
+    // ══════════════════════════════════════════════════════════════
+    object Typography {
+        object Compact {
+            val appAvatarFontFamily = "Lucida Grande"
+            val appAvatarFontWeight = 800
+            val appAvatarFontSize = 12.sp
+            val appAvatarLetterSpacing = 0f.sp
+            val appAvatarTextCase = "UPPER"
+            val avatarDefaultFontFamily = "Lucida Grande"
+            val avatarDefaultFontWeight = 700
+            val avatarDefaultFontSize = 13.sp
+            val avatarDefaultLineHeight = 21.sp
+            val avatarDefaultLetterSpacing = 0f.sp
+            val avatarDefaultTextCase = "ORIGINAL"
+            val avatarHoverFontFamily = "Lucida Grande"
+            val avatarHoverFontWeight = 700
+            val avatarHoverFontSize = 13.sp
+            val avatarHoverLineHeight = 21.sp
+            val avatarHoverLetterSpacing = 0f.sp
+            val avatarHoverTextCase = "ORIGINAL"
+            val avatarSecondaryInfoFontFamily = "Lucida Grande"
+            val avatarSecondaryInfoFontWeight = 400
+            val avatarSecondaryInfoFontSize = 13.sp
+            val avatarSecondaryInfoLineHeight = 21.sp
+            val avatarSecondaryInfoLetterSpacing = 0f.sp
+            val avatarSecondaryInfoTextCase = "ORIGINAL"
+            val avatarSecondaryInfoHoverFontFamily = "Lucida Grande"
+            val avatarSecondaryInfoHoverFontWeight = 400
+            val avatarSecondaryInfoHoverFontSize = 13.sp
+            val avatarSecondaryInfoHoverLineHeight = 21.sp
+            val avatarSecondaryInfoHoverLetterSpacing = 0f.sp
+            val avatarSecondaryInfoHoverTextCase = "ORIGINAL"
+        }
+        object Regular {
+            val appAvatarFontFamily = "Lucida Grande"
+            val appAvatarFontWeight = 800
+            val appAvatarFontSize = 16.sp
+            val appAvatarLetterSpacing = 0f.sp
+            val appAvatarTextCase = "UPPER"
+            val avatarDefaultFontFamily = "Lucida Grande"
+            val avatarDefaultFontWeight = 700
+            val avatarDefaultFontSize = 15.sp
+            val avatarDefaultLineHeight = 23.sp
+            val avatarDefaultLetterSpacing = 0f.sp
+            val avatarDefaultTextCase = "ORIGINAL"
+            val avatarHoverFontFamily = "Lucida Grande"
+            val avatarHoverFontWeight = 700
+            val avatarHoverFontSize = 15.sp
+            val avatarHoverLineHeight = 23.sp
+            val avatarHoverLetterSpacing = 0f.sp
+            val avatarHoverTextCase = "ORIGINAL"
+            val avatarSecondaryInfoFontFamily = "Lucida Grande"
+            val avatarSecondaryInfoFontWeight = 400
+            val avatarSecondaryInfoFontSize = 15.sp
+            val avatarSecondaryInfoLineHeight = 23.sp
+            val avatarSecondaryInfoLetterSpacing = 0f.sp
+            val avatarSecondaryInfoTextCase = "ORIGINAL"
+            val avatarSecondaryInfoHoverFontFamily = "Lucida Grande"
+            val avatarSecondaryInfoHoverFontWeight = 400
+            val avatarSecondaryInfoHoverFontSize = 15.sp
+            val avatarSecondaryInfoHoverLineHeight = 23.sp
+            val avatarSecondaryInfoHoverLetterSpacing = 0f.sp
+            val avatarSecondaryInfoHoverTextCase = "ORIGINAL"
+        }
+    }
+}