@marioschmidt/design-system-tokens 1.0.60 → 1.0.62

package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss

@@ -1,520 +0,0 @@
-//
-// Do not edit directly, this file was auto-generated.
-// 
-// BILD Design System Tokens v1.0.60
-// Generated by Style Dictionary v4.0.0
-// 
-// Copyright (c) 2024 Axel Springer Deutschland GmbH
-// Proprietary and confidential. All rights reserved.
-// 
-// Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
-//
-
-// ============================================
-// GLOBAL
-// ============================================
-
-// 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.
-$display1-font-size-xs: 39px;
-// Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
-$display1-font-size-sm: 39px;
-// Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
-$display1-font-size-md: 70px;
-// Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
-$display1-font-size-lg: 116px;
-// Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
-$display2-font-size-xs: 35px;
-// Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
-$display2-font-size-sm: 35px;
-// Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
-$display2-font-size-md: 41px;
-// Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
-$display2-font-size-lg: 62px;
-// Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
-$display3-font-size-sm: 27px;
-// Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
-$display3-font-size-md: 31px;
-// Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
-$display3-font-size-lg: 39px;
-// Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
-$display3-font-size-xs: 27px;
-
-// 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.
-$headline1-font-size-xs: 36px;
-// Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
-$headline1-font-size-sm: 36px;
-// Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
-$headline1-font-size-md: 54px;
-// Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
-$headline1-font-size-lg: 70px;
-// Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
-$headline2-font-size-xs: 30px;
-// Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
-$headline2-font-size-sm: 30px;
-// Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
-$headline2-font-size-md: 36px;
-// Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
-$headline2-font-size-lg: 48px;
-// Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
-$headline3-font-size-xs: 24px;
-// Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
-$headline3-font-size-sm: 24px;
-// Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
-$headline3-font-size-md: 26px;
-// Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
-$headline3-font-size-lg: 32px;
-// Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
-$headline4-font-size-xs: 16px;
-// Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
-$headline4-font-size-sm: 16px;
-// Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
-$headline4-font-size-md: 20px;
-// Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
-$headline4-font-size-lg: 22px;
-// This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg
-$headline-text-align: center;
-
-// Global - Typography - FontSize - Kicker
-// Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm
-$kicker1-font-size-xs: 16px;
-// Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm
-$kicker1-font-size-sm: 16px;
-// Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md
-$kicker1-font-size-md: 18px;
-// Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg
-$kicker1-font-size-lg: 25px;
-// Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm
-$kicker2-font-size-xs: 16px;
-// Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm
-$kicker2-font-size-sm: 16px;
-// Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md
-$kicker2-font-size-md: 18px;
-// Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg
-$kicker2-font-size-lg: 21px;
-// Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm
-$kicker3-font-size-xs: 14px;
-// Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm
-$kicker3-font-size-sm: 14px;
-// Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md
-$kicker3-font-size-md: 14px;
-// Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg
-$kicker3-font-size-lg: 16px;
-// Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm
-$kicker4-font-size-xs: 12px;
-// Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm
-$kicker4-font-size-sm: 12px;
-// Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md
-$kicker4-font-size-md: 14px;
-// 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
-$kicker4-font-size-lg: 14px;
-
-// 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.
-$subheadline1-font-size-xs: 18px;
-// Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
-$subheadline1-font-size-sm: 18px;
-// Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
-$subheadline1-font-size-md: 18px;
-// Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
-$subheadline1-font-size-lg: 28px;
-
-// Global - Typography - FontSize - Title
-// Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
-$title1-font-size-xs: 22px;
-// Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
-$title1-font-size-sm: 22px;
-// Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
-$title1-font-size-md: 22px;
-// Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
-$title1-font-size-lg: 28px;
-// Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
-$title2-font-size-xs: 14px;
-// Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
-$title2-font-size-sm: 14px;
-// Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
-$title2-font-size-md: 16px;
-// Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
-$title2-font-size-lg: 18px;
-
-// 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:
-$callout1-font-size-xs: 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:
-$callout1-font-size-sm: 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:
-$callout1-font-size-md: 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:
-$callout1-font-size-lg: 22px;
-
-// 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
-$body-font-size-xs: 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
-$body-font-size-sm: 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
-$body-font-size-md: 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
-$body-font-size-lg: 17px;
-
-// Global - Typography - FontSize - Footnote
-// --footnote-font-size-sm
-$footnote1-font-size-xs: 13px;
-// --footnote-font-size-sm
-$footnote1-font-size-sm: 13px;
-$footnote1-font-size-md: 13px;
-// --footnote-font-size-lg
-$footnote1-font-size-lg: 15px;
-$footnote2-font-size-xs: 10px;
-$footnote2-font-size-sm: 10px;
-$footnote2-font-size-md: 10px;
-$footnote2-font-size-lg: 13px;
-
-// Global - Typography - FontSize - Quote
-$quote-font-size-xs: 16px;
-$quote-font-size-sm: 16px;
-$quote-font-size-md: 16px;
-$quote-font-size-lg: 18px;
-
-// Global - Typography - FontSize - Label
-$label1-font-size: 17px;
-$label2-font-size: 15px;
-$label3-font-size: 12px;
-$label4-font-size: 8px;
-$label1-resp-font-size-xs: 10px;
-$label1-resp-font-size-sm: 10px;
-$label1-resp-font-size-md: 15px;
-$label1-resp-font-size-lg: 17px;
-
-// Global - Typography - LineHeight - Display
-$display1-line-height-xs: 40px;
-$display1-line-height-sm: 40px;
-$display1-line-height-md: 72px;
-$display1-line-height-lg: 120px;
-$display2-line-height-xs: 36px;
-$display2-line-height-sm: 36px;
-$display2-line-height-md: 42px;
-$display2-line-height-lg: 64px;
-$display3-line-height-lg: 40px;
-$display3-line-height-md: 32px;
-$display3-line-height-sm: 28px;
-$display3-line-height-xs: 28px;
-
-// Global - Typography - LineHeight - Headline
-$headline1-line-height-xs: 37.8px;
-$headline1-line-height-sm: 37.8px;
-$headline1-line-height-md: 56.7px;
-$headline1-line-height-lg: 77px;
-$headline2-line-height-xs: 33px;
-$headline2-line-height-sm: 33px;
-$headline2-line-height-md: 39.6px;
-$headline2-line-height-lg: 52.8px;
-$headline3-line-height-xs: 26.4px;
-$headline3-line-height-sm: 26.4px;
-$headline3-line-height-md: 28.6px;
-$headline3-line-height-lg: 35.2px;
-$headline4-line-height-xs: 18.4px;
-$headline4-line-height-sm: 18.4px;
-$headline4-line-height-md: 19.8px;
-$headline4-line-height-lg: 27.5px;
-
-// Global - Typography - LineHeight - Subheadline
-$subheadline1-line-height-xs: 23.4px;
-$subheadline1-line-height-sm: 23.4px;
-$subheadline1-line-height-md: 23.4px;
-$subheadline1-line-height-lg: 36.4px;
-
-// Global - Typography - LineHeight - Kicker
-$kicker1-line-height-xs: 17.6px;
-$kicker1-line-height-sm: 17.6px;
-$kicker1-line-height-md: 19.8px;
-$kicker1-line-height-lg: 27.5px;
-$kicker2-line-height-xs: 17.6px;
-$kicker2-line-height-sm: 17.6px;
-$kicker2-line-height-md: 19.8px;
-$kicker2-line-height-lg: 23.1px;
-$kicker3-line-height-xs: 15.4px;
-$kicker3-line-height-sm: 15.4px;
-$kicker3-line-height-md: 15.4px;
-$kicker3-line-height-lg: 17.6px;
-$kicker4-line-height-xs: 13.2px;
-$kicker4-line-height-sm: 13.2px;
-$kicker4-line-height-md: 15.4px;
-$kicker4-line-height-lg: 15.4px;
-
-// Global - Typography - LineHeight - Title
-$title1-line-height-xs: 26.4px;
-$title1-line-height-sm: 26.4px;
-$title1-line-height-md: 26.4px;
-$title1-line-height-lg: 33.6px;
-$title2-line-height-xs: 16.8px;
-$title2-line-height-sm: 16.8px;
-$title2-line-height-md: 19.2px;
-$title2-line-height-lg: 23.4px;
-
-// Global - Typography - LineHeight - Callout
-$callout1-line-height-xs: 20.8px;
-$callout1-line-height-sm: 20.8px;
-$callout1-line-height-md: 28.6px;
-$callout1-line-height-lg: 28.6px;
-
-// Global - Typography - LineHeight - Body
-$body-line-height-xs: 29.75px;
-$body-line-height-sm: 29.75px;
-$body-line-height-md: 29.75px;
-$body-line-height-lg: 29.75px;
-
-// Global - Typography - LineHeight - Footnote
-$footnote1-line-height-xs: 16.9px;
-$footnote1-line-height-sm: 16.9px;
-$footnote1-line-height-md: 16.9px;
-$footnote1-line-height-lg: 19.5px;
-$footnote2-line-height-xs: 13px;
-$footnote2-line-height-sm: 13px;
-$footnote2-line-height-md: 13px;
-$footnote2-line-height-lg: 16.9px;
-
-// 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.
-$label1-line-height: 20.4px;
-// Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
-$label1-resp-line-height-xs: 10px;
-// Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
-$label1-resp-line-height-sm: 10px;
-// Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
-$label1-resp-line-height-md: 15px;
-// Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
-$label1-resp-line-height-lg: 17px;
-// Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
-$label2-line-height: 16px;
-// Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
-$label3-line-height: 14.4px;
-// Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
-$label4-line-height: 10px;
-
-// Global - Typography - LineHeight - Quote
-$quote-line-height-xs: 20.8px;
-$quote-line-height-sm: 20.8px;
-$quote-line-height-md: 20.8px;
-$quote-line-height-lg: 23.4px;
-
-// Global - Typography - FontWeight - Body
-$body-font-weight-book: 400;
-$body-font-weight-bold: 700;
-
-// Global - Typography - FontWeight - Footnote
-$footnote-font-weight-book: 400;
-$footnote-font-weight-bold: 700;
-
-// Global - Typography - FontWeight - Label
-$label-font-weight-book: 400;
-$label-font-weight-bold: 700;
-
-// Global - Typography - FontWeight - Quote
-$quote-font-weight: 800;
-
-// Global - Typography - FontWeight - Display
-$display-font-weight: 800;
-
-// Global - Typography - FontWeight - Headline
-$headline1-font-weight-st: 700;
-$headline1-font-weight: 700;
-$headline2-font-weight: 700;
-$headline3-font-weight: 700;
-$headline4-font-weight: 600;
-$headline2-font-weight-st: 700;
-$headline3-font-weight-st: 700;
-$headline4-font-weight-st: 600;
-
-// Global - Typography - FontWeight - Subheadline
-$subheadline-font-weight: 700;
-
-// Global - Typography - FontWeight - Kicker
-$kicker-font-weight: 700;
-$kicker-font-weight-st: 700;
-
-// Global - Typography - FontWeight - Callout
-$callout-font-weight: 800;
-
-// Global - Typography - FontWeight - Title
-$title-font-weight: 800;
-
-// Global - Typography - FontFamily
-// Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter.
-$kicker-font-family: Lucida Grande;
-// Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter.
-$display-font-family: Lucida Grande;
-// Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter.
-$headline-font-family: Lucida Grande;
-// Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter.
-$subheadline-font-family: Lucida Grande;
-// Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter.
-$body-font-family: Lucida Grande;
-// Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter.
-$footnote-font-family: Lucida Grande;
-// Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter.
-$label-font-family: Lucida Grande;
-// Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter.
-$quote-font-family: Lucida Grande;
-// Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter.
-$title-font-family: Lucida Grande;
-// Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter.
-$callout-font-family: Lucida Grande;
-
-
-// ============================================
-// COMPONENT
-// ============================================
-
-// Component - Article - FontSize
-// --article-figure-caption-font-size-sm
-$article-image-caption-font-size-xs: 13px;
-// --article-figure-caption-font-size-md
-$article-image-caption-font-size-md: 13px;
-// --article-figure-caption-font-size-lg
-$article-image-caption-font-size-lg: 16px;
-// --article-figure-caption-font-size-sm
-$article-image-caption-font-size-sm: 13px;
-// --article-figure-meta-font-size-sm
-$article-image-source-font-size-xs: 13px;
-// --article-figure-meta-font-size-sm
-$article-image-source-font-size-sm: 13px;
-// --article-figure-meta-font-size-sm
-$article-image-source-font-size-md: 13px;
-// --article-figure-meta-font-size-lg
-$article-image-source-font-size-lg: 16px;
-
-// Component - Article - LineHeight
-// --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
-$article-image-caption-line-height-xs: 19.5px;
-// --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
-$article-image-caption-line-height-md: 19.5px;
-// --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
-$article-image-caption-line-height-lg: 24px;
-// --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
-$article-image-caption-line-height-sm: 19.5px;
-// --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
-$article-image-source-line-height-md: 19px;
-// --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
-$article-image-source-line-height-lg: 24px;
-// --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
-$article-image-source-line-height-xs: 19px;
-// --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
-$article-image-source-line-height-sm: 19px;
-
-// Component - Breadcrumb - FontSize
-// --breadcrumb-font-size-sm
-$breadcrumb-font-size-xs: 15px;
-// --breadcrumb-font-size-sm
-$breadcrumb-font-size-sm: 15px;
-// --breadcrumb-font-size-sm
-$breadcrumb-font-size-md: 15px;
-// --breadcrumb-font-size-lg
-$breadcrumb-font-size-lg: 12px;
-
-// Component - Breadcrumb - LineHeight
-// not defined as variable
-$breadcrumb-line-height-xs: 15px;
-// not defined as variable
-$breadcrumb-line-height-sm: 15px;
-// not defined as variable
-$breadcrumb-line-height-md: 15px;
-// not defined as variable
-$breadcrumb-line-height-lg: 12px;
-
-// Component - Breadcrumb - FontFamily
-// --breadcrumb-font
-$breadcrumb-font-family: Lucida Grande;
-
-// Component - Breadcrumb - FontWeight
-// --breadcrumb-font-size-sm
-$breadcrumb-font-weight: 700;
-
-// Component - Menu
-// --nav-btn-font-size
-$menu-item-font-size: 15px;
-// --caption-1-font-size-md
-$app-top-bar-title-font-size-md: 14px;
-// --caption-1-font-size-lg
-$app-top-bar-title-font-size-lg: 14px;
-// --caption-1-font-size-sm
-$app-top-bar-title-font-size-xs: 12px;
-// --caption-1-font-size-sm
-$app-top-bar-title-font-size-sm: 12px;
-$app-top-bar-title-line-height-md: 17px;
-$app-top-bar-title-line-height-lg: 17px;
-$app-top-bar-title-line-height-xs: 14px;
-$app-top-bar-title-line-height-sm: 14px;
-$menu-item-font-weight: 700;
-
-// Component - Teaser
-// --teaser-title-padding-lg
-$teaser-title-inline-space-lg: 12px;
-// --teaser-title-padding-md
-$teaser-title-inline-space-md: 12px;
-// --teaser-title-padding-sm
-$teaser-title-inline-space-sm: 8px;
-// --teaser-title-padding-xs
-$teaser-title-inline-space-xs: 8px;
-
-// Component - Teaser - qTeaser
-$q-teaser-title-inline-space-lg: 12px;
-$q-teaser-title-inline-space-md: 16px;
-$q-teaser-title-inline-space-sm: 8px;
-$q-teaser-title-inline-space-xs: 8px;
-
-// Component - Teaser - aTeaser
-$a-teaser-title-inline-space-lg: 12px;
-$a-teaser-title-inline-space-md: 12px;
-$a-teaser-title-inline-space-xs: 8px;
-$a-teaser-title-inline-space-sm: 8px;
-
-// Component - Teaser - bTeaser
-$b-teaser-title-inline-space: 8px;
-
-// Component - Teaser - 2xATeaser
-$2xa-teaser-title-inline-space: 8px;
-
-// Component - Teaser - mQTeaser
-$mini-qteaser-title-inline-space-md: 8px;
-$mini-qteaser-title-inline-space-lg: 8px;
-$mini-qteaser-title-inline-space-sm: 8px;
-$mini-qteaser-title-inline-space-xs: 8px;
-
-// Component - Teaser - superATeaser
-$super-ateaser-title-inline-space: 16px;
-
-// Component - Avatar
-// current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande
-$avatar-font-family: Lucida Grande;
-// 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
-$avatar-font-size-sm: 13px;
-// 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
-$avatar-font-size-lg: 15px;
-
-// Component - BreakingNews
-$breaking-news-content-font-size: 21px;
-
-// Component - Accordion
-$accordion-label-font-family: Lucida Grande;
-
-// Component - Footer
-$footer-link-font-family: Gotham XNarrow;
-
-// Component - MediaPlayer
-$video-time-badge-font-family: Lucida Grande;
-
-// Component - InputField
-$input-field-label-font-family: Lucida Grande;
-
-// Component - Button
-$button-label-font-weight-st: 600;
-
-
-// ============================================
-// OTHER
-// ============================================
-
-$brand-name: Advertorial;
-

package/dist/scss/brands/bild/overrides/brandcolormapping.scss

@@ -1,162 +0,0 @@
-//
-// Do not edit directly, this file was auto-generated.
-// 
-// BILD Design System Tokens v1.0.60
-// Generated by Style Dictionary v4.0.0
-// 
-// Copyright (c) 2024 Axel Springer Deutschland GmbH
-// Proprietary and confidential. All rights reserved.
-// 
-// Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
-//
-
-// ============================================
-// GLOBAL
-// ============================================
-
-// Global - Core
-// Bild: 046; SpoBi: 016 current css calls this variable main tenant color
-$core-color-primary: #DD0000;
-// Bild&SpoBi Tone 100
-$core-color-secondary: #FFFFFF;
-// Bild: 015 ; SpoBi: 010
-$core-color-secondary-dark: #232629;
-// Bild: 015 ; SpoBi: 010
-$core-color-tertiary: #232629;
-// Bild&SpoBi: 100
-$core-color-tertiary-dark: #FFFFFF;
-
-// Global - Attention
-// Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
-$accent-color-primary: #DD0000;
-// Bild: 100 ; SpoBi: 098
-$accent-color-primary-dark: #FFFFFF;
-
-// Global - Surface
-// Bild: 100 ; SpoBi: 100
-$surface-color-primary: #FFFFFF;
-// Bild: 015 ; SpoBi: 010
-$surface-color-primary-dark: #232629;
-// Bild: 096 ; SpoBi: 098
-$surface-color-secondary: #F2F4F5;
-// Bild: 020 ; SpoBi: 016
-$surface-color-secondary-dark: #2C3138;
-// Bild: 093 ; SpoBi: 081
-$surface-color-tertiary: #E9ECEF;
-// Bild: 025 ; SpoBi: 029
-$surface-color-tertiary-dark: #343C41;
-// Bild: 085 ; SpoBi: 085
-$surface-color-quartenary: #CED4DA;
-// Bild: 035 ; SpoBi: 035
-$surface-color-quartenary-dark: #4B525A;
-
-// Global - State
-// Bild: 046 ; SpoBi: 029
-$color-primary-active: #DD0000;
-// Bild: 046 ; SpoBi: 098
-$color-primary-active-dark: #DD0000;
-
-// Global - Text
-// Bild & SpoBi: Tone 015
-$text-color-primary: #232629;
-// Bild & SpoBi: Tone 093
-$text-color-primary-dark: #E9ECEF;
-// Bild: 015 ; SpoBi: 016
-$headline-color-primary: #232629;
-// Bild&SpoBi: Tone 100
-$headline-color-primary-dark: #FFFFFF;
-// This variable is used on kicker texts that are on top of a color that is different from the outer color of the overall user interface. Bild & SpoBi: Tone 100
-$kicker-text-color-on-bg: #FFFFFF;
-// This variable is used for the color of kicker texts that are not no top of a different color of the overall user interface. Bild: 046 ; SpoBi: 060
-$kicker-text-color-on-surface: #DD0000;
-// Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060.
-$kicker-text-color-on-surface-dark: #8C9196;
-// Bild & SpoBi: Tone 060
-$text-color-secondary: #8C9196;
-// Bild & SpoBi: Tone 060
-$text-color-secondary-dark: #8C9196;
-// Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029
-$kicker-bg-color-on-surface: #DD0000;
-// Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060
-$kicker-bg-color-on-surface-dark: #8C9196;
-
-
-// ============================================
-// COMPONENT
-// ============================================
-
-// Component - Button - PrimaryNeutral
-// Bild & SpoBi: Tone 015
-$button-primary-neutral-bg-color-idle: #232629;
-// Bild & SpoBi: Tone 035
-$button-primary-neutral-bg-color-hover: #4B525A;
-// Bild & SpoBi: Tone 100
-$button-primary-neutral-bg-color-idle-dark: #FFFFFF;
-// Bild: 093 ; SpoBi: 081
-$button-primary-neutral-bg-color-hover-dark: #E9ECEF;
-
-// Component - Button - PrimaryBrand
-// Bild: 046 ; SpoBi: 029
-$button-primary-brand-bg-color-idle: #DD0000;
-// This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
-$button-primary-brand-bg-color-idle-dark: #DD0000;
-// Bild: 035 ; SpoBi: 016
-$button-primary-brand-bg-color-hover: #AF0002;
-// This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
-$button-primary-brand-bg-color-hover-dark: #AF0002;
-
-// Component - BreakingNews
-// This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
-$breaking-news-text-content-color: #FFFFFF;
-// This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
-$breaking-news-surface-color: #232629;
-// This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
-$breaking-news-title-surface-color: #FD8227;
-// This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081
-$breaking-news-top-title-text-color: #1C1C1C;
-// This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081
-$breaking-news-surface-color-dark: #E9ECEF;
-// This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
-$breaking-news-text-content-color-dark: #232629;
-// This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100
-$breaking-news-bottom-title-text-color: #1C1C1C;
-
-// Component - Teaser
-$teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
-$teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
-
-// Component - Menu
-// This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
-$menu-link-lane-surface-color: #FFFFFF;
-// This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component.
-$menu-link-lane-label-color: #4B525A;
-$menu-link-lane-label-color-dark: #8C9196;
-// This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode.
-$menu-link-lane-surface-color-dark: #232629;
-$menu-link-color-border-active: #DD0000;
-$menu-link-color-border-active-dark: #FFFFFF;
-// This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
-$menu-link-lane-label-color-active: #232629;
-$app-top-bar-surface-color: #FFFFFF;
-$app-top-bar-bg-color-dark: #343C41;
-$app-bottom-tab-bar-bg-color: #FFFFFF;
-$app-bottom-tab-bar-bg-dark: #343C41;
-$app-top-bar-icon-color: #4B525A;
-$app-top-bar-icon-color-dark: #8C9196;
-$app-top-bar-text-color: #232629;
-$app-top-bar-text-color-dark: #E9ECEF;
-$app-tob-bar-tab-nav-bottom-border: #E9ECEF;
-$app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
-$app-tob-bar-tab-nav-bottom-border-active: #DD0000;
-$app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
-
-// Component - Avatar
-// 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
-$avatar-label-color-light: #232629;
-// 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
-$avatar-label-color-dark: #FFFFFF;
-// This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
-$avatar-label-color-hover: #DD0000;
-
-$chip-color-active: #DD0000;
-