@marioschmidt/design-system-tokens 1.0.9

package/dist/js/mapping/brand-bild.js

@@ -0,0 +1,277 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const globalTypographyFontfamilyDisplayfontfamily = "Gotham"; // Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter.
+export const globalTypographyFontfamilyHeadlinefontfamily = "Gotham Condensed"; // Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter.
+export const globalTypographyFontfamilySubheadlinefontfamily =
+  "Gotham Condensed"; // Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter.
+export const globalTypographyFontfamilyKickerfontfamily = "Gotham XNarrow"; // Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter.
+export const globalTypographyFontfamilyTitlefontfamily = "Gotham"; // Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter.
+export const globalTypographyFontfamilyCalloutfontfamily = "Gotham"; // Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter.
+export const globalTypographyFontfamilyBodyfontfamily = "Gotham XNarrow"; // Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter.
+export const globalTypographyFontfamilyFootnotefontfamily = "Gotham XNarrow"; // Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter.
+export const globalTypographyFontfamilyLabelfontfamily = "Gotham XNarrow"; // Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter.
+export const globalTypographyFontfamilyQuotefontfamily = "Gotham"; // Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter.
+export const globalTypographyFontsizeDisplayDisplay1fontsizexs = 40; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeDisplayDisplay1fontsizesm = 40; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeDisplayDisplay1fontsizemd = 72; // Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeDisplayDisplay1fontsizelg = 120; // Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeDisplayDisplay2fontsizexs = 36; // Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeDisplayDisplay2fontsizesm = 36; // Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeDisplayDisplay2fontsizemd = 42; // Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeDisplayDisplay2fontsizelg = 64; // Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeDisplayDisplay3fontsizexs = 28; // Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeDisplayDisplay3fontsizesm = 28; // Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeDisplayDisplay3fontsizemd = 32; // Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeDisplayDisplay3fontsizelg = 40; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeHeadlineHeadlinetextalign = "center"; // This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg
+export const globalTypographyFontsizeHeadlineHeadline1fontsizexs = 48; // Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline1fontsizesm = 48; // Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline1fontsizemd = 72; // Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeHeadlineHeadline1fontsizelg = 100; // Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeHeadlineHeadline2fontsizexs = 40; // Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline2fontsizesm = 40; // Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline2fontsizemd = 48; // Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeHeadlineHeadline2fontsizelg = 64; // Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeHeadlineHeadline3fontsizexs = 28; // Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline3fontsizesm = 28; // Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline3fontsizemd = 36; // Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeHeadlineHeadline3fontsizelg = 40; // Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeHeadlineHeadline4fontsizexs = 22; // Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline4fontsizesm = 22; // Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeHeadlineHeadline4fontsizemd = 26; // Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeHeadlineHeadline4fontsizelg = 32; // Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeSubheadlineSubheadline1fontsizexs = 24; // Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeSubheadlineSubheadline1fontsizesm = 24; // Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
+export const globalTypographyFontsizeSubheadlineSubheadline1fontsizemd = 32; // Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
+export const globalTypographyFontsizeSubheadlineSubheadline1fontsizelg = 36; // Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
+export const globalTypographyFontsizeKickerKicker1fontsizexs = 18; // 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
+export const globalTypographyFontsizeKickerKicker1fontsizesm = 18; // 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
+export const globalTypographyFontsizeKickerKicker1fontsizemd = 22; // 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
+export const globalTypographyFontsizeKickerKicker1fontsizelg = 30; // 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
+export const globalTypographyFontsizeKickerKicker2fontsizexs = 18; // 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
+export const globalTypographyFontsizeKickerKicker2fontsizesm = 18; // 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
+export const globalTypographyFontsizeKickerKicker2fontsizemd = 22; // 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
+export const globalTypographyFontsizeKickerKicker2fontsizelg = 24; // 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
+export const globalTypographyFontsizeKickerKicker3fontsizexs = 16; // 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
+export const globalTypographyFontsizeKickerKicker3fontsizesm = 16; // 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
+export const globalTypographyFontsizeKickerKicker3fontsizemd = 18; // 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
+export const globalTypographyFontsizeKickerKicker3fontsizelg = 20; // 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
+export const globalTypographyFontsizeKickerKicker4fontsizexs = 14; // 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
+export const globalTypographyFontsizeKickerKicker4fontsizesm = 14; // 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
+export const globalTypographyFontsizeKickerKicker4fontsizemd = 16; // 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
+export const globalTypographyFontsizeKickerKicker4fontsizelg = 16; // 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
+export const globalTypographyFontsizeTitleTitle1fontsizexs = 22; // Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
+export const globalTypographyFontsizeTitleTitle1fontsizesm = 22; // Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
+export const globalTypographyFontsizeTitleTitle1fontsizemd = 22; // Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
+export const globalTypographyFontsizeTitleTitle1fontsizelg = 28; // Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
+export const globalTypographyFontsizeTitleTitle2fontsizexs = 16; // Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
+export const globalTypographyFontsizeTitleTitle2fontsizesm = 16; // Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
+export const globalTypographyFontsizeTitleTitle2fontsizemd = 18; // Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
+export const globalTypographyFontsizeTitleTitle2fontsizelg = 20; // Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
+export const globalTypographyFontsizeCalloutCallout1fontsizexs = 18; // 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:
+export const globalTypographyFontsizeCalloutCallout1fontsizesm = 18; // 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:
+export const globalTypographyFontsizeCalloutCallout1fontsizemd = 22; // 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:
+export const globalTypographyFontsizeCalloutCallout1fontsizelg = 22; // 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:
+export const globalTypographyFontsizeBodyBodyfontsizexs = 21; // 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
+export const globalTypographyFontsizeBodyBodyfontsizesm = 21; // 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
+export const globalTypographyFontsizeBodyBodyfontsizemd = 21; // 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
+export const globalTypographyFontsizeBodyBodyfontsizelg = 21; // 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
+export const globalTypographyFontsizeFootnoteFootnote1fontsizexs = 16; // --footnote-font-size-sm
+export const globalTypographyFontsizeFootnoteFootnote1fontsizesm = 16; // --footnote-font-size-sm
+export const globalTypographyFontsizeFootnoteFootnote1fontsizemd = 16;
+export const globalTypographyFontsizeFootnoteFootnote1fontsizelg = 18; // --footnote-font-size-lg
+export const globalTypographyFontsizeFootnoteFootnote2fontsizexs = 12;
+export const globalTypographyFontsizeFootnoteFootnote2fontsizesm = 12;
+export const globalTypographyFontsizeFootnoteFootnote2fontsizemd = 12;
+export const globalTypographyFontsizeFootnoteFootnote2fontsizelg = 16;
+export const globalTypographyFontsizeLabelLabel1fontsize = 17;
+export const globalTypographyFontsizeLabelLabel1respfontsizexs = 10;
+export const globalTypographyFontsizeLabelLabel1respfontsizesm = 10;
+export const globalTypographyFontsizeLabelLabel1respfontsizemd = 15;
+export const globalTypographyFontsizeLabelLabel1respfontsizelg = 17;
+export const globalTypographyFontsizeLabelLabel2fontsize = 15;
+export const globalTypographyFontsizeLabelLabel3fontsize = 12;
+export const globalTypographyFontsizeLabelLabel4fontsize = 8;
+export const globalTypographyFontsizeQuoteQuotefontsizexs = 16;
+export const globalTypographyFontsizeQuoteQuotefontsizesm = 16;
+export const globalTypographyFontsizeQuoteQuotefontsizemd = 18;
+export const globalTypographyFontsizeQuoteQuotefontsizelg = 20;
+export const globalTypographyLineheightDisplayDisplay1lineheightxs = 40;
+export const globalTypographyLineheightDisplayDisplay1lineheightsm = 40;
+export const globalTypographyLineheightDisplayDisplay1lineheightmd = 72;
+export const globalTypographyLineheightDisplayDisplay1lineheightlg = 120;
+export const globalTypographyLineheightDisplayDisplay2lineheightxs = 36;
+export const globalTypographyLineheightDisplayDisplay2lineheightsm = 36;
+export const globalTypographyLineheightDisplayDisplay2lineheightmd = 42;
+export const globalTypographyLineheightDisplayDisplay2lineheightlg = 64;
+export const globalTypographyLineheightDisplayDisplay3lineheightxs = 28;
+export const globalTypographyLineheightDisplayDisplay3lineheightsm = 28;
+export const globalTypographyLineheightDisplayDisplay3lineheightmd = 32;
+export const globalTypographyLineheightDisplayDisplay3lineheightlg = 40;
+export const globalTypographyLineheightHeadlineHeadline1lineheightxs = 48;
+export const globalTypographyLineheightHeadlineHeadline1lineheightsm = 48;
+export const globalTypographyLineheightHeadlineHeadline1lineheightmd = 72;
+export const globalTypographyLineheightHeadlineHeadline1lineheightlg = 100;
+export const globalTypographyLineheightHeadlineHeadline2lineheightxs = 40;
+export const globalTypographyLineheightHeadlineHeadline2lineheightsm = 40;
+export const globalTypographyLineheightHeadlineHeadline2lineheightmd = 48;
+export const globalTypographyLineheightHeadlineHeadline2lineheightlg = 64;
+export const globalTypographyLineheightHeadlineHeadline3lineheightxs = 28;
+export const globalTypographyLineheightHeadlineHeadline3lineheightsm = 28;
+export const globalTypographyLineheightHeadlineHeadline3lineheightmd = 36;
+export const globalTypographyLineheightHeadlineHeadline3lineheightlg = 40;
+export const globalTypographyLineheightHeadlineHeadline4lineheightxs = 22;
+export const globalTypographyLineheightHeadlineHeadline4lineheightsm = 22;
+export const globalTypographyLineheightHeadlineHeadline4lineheightmd = 22;
+export const globalTypographyLineheightHeadlineHeadline4lineheightlg = 30;
+export const globalTypographyLineheightSubheadlineSubheadline1lineheightxs = 24;
+export const globalTypographyLineheightSubheadlineSubheadline1lineheightsm = 24;
+export const globalTypographyLineheightSubheadlineSubheadline1lineheightmd = 32;
+export const globalTypographyLineheightSubheadlineSubheadline1lineheightlg = 36;
+export const globalTypographyLineheightKickerKicker1lineheightxs = 19.8;
+export const globalTypographyLineheightKickerKicker1lineheightsm = 19.8;
+export const globalTypographyLineheightKickerKicker1lineheightmd = 22;
+export const globalTypographyLineheightKickerKicker1lineheightlg = 30;
+export const globalTypographyLineheightKickerKicker2lineheightxs = 19.8;
+export const globalTypographyLineheightKickerKicker2lineheightsm = 19.8;
+export const globalTypographyLineheightKickerKicker2lineheightmd = 22;
+export const globalTypographyLineheightKickerKicker2lineheightlg = 24;
+export const globalTypographyLineheightKickerKicker3lineheightxs = 17.6;
+export const globalTypographyLineheightKickerKicker3lineheightsm = 17.6;
+export const globalTypographyLineheightKickerKicker3lineheightmd = 18;
+export const globalTypographyLineheightKickerKicker3lineheightlg = 20;
+export const globalTypographyLineheightKickerKicker4lineheightxs = 15.4;
+export const globalTypographyLineheightKickerKicker4lineheightsm = 15.4;
+export const globalTypographyLineheightKickerKicker4lineheightmd = 17.6;
+export const globalTypographyLineheightKickerKicker4lineheightlg = 16;
+export const globalTypographyLineheightTitleTitle1lineheightxs = 22;
+export const globalTypographyLineheightTitleTitle1lineheightsm = 22;
+export const globalTypographyLineheightTitleTitle1lineheightmd = 22;
+export const globalTypographyLineheightTitleTitle1lineheightlg = 28;
+export const globalTypographyLineheightTitleTitle2lineheightxs = 17.6;
+export const globalTypographyLineheightTitleTitle2lineheightsm = 17.6;
+export const globalTypographyLineheightTitleTitle2lineheightmd = 19.8;
+export const globalTypographyLineheightTitleTitle2lineheightlg = 22;
+export const globalTypographyLineheightCalloutCallout1lineheightxs = 18;
+export const globalTypographyLineheightCalloutCallout1lineheightsm = 18;
+export const globalTypographyLineheightCalloutCallout1lineheightmd = 22;
+export const globalTypographyLineheightCalloutCallout1lineheightlg = 22;
+export const globalTypographyLineheightBodyBodylineheightxs = 28;
+export const globalTypographyLineheightBodyBodylineheightsm = 28;
+export const globalTypographyLineheightBodyBodylineheightmd = 28;
+export const globalTypographyLineheightBodyBodylineheightlg = 32;
+export const globalTypographyLineheightFootnoteFootnote1lineheightxs = 21;
+export const globalTypographyLineheightFootnoteFootnote1lineheightsm = 21;
+export const globalTypographyLineheightFootnoteFootnote1lineheightmd = 21;
+export const globalTypographyLineheightFootnoteFootnote1lineheightlg = 23;
+export const globalTypographyLineheightFootnoteFootnote2lineheightxs = 15.6;
+export const globalTypographyLineheightFootnoteFootnote2lineheightsm = 15.6;
+export const globalTypographyLineheightFootnoteFootnote2lineheightmd = 15.8;
+export const globalTypographyLineheightFootnoteFootnote2lineheightlg = 21;
+export const globalTypographyLineheightLabelLabel1lineheight = 17; // Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel1resplineheightxs = 10; // Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel1resplineheightsm = 10; // Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel1resplineheightmd = 15; // Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel1resplineheightlg = 17; // Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel2lineheight = 16; // Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel3lineheight = 14.4; // Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
+export const globalTypographyLineheightLabelLabel4lineheight = 10; // Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
+export const globalTypographyLineheightQuoteQuotelineheightxs = 16;
+export const globalTypographyLineheightQuoteQuotelineheightsm = 16;
+export const globalTypographyLineheightQuoteQuotelineheightmd = 18;
+export const globalTypographyLineheightQuoteQuotelineheightlg = 22;
+export const globalTypographyFontweightDisplayDisplayfontweight = 800;
+export const globalTypographyFontweightHeadlineHeadline1fontweight = 700;
+export const globalTypographyFontweightHeadlineHeadline1fontweightst = "700";
+export const globalTypographyFontweightHeadlineHeadline2fontweight = 700;
+export const globalTypographyFontweightHeadlineHeadline2fontweightst = "700";
+export const globalTypographyFontweightHeadlineHeadline3fontweight = 700;
+export const globalTypographyFontweightHeadlineHeadline3fontweightst = "700";
+export const globalTypographyFontweightHeadlineHeadline4fontweight = 600;
+export const globalTypographyFontweightHeadlineHeadline4fontweightst = "600";
+export const globalTypographyFontweightSubheadlineSubheadlinefontweight = 700;
+export const globalTypographyFontweightKickerKickerfontweight = 700;
+export const globalTypographyFontweightKickerKickerfontweightst = "700";
+export const globalTypographyFontweightTitleTitlefontweight = 800;
+export const globalTypographyFontweightCalloutCalloutfontweight = 800;
+export const globalTypographyFontweightBodyBodyfontweightbook = 400;
+export const globalTypographyFontweightBodyBodyfontweightbold = 700;
+export const globalTypographyFontweightFootnoteFootnotefontweightbook = 400;
+export const globalTypographyFontweightFootnoteFootnotefontweightbold = 700;
+export const globalTypographyFontweightLabelLabelfontweightbook = 400;
+export const globalTypographyFontweightLabelLabelfontweightbold = 700;
+export const globalTypographyFontweightQuoteQuotefontweight = 800;
+export const globalVisibiltyHideonbild = false;
+export const globalVisibiltyHideonsportbild = true;
+export const globalVisibiltyHideonadvertorial = true;
+export const globalVisibiltyOnlybild = true;
+export const globalVisibiltyOnlysportbild = false;
+export const globalVisibiltyOnlyadvertorial = false;
+export const componentButtonlabelfontweightst = "600";
+export const componentAccordionAccordionlabelfontfamily = "Gotham XNarrow";
+export const componentArticleFontsizeArticleimagecaptionfontsizexs = 16; // --article-figure-caption-font-size-sm
+export const componentArticleFontsizeArticleimagecaptionfontsizesm = 16; // --article-figure-caption-font-size-sm
+export const componentArticleFontsizeArticleimagecaptionfontsizemd = 18; // --article-figure-caption-font-size-md
+export const componentArticleFontsizeArticleimagecaptionfontsizelg = 18; // --article-figure-caption-font-size-lg
+export const componentArticleFontsizeArticleimagesourcefontsizexs = 16; // --article-figure-meta-font-size-sm
+export const componentArticleFontsizeArticleimagesourcefontsizesm = 16; // --article-figure-meta-font-size-sm
+export const componentArticleFontsizeArticleimagesourcefontsizemd = 16; // --article-figure-meta-font-size-sm
+export const componentArticleFontsizeArticleimagesourcefontsizelg = 18; // --article-figure-meta-font-size-lg
+export const componentArticleLineheightArticleimagecaptionlineheightxs = 19.5; // --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
+export const componentArticleLineheightArticleimagecaptionlineheightsm = 19.5; // --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
+export const componentArticleLineheightArticleimagecaptionlineheightmd = 24.75; // --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
+export const componentArticleLineheightArticleimagecaptionlineheightlg = 24.75; // --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
+export const componentArticleLineheightArticleimagesourcelineheightxs = 21; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+export const componentArticleLineheightArticleimagesourcelineheightsm = 21; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+export const componentArticleLineheightArticleimagesourcelineheightmd = 21; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+export const componentArticleLineheightArticleimagesourcelineheightlg = 23; // --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
+export const componentAvatarAvatarfontfamily = "Gotham XNarrow"; // current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande
+export const componentAvatarAvatarfontsizesm = 16; // 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
+export const componentAvatarAvatarfontsizelg = 18; // 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
+export const componentBreadcrumbFontfamilyBreadcrumbfontfamily =
+  "Gotham XNarrow"; // --breadcrumb-font
+export const componentBreadcrumbFontweightBreadcrumbfontweight = 700; // --breadcrumb-font-size-sm
+export const componentBreadcrumbFontsizeBreadcrumbfontsizexs = 15; // --breadcrumb-font-size-sm
+export const componentBreadcrumbFontsizeBreadcrumbfontsizesm = 15; // --breadcrumb-font-size-sm
+export const componentBreadcrumbFontsizeBreadcrumbfontsizemd = 15; // --breadcrumb-font-size-sm
+export const componentBreadcrumbFontsizeBreadcrumbfontsizelg = 12; // --breadcrumb-font-size-lg
+export const componentBreadcrumbLineheightBreadcrumblineheightxs = 15; // not defined as variable
+export const componentBreadcrumbLineheightBreadcrumblineheightsm = 15; // not defined as variable
+export const componentBreadcrumbLineheightBreadcrumblineheightmd = 15; // not defined as variable
+export const componentBreadcrumbLineheightBreadcrumblineheightlg = 12; // not defined as variable
+export const componentBreakingnewsBreakingnewscontentfontsize = 21;
+export const componentFooterFooterlinkfontfamily = "Gotham XNarrow";
+export const componentInputfieldInputfieldlabelfontfamily = "Gotham XNarrow";
+export const componentMediaplayerVideotimebadgefontfamily = "Gotham XNarrow";
+export const componentMenuMenuitemfontsize = 15; // --nav-btn-font-size
+export const componentMenuMenuitemfontweight = "700";
+export const componentMenuApptopbartitlefontsizexs = 12; // --caption-1-font-size-sm
+export const componentMenuApptopbartitlefontsizesm = 12; // --caption-1-font-size-sm
+export const componentMenuApptopbartitlefontsizemd = 14; // --caption-1-font-size-md
+export const componentMenuApptopbartitlefontsizelg = 14; // --caption-1-font-size-lg
+export const componentMenuApptopbartitlelineheightxs = 14;
+export const componentMenuApptopbartitlelineheightsm = 14;
+export const componentMenuApptopbartitlelineheightmd = 17;
+export const componentMenuApptopbartitlelineheightlg = 17;
+export const componentTeaserTeasertitleinlinespacexs = 8; // --teaser-title-padding-xs
+export const componentTeaserTeasertitleinlinespacesm = 8; // --teaser-title-padding-sm
+export const componentTeaserTeasertitleinlinespacemd = 12; // --teaser-title-padding-md
+export const componentTeaserTeasertitleinlinespacelg = 12; // --teaser-title-padding-lg
+export const componentTeaserQuadQteasertitleinlinespacexs = 8;
+export const componentTeaserQuadQteasertitleinlinespacesm = 8;
+export const componentTeaserQuadQteasertitleinlinespacemd = 16;
+export const componentTeaserQuadQteasertitleinlinespacelg = 12;
+export const componentTeaserMiniqMiniqteasertitleinlinespacexs = 8;
+export const componentTeaserMiniqMiniqteasertitleinlinespacesm = 8;
+export const componentTeaserMiniqMiniqteasertitleinlinespacemd = 8;
+export const componentTeaserMiniqMiniqteasertitleinlinespacelg = 8;
+export const componentTeaserAteaserAteasertitleinlinespacexs = 8;
+export const componentTeaserAteaserAteasertitleinlinespacesm = 8;
+export const componentTeaserAteaserAteasertitleinlinespacemd = 12;
+export const componentTeaserAteaserAteasertitleinlinespacelg = 12;
+export const componentTeaserSuperaSuperateasertitleinlinespace = 16;
+export const componentTeaser2xateaser2xateasertitleinlinespace = 8;
+export const componentTeaserBteaserBteasertitleinlinespace = 8;
+export const brandname = "BILD";

package/dist/js/mapping/brand-color-bild.js

@@ -0,0 +1,78 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const globalCoreCorecolorprimary = "#de0000"; // Bild: 046; SpoBi: 016 current css calls this variable main tenant color
+export const globalCoreCorecolorsecondary = "#ffffff"; // Bild&SpoBi Tone 100
+export const globalCoreCorecolorsecondarydark = "#242629"; // Bild: 015 ; SpoBi: 010
+export const globalCoreCorecolortertiary = "#242629"; // Bild: 015 ; SpoBi: 010
+export const globalCoreCorecolortertiarydark = "#ffffff"; // Bild&SpoBi: 100
+export const globalAttentionAccentcolorprimary = "#de0000"; // Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
+export const globalAttentionAccentcolorprimarydark = "#ffffff"; // Bild: 100 ; SpoBi: 098
+export const globalSurfaceSurfacecolorprimary = "#ffffff"; // Bild: 100 ; SpoBi: 100
+export const globalSurfaceSurfacecolorprimarydark = "#242629"; // Bild: 015 ; SpoBi: 010
+export const globalSurfaceSurfacecolorsecondary = "#f2f5f5"; // Bild: 096 ; SpoBi: 098
+export const globalSurfaceSurfacecolorsecondarydark = "#2b3038"; // Bild: 020 ; SpoBi: 016
+export const globalSurfaceSurfacecolortertiary = "#e8edf0"; // Bild: 093 ; SpoBi: 081
+export const globalSurfaceSurfacecolortertiarydark = "#333d40"; // Bild: 025 ; SpoBi: 029
+export const globalSurfaceSurfacecolorquartenary = "#cfd4d9"; // Bild: 085 ; SpoBi: 085
+export const globalSurfaceSurfacecolorquartenarydark = "#4a5259"; // Bild: 035 ; SpoBi: 035
+export const globalStateColorprimaryactive = "#de0000"; // Bild: 046 ; SpoBi: 029
+export const globalStateColorprimaryactivedark = "#de0000"; // Bild: 046 ; SpoBi: 098
+export const globalTextTextcolorprimary = "#242629"; // Bild & SpoBi: Tone 015
+export const globalTextTextcolorprimarydark = "#e8edf0"; // Bild & SpoBi: Tone 093
+export const globalTextTextcolorsecondary = "#8c9196"; // Bild & SpoBi: Tone 060
+export const globalTextTextcolorsecondarydark = "#8c9196"; // Bild & SpoBi: Tone 060
+export const globalTextHeadlinecolorprimary = "#242629"; // Bild: 015 ; SpoBi: 016
+export const globalTextHeadlinecolorprimarydark = "#ffffff"; // Bild&SpoBi: Tone 100
+export const globalTextKickertextcoloronbg = "#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
+export const globalTextKickertextcoloronsurface = "#de0000"; // 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
+export const globalTextKickertextcoloronsurfacedark = "#8c9196"; // Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060.
+export const globalTextKickerbgcoloronsurface = "#de0000"; // Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029
+export const globalTextKickerbgcoloronsurfacedark = "#8c9196"; // Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060
+export const componentAvatarAvatarlabelcolor = "#242629"; // 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
+export const componentAvatarAvatarlabelcolordark = "#ffffff"; // 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
+export const componentAvatarAvatarlabelcolorhover = "#de0000"; // This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
+export const componentChipcoloractive = "#de0000";
+export const componentBreakingnewsBreakingnewstoptitletextcolor = "#1c1c1c"; // This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081
+export const componentBreakingnewsBreakingnewsbottomtitletextcolor = "#1c1c1c"; // This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100
+export const componentBreakingnewsBreakingnewstitlesurfacecolor = "#fc8226"; // This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
+export const componentBreakingnewsBreakingnewssurfacecolor = "#242629"; // This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
+export const componentBreakingnewsBreakingnewssurfacecolordark = "#e8edf0"; // This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081
+export const componentBreakingnewsBreakingnewstextcontentcolor = "#ffffff"; // This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
+export const componentBreakingnewsBreakingnewstextcontentcolordark = "#242629"; // This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
+export const componentButtonPrimarybrandButtonprimarybgcoloridle = "#de0000"; // Bild: 046 ; SpoBi: 029
+export const componentButtonPrimarybrandButtonprimarybgcolorhover = "#b00003"; // Bild: 035 ; SpoBi: 016
+export const componentButtonPrimarybrandButtonprimarybgcoloridledark =
+  "#de0000"; // This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
+export const componentButtonPrimarybrandButtonprimarybgcolorhoverdark =
+  "#b00003"; // This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
+export const componentButtonPrimaryneutralButtonprimarybgcoloridle = "#242629"; // Bild & SpoBi: Tone 015
+export const componentButtonPrimaryneutralButtonprimarybgcolorhover = "#4a5259"; // Bild & SpoBi: Tone 035
+export const componentButtonPrimaryneutralButtonprimarybgcoloridledark =
+  "#ffffff"; // Bild & SpoBi: Tone 100
+export const componentButtonPrimaryneutralButtonprimarybgcolorhoverdark =
+  "#e8edf0"; // Bild: 093 ; SpoBi: 081
+export const componentMenuMenulinklanesurfacecolor = "#ffffff"; // This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
+export const componentMenuMenulinklanesurfacecolordark = "#242629"; // 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.
+export const componentMenuMenulinklanelabelcolor = "#4a5259"; // This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component.
+export const componentMenuMenulinklanelabelcoloractive = "#242629"; // This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
+export const componentMenuMenulinklanelabelcolordark = "#8c9196";
+export const componentMenuMenulinkcolorborderactive = "#de0000";
+export const componentMenuMenulinkcolorborderactivedark = "#ffffff";
+export const componentMenuAppbottomtabbarbgcolor = "#ffffff";
+export const componentMenuApptopbarbgcolordark = "#333d40";
+export const componentMenuAppbottomtabbarbgdark = "#333d40";
+export const componentMenuApptopbarsurfacecolor = "#ffffff";
+export const componentMenuApptopbariconcolor = "#4a5259";
+export const componentMenuApptopbariconcolordark = "#8c9196";
+export const componentMenuApptopbartextcolor = "#242629";
+export const componentMenuApptopbartextcolordark = "#e8edf0";
+export const componentMenuApptobbartabnavbottomborder = "#e8edf0";
+export const componentMenuApptobbartabnavbottomborderdark = "#4a5259";
+export const componentMenuApptobbartabnavbottomborderactive = "#de0000";
+export const componentMenuApptobbartabnavbottomborderactivedark = "#ffffff";
+export const componentTeaserTeasertitlebackgroundgradientstart =
+  "rgba(0, 0, 0, 0.7)";
+export const componentTeaserTeasertitlebackgroundgradientstop =
+  "rgba(0, 0, 0, 0)";

package/dist/js/mapping/brand-color-sportbild.js

@@ -0,0 +1,78 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const globalCoreCorecolorprimary = "#0a264f"; // Bild: 046; SpoBi: 016 current css calls this variable main tenant color
+export const globalCoreCorecolorsecondary = "#ffffff"; // Bild&SpoBi Tone 100
+export const globalCoreCorecolorsecondarydark = "#081729"; // Bild: 015 ; SpoBi: 010
+export const globalCoreCorecolortertiary = "#081729"; // Bild: 015 ; SpoBi: 010
+export const globalCoreCorecolortertiarydark = "#ffffff"; // Bild&SpoBi: 100
+export const globalAttentionAccentcolorprimary = "#174582"; // Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
+export const globalAttentionAccentcolorprimarydark = "#f7fafc"; // Bild: 100 ; SpoBi: 098
+export const globalSurfaceSurfacecolorprimary = "#ffffff"; // Bild: 100 ; SpoBi: 100
+export const globalSurfaceSurfacecolorprimarydark = "#081729"; // Bild: 015 ; SpoBi: 010
+export const globalSurfaceSurfacecolorsecondary = "#f7fafc"; // Bild: 096 ; SpoBi: 098
+export const globalSurfaceSurfacecolorsecondarydark = "#0a264f"; // Bild: 020 ; SpoBi: 016
+export const globalSurfaceSurfacecolortertiary = "#bdc9db"; // Bild: 093 ; SpoBi: 081
+export const globalSurfaceSurfacecolortertiarydark = "#174582"; // Bild: 025 ; SpoBi: 029
+export const globalSurfaceSurfacecolorquartenary = "#cfd4d9"; // Bild: 085 ; SpoBi: 085
+export const globalSurfaceSurfacecolorquartenarydark = "#4a5259"; // Bild: 035 ; SpoBi: 035
+export const globalStateColorprimaryactive = "#174582"; // Bild: 046 ; SpoBi: 029
+export const globalStateColorprimaryactivedark = "#f7fafc"; // Bild: 046 ; SpoBi: 098
+export const globalTextTextcolorprimary = "#242629"; // Bild & SpoBi: Tone 015
+export const globalTextTextcolorprimarydark = "#e8edf0"; // Bild & SpoBi: Tone 093
+export const globalTextTextcolorsecondary = "#8c9196"; // Bild & SpoBi: Tone 060
+export const globalTextTextcolorsecondarydark = "#8c9196"; // Bild & SpoBi: Tone 060
+export const globalTextHeadlinecolorprimary = "#0a264f"; // Bild: 015 ; SpoBi: 016
+export const globalTextHeadlinecolorprimarydark = "#ffffff"; // Bild&SpoBi: Tone 100
+export const globalTextKickertextcoloronbg = "#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
+export const globalTextKickertextcoloronsurface = "#8c9196"; // 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
+export const globalTextKickertextcoloronsurfacedark = "#8c9196"; // Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060.
+export const globalTextKickerbgcoloronsurface = "#174582"; // Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029
+export const globalTextKickerbgcoloronsurfacedark = "#8c9196"; // Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060
+export const componentAvatarAvatarlabelcolor = "#666b70"; // 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
+export const componentAvatarAvatarlabelcolordark = "#e8edf0"; // 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
+export const componentAvatarAvatarlabelcolorhover = "#174582"; // This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
+export const componentChipcoloractive = "#174582";
+export const componentBreakingnewsBreakingnewstoptitletextcolor = "#ffbf00"; // This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081
+export const componentBreakingnewsBreakingnewsbottomtitletextcolor = "#ffffff"; // This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100
+export const componentBreakingnewsBreakingnewstitlesurfacecolor = "#0a264f"; // This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
+export const componentBreakingnewsBreakingnewssurfacecolor = "#ffbf00"; // This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
+export const componentBreakingnewsBreakingnewssurfacecolordark = "#ffbf00"; // This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081
+export const componentBreakingnewsBreakingnewstextcontentcolor = "#242629"; // This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
+export const componentBreakingnewsBreakingnewstextcontentcolordark = "#242629"; // This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
+export const componentButtonPrimarybrandButtonprimarybgcoloridle = "#174582"; // Bild: 046 ; SpoBi: 029
+export const componentButtonPrimarybrandButtonprimarybgcolorhover = "#0a264f"; // Bild: 035 ; SpoBi: 016
+export const componentButtonPrimarybrandButtonprimarybgcoloridledark =
+  "#305999"; // This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
+export const componentButtonPrimarybrandButtonprimarybgcolorhoverdark =
+  "#174582"; // This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
+export const componentButtonPrimaryneutralButtonprimarybgcoloridle = "#242629"; // Bild & SpoBi: Tone 015
+export const componentButtonPrimaryneutralButtonprimarybgcolorhover = "#4a5259"; // Bild & SpoBi: Tone 035
+export const componentButtonPrimaryneutralButtonprimarybgcoloridledark =
+  "#ffffff"; // Bild & SpoBi: Tone 100
+export const componentButtonPrimaryneutralButtonprimarybgcolorhoverdark =
+  "#bdc9db"; // Bild: 093 ; SpoBi: 081
+export const componentMenuMenulinklanesurfacecolor = "#0a264f"; // This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
+export const componentMenuMenulinklanesurfacecolordark = "#0a264f"; // 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.
+export const componentMenuMenulinklanelabelcolor = "#cfd4d9"; // This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component.
+export const componentMenuMenulinklanelabelcoloractive = "#ffffff"; // This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
+export const componentMenuMenulinklanelabelcolordark = "#adb5ba";
+export const componentMenuMenulinkcolorborderactive = "#0a264f";
+export const componentMenuMenulinkcolorborderactivedark = "#f7fafc";
+export const componentMenuAppbottomtabbarbgcolor = "#ffffff";
+export const componentMenuApptopbarbgcolordark = "#0a264f";
+export const componentMenuAppbottomtabbarbgdark = "#0a264f";
+export const componentMenuApptopbarsurfacecolor = "#0a264f";
+export const componentMenuApptopbariconcolor = "#8c9196";
+export const componentMenuApptopbariconcolordark = "#8c9196";
+export const componentMenuApptopbartextcolor = "#e8edf0";
+export const componentMenuApptopbartextcolordark = "#e8edf0";
+export const componentMenuApptobbartabnavbottomborder = "#174582";
+export const componentMenuApptobbartabnavbottomborderdark = "#174582";
+export const componentMenuApptobbartabnavbottomborderactive = "#cfd4d9";
+export const componentMenuApptobbartabnavbottomborderactivedark = "#ffffff";
+export const componentTeaserTeasertitlebackgroundgradientstart =
+  "rgba(10, 38, 79, 0.7)";
+export const componentTeaserTeasertitlebackgroundgradientstop =
+  "rgba(10, 38, 79, 0)";