@marioschmidt/design-system-tokens 1.0.61 → 1.0.63

package/dist/ios/shared/DesignTokenPrimitives.swift

@@ -0,0 +1,255 @@
+//
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.0.63
+// Generated by Style Dictionary
+//
+// Copyright (c) 2024 Axel Springer Deutschland GmbH
+//
+
+import SwiftUI
+
+/// Primitive design tokens - raw values without semantic meaning
+/// Organized by category with nested enums following SwiftUI best practices
+public enum DesignTokenPrimitives {
+
+    // MARK: - Color
+    public enum Color {
+        /// Tone 046
+        public static let bildred: SwiftUI.Color = SwiftUI.Color(hex: 0xDD0000)
+        public static let bildred035: SwiftUI.Color = SwiftUI.Color(hex: 0xAF0002)
+        public static let bildred053: SwiftUI.Color = SwiftUI.Color(hex: 0xF52D2D)
+        public static let bild015: SwiftUI.Color = SwiftUI.Color(hex: 0x232629)
+        public static let bild085: SwiftUI.Color = SwiftUI.Color(hex: 0xCED4DA)
+        public static let bild035: SwiftUI.Color = SwiftUI.Color(hex: 0x4B525A)
+        public static let bild025: SwiftUI.Color = SwiftUI.Color(hex: 0x343C41)
+        public static let bild060: SwiftUI.Color = SwiftUI.Color(hex: 0x8C9196)
+        public static let bild096: SwiftUI.Color = SwiftUI.Color(hex: 0xF2F4F5)
+        public static let bild093: SwiftUI.Color = SwiftUI.Color(hex: 0xE9ECEF)
+        /// The 50% opacity on this color makes it equivalent to BILD093.
+        public static let bild085Alpha50: SwiftUI.Color = SwiftUI.Color(hex: 0xCED4DA, alpha: 0.50)
+        public static let bild073: SwiftUI.Color = SwiftUI.Color(hex: 0xAEB4B9)
+        public static let bild045: SwiftUI.Color = SwiftUI.Color(hex: 0x666B70)
+        public static let bild010: SwiftUI.Color = SwiftUI.Color(hex: 0x1C1C1C)
+        public static let bild020: SwiftUI.Color = SwiftUI.Color(hex: 0x2C3138)
+        public static let bild100: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF)
+        public static let bildblack: SwiftUI.Color = SwiftUI.Color(hex: 0x000000)
+        /// Tone: 067
+        public static let bildorange: SwiftUI.Color = SwiftUI.Color(hex: 0xFD8227)
+        public static let bildgreen070: SwiftUI.Color = SwiftUI.Color(hex: 0x00C373)
+        public static let bildgreen063: SwiftUI.Color = SwiftUI.Color(hex: 0x00AF67)
+        public static let bildgreen093: SwiftUI.Color = SwiftUI.Color(hex: 0xCEF4E4)
+        public static let bildgreen093Alpha50: SwiftUI.Color = SwiftUI.Color(hex: 0xCEF4E4, alpha: 0.50)
+        public static let bildgreen056Alpha50: SwiftUI.Color = SwiftUI.Color(hex: 0x009B5A, alpha: 0.50)
+        /// This value of green was found in a text field's text color.
+        public static let bildgreen040: SwiftUI.Color = SwiftUI.Color(hex: 0x006E3E)
+        public static let bildgreen056: SwiftUI.Color = SwiftUI.Color(hex: 0x18995C)
+        /// Tone: 081
+        public static let bildyellow: SwiftUI.Color = SwiftUI.Color(hex: 0xFFBF00)
+        /// Tone: 020
+        public static let bildberry: SwiftUI.Color = SwiftUI.Color(hex: 0x551937)
+        public static let alphaBlack20: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.20)
+        public static let alphaBlack10: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.10)
+        /// Used on elevation effects.
+        public static let alphaBlack60: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.60)
+        public static let alphaBlack30: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.30)
+        /// Used on elevation effects.
+        public static let alphaBlack70: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.70)
+        public static let alphaWhite10: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.10)
+        public static let alphaWhite20: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.20)
+        public static let alphaWhite30: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.30)
+        /// Used on elevation effects.
+        public static let alphaWhite60: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.60)
+        /// Used on elevation effects.
+        public static let alphaWhite70: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.70)
+        public static let alphaWhite35: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.35)
+        /// Used on elevation effects.
+        public static let alphaBildred80: SwiftUI.Color = SwiftUI.Color(hex: 0xDD0000, alpha: 0.80)
+        /// Used on elevation effects.
+        public static let alphaBlack80: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.80)
+        /// Used on elevation effects.
+        public static let alphaWhite80: SwiftUI.Color = SwiftUI.Color(hex: 0xFFFFFF, alpha: 0.80)
+        public static let alphaBlack35: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.35)
+        public static let alphaBlack0: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.00)
+        public static let alphaBlack50: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.50)
+        public static let alphaBlack05: SwiftUI.Color = SwiftUI.Color(hex: 0x000000, alpha: 0.05)
+        /// This Blue color was taken from the Weather 2024 project. Tone: 069
+        public static let bildblue: SwiftUI.Color = SwiftUI.Color(hex: 0x00B1FF)
+        public static let fitbookCore: SwiftUI.Color = SwiftUI.Color(hex: 0xFF97B7)
+        public static let petbookCore: SwiftUI.Color = SwiftUI.Color(hex: 0xB9DB91)
+        public static let myhomeCore: SwiftUI.Color = SwiftUI.Color(hex: 0x66CCCC)
+        public static let travelbookCore: SwiftUI.Color = SwiftUI.Color(hex: 0x8EF0ED)
+        public static let techbookCore: SwiftUI.Color = SwiftUI.Color(hex: 0x93E4FF)
+        public static let kaufberaterCore: SwiftUI.Color = SwiftUI.Color(hex: 0x55476E)
+        public static let bzCore: SwiftUI.Color = SwiftUI.Color(hex: 0xE3001B)
+        public static let aubiCore: SwiftUI.Color = SwiftUI.Color(hex: 0xF00000)
+        public static let cobiCore: SwiftUI.Color = SwiftUI.Color(hex: 0xDC231C)
+        public static let spobiBlue098: SwiftUI.Color = SwiftUI.Color(hex: 0xF7F9FD)
+        public static let spobiBlue081: SwiftUI.Color = SwiftUI.Color(hex: 0xBDCADB)
+        /// This variable in the current online CSS is called secondary-tenant-color
+        public static let spobiBlue029: SwiftUI.Color = SwiftUI.Color(hex: 0x174482)
+        /// This variable in the current online CSS is called main-tenant-color for the spobi tenant.
+        public static let spobiBlue016: SwiftUI.Color = SwiftUI.Color(hex: 0x0A2750)
+        public static let spobiBlue010: SwiftUI.Color = SwiftUI.Color(hex: 0x081828)
+        public static let spobiBlue038: SwiftUI.Color = SwiftUI.Color(hex: 0x315998)
+        public static let spobiRed: SwiftUI.Color = SwiftUI.Color(hex: 0xE52528)
+        public static let spobiBlue016Alpha0: SwiftUI.Color = SwiftUI.Color(hex: 0x0A2750, alpha: 0.00)
+        public static let spobiBlue016Alpha70: SwiftUI.Color = SwiftUI.Color(hex: 0x0A2750, alpha: 0.70)
+    }
+
+    // MARK: - Font
+    public enum Font {
+        public static let fontFamilyGothamXnarrow: String = "Gotham XNarrow"
+        public static let fontFamilyGothamCond: String = "Gotham Condensed"
+        public static let fontFamilyGotham: String = "Gotham"
+        public static let fontFamilyLucidaGrande: String = "Lucida Grande"
+        public static let fontFamilyAntennaExtraCond: String = "AntennaExtraCond"
+        public static let fontFamilyAntennaCond: String = "AntennaCond"
+        public static let fontFamilyInter: String = "Inter"
+        /// 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold.
+        public static let fontWeightBold: SwiftUI.Font.Weight = .bold
+        public static let fontWeightExtraBlack: SwiftUI.Font.Weight = .black
+        public static let fontWeightBook: SwiftUI.Font.Weight = .regular
+        public static let fontWeightUltra: SwiftUI.Font.Weight = .black
+        public static let fontWeightBlack: SwiftUI.Font.Weight = .heavy
+        public static let fontWeightBook350: SwiftUI.Font.Weight = .light
+        public static let fontWeightSemiBold: SwiftUI.Font.Weight = .semibold
+        public static let fontWeightThin: SwiftUI.Font.Weight = .ultraLight
+        public static let fontWeightLight: SwiftUI.Font.Weight = .light
+        public static let fontWeightExtraLight: SwiftUI.Font.Weight = .thin
+        public static let fontWeightMedium: SwiftUI.Font.Weight = .medium
+        /// This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25.
+        public static let letterSpaceNeg025: CGFloat = CGFloat(-0.25)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
+        public static let letterSpace0: CGFloat = CGFloat(0)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
+        public static let letterSpace1: CGFloat = CGFloat(1)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5.
+        public static let letterSpace05: CGFloat = CGFloat(0.5)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25.
+        public static let letterSpace025: CGFloat = CGFloat(0.25)
+        /// This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
+        public static let letterSpaceNeg05: CGFloat = CGFloat(-0.5)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
+        public static let letterSpace2: CGFloat = CGFloat(2)
+        /// This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
+        public static let letterSpaceNeg1: CGFloat = CGFloat(-1)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines.
+        public static let letterSpaceNeg2: CGFloat = CGFloat(-2)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes.
+        public static let letterSpace3: CGFloat = CGFloat(3)
+        /// This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes.
+        public static let letterSpaceNeg3: CGFloat = CGFloat(-3)
+        public static let stFontWeightUltra: SwiftUI.Font.Weight = .black
+        public static let stFontWeightExtraBlack: SwiftUI.Font.Weight = .black
+        public static let stFontWeightBlack: SwiftUI.Font.Weight = .heavy
+        public static let stFontWeightBold: SwiftUI.Font.Weight = .bold
+        public static let stFontWeightSemiBold: SwiftUI.Font.Weight = .semibold
+        public static let stFontWeightMedium: SwiftUI.Font.Weight = .medium
+        public static let stFontWeightStBook: SwiftUI.Font.Weight = .regular
+        public static let stFontWeightBook350: SwiftUI.Font.Weight = .light
+        public static let stFontWeightExtraLight: SwiftUI.Font.Weight = .thin
+        public static let stFontWeightThin: SwiftUI.Font.Weight = .ultraLight
+        public static let stFontWeightBoldItalic: SwiftUI.Font.Weight = .bold
+        public static let stFontWeightBlackItalic: SwiftUI.Font.Weight = .black
+    }
+
+    // MARK: - Size
+    public enum Size {
+        public static let size6x: CGFloat = CGFloat(48)
+        public static let size3x: CGFloat = CGFloat(24)
+        public static let size1x: CGFloat = CGFloat(8)
+        public static let size0p25x: CGFloat = CGFloat(2)
+        public static let size05x: CGFloat = CGFloat(4)
+        public static let size2x: CGFloat = CGFloat(16)
+        public static let size4p5x: CGFloat = CGFloat(36)
+        public static let size5x: CGFloat = CGFloat(40)
+        public static let size3p5x: CGFloat = CGFloat(28)
+        public static let size2p5x: CGFloat = CGFloat(20)
+        public static let size12p5x: CGFloat = CGFloat(100)
+        public static let size2p75x: CGFloat = CGFloat(22)
+        public static let size3p25x: CGFloat = CGFloat(26)
+        public static let size4x: CGFloat = CGFloat(32)
+        public static let size3p75x: CGFloat = CGFloat(30)
+        public static let size2p25x: CGFloat = CGFloat(18)
+        public static let size7x: CGFloat = CGFloat(56)
+        public static let size1p5x: CGFloat = CGFloat(12)
+        public static let size0p75x: CGFloat = CGFloat(6)
+        public static let size22p5x: CGFloat = CGFloat(180)
+        public static let size40x: CGFloat = CGFloat(320)
+        public static let size8x: CGFloat = CGFloat(64)
+        public static let size11p5x: CGFloat = CGFloat(92)
+        public static let size1p75x: CGFloat = CGFloat(14)
+        public static let size5p25x: CGFloat = CGFloat(42)
+        public static let size1p25x: CGFloat = CGFloat(10)
+        public static let size80x: CGFloat = CGFloat(640)
+        public static let size17p5x: CGFloat = CGFloat(140)
+        public static let size20x: CGFloat = CGFloat(160)
+        public static let size128x: CGFloat = CGFloat(1024)
+        public static let size124x: CGFloat = CGFloat(992)
+        public static let size12x: CGFloat = CGFloat(96)
+        public static let size35x: CGFloat = CGFloat(280)
+        public static let size15x: CGFloat = CGFloat(120)
+        public static let size16p25: CGFloat = CGFloat(130)
+        public static let size87p5x: CGFloat = CGFloat(700)
+        public static let size10x: CGFloat = CGFloat(80)
+        public static let size30x: CGFloat = CGFloat(240)
+        public static let size25x: CGFloat = CGFloat(200)
+        public static let size168x: CGFloat = CGFloat(1344)
+        public static let size60x: CGFloat = CGFloat(480)
+        public static let size9x: CGFloat = CGFloat(72)
+        public static let size27p5x: CGFloat = CGFloat(220)
+        public static let size50x: CGFloat = CGFloat(400)
+        public static let size116p25x: CGFloat = CGFloat(930)
+        public static let size18p5x: CGFloat = CGFloat(148)
+        public static let size100x: CGFloat = CGFloat(800)
+        public static let size0x: CGFloat = CGFloat(0)
+        public static let size0p125x: CGFloat = CGFloat(1)
+    }
+
+    // MARK: - Space
+    public enum Space {
+        public static let space1x: CGFloat = CGFloat(8)
+        public static let space0p5x: CGFloat = CGFloat(4)
+        public static let space0p25x: CGFloat = CGFloat(2)
+        public static let space2x: CGFloat = CGFloat(16)
+        public static let space1p5x: CGFloat = CGFloat(12)
+        public static let space4x: CGFloat = CGFloat(32)
+        public static let space3x: CGFloat = CGFloat(24)
+        public static let space6x: CGFloat = CGFloat(48)
+        public static let space8x: CGFloat = CGFloat(64)
+        public static let space9x: CGFloat = CGFloat(72)
+        public static let space5x: CGFloat = CGFloat(40)
+        public static let space0x: CGFloat = CGFloat(0)
+        public static let space10x: CGFloat = CGFloat(80)
+        public static let space20x: CGFloat = CGFloat(160)
+        public static let space2p5x: CGFloat = CGFloat(20)
+        public static let spaceNeg0p25x: CGFloat = CGFloat(-2)
+        public static let space0p75x: CGFloat = CGFloat(6)
+        public static let space1p25x: CGFloat = CGFloat(10)
+        public static let space2p75x: CGFloat = CGFloat(22)
+        public static let space4p5x: CGFloat = CGFloat(36)
+        public static let space7p5x: CGFloat = CGFloat(60)
+        public static let space12x: CGFloat = CGFloat(96)
+        public static let space1p75x: CGFloat = CGFloat(14)
+        public static let space8p5x: CGFloat = CGFloat(68)
+        public static let space3p5x: CGFloat = CGFloat(28)
+    }
+
+    // MARK: - Opacity
+    /// Opacity values as Double (0.0 - 1.0) for use with SwiftUI .opacity() modifier
+    public enum Opacity {
+        public static let opacity05: Double = 0.05
+        public static let opacity10: Double = 0.1
+        public static let opacity20: Double = 0.2
+        public static let opacity40: Double = 0.4
+        public static let opacity60: Double = 0.6
+        public static let opacity80: Double = 0.8
+        public static let opacity100: Double = 1
+        public static let opacity90: Double = 0.9
+        public static let opacity30: Double = 0.3
+        public static let opacity50: Double = 0.5
+        public static let opacity00: Double = 0
+        public static let opacity70: Double = 0.7
+    }
+}

package/dist/ios/shared/Enums.swift

@@ -0,0 +1,48 @@
+//
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.0.63
+// Generated by Style Dictionary
+//
+// Copyright (c) 2024 Axel Springer Deutschland GmbH
+//
+
+import Foundation
+
+/// UI density modes for the BILD Design System
+public enum Density: String, CaseIterable, Sendable {
+    case dense
+    case `default`
+    case spacious
+}
+
+/// Size class for responsive layouts
+/// Maps to iOS UITraitCollection.horizontalSizeClass
+public enum SizeClass: String, CaseIterable, Sendable {
+    case compact   // Phones (Portrait), small screens - maps to xs/sm breakpoints
+    case regular   // Tablets, Phones (Landscape) - maps to md/lg breakpoints
+}
+
+/// Color brands - defines the color palette and effects
+/// Only brands with their own color schemes are included
+public enum ColorBrand: String, CaseIterable, Sendable {
+    case bild
+    case sportbild
+    // Note: Advertorial uses BILD or SportBILD colors
+}
+
+/// Content brands - defines sizing, typography, and layout tokens
+/// All brands including those without own color schemes
+public enum ContentBrand: String, CaseIterable, Sendable {
+    case bild
+    case sportbild
+    case advertorial
+}
+
+/// Legacy: Combined brand enum for backwards compatibility
+@available(*, deprecated, message: "Use ColorBrand and ContentBrand for dual-axis theming")
+public enum Brand: String, CaseIterable, Sendable {
+    case bild
+    case sportbild
+    case advertorial
+}

package/dist/ios/shared/ShadowStyle.swift

@@ -0,0 +1,72 @@
+//
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.0.63
+// Generated by Style Dictionary
+//
+// Copyright (c) 2024 Axel Springer Deutschland GmbH
+//
+
+import SwiftUI
+
+/// Single drop shadow definition
+public struct DropShadow: Equatable, Sendable {
+    public let color: Color
+    public let offsetX: CGFloat
+    public let offsetY: CGFloat
+    public let radius: CGFloat
+    public let spread: CGFloat
+
+    public init(
+        color: Color,
+        offsetX: CGFloat,
+        offsetY: CGFloat,
+        radius: CGFloat,
+        spread: CGFloat = 0
+    ) {
+        self.color = color
+        self.offsetX = offsetX
+        self.offsetY = offsetY
+        self.radius = radius
+        self.spread = spread
+    }
+}
+
+/// Composite shadow token (can contain multiple layers)
+public struct ShadowStyle: Equatable, Sendable {
+    public let shadows: [DropShadow]
+
+    public init(shadows: [DropShadow]) {
+        self.shadows = shadows
+    }
+
+    public init(_ shadow: DropShadow) {
+        self.shadows = [shadow]
+    }
+}
+
+/// View modifier for applying ShadowStyle (applies all shadow layers)
+public struct ShadowStyleModifier: ViewModifier {
+    let style: ShadowStyle
+
+    public init(_ style: ShadowStyle) {
+        self.style = style
+    }
+
+    public func body(content: Content) -> some View {
+        style.shadows.reduce(AnyView(content)) { view, shadow in
+            AnyView(view.shadow(
+                color: shadow.color,
+                radius: shadow.radius,
+                x: shadow.offsetX,
+                y: shadow.offsetY
+            ))
+        }
+    }
+}
+
+public extension View {
+    func shadowStyle(_ style: ShadowStyle) -> some View {
+        modifier(ShadowStyleModifier(style))
+    }
+}

package/dist/ios/shared/TextStyle.swift

@@ -0,0 +1,97 @@
+//
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.0.63
+// Generated by Style Dictionary
+//
+// Copyright (c) 2024 Axel Springer Deutschland GmbH
+//
+
+import SwiftUI
+
+/// Composite typography token representing a complete text style
+public struct TextStyle: Equatable, Sendable {
+    public let fontFamily: String
+    public let fontWeight: Font.Weight
+    public let fontSize: CGFloat
+    public let lineHeight: CGFloat
+    public let letterSpacing: CGFloat
+    public let textCase: TextCase
+    public let textDecoration: TextDecoration
+
+    public init(
+        fontFamily: String,
+        fontWeight: Font.Weight,
+        fontSize: CGFloat,
+        lineHeight: CGFloat,
+        letterSpacing: CGFloat,
+        textCase: TextCase = .original,
+        textDecoration: TextDecoration = .none
+    ) {
+        self.fontFamily = fontFamily
+        self.fontWeight = fontWeight
+        self.fontSize = fontSize
+        self.lineHeight = lineHeight
+        self.letterSpacing = letterSpacing
+        self.textCase = textCase
+        self.textDecoration = textDecoration
+    }
+
+    public enum TextCase: String, Sendable {
+        case original = "ORIGINAL"
+        case upper = "UPPER"
+        case lower = "LOWER"
+        case capitalize = "CAPITALIZE"
+
+        var swiftUICase: Text.Case? {
+            switch self {
+            case .original: return nil
+            case .upper: return .uppercase
+            case .lower: return .lowercase
+            case .capitalize: return nil
+            }
+        }
+    }
+
+    public enum TextDecoration: String, Sendable {
+        case none = "NONE"
+        case underline = "UNDERLINE"
+        case strikethrough = "STRIKETHROUGH"
+    }
+
+    /// Create a SwiftUI Font from this text style with Dynamic Type support
+    public func font(relativeTo textStyle: Font.TextStyle = .body) -> Font {
+        Font.custom(fontFamily, size: fontSize, relativeTo: textStyle)
+            .weight(fontWeight)
+    }
+
+    /// Line spacing value for SwiftUI (lineHeight - fontSize)
+    public var lineSpacing: CGFloat {
+        max(0, lineHeight - fontSize)
+    }
+}
+
+/// View modifier for applying TextStyle
+public struct TextStyleModifier: ViewModifier {
+    let style: TextStyle
+    let relativeTo: Font.TextStyle
+
+    public init(_ style: TextStyle, relativeTo: Font.TextStyle = .body) {
+        self.style = style
+        self.relativeTo = relativeTo
+    }
+
+    public func body(content: Content) -> some View {
+        content
+            .font(style.font(relativeTo: relativeTo))
+            .tracking(style.letterSpacing)
+            .lineSpacing(style.lineSpacing)
+            .textCase(style.textCase.swiftUICase)
+    }
+}
+
+public extension View {
+    func textStyle(_ style: TextStyle, relativeTo: Font.TextStyle = .body) -> some View {
+        modifier(TextStyleModifier(style, relativeTo: relativeTo))
+    }
+}

package/dist/js/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-lg.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: lg

package/dist/js/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-md.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: md

package/dist/js/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-sm.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: sm

package/dist/js/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-xs.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: xs

package/dist/js/brands/advertorial/components/Accordion/accordion-breakpoint-lg-1024px-regular.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/advertorial/components/Accordion/accordion-breakpoint-md-600px.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/advertorial/components/Accordion/accordion-breakpoint-sm-390px-compact.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/advertorial/components/Accordion/accordion-breakpoint-xs-320px.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/advertorial/components/Accordion/accordion-typography-lg.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: lg

package/dist/js/brands/advertorial/components/Accordion/accordion-typography-md.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: md

package/dist/js/brands/advertorial/components/Accordion/accordion-typography-sm.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: sm

package/dist/js/brands/advertorial/components/Accordion/accordion-typography-xs.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: xs

package/dist/js/brands/advertorial/components/Alert/alert-effects-dark.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Mode: dark

package/dist/js/brands/advertorial/components/Alert/alert-effects-light.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Mode: light

package/dist/js/brands/advertorial/components/Article/article-breakpoint-lg-1024px-regular.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -28,8 +28,8 @@ export const articleImageCaptionFontSize = "16px";
 /** NMT CSS --article-figure-meta-font-size */
 export const articleImageSourceFontSize = "16px";
 /** this component level variable references the branding variables */
-export const articleImageCaptionLineHeight = "24px";
-export const articleImageSourceLineHeight = "24px";
+export const articleImageCaptionLineHeight = "24";
+export const articleImageSourceLineHeight = "24";
 /** 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc. */
 export const articleContentStackSpace = "32px";
 /** 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8 */

package/dist/js/brands/advertorial/components/Article/article-breakpoint-md-600px.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.61
+ * BILD Design System Tokens v1.0.63
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -28,8 +28,8 @@ export const articleImageCaptionFontSize = "13px";
 /** NMT CSS --article-figure-meta-font-size */
 export const articleImageSourceFontSize = "13px";
 /** this component level variable references the branding variables */
-export const articleImageCaptionLineHeight = "19.5px";
-export const articleImageSourceLineHeight = "19px";
+export const articleImageCaptionLineHeight = "19.5";
+export const articleImageSourceLineHeight = "19";
 /** 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc. */
 export const articleContentStackSpace = "24px";
 /** 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8 */