@marioschmidt/design-system-tokens 1.0.20 → 1.0.21

package/dist/js/brands/advertorial/semantic/typography/typography-md.js

@@ -1,1135 +1,459 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * typography-md.js
+ * Generiert am: 2025-11-24T20:34:58.786Z
+ * Nicht manuell bearbeiten!
  */
 
-export const DisplayDisplay1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "70px",
-  lineHeight: "72px",
-  letterSpacing: "-1px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const DisplayDisplay2 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "41px",
-  lineHeight: "42px",
-  letterSpacing: "-1px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const DisplayDisplay3 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "31px",
-  lineHeight: "32px",
-  letterSpacing: "-1px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const HeadlineHeadline1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "54px",
-  lineHeight: "56.70000076293945px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const HeadlineHeadline2 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "36px",
-  lineHeight: "39.599998474121094px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const HeadlineHeadline3 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "26px",
-  lineHeight: "28.600000381469727px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const HeadlineHeadline4 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "20px",
-  lineHeight: "20px",
-  letterSpacing: "0px",
-  fontStyle: "600",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SubheadlineSubheadline1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "18px",
-  lineHeight: "23.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const KickerKicker1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "18px",
-  lineHeight: "19.799999237060547px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const KickerKicker2 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "18px",
-  lineHeight: "19.799999237060547px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const KickerKicker3 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "14px",
-  lineHeight: "15.399999618530273px",
-  letterSpacing: null,
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const KickerKicker4 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "14px",
-  lineHeight: "15.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const TitleTitle1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "22px",
-  lineHeight: "26.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const TitleTitle1uppercase = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "22px",
-  lineHeight: "26.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const TitleTitle2 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "16px",
-  lineHeight: "19.200000762939453px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const TitleTitle2uppercase = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "16px",
-  lineHeight: "19.200000762939453px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const CalloutCallout = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "22px",
-  lineHeight: "28.600000381469727px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const BodyBody = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-  paragraphSpacing: "32px",
-};
-export const BodyBodyitalic = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const BodyBodybold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const BodyBodybolditalic = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const TextlinkTextlink = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const TextlinkTextlinkitalic = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const TextlinkTextlinkbold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const TextlinkTextlinkhover = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const TextlinkTextlinkboldhover = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: "29.75px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const FootnoteFootnote1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "13px",
-  lineHeight: "16.899999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const FootnoteFootnote1bold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "13px",
-  lineHeight: "16.899999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const FootnoteFootnote2 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "10px",
-  lineHeight: "13px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const FootnoteFootnote2bold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "10px",
-  lineHeight: "13px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel1 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "17px",
-  lineHeight: "20.399999618530273px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel1bold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: "20.399999618530273px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel1boldresp = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel1uppercasebold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: "20.399999618530273px",
-  letterSpacing: "0.5px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const LabelLabel2 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "15px",
-  lineHeight: "16px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel2uppercase = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "15px",
-  lineHeight: "16px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const LabelLabel2bold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "15px",
-  lineHeight: "16px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel2uppercasebold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "15px",
-  lineHeight: "16px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const LabelLabel3 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "12px",
-  lineHeight: "14.399999618530273px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel3uppercase = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "12px",
-  lineHeight: "14.399999618530273px",
-  letterSpacing: "0.5px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const LabelLabel3bold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "12px",
-  lineHeight: "14.399999618530273px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LabelLabel3uppercasebold = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "12px",
-  lineHeight: "14.399999618530273px",
-  letterSpacing: "0.5px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const LabelLabel4 = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "8px",
-  lineHeight: "10px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const QuoteQuote = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "16px",
-  lineHeight: "20.799999237060547px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AccordionAccordionlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: null,
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ArticleArticlekicker = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "18px",
-  lineHeight: "19.799999237060547px",
-  letterSpacing: null,
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ArticleArticleimagecaption = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "13px",
-  lineHeight: "19.5px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ArticleArticleheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "54px",
-  lineHeight: "54px",
-  letterSpacing: null,
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ArticleArticlemetasource = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "13px",
-  lineHeight: "19px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ArticleArticletimestamp = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "14px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AudioplayerAudioplayerlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "16px",
-  lineHeight: "16px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AvatarAppavatar = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "14px",
-  lineHeight: null,
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const AvatarAvatardefault = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "13px",
-  lineHeight: "21px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AvatarAvatarhover = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "13px",
-  lineHeight: "21px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const AvatarAvatarsecondaryinfo = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "13px",
-  lineHeight: "21px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AvatarAvatarsecondaryinfohover = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "13px",
-  lineHeight: "21px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const BadgesVideoadbadge = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 400,
-  fontSize: "16px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const BadgesVideotimebadge = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "18px",
-  lineHeight: "23.799999237060547px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const BreadcrumbBreadcrumb = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const BreadcrumbBreadcrumblink = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const BreadcrumbBreadcrumblinkhover = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const BreakingnewsBreakingnewstext = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "21px",
-  lineHeight: "24px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const BreakingnewsBreakingnewsuppertitle = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "17px",
-  lineHeight: "12px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const BreakingnewsBreakingnewslowertitle = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "30px",
-  lineHeight: "21px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ButtonButtonlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0.5px",
-  fontStyle: "600",
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const ButtonPartnerlinkbuttonlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "16px",
-  lineHeight: "16px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ChipsChipslabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "16px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const FooterFootercardlink = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 400,
-  fontSize: "15px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const FooterFooterlinkseparator = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 400,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const FooterFooterlinks = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 700,
-  fontSize: "11px",
-  lineHeight: "14px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const FooterFooterlinkuserOfferpages = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 400,
-  fontSize: "18px",
-  lineHeight: "26px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const InputfieldTextinputfieldlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "16px",
-  lineHeight: "16px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LivetickerLivetickerheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 600,
-  fontSize: "32px",
-  lineHeight: "32px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const LivetickerLivetickertimestamp = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 700,
-  fontSize: "16px",
-  lineHeight: "16px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const MediaplayersPodcastplayerlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "16px",
-  lineHeight: "16px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const MediaplayersVideoadtime = {
-  fontFamily: "Gotham",
-  fontWeight: 800,
-  fontSize: "16px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const MediaplayersVideoplayertime = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "16px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const MenuApptopbarstagetitle = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "14px",
-  lineHeight: "17px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const MenuApptopbartabstitle = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "14px",
-  lineHeight: "17px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const MenuMenuitemlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const MenuMenuitemutillabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "12px",
-  lineHeight: "12px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const NewstickerNewstickertimestamp = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "16px",
-  lineHeight: "20.799999237060547px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const NewstickerNewstickerkicker = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "14px",
-  lineHeight: "15.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const NewstickerNewstickerheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "26px",
-  lineHeight: "28.600000381469727px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const PaginationNumberedpaginationactive = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "17px",
-  lineHeight: "20.399999618530273px",
-  letterSpacing: "0.25px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const PaywallPaywallcardpricetag = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "64px",
-  lineHeight: "64px",
-  letterSpacing: "-1px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const PaywallPaywallcardnote = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "40px",
-  lineHeight: "40px",
-  letterSpacing: "-1px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SpecialnaviSpecianaviitemlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "15px",
-  lineHeight: "15px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const TabsTablabel = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 700,
-  fontSize: "16px",
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const TabsAppbottombarlabeldefault = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 400,
-  fontSize: "16px",
-  lineHeight: "23.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const TabsAppbottombarlabelactive = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: "16px",
-  lineHeight: "23.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AteaserAteaserkicker = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "18px",
-  lineHeight: "18px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const AteaserAteaserheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "36px",
-  lineHeight: "39.599998474121094px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const MqteaserMqteaserkicker = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "14px",
-  lineHeight: "15.399999618530273px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const MqteaserMqteaserheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "26px",
-  lineHeight: "28.600000381469727px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const QteaserQteaserheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "54px",
-  lineHeight: "56.70000076293945px",
-  letterSpacing: "0px",
-  fontStyle: "700",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const StdteaserStdteaserheadline = {
-  fontFamily: "Lucida Grande",
-  fontWeight: null,
-  fontSize: "20px",
-  lineHeight: "19.799999237060547px",
-  letterSpacing: "0px",
-  fontStyle: "600",
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const ToggleswitchesApptoogleitemlabel = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 800,
-  fontSize: "16px",
-  lineHeight: "16.200000762939453px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "UPPER",
-  textDecoration: "NONE",
-};
-export const DsdocsstylesPageheaderdescription = {
-  fontFamily: "Lucida Grande",
-  fontWeight: 700,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const DsdocsstylesCodesnippets = {
-  fontFamily: "Source Code Pro",
-  fontWeight: null,
-  fontSize: "10px",
-  lineHeight: "13px",
-  letterSpacing: "0px",
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const DsdocsstylesBilddesignsidemenu = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 400,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const DsdocsstylesBilddesignsidemenuactive = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 400,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const DsdocsstylesBilddesignsidemenuhover = {
-  fontFamily: "Gotham XNarrow",
-  fontWeight: 600,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const DsdocsstylesVerticalvideosmockheadlines = {
-  fontFamily: "Gotham Condensed",
-  fontWeight: 600,
-  fontSize: "32px",
-  lineHeight: "32px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const DsdocsstylesTokenspecl = {
-  fontFamily: "Source Code Pro",
-  fontWeight: null,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SpecsSpecsxs = {
-  fontFamily: "Gotham",
-  fontWeight: 400,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SpecsSpecss = {
-  fontFamily: "Gotham",
-  fontWeight: null,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SpecsSpecsms = {
-  fontFamily: "Gotham",
-  fontWeight: null,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SpecsSpecsm = {
-  fontFamily: "Gotham",
-  fontWeight: null,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "NONE",
-};
-export const SpecsSpecsml = {
-  fontFamily: "Gotham",
-  fontWeight: 400,
-  fontSize: "64px",
-  lineHeight: "80px",
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const SpecsSpecsl = {
-  fontFamily: "Gotham",
-  fontWeight: 400,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const SpecsSpecsxl = {
-  fontFamily: "Gotham",
-  fontWeight: 600,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
-export const SpecsSpecsxxl = {
-  fontFamily: "Gotham",
-  fontWeight: 600,
-  fontSize: null,
-  lineHeight: null,
-  letterSpacing: null,
-  fontStyle: null,
-  textCase: "ORIGINAL",
-  textDecoration: "UNDERLINE",
-};
+// ============================================
+// .DSDOCSSTYLES
+// ============================================
+
+export const pageheaderdescription = "[object Object]";
+/** This text style is only used on the design system's documentation for code syntax snippets. */
+export const codesnippets = "[object Object]";
+/** This text style is only used for mockup pages of the design system website. */
+export const bilddesignsidemenu = "[object Object]";
+/** This text style is only used for mockup pages of the design system website. */
+export const bilddesignsidemenuactive = "[object Object]";
+/** This text style is only used for mockup pages of the design system website. */
+export const bilddesignsidemenuhover = "[object Object]";
+/** This text style is only used for mockups the vertical video component teaser headlines. */
+export const verticalvideosmockheadlines = "[object Object]";
+/** This text style is used on documentation pages that contain some token information. */
+export const tokenspecl = "[object Object]";
+
+
+// ============================================
+// .SPECS
+// ============================================
+
+/** This text style is only used for audit pages of the design system. */
+export const specsxs = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specss = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specsms = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specsm = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specsml = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specsl = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specsxl = "[object Object]";
+/** This text style is only used for audit pages of the design system. */
+export const specsxxl = "[object Object]";
+
+
+// ============================================
+// ACCORDION
+// ============================================
+
+/** This text style is for use on accordion labels */
+export const accordionlabel = "[object Object]";
+
+
+// ============================================
+// ARTICLE
+// ============================================
+
+/** This text style contains the variables necessary for setting how the font parameters for the article kicker behaves across breakpoints. For font size, this component level token currently references the semantic level token kicker1FontSize. */
+export const articlekicker = "[object Object]";
+/** This text style is used on image captions that show up in article pages only. */
+export const articleimagecaption = "[object Object]";
+/** This component level text style is reserved for article page headline texts that show up at the top of article pages. This text style references the generic text styles headline1 and headline2 font size variables. 40 - 40 - 72 - 100 */
+export const articleheadline = "[object Object]";
+/** This text style is used on short pieces of text that give information about where an image originated. It can also be used on short texts that give information about where a video originated. */
+export const articlemetasource = "[object Object]";
+/** Use this text style for time and day text string that commonly shows up along with the article authors avatars. Font size: 12 - 12 - 14 - 16 */
+export const articletimestamp = "[object Object]";
+
+
+// ============================================
+// ATEASER
+// ============================================
+
+/** 16 - 16 - 22 - 24 | This text style currently uses two different semantic styles within it, the kicker3 for XS & S, and kicker2 for MD & LG */
+export const ateaserkicker = "[object Object]";
+/** This text style references the semantic text styles headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 */
+export const ateaserheadline = "[object Object]";
+
+
+// ============================================
+// AUDIOPLAYER
+// ============================================
+
+/** This text style is used on audio player labels for elapsed time, reproduction speed and short functionality description text. Font size: 16 - 16 - 16 - 18 */
+export const audioplayerlabel = "[object Object]";
+
+
+// ============================================
+// AVATAR
+// ============================================
+
+/** This text style is used for avatar on iOS & Android apps. 12 - 12 - 14 - 16 */
+export const appavatar = "[object Object]";
+/** This text style is used on article page avatar name labels in their default state. Font size: 16 - 16 - 16 - 18
+
+09-2025, on large devices this component uses the css var --footnote-font-size-lg at 1024px bp changes to --footnote-font-size-sm */
+export const avatardefault = "[object Object]";
+/** This text style is used on avatars that appear in article pages. Font size: 16 - 16 - 16 - 18 */
+export const avatarhover = "[object Object]";
+/** This text style is used on avatars that show up on article pages. Some avatars have the individual's first and last name on a single line. The second line of the avatar label is then used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
+export const avatarsecondaryinfo = "[object Object]";
+/** This text style is used for the active state of the second line of avatar labels. This label text is used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
+export const avatarsecondaryinfohover = "[object Object]";
+
+
+// ============================================
+// BADGES
+// ============================================
+
+/** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during horizontal video advertisements. */
+export const videoadbadge = "[object Object]";
+/** This text style is used on horizontal video badges that contain either the video's total duration or a live status identifier. Font size: 16 - 16 - 18 - 18 */
+export const videotimebadge = "[object Object]";
+
+
+// ============================================
+// BODY
+// ============================================
+
+/** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+export const body = "[object Object]";
+/** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+export const bodyitalic = "[object Object]";
+/** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+export const bodybold = "[object Object]";
+/** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+export const bodybolditalic = "[object Object]";
+
+
+// ============================================
+// BREADCRUMB
+// ============================================
+
+/** This text style is used for the last items in a breadcrumbs chain. It is commonly used in article pages and is a h1 in html. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
+export const breadcrumb = "[object Object]";
+/** This text style is used for breadcrumb links that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
+export const breadcrumblink = "[object Object]";
+/** This text style is used for the hover state of breadcrumbs that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
+export const breadcrumblinkhover = "[object Object]";
+
+
+// ============================================
+// BREAKINGNEWS
+// ============================================
+
+/** Use this text style on breaking news headlines that horizontally scroll in the breaking news animated strip. Font size constant 21. */
+export const breakingnewstext = "[object Object]";
+/** Use this text style on the upper title of the breaking news headline strip. Font size constant 13. */
+export const breakingnewsuppertitle = "[object Object]";
+/** Use this font style on the breaking news badge's lower title. Font size constant 23. */
+export const breakingnewslowertitle = "[object Object]";
+
+
+// ============================================
+// BUTTON
+// ============================================
+
+/** This text style is used on button labels. Its font size variable is currently in the Density collection. Font size changes across devices: 15 - 17 - 19 Current online CSS .btn--narrow & .btn */
+export const buttonlabel = "[object Object]";
+/** This text style is used on buttons that are commonly used inside of a container for advertizers and partners. This text is used in buttons that open links to external content.  Font size: 16 - 16 - 16 - 18 */
+export const partnerlinkbuttonlabel = "[object Object]";
+
+
+// ============================================
+// CALLOUT
+// ============================================
+
+/** Callouts highlight key information, quotes, or important notes inside content. They stand apart from body text to draw attention. There is overlap between this text style and the title text styles. Font size: 18 - 18 - 22 - 22 */
+export const callout = "[object Object]";
+
+
+// ============================================
+// CHIPS
+// ============================================
+
+/** This text style is used on the chips component. They are commonly used for filtering parameters. font size: 16 - 16 - 16 - 18 */
+export const chipslabel = "[object Object]";
+
+
+// ============================================
+// DISPLAY
+// ============================================
+
+/** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120 */
+export const display1 = "[object Object]";
+/** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64 */
+export const display2 = "[object Object]";
+/** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40 */
+export const display3 = "[object Object]";
+
+
+// ============================================
+// FOOTER
+// ============================================
+
+/** This text style is used for link texts contained inside cards that commonly show up at the bottom of pages in footers. This link text style's font size parameter uses the label2 font size variable. */
+export const footercardlink = "[object Object]";
+/** This text style is found on footers that separate links with a vertical bar. Font size remains constant at 20 px across devices. */
+export const footerlinkseparator = "[object Object]";
+/** This text style is used in footer links that show up at the bottom of content pages. Font size constant at 11px. */
+export const footerlinks = "[object Object]";
+/** User data and offer pages use this text style on footer links. Font size remains constant at 18px. */
+export const footerlinkuserOfferpages = "[object Object]";
+
+
+// ============================================
+// FOOTNOTE
+// ============================================
+
+/** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18 */
+export const footnote1 = "[object Object]";
+/** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18 */
+export const footnote1bold = "[object Object]";
+/** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
+export const footnote2 = "[object Object]";
+/** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
+export const footnote2bold = "[object Object]";
+
+
+// ============================================
+// HEADLINE
+// ============================================
+
+/** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100 */
+export const headline1 = "[object Object]";
+/** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64 */
+export const headline2 = "[object Object]";
+/** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40 */
+export const headline3 = "[object Object]";
+/** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32 */
+export const headline4 = "[object Object]";
+
+
+// ============================================
+// INPUTFIELD
+// ============================================
+
+/** This text style is used in dropdowns and other text input fields such as date inputs, search input fields and other inputs for text found in forms for example. Font size references a variable from the density collection. 15 - 17 - 19 */
+export const textinputfieldlabel = "[object Object]";
+
+
+// ============================================
+// KICKER
+// ============================================
+
+/** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes */
+export const kicker1 = "[object Object]";
+/** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes */
+export const kicker2 = "[object Object]";
+/** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes */
+export const kicker3 = "[object Object]";
+/** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes */
+export const kicker4 = "[object Object]";
+
+
+// ============================================
+// LABEL
+// ============================================
+
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
+export const label1 = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
+export const label1bold = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
+export const label1boldresp = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
+export const label1uppercasebold = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
+export const label2 = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
+export const label2uppercase = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
+export const label2bold = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes. */
+export const label2uppercasebold = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
+export const label3 = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn */
+export const label3uppercase = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
+export const label3bold = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
+export const label3uppercasebold = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8. */
+export const label4 = "[object Object]";
+
+
+// ============================================
+// LIVETICKER
+// ============================================
+
+/** This text style is used on live ticker headlines. The font size changes between device sizes. 22 - 22 - 32 -32 */
+export const livetickerheadline = "[object Object]";
+/** Use this text style on the live ticker time stamps. 14 - 14 - 16 - 16 */
+export const livetickertimestamp = "[object Object]";
+
+
+// ============================================
+// MEDIAPLAYERS
+// ============================================
+
+/** This text style is used on controller labels of the podcast media player. Font size: 16 - 16 - 16 - 18 */
+export const podcastplayerlabel = "[object Object]";
+/** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during the video advertisement. */
+export const videoadtime = "[object Object]";
+/** Use this text style on video player time badges that display elapsed, total or live information text labels. This text style references the label2 font size variable. 15px constant */
+export const videoplayertime = "[object Object]";
+
+
+// ============================================
+// MENU
+// ============================================
+
+/** This text style is used on a small title that is placed above tab elements that are seen on iOS and Android top menu bar. */
+export const apptopbarstagetitle = "[object Object]";
+/** iOS and Android apps currently have a top bar with tabs that when selected display different content within the main view of the device. This text style is used for a title text that provides information for the user to situate where they are within the app's content possibilities. */
+export const apptopbartabstitle = "[object Object]";
+/** Used on menu link lane items and on mobile side menu drawer. Current online CSS naming: --nav-btn */
+export const menuitemlabel = "[object Object]";
+/** Use this tokenized font style for menu items with icons that are more important than the menu link lane items. Current online CSS: .nav_btn--type-util */
+export const menuitemutillabel = "[object Object]";
+
+
+// ============================================
+// MQTEASER
+// ============================================
+
+/** This component level text style references size variables for the semantic level. Specifically kicker4. 14 - 14 - 16 - 16 */
+export const mqteaserkicker = "[object Object]";
+/** This component level text style references the semantic level text sizes of headline3 and headline4.
+XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 */
+export const mqteaserheadline = "[object Object]";
+
+
+// ============================================
+// NEWSTICKER
+// ============================================
+
+/** The vertical newsticker component has timestamps that use this text style. 16 - 16 - 16 - 18 */
+export const newstickertimestamp = "[object Object]";
+/** This text style is a component level option for the newsticker kicker. Currently the newsticker kicker uses the semantic text style kicker3. This text style references the semantic one. */
+export const newstickerkicker = "[object Object]";
+/** This text style is used on NewsTicker Headlines. It references the semantic level text style headline3. 28 - 28 - 36 - 40 */
+export const newstickerheadline = "[object Object]";
+
+
+// ============================================
+// PAGINATION
+// ============================================
+
+/** This component level text style stores the variables for the pagination component's active state (label1 with red accent color underline). Its size remains constant at 17px across device sizes. */
+export const numberedpaginationactive = "[object Object]";
+
+
+// ============================================
+// PAYWALL
+// ============================================
+
+/** This text style is used for the paywall price tag text. */
+export const paywallcardpricetag = "[object Object]";
+/** This text style is used on the paywall card under the price value. */
+export const paywallcardnote = "[object Object]";
+
+
+// ============================================
+// QTEASER
+// ============================================
+
+/** This component level text style is used on the quad teaser headline. Its font size parameter references the semantic level variable headline1. 48 - 48 - 72 - 100 */
+export const qteaserheadline = "[object Object]";
+
+
+// ============================================
+// QUOTE
+// ============================================
+
+/** Use this text style for sections of text that are inside a fieldset with a quotation given by a person in an interview or a section of text from a larger body of text that need to be emphasized. */
+export const quote = "[object Object]";
+
+
+// ============================================
+// SPECIALNAVI
+// ============================================
+
+/** Used on menu link lane items and on mobile side menu drawer. */
+export const specianaviitemlabel = "[object Object]";
+
+
+// ============================================
+// STDTEASER
+// ============================================
+
+/** Standard teasers typography changes more than other teasers. On desktop they have a kicker, a headline and a short text. On mobile devices the short text is eliminated and the headline gains weight at device widths 600px. Then at small mobile sizes the weight drops once again. */
+export const stdteaserheadline = "[object Object]";
+
+
+// ============================================
+// SUBHEADLINE
+// ============================================
+
+/** This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36 */
+export const subheadline1 = "[object Object]";
+
+
+// ============================================
+// TABS
+// ============================================
+
+/** This text style stores variables for the tab component. Tabs are similar to submenus and special navigation elements but tabs do not link to other URLs. */
+export const tablabel = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
+export const appbottombarlabeldefault = "[object Object]";
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
+export const appbottombarlabelactive = "[object Object]";
+
+
+// ============================================
+// TEXTLINK
+// ============================================
+
+/** Use this text style for styling elements that are clickable text links inside body texts. This style is often found in article texts. Font size remains constant at 21 across device sizes. */
+export const textlink = "[object Object]";
+/** Use this text style for styling elements that are clickable text links inside body texts that are using the italic style. This style is often found in article texts that need to show contrast for publications titles, specific words or names. Font size remains constant at 21 across device sizes. */
+export const textlinkitalic = "[object Object]";
+/** Use this text style for styling elements that are clickable text links inside emphasized body texts that are using the bold or html strong style. This style is often found in article texts that need to show contrast for specific words or names. Font size remains constant at 21 across device sizes. */
+export const textlinkbold = "[object Object]";
+/** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
+export const textlinkhover = "[object Object]";
+/** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
+export const textlinkboldhover = "[object Object]";
+
+
+// ============================================
+// TITLE
+// ============================================
+
+/** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
+export const title1 = "[object Object]";
+/** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
+export const title1uppercase = "[object Object]";
+/** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. 
+
+In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
+export const title2 = "[object Object]";
+/** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. 
+
+In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
+export const title2uppercase = "[object Object]";
+
+
+// ============================================
+// TOGGLESWITCHES
+// ============================================
+
+/** This text style is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 */
+export const apptoogleitemlabel = "[object Object]";
+