@marioschmidt/design-system-tokens 1.0.58 → 1.0.60

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.58
+ * BILD Design System Tokens v1.0.60
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: xs
@@ -49,30 +49,30 @@ export const display3 = {
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 900,
   fontSize: "36px",
   lineHeight: "37.8px",
-  fontStyle: "700",
 };
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 900,
   fontSize: "30px",
   lineHeight: "33px",
-  fontStyle: "700",
 };
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 900,
   fontSize: "24px",
   lineHeight: "26.4px",
-  fontStyle: "700",
 };
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 700,
   fontSize: "16px",
   lineHeight: "16px",
-  fontStyle: "600",
 };
 
 
@@ -96,30 +96,30 @@ export const subheadline1 = {
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 700,
   fontSize: "16px",
   lineHeight: "17.6px",
-  fontStyle: "700",
 };
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 700,
   fontSize: "16px",
   lineHeight: "17.6px",
-  fontStyle: "700",
 };
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 700,
   fontSize: "14px",
   lineHeight: "15.4px",
-  fontStyle: "700",
 };
 /** 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 = {
   fontFamily: "Lucida Grande",
+  fontWeight: 700,
   fontSize: "12px",
   lineHeight: "13.2px",
-  fontStyle: "700",
 };
 
 
@@ -135,12 +135,12 @@ export const title1 = {
   lineHeight: "26.4px",
 };
 /** 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 = {
+export const title1Uppercase = {
   fontFamily: "Lucida Grande",
   fontWeight: 800,
   fontSize: "22px",
   lineHeight: "26.4px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. 
 
@@ -154,12 +154,12 @@ export const title2 = {
 /** 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 = {
+export const title2Uppercase = {
   fontFamily: "Lucida Grande",
   fontWeight: 800,
   fontSize: "14px",
   lineHeight: "16.8px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 
 
@@ -188,23 +188,27 @@ export const body = {
   lineHeight: "29.75px",
 };
 /** 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 = {
+export const bodyItalic = {
   fontFamily: "Lucida Grande",
+  fontWeight: 400,
   fontSize: "17px",
   lineHeight: "29.75px",
+  fontStyle: "italic",
 };
 /** 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 = {
+export const bodyBold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "17px",
   lineHeight: "29.75px",
 };
 /** 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 = {
+export const bodyBoldItalic = {
   fontFamily: "Lucida Grande",
+  fontWeight: 700,
   fontSize: "17px",
   lineHeight: "29.75px",
+  fontStyle: "italic",
 };
 
 
@@ -213,7 +217,7 @@ export const bodybolditalic = {
 // ============================================
 
 /** 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 = {
+export const textLink = {
   fontFamily: "Lucida Grande",
   fontWeight: 400,
   fontSize: "17px",
@@ -221,14 +225,16 @@ export const textlink = {
   textDecoration: "underline",
 };
 /** 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 = {
+export const textLinkItalic = {
   fontFamily: "Lucida Grande",
+  fontWeight: 400,
   fontSize: "17px",
   lineHeight: "29.75px",
+  fontStyle: "italic",
   textDecoration: "underline",
 };
 /** 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 = {
+export const textLinkBold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "17px",
@@ -236,7 +242,7 @@ export const textlinkbold = {
   textDecoration: "underline",
 };
 /** 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 = {
+export const textLinkHover = {
   fontFamily: "Lucida Grande",
   fontWeight: 400,
   fontSize: "17px",
@@ -244,7 +250,7 @@ export const textlinkhover = {
   textDecoration: "underline",
 };
 /** 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 = {
+export const textLinkBoldHover = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "17px",
@@ -265,7 +271,7 @@ export const footnote1 = {
   lineHeight: "16.9px",
 };
 /** 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 = {
+export const footnote1Bold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "13px",
@@ -279,7 +285,7 @@ export const footnote2 = {
   lineHeight: "13px",
 };
 /** 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 = {
+export const footnote2Bold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "10px",
@@ -300,7 +306,7 @@ export const label1 = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label1Bold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "17px",
@@ -308,7 +314,7 @@ export const label1bold = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label1BoldResp = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "10px",
@@ -316,13 +322,13 @@ export const label1boldresp = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label1UppercaseBold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "17px",
   lineHeight: "20.4px",
   letterSpacing: "0.5px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 /** 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 = {
@@ -333,16 +339,16 @@ export const label2 = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label2Uppercase = {
   fontFamily: "Lucida Grande",
   fontWeight: 400,
   fontSize: "15px",
   lineHeight: "16px",
   letterSpacing: "0.25px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 /** 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 = {
+export const label2Bold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "15px",
@@ -350,13 +356,13 @@ export const label2bold = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label2UppercaseBold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "15px",
   lineHeight: "16px",
   letterSpacing: "0.25px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 /** 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 = {
@@ -367,16 +373,16 @@ export const label3 = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label3Uppercase = {
   fontFamily: "Lucida Grande",
   fontWeight: 400,
   fontSize: "12px",
   lineHeight: "14.4px",
   letterSpacing: "0.5px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 /** 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 = {
+export const label3Bold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "12px",
@@ -384,13 +390,13 @@ export const label3bold = {
   letterSpacing: "0.25px",
 };
 /** 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 = {
+export const label3UppercaseBold = {
   fontFamily: "Lucida Grande",
   fontWeight: 700,
   fontSize: "12px",
   lineHeight: "14.4px",
   letterSpacing: "0.5px",
-  textTransform: "upper",
+  textTransform: "uppercase",
 };
 /** 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 = {

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.58
+ * BILD Design System Tokens v1.0.60
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Bild | Context: Breakpoint: lg
@@ -16,34 +16,35 @@
 // OTHER
 // ============================================
 
-export const pageheaderdescription = {
+export const pageHeaderDescription = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 700,
 };
 /** This text style is only used on the design system's documentation for code syntax snippets. */
-export const codesnippets = {
+export const codeSnippets = {
   fontFamily: "Source Code Pro",
+  fontWeight: 500,
   fontSize: "16px",
   lineHeight: "21px",
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenu = {
+export const bildDesignSideMenu = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 400,
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenuactive = {
+export const bildDesignSideMenuActive = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 400,
   textDecoration: "underline",
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenuhover = {
+export const bildDesignSideMenuHover = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 600,
 };
 /** This text style is only used for mockups the vertical video component teaser headlines. */
-export const verticalvideosmockheadlines = {
+export const verticalVideosMockHeadlines = {
   fontFamily: "Gotham Condensed",
   fontWeight: 600,
   fontSize: "32px",
@@ -51,28 +52,32 @@ export const verticalvideosmockheadlines = {
   textDecoration: "underline",
 };
 /** This text style is used on documentation pages that contain some token information. */
-export const tokenspecl = {
+export const tokenSpecL = {
   fontFamily: "Source Code Pro",
+  fontWeight: 500,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxs = {
+export const specsSpecsXs = {
   fontFamily: "Gotham",
   fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecss = {
+export const specsSpecsS = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsms = {
+export const specsSpecsMs = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsm = {
+export const specsSpecsM = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsml = {
+export const specsSpecsMl = {
   fontFamily: "Gotham",
   fontWeight: 400,
   fontSize: "64px",
@@ -80,19 +85,19 @@ export const specsSpecsml = {
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsl = {
+export const specsSpecsL = {
   fontFamily: "Gotham",
   fontWeight: 400,
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxl = {
+export const specsSpecsXl = {
   fontFamily: "Gotham",
   fontWeight: 600,
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxxl = {
+export const specsSpecsXxl = {
   fontFamily: "Gotham",
   fontWeight: 600,
   textDecoration: "underline",

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.58
+ * BILD Design System Tokens v1.0.60
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Bild | Context: Breakpoint: md
@@ -16,34 +16,35 @@
 // OTHER
 // ============================================
 
-export const pageheaderdescription = {
+export const pageHeaderDescription = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 700,
 };
 /** This text style is only used on the design system's documentation for code syntax snippets. */
-export const codesnippets = {
+export const codeSnippets = {
   fontFamily: "Source Code Pro",
+  fontWeight: 500,
   fontSize: "12px",
   lineHeight: "15.8px",
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenu = {
+export const bildDesignSideMenu = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 400,
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenuactive = {
+export const bildDesignSideMenuActive = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 400,
   textDecoration: "underline",
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenuhover = {
+export const bildDesignSideMenuHover = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 600,
 };
 /** This text style is only used for mockups the vertical video component teaser headlines. */
-export const verticalvideosmockheadlines = {
+export const verticalVideosMockHeadlines = {
   fontFamily: "Gotham Condensed",
   fontWeight: 600,
   fontSize: "32px",
@@ -51,28 +52,32 @@ export const verticalvideosmockheadlines = {
   textDecoration: "underline",
 };
 /** This text style is used on documentation pages that contain some token information. */
-export const tokenspecl = {
+export const tokenSpecL = {
   fontFamily: "Source Code Pro",
+  fontWeight: 500,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxs = {
+export const specsSpecsXs = {
   fontFamily: "Gotham",
   fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecss = {
+export const specsSpecsS = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsms = {
+export const specsSpecsMs = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsm = {
+export const specsSpecsM = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsml = {
+export const specsSpecsMl = {
   fontFamily: "Gotham",
   fontWeight: 400,
   fontSize: "64px",
@@ -80,19 +85,19 @@ export const specsSpecsml = {
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsl = {
+export const specsSpecsL = {
   fontFamily: "Gotham",
   fontWeight: 400,
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxl = {
+export const specsSpecsXl = {
   fontFamily: "Gotham",
   fontWeight: 600,
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxxl = {
+export const specsSpecsXxl = {
   fontFamily: "Gotham",
   fontWeight: 600,
   textDecoration: "underline",

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.58
+ * BILD Design System Tokens v1.0.60
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Bild | Context: Breakpoint: sm
@@ -16,34 +16,35 @@
 // OTHER
 // ============================================
 
-export const pageheaderdescription = {
+export const pageHeaderDescription = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 700,
 };
 /** This text style is only used on the design system's documentation for code syntax snippets. */
-export const codesnippets = {
+export const codeSnippets = {
   fontFamily: "Source Code Pro",
+  fontWeight: 500,
   fontSize: "12px",
   lineHeight: "15.6px",
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenu = {
+export const bildDesignSideMenu = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 400,
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenuactive = {
+export const bildDesignSideMenuActive = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 400,
   textDecoration: "underline",
 };
 /** This text style is only used for mockup pages of the design system website. */
-export const bilddesignsidemenuhover = {
+export const bildDesignSideMenuHover = {
   fontFamily: "Gotham XNarrow",
   fontWeight: 600,
 };
 /** This text style is only used for mockups the vertical video component teaser headlines. */
-export const verticalvideosmockheadlines = {
+export const verticalVideosMockHeadlines = {
   fontFamily: "Gotham Condensed",
   fontWeight: 600,
   fontSize: "22px",
@@ -51,28 +52,32 @@ export const verticalvideosmockheadlines = {
   textDecoration: "underline",
 };
 /** This text style is used on documentation pages that contain some token information. */
-export const tokenspecl = {
+export const tokenSpecL = {
   fontFamily: "Source Code Pro",
+  fontWeight: 500,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxs = {
+export const specsSpecsXs = {
   fontFamily: "Gotham",
   fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecss = {
+export const specsSpecsS = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsms = {
+export const specsSpecsMs = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsm = {
+export const specsSpecsM = {
   fontFamily: "Gotham",
+  fontWeight: 400,
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsml = {
+export const specsSpecsMl = {
   fontFamily: "Gotham",
   fontWeight: 400,
   fontSize: "64px",
@@ -80,19 +85,19 @@ export const specsSpecsml = {
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsl = {
+export const specsSpecsL = {
   fontFamily: "Gotham",
   fontWeight: 400,
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxl = {
+export const specsSpecsXl = {
   fontFamily: "Gotham",
   fontWeight: 600,
   textDecoration: "underline",
 };
 /** This text style is only used for audit pages of the design system. */
-export const specsSpecsxxl = {
+export const specsSpecsXxl = {
   fontFamily: "Gotham",
   fontWeight: 600,
   textDecoration: "underline",