@marioschmidt/design-system-tokens 1.0.22 → 1.0.24

package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart

@@ -12,200 +12,10 @@ import 'dart:ui';
 class Brandtokenmapping {
     Brandtokenmapping._();
 
-    // ============================================
-    // COMPONENT
-    // ============================================
-
-    static const buttonLabelFontWeightSt = "600";
-
-    // Component - Accordion
-    static const accordionLabelFontFamily = "Lucida Grande";
-
-    // Component - Article - FontSize
-    /** --article-figure-caption-font-size-sm */
-    static const articleImageCaptionFontSizeXs = "13px";
-    /** --article-figure-caption-font-size-md */
-    static const articleImageCaptionFontSizeMd = "13px";
-    /** --article-figure-caption-font-size-lg */
-    static const articleImageCaptionFontSizeLg = "16px";
-    /** --article-figure-caption-font-size-sm */
-    static const articleImageCaptionFontSizeSm = "13px";
-    /** --article-figure-meta-font-size-sm */
-    static const articleImageSourceFontSizeXs = "13px";
-    /** --article-figure-meta-font-size-sm */
-    static const articleImageSourceFontSizeSm = "13px";
-    /** --article-figure-meta-font-size-sm */
-    static const articleImageSourceFontSizeMd = "13px";
-    /** --article-figure-meta-font-size-lg */
-    static const articleImageSourceFontSizeLg = "16px";
-
-    // Component - Article - LineHeight
-    /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
-    static const articleImageCaptionLineHeightXs = "19.5px";
-    /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
-    static const articleImageCaptionLineHeightMd = "19.5px";
-    /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
-    static const articleImageCaptionLineHeightLg = "24px";
-    /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
-    static const articleImageCaptionLineHeightSm = "19.5px";
-    /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-    static const articleImageSourceLineHeightMd = "19px";
-    /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
-    static const articleImageSourceLineHeightLg = "24px";
-    /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-    static const articleImageSourceLineHeightXs = "19px";
-    /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-    static const articleImageSourceLineHeightSm = "19px";
-
-    // Component - Avatar
-    /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
-    static const avatarFontFamily = "Lucida Grande";
-    /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
-    static const avatarFontSizeSm = "13px";
-    /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
-    static const avatarFontSizeLg = "15px";
-
-    // Component - Breadcrumb - FontFamily
-    /** --breadcrumb-font */
-    static const breadcrumbFontFamily = "Lucida Grande";
-
-    // Component - Breadcrumb - FontSize
-    /** --breadcrumb-font-size-sm */
-    static const breadcrumbFontSizeXs = "15px";
-    /** --breadcrumb-font-size-sm */
-    static const breadcrumbFontSizeSm = "15px";
-    /** --breadcrumb-font-size-sm */
-    static const breadcrumbFontSizeMd = "15px";
-    /** --breadcrumb-font-size-lg */
-    static const breadcrumbFontSizeLg = "12px";
-
-    // Component - Breadcrumb - FontWeight
-    /** --breadcrumb-font-size-sm */
-    static const breadcrumbFontWeight = 700;
-
-    // Component - Breadcrumb - LineHeight
-    /** not defined as variable */
-    static const breadcrumbLineHeightXs = "15px";
-    /** not defined as variable */
-    static const breadcrumbLineHeightSm = "15px";
-    /** not defined as variable */
-    static const breadcrumbLineHeightMd = "15px";
-    /** not defined as variable */
-    static const breadcrumbLineHeightLg = "12px";
-
-    // Component - BreakingNews
-    static const breakingNewsContentFontSize = "21px";
-
-    // Component - Footer
-    static const footerLinkFontFamily = "Gotham XNarrow";
-
-    // Component - Inputfield
-    static const inputFieldLabelFontFamily = "Lucida Grande";
-
-    // Component - MediaPlayer
-    static const videoTimeBadgeFontFamily = "Lucida Grande";
-
-    // Component - Menu
-    /** --nav-btn-font-size */
-    static const menuItemFontSize = "15px";
-    /** --caption-1-font-size-md */
-    static const appTopBarTitleFontSizeMd = "14px";
-    /** --caption-1-font-size-lg */
-    static const appTopBarTitleFontSizeLg = "14px";
-    /** --caption-1-font-size-sm */
-    static const appTopBarTitleFontSizeXs = "12px";
-    /** --caption-1-font-size-sm */
-    static const appTopBarTitleFontSizeSm = "12px";
-    static const appTopBarTitleLineHeightMd = "17px";
-    static const appTopBarTitleLineHeightLg = "17px";
-    static const appTopBarTitleLineHeightXs = "14px";
-    static const appTopBarTitleLineHeightSm = "14px";
-    static const menuItemFontWeight = "700";
-
-    // Component - Teaser
-    /** --teaser-title-padding-lg */
-    static const teaserTitleInlineSpaceLg = "12px";
-    /** --teaser-title-padding-md */
-    static const teaserTitleInlineSpaceMd = "12px";
-    /** --teaser-title-padding-sm */
-    static const teaserTitleInlineSpaceSm = "8px";
-    /** --teaser-title-padding-xs */
-    static const teaserTitleInlineSpaceXs = "8px";
-
-    // Component - Teaser - 2xaTeaser
-    static const _2xaTeaserTitleInlineSpace = "8px";
-
-    // Component - Teaser - Quad
-    static const qTeaserTitleInlineSpaceLg = "12px";
-    static const qTeaserTitleInlineSpaceMd = "16px";
-    static const qTeaserTitleInlineSpaceSm = "8px";
-    static const qTeaserTitleInlineSpaceXs = "8px";
-
-    // Component - Teaser - aTeaser
-    static const aTeaserTitleInlineSpaceLg = "12px";
-    static const aTeaserTitleInlineSpaceMd = "12px";
-    static const aTeaserTitleInlineSpaceXs = "8px";
-    static const aTeaserTitleInlineSpaceSm = "8px";
-
-    // Component - Teaser - bTeaser
-    static const bTeaserTitleInlineSpace = "8px";
-
-    // Component - Teaser - miniQ
-    static const miniQteaserTitleInlineSpaceMd = "8px";
-    static const miniQteaserTitleInlineSpaceLg = "8px";
-    static const miniQteaserTitleInlineSpaceSm = "8px";
-    static const miniQteaserTitleInlineSpaceXs = "8px";
-
-    // Component - Teaser - superA
-    static const superAteaserTitleInlineSpace = "16px";
-
-
     // ============================================
     // GLOBAL
     // ============================================
 
-    // Global - Typography - FontFamily
-    /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
-    static const kickerFontFamily = "Lucida Grande";
-    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
-    static const displayFontFamily = "Lucida Grande";
-    /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
-    static const headlineFontFamily = "Lucida Grande";
-    /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
-    static const subheadlineFontFamily = "Lucida Grande";
-    /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
-    static const bodyFontFamily = "Lucida Grande";
-    /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
-    static const footnoteFontFamily = "Lucida Grande";
-    /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
-    static const labelFontFamily = "Lucida Grande";
-    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
-    static const quoteFontFamily = "Lucida Grande";
-    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
-    static const titleFontFamily = "Lucida Grande";
-    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
-    static const calloutFontFamily = "Lucida Grande";
-
-    // Global - Typography - FontSize - Body
-    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
-    static const bodyFontSizeXs = "17px";
-    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
-    static const bodyFontSizeSm = "17px";
-    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size */
-    static const bodyFontSizeMd = "17px";
-    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size */
-    static const bodyFontSizeLg = "17px";
-
-    // Global - Typography - FontSize - Callout
-    /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
-    static const callout1FontSizeXs = "16px";
-    /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
-    static const callout1FontSizeSm = "16px";
-    /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css: */
-    static const callout1FontSizeMd = "22px";
-    /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css: */
-    static const callout1FontSizeLg = "22px";
-
     // Global - Typography - FontSize - Display
     /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
     static const display1FontSizeXs = "39px";
@@ -232,19 +42,6 @@ class Brandtokenmapping {
     /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
     static const display3FontSizeXs = "27px";
 
-    // Global - Typography - FontSize - Footnote
-    /** --footnote-font-size-sm */
-    static const footnote1FontSizeXs = "13px";
-    /** --footnote-font-size-sm */
-    static const footnote1FontSizeSm = "13px";
-    static const footnote1FontSizeMd = "13px";
-    /** --footnote-font-size-lg */
-    static const footnote1FontSizeLg = "15px";
-    static const footnote2FontSizeXs = "10px";
-    static const footnote2FontSizeSm = "10px";
-    static const footnote2FontSizeMd = "10px";
-    static const footnote2FontSizeLg = "13px";
-
     // Global - Typography - FontSize - Headline
     /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
     static const headline1FontSizeXs = "36px";
@@ -315,22 +112,6 @@ class Brandtokenmapping {
     /** Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg */
     static const kicker4FontSizeLg = "14px";
 
-    // Global - Typography - FontSize - Label
-    static const label1FontSize = "17px";
-    static const label2FontSize = "15px";
-    static const label3FontSize = "12px";
-    static const label4FontSize = "8px";
-    static const label1RespFontSizeXs = "10px";
-    static const label1RespFontSizeSm = "10px";
-    static const label1RespFontSizeMd = "15px";
-    static const label1RespFontSizeLg = "17px";
-
-    // Global - Typography - FontSize - Quote
-    static const quoteFontSizeXs = "16px";
-    static const quoteFontSizeSm = "16px";
-    static const quoteFontSizeMd = "16px";
-    static const quoteFontSizeLg = "18px";
-
     // Global - Typography - FontSize - Subheadline
     /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
     static const subheadline1FontSizeXs = "18px";
@@ -359,58 +140,54 @@ class Brandtokenmapping {
     /** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
     static const title2FontSizeLg = "18px";
 
-    // Global - Typography - FontWeight - Body
-    static const bodyFontWeightBook = 400;
-    static const bodyFontWeightBold = 700;
+    // Global - Typography - FontSize - Callout
+    /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
+    static const callout1FontSizeXs = "16px";
+    /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
+    static const callout1FontSizeSm = "16px";
+    /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css: */
+    static const callout1FontSizeMd = "22px";
+    /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css: */
+    static const callout1FontSizeLg = "22px";
 
-    // Global - Typography - FontWeight - Callout
-    static const calloutFontWeight = 800;
+    // Global - Typography - FontSize - Body
+    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
+    static const bodyFontSizeXs = "17px";
+    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
+    static const bodyFontSizeSm = "17px";
+    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size */
+    static const bodyFontSizeMd = "17px";
+    /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size */
+    static const bodyFontSizeLg = "17px";
 
-    // Global - Typography - FontWeight - Display
-    static const displayFontWeight = 800;
+    // Global - Typography - FontSize - Footnote
+    /** --footnote-font-size-sm */
+    static const footnote1FontSizeXs = "13px";
+    /** --footnote-font-size-sm */
+    static const footnote1FontSizeSm = "13px";
+    static const footnote1FontSizeMd = "13px";
+    /** --footnote-font-size-lg */
+    static const footnote1FontSizeLg = "15px";
+    static const footnote2FontSizeXs = "10px";
+    static const footnote2FontSizeSm = "10px";
+    static const footnote2FontSizeMd = "10px";
+    static const footnote2FontSizeLg = "13px";
 
-    // Global - Typography - FontWeight - Footnote
-    static const footnoteFontWeightBook = 400;
-    static const footnoteFontWeightBold = 700;
-
-    // Global - Typography - FontWeight - Headline
-    static const headline1FontWeightSt = "700";
-    static const headline1FontWeight = 700;
-    static const headline2FontWeight = 700;
-    static const headline3FontWeight = 700;
-    static const headline4FontWeight = 600;
-    static const headline2FontWeightSt = "700";
-    static const headline3FontWeightSt = "700";
-    static const headline4FontWeightSt = "600";
-
-    // Global - Typography - FontWeight - Kicker
-    static const kickerFontWeight = 700;
-    static const kickerFontWeightSt = "700";
-
-    // Global - Typography - FontWeight - Label
-    static const labelFontWeightBook = 400;
-    static const labelFontWeightBold = 700;
-
-    // Global - Typography - FontWeight - Quote
-    static const quoteFontWeight = 800;
-
-    // Global - Typography - FontWeight - Subheadline
-    static const subheadlineFontWeight = 700;
-
-    // Global - Typography - FontWeight - Title
-    static const titleFontWeight = 800;
-
-    // Global - Typography - LineHeight - Body
-    static const bodyLineHeightXs = "29.75px";
-    static const bodyLineHeightSm = "29.75px";
-    static const bodyLineHeightMd = "29.75px";
-    static const bodyLineHeightLg = "29.75px";
+    // Global - Typography - FontSize - Quote
+    static const quoteFontSizeXs = "16px";
+    static const quoteFontSizeSm = "16px";
+    static const quoteFontSizeMd = "16px";
+    static const quoteFontSizeLg = "18px";
 
-    // Global - Typography - LineHeight - Callout
-    static const callout1LineHeightXs = "20.799999237060547px";
-    static const callout1LineHeightSm = "20.799999237060547px";
-    static const callout1LineHeightMd = "28.600000381469727px";
-    static const callout1LineHeightLg = "28.600000381469727px";
+    // Global - Typography - FontSize - Label
+    static const label1FontSize = "17px";
+    static const label2FontSize = "15px";
+    static const label3FontSize = "12px";
+    static const label4FontSize = "8px";
+    static const label1RespFontSizeXs = "10px";
+    static const label1RespFontSizeSm = "10px";
+    static const label1RespFontSizeMd = "15px";
+    static const label1RespFontSizeLg = "17px";
 
     // Global - Typography - LineHeight - Display
     static const display1LineHeightXs = "40px";
@@ -426,16 +203,6 @@ class Brandtokenmapping {
     static const display3LineHeightSm = "28px";
     static const display3LineHeightXs = "28px";
 
-    // Global - Typography - LineHeight - Footnote
-    static const footnote1LineHeightXs = "16.899999618530273px";
-    static const footnote1LineHeightSm = "16.899999618530273px";
-    static const footnote1LineHeightMd = "16.899999618530273px";
-    static const footnote1LineHeightLg = "19.5px";
-    static const footnote2LineHeightXs = "13px";
-    static const footnote2LineHeightSm = "13px";
-    static const footnote2LineHeightMd = "13px";
-    static const footnote2LineHeightLg = "16.899999618530273px";
-
     // Global - Typography - LineHeight - Headline
     static const headline1LineHeightXs = "37.79999923706055px";
     static const headline1LineHeightSm = "37.79999923706055px";
@@ -454,6 +221,12 @@ class Brandtokenmapping {
     static const headline4LineHeightMd = "19.799999237060547px";
     static const headline4LineHeightLg = "27.5px";
 
+    // Global - Typography - LineHeight - Subheadline
+    static const subheadline1LineHeightXs = "23.399999618530273px";
+    static const subheadline1LineHeightSm = "23.399999618530273px";
+    static const subheadline1LineHeightMd = "23.399999618530273px";
+    static const subheadline1LineHeightLg = "36.400001525878906px";
+
     // Global - Typography - LineHeight - Kicker
     static const kicker1LineHeightXs = "17.600000381469727px";
     static const kicker1LineHeightSm = "17.600000381469727px";
@@ -472,6 +245,38 @@ class Brandtokenmapping {
     static const kicker4LineHeightMd = "15.399999618530273px";
     static const kicker4LineHeightLg = "15.399999618530273px";
 
+    // Global - Typography - LineHeight - Title
+    static const title1LineHeightXs = "26.399999618530273px";
+    static const title1LineHeightSm = "26.399999618530273px";
+    static const title1LineHeightMd = "26.399999618530273px";
+    static const title1LineHeightLg = "33.599998474121094px";
+    static const title2LineHeightXs = "16.799999237060547px";
+    static const title2LineHeightSm = "16.799999237060547px";
+    static const title2LineHeightMd = "19.200000762939453px";
+    static const title2LineHeightLg = "23.399999618530273px";
+
+    // Global - Typography - LineHeight - Callout
+    static const callout1LineHeightXs = "20.799999237060547px";
+    static const callout1LineHeightSm = "20.799999237060547px";
+    static const callout1LineHeightMd = "28.600000381469727px";
+    static const callout1LineHeightLg = "28.600000381469727px";
+
+    // Global - Typography - LineHeight - Body
+    static const bodyLineHeightXs = "29.75px";
+    static const bodyLineHeightSm = "29.75px";
+    static const bodyLineHeightMd = "29.75px";
+    static const bodyLineHeightLg = "29.75px";
+
+    // Global - Typography - LineHeight - Footnote
+    static const footnote1LineHeightXs = "16.899999618530273px";
+    static const footnote1LineHeightSm = "16.899999618530273px";
+    static const footnote1LineHeightMd = "16.899999618530273px";
+    static const footnote1LineHeightLg = "19.5px";
+    static const footnote2LineHeightXs = "13px";
+    static const footnote2LineHeightSm = "13px";
+    static const footnote2LineHeightMd = "13px";
+    static const footnote2LineHeightLg = "16.899999618530273px";
+
     // Global - Typography - LineHeight - Label
     /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
     static const label1LineHeight = "20.399999618530273px";
@@ -496,21 +301,68 @@ class Brandtokenmapping {
     static const quoteLineHeightMd = "20.799999237060547px";
     static const quoteLineHeightLg = "23.399999618530273px";
 
-    // Global - Typography - LineHeight - Subheadline
-    static const subheadline1LineHeightXs = "23.399999618530273px";
-    static const subheadline1LineHeightSm = "23.399999618530273px";
-    static const subheadline1LineHeightMd = "23.399999618530273px";
-    static const subheadline1LineHeightLg = "36.400001525878906px";
+    // Global - Typography - FontWeight - Body
+    static const bodyFontWeightBook = 400;
+    static const bodyFontWeightBold = 700;
 
-    // Global - Typography - LineHeight - Title
-    static const title1LineHeightXs = "26.399999618530273px";
-    static const title1LineHeightSm = "26.399999618530273px";
-    static const title1LineHeightMd = "26.399999618530273px";
-    static const title1LineHeightLg = "33.599998474121094px";
-    static const title2LineHeightXs = "16.799999237060547px";
-    static const title2LineHeightSm = "16.799999237060547px";
-    static const title2LineHeightMd = "19.200000762939453px";
-    static const title2LineHeightLg = "23.399999618530273px";
+    // Global - Typography - FontWeight - Footnote
+    static const footnoteFontWeightBook = 400;
+    static const footnoteFontWeightBold = 700;
+
+    // Global - Typography - FontWeight - Label
+    static const labelFontWeightBook = 400;
+    static const labelFontWeightBold = 700;
+
+    // Global - Typography - FontWeight - Quote
+    static const quoteFontWeight = 800;
+
+    // Global - Typography - FontWeight - Display
+    static const displayFontWeight = 800;
+
+    // Global - Typography - FontWeight - Headline
+    static const headline1FontWeightSt = "700";
+    static const headline1FontWeight = 700;
+    static const headline2FontWeight = 700;
+    static const headline3FontWeight = 700;
+    static const headline4FontWeight = 600;
+    static const headline2FontWeightSt = "700";
+    static const headline3FontWeightSt = "700";
+    static const headline4FontWeightSt = "600";
+
+    // Global - Typography - FontWeight - Subheadline
+    static const subheadlineFontWeight = 700;
+
+    // Global - Typography - FontWeight - Kicker
+    static const kickerFontWeight = 700;
+    static const kickerFontWeightSt = "700";
+
+    // Global - Typography - FontWeight - Callout
+    static const calloutFontWeight = 800;
+
+    // Global - Typography - FontWeight - Title
+    static const titleFontWeight = 800;
+
+    // Global - Typography - FontFamily
+    /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
+    static const kickerFontFamily = "Lucida Grande";
+    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
+    static const displayFontFamily = "Lucida Grande";
+    /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
+    static const headlineFontFamily = "Lucida Grande";
+    /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
+    static const subheadlineFontFamily = "Lucida Grande";
+    /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
+    static const bodyFontFamily = "Lucida Grande";
+    /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
+    static const footnoteFontFamily = "Lucida Grande";
+    /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
+    static const labelFontFamily = "Lucida Grande";
+    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
+    static const quoteFontFamily = "Lucida Grande";
+    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
+    static const titleFontFamily = "Lucida Grande";
+    /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
+    static const calloutFontFamily = "Lucida Grande";
 
     // Global - Visibilty
     static const hideOnBild = true;
@@ -521,6 +373,154 @@ class Brandtokenmapping {
     static const onlySportBild = false;
 
 
+    // ============================================
+    // COMPONENT
+    // ============================================
+
+    // Component - Article - FontSize
+    /** --article-figure-caption-font-size-sm */
+    static const articleImageCaptionFontSizeXs = "13px";
+    /** --article-figure-caption-font-size-md */
+    static const articleImageCaptionFontSizeMd = "13px";
+    /** --article-figure-caption-font-size-lg */
+    static const articleImageCaptionFontSizeLg = "16px";
+    /** --article-figure-caption-font-size-sm */
+    static const articleImageCaptionFontSizeSm = "13px";
+    /** --article-figure-meta-font-size-sm */
+    static const articleImageSourceFontSizeXs = "13px";
+    /** --article-figure-meta-font-size-sm */
+    static const articleImageSourceFontSizeSm = "13px";
+    /** --article-figure-meta-font-size-sm */
+    static const articleImageSourceFontSizeMd = "13px";
+    /** --article-figure-meta-font-size-lg */
+    static const articleImageSourceFontSizeLg = "16px";
+
+    // Component - Article - LineHeight
+    /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
+    static const articleImageCaptionLineHeightXs = "19.5px";
+    /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
+    static const articleImageCaptionLineHeightMd = "19.5px";
+    /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
+    static const articleImageCaptionLineHeightLg = "24px";
+    /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
+    static const articleImageCaptionLineHeightSm = "19.5px";
+    /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+    static const articleImageSourceLineHeightMd = "19px";
+    /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
+    static const articleImageSourceLineHeightLg = "24px";
+    /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+    static const articleImageSourceLineHeightXs = "19px";
+    /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+    static const articleImageSourceLineHeightSm = "19px";
+
+    // Component - Breadcrumb - FontSize
+    /** --breadcrumb-font-size-sm */
+    static const breadcrumbFontSizeXs = "15px";
+    /** --breadcrumb-font-size-sm */
+    static const breadcrumbFontSizeSm = "15px";
+    /** --breadcrumb-font-size-sm */
+    static const breadcrumbFontSizeMd = "15px";
+    /** --breadcrumb-font-size-lg */
+    static const breadcrumbFontSizeLg = "12px";
+
+    // Component - Breadcrumb - LineHeight
+    /** not defined as variable */
+    static const breadcrumbLineHeightXs = "15px";
+    /** not defined as variable */
+    static const breadcrumbLineHeightSm = "15px";
+    /** not defined as variable */
+    static const breadcrumbLineHeightMd = "15px";
+    /** not defined as variable */
+    static const breadcrumbLineHeightLg = "12px";
+
+    // Component - Breadcrumb - FontFamily
+    /** --breadcrumb-font */
+    static const breadcrumbFontFamily = "Lucida Grande";
+
+    // Component - Breadcrumb - FontWeight
+    /** --breadcrumb-font-size-sm */
+    static const breadcrumbFontWeight = 700;
+
+    // Component - Menu
+    /** --nav-btn-font-size */
+    static const menuItemFontSize = "15px";
+    /** --caption-1-font-size-md */
+    static const appTopBarTitleFontSizeMd = "14px";
+    /** --caption-1-font-size-lg */
+    static const appTopBarTitleFontSizeLg = "14px";
+    /** --caption-1-font-size-sm */
+    static const appTopBarTitleFontSizeXs = "12px";
+    /** --caption-1-font-size-sm */
+    static const appTopBarTitleFontSizeSm = "12px";
+    static const appTopBarTitleLineHeightMd = "17px";
+    static const appTopBarTitleLineHeightLg = "17px";
+    static const appTopBarTitleLineHeightXs = "14px";
+    static const appTopBarTitleLineHeightSm = "14px";
+    static const menuItemFontWeight = "700";
+
+    // Component - Teaser
+    /** --teaser-title-padding-lg */
+    static const teaserTitleInlineSpaceLg = "12px";
+    /** --teaser-title-padding-md */
+    static const teaserTitleInlineSpaceMd = "12px";
+    /** --teaser-title-padding-sm */
+    static const teaserTitleInlineSpaceSm = "8px";
+    /** --teaser-title-padding-xs */
+    static const teaserTitleInlineSpaceXs = "8px";
+
+    // Component - Teaser - Quad
+    static const qTeaserTitleInlineSpaceLg = "12px";
+    static const qTeaserTitleInlineSpaceMd = "16px";
+    static const qTeaserTitleInlineSpaceSm = "8px";
+    static const qTeaserTitleInlineSpaceXs = "8px";
+
+    // Component - Teaser - aTeaser
+    static const aTeaserTitleInlineSpaceLg = "12px";
+    static const aTeaserTitleInlineSpaceMd = "12px";
+    static const aTeaserTitleInlineSpaceXs = "8px";
+    static const aTeaserTitleInlineSpaceSm = "8px";
+
+    // Component - Teaser - bTeaser
+    static const bTeaserTitleInlineSpace = "8px";
+
+    // Component - Teaser - 2xaTeaser
+    static const _2xaTeaserTitleInlineSpace = "8px";
+
+    // Component - Teaser - miniQ
+    static const miniQteaserTitleInlineSpaceMd = "8px";
+    static const miniQteaserTitleInlineSpaceLg = "8px";
+    static const miniQteaserTitleInlineSpaceSm = "8px";
+    static const miniQteaserTitleInlineSpaceXs = "8px";
+
+    // Component - Teaser - superA
+    static const superAteaserTitleInlineSpace = "16px";
+
+    // Component - Avatar
+    /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
+    static const avatarFontFamily = "Lucida Grande";
+    /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
+    static const avatarFontSizeSm = "13px";
+    /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
+    static const avatarFontSizeLg = "15px";
+
+    // Component - BreakingNews
+    static const breakingNewsContentFontSize = "21px";
+
+    // Component - Accordion
+    static const accordionLabelFontFamily = "Lucida Grande";
+
+    // Component - Footer
+    static const footerLinkFontFamily = "Gotham XNarrow";
+
+    // Component - MediaPlayer
+    static const videoTimeBadgeFontFamily = "Lucida Grande";
+
+    // Component - Inputfield
+    static const inputFieldLabelFontFamily = "Lucida Grande";
+
+    static const buttonLabelFontWeightSt = "600";
+
+
     // ============================================
     // OTHER
     // ============================================