@marioschmidt/design-system-tokens 1.0.58 → 1.0.59

package/dist/android/res/values/shared/colorprimitive.xml

@@ -14,7 +14,7 @@
   <color name="bild060">#8c9196</color>
   <color name="bild096">#f2f4f5</color>
   <color name="bild093">#e9ecef</color>
-  <color name="bild085-alpha50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
+  <color name="bild085_alpha50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
   <color name="bild073">#aeb4b9</color>
   <color name="bild045">#666b70</color>
   <color name="bild010">#1c1c1c</color>
@@ -25,49 +25,49 @@
   <color name="bildgreen070">#00c373</color>
   <color name="bildgreen063">#00af67</color>
   <color name="bildgreen093">#cef4e4</color>
-  <color name="bildgreen093-alpha50">#cef4e480</color>
-  <color name="bildgreen056-alpha50">#009b5a80</color>
+  <color name="bildgreen093_alpha50">#cef4e480</color>
+  <color name="bildgreen056_alpha50">#009b5a80</color>
   <color name="bildgreen040">#006e3e</color><!-- This value of green was found in a text field's text color. -->
   <color name="bildgreen056">#18995c</color>
   <color name="bildyellow">#ffbf00</color><!-- Tone: 081 -->
   <color name="bildberry">#551937</color><!-- Tone: 020 -->
-  <color name="alpha-black20">#00000033</color>
-  <color name="alpha-black10">#0000001a</color>
-  <color name="alpha-black60">#00000099</color><!-- Used on elevation effects. -->
-  <color name="alpha-black30">#0000004d</color>
-  <color name="alpha-black70">#000000b3</color><!-- Used on elevation effects. -->
-  <color name="alpha-white10">#ffffff1a</color>
-  <color name="alpha-white20">#ffffff33</color>
-  <color name="alpha-white30">#ffffff4d</color>
-  <color name="alpha-white60">#ffffff99</color><!-- Used on elevation effects. -->
-  <color name="alpha-white70">#ffffffb3</color><!-- Used on elevation effects. -->
-  <color name="alpha-white35">#ffffff59</color>
-  <color name="alpha-bildred80">#dd0000cc</color><!-- Used on elevation effects. -->
-  <color name="alpha-black80">#000000cc</color><!-- Used on elevation effects. -->
-  <color name="alpha-white80">#ffffffcc</color><!-- Used on elevation effects. -->
-  <color name="alpha-black35">#00000059</color>
-  <color name="alpha-black0">#00000000</color>
-  <color name="alpha-black50">#00000080</color>
-  <color name="alpha-black05">#0000000d</color>
+  <color name="alpha_black20">#00000033</color>
+  <color name="alpha_black10">#0000001a</color>
+  <color name="alpha_black60">#00000099</color><!-- Used on elevation effects. -->
+  <color name="alpha_black30">#0000004d</color>
+  <color name="alpha_black70">#000000b3</color><!-- Used on elevation effects. -->
+  <color name="alpha_white10">#ffffff1a</color>
+  <color name="alpha_white20">#ffffff33</color>
+  <color name="alpha_white30">#ffffff4d</color>
+  <color name="alpha_white60">#ffffff99</color><!-- Used on elevation effects. -->
+  <color name="alpha_white70">#ffffffb3</color><!-- Used on elevation effects. -->
+  <color name="alpha_white35">#ffffff59</color>
+  <color name="alpha_bildred80">#dd0000cc</color><!-- Used on elevation effects. -->
+  <color name="alpha_black80">#000000cc</color><!-- Used on elevation effects. -->
+  <color name="alpha_white80">#ffffffcc</color><!-- Used on elevation effects. -->
+  <color name="alpha_black35">#00000059</color>
+  <color name="alpha_black0">#00000000</color>
+  <color name="alpha_black50">#00000080</color>
+  <color name="alpha_black05">#0000000d</color>
   <color name="bildblue">#00b1ff</color><!-- This Blue color was taken from the Weather 2024 project. Tone: 069 -->
-  <color name="fitbook-core">#ff97b7</color>
-  <color name="petbook-core">#b9db91</color>
-  <color name="myhome-core">#66cccc</color>
-  <color name="travelbook-core">#8ef0ed</color>
-  <color name="techbook-core">#93e4ff</color>
-  <color name="kaufberater-core">#55476e</color>
-  <color name="bz-core">#e3001b</color>
-  <color name="aubi-core">#f00000</color>
-  <color name="cobi-core">#dc231c</color>
-  <color name="spobi-blue098">#f7f9fd</color>
-  <color name="spobi-blue081">#bdcadb</color>
-  <color name="spobi-blue029">#174482</color><!-- This variable in the current online CSS is called secondary-tenant-color -->
-  <color name="spobi-blue016">#0a2750</color><!-- This variable in the current online CSS is called main-tenant-color for the spobi tenant. -->
-  <color name="spobi-blue010">#081828</color>
-  <color name="spobi-blue038">#315998</color>
-  <color name="spobi-red">#e52528</color>
-  <color name="spobi-blue016-alpha0">#0a275000</color>
-  <color name="spobi-blue016-alpha70">#0a2750b3</color>
+  <color name="fitbook_core">#ff97b7</color>
+  <color name="petbook_core">#b9db91</color>
+  <color name="myhome_core">#66cccc</color>
+  <color name="travelbook_core">#8ef0ed</color>
+  <color name="techbook_core">#93e4ff</color>
+  <color name="kaufberater_core">#55476e</color>
+  <color name="bz_core">#e3001b</color>
+  <color name="aubi_core">#f00000</color>
+  <color name="cobi_core">#dc231c</color>
+  <color name="spobi_blue098">#f7f9fd</color>
+  <color name="spobi_blue081">#bdcadb</color>
+  <color name="spobi_blue029">#174482</color><!-- This variable in the current online CSS is called secondary-tenant-color -->
+  <color name="spobi_blue016">#0a2750</color><!-- This variable in the current online CSS is called main-tenant-color for the spobi tenant. -->
+  <color name="spobi_blue010">#081828</color>
+  <color name="spobi_blue038">#315998</color>
+  <color name="spobi_red">#e52528</color>
+  <color name="spobi_blue016_alpha0">#0a275000</color>
+  <color name="spobi_blue016_alpha70">#0a2750b3</color>
   <string name="opacity05">0.05</string>
   <string name="opacity10">0.1</string>
   <string name="opacity20">0.2</string>

package/dist/android/res/values/shared/fontprimitive.xml

@@ -4,47 +4,47 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <string name="font-family-gotham-xnarrow">Gotham XNarrow</string>
-  <string name="font-family-gotham-cond">Gotham Condensed</string>
-  <string name="font-family-gotham">Gotham</string>
-  <string name="font-family-lucida-grande">Lucida Grande</string>
-  <string name="font-family-antenna-extra-cond">AntennaExtraCond</string>
-  <string name="font-family-antenna-cond">AntennaCond</string>
-  <string name="font-family-inter">Inter</string>
-  <string name="700-black-font-weight">700</string><!-- 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold. -->
-  <string name="900-extra-black-font-weight">900</string>
-  <string name="400-book-font-weight">400</string>
-  <string name="1000-ultra-font-weight">1000</string>
-  <string name="800-black-font-weight">800</string>
-  <string name="350-book-font-weight">350</string>
-  <string name="600-bold-font-weight">600</string>
-  <string name="100-thin-font-weight">100</string>
-  <string name="300-light-font-weight">300</string>
-  <string name="200-extra-light-font-weight">200</string>
-  <string name="500-medium-font-weight">500</string>
-  <string name="bold-italic-font-weight-st">Bold Italic</string>
-  <string name="black-font-weight-st">Black</string>
-  <dimen name="letter-space-neg0-25">-0.25px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25. -->
-  <dimen name="letter-space0">0px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. -->
-  <dimen name="letter-space1">1px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. -->
-  <dimen name="letter-space0-5">0.5px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5. -->
-  <dimen name="letter-space0-25">0.25px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25. -->
-  <dimen name="letter-space-neg0-5">-0.5px</dimen><!-- This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5. -->
-  <dimen name="letter-space2">2px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. -->
-  <dimen name="letter-space-neg1">-1px</dimen><!-- This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. -->
-  <dimen name="letter-space-neg2">-2px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines. -->
-  <dimen name="letter-space3">3px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes. -->
-  <dimen name="letter-space-neg3">-3px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes. -->
-  <string name="1000-ultra-font-weight">1000</string>
-  <string name="900-extra-black-font-weight">900</string>
-  <string name="800-black-font-weight">800</string>
-  <string name="700-black-font-weight">700</string>
-  <string name="600-bold-font-weight">600</string>
-  <string name="500-medium-font-weight">500</string>
-  <string name="400-book-font-weight">400</string>
-  <string name="350-book-font-weight">350</string>
-  <string name="200-extra-light-font-weight">200</string>
-  <string name="100-thin-font-weight">100</string>
-  <string name="600-bold-italic-font-weight">Bold Italic</string>
-  <string name="700-black-italic-font-weight">Black Italic</string>
+  <string name="font_family_gotham_xnarrow">Gotham XNarrow</string>
+  <string name="font_family_gotham_cond">Gotham Condensed</string>
+  <string name="font_family_gotham">Gotham</string>
+  <string name="font_family_lucida_grande">Lucida Grande</string>
+  <string name="font_family_antenna_extra_cond">AntennaExtraCond</string>
+  <string name="font_family_antenna_cond">AntennaCond</string>
+  <string name="font_family_inter">Inter</string>
+  <string name="700_black_font_weight">700</string><!-- 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold. -->
+  <string name="900_extra_black_font_weight">900</string>
+  <string name="400_book_font_weight">400</string>
+  <string name="1000_ultra_font_weight">1000</string>
+  <string name="800_black_font_weight">800</string>
+  <string name="350_book_font_weight">350</string>
+  <string name="600_bold_font_weight">600</string>
+  <string name="100_thin_font_weight">100</string>
+  <string name="300_light_font_weight">300</string>
+  <string name="200_extra_light_font_weight">200</string>
+  <string name="500_medium_font_weight">500</string>
+  <string name="bold_italic_font_weight_st">Bold Italic</string>
+  <string name="black_font_weight_st">Black</string>
+  <dimen name="letter_space_neg0_25">-0.25px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25. -->
+  <dimen name="letter_space0">0px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. -->
+  <dimen name="letter_space1">1px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. -->
+  <dimen name="letter_space0_5">0.5px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5. -->
+  <dimen name="letter_space0_25">0.25px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25. -->
+  <dimen name="letter_space_neg0_5">-0.5px</dimen><!-- This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5. -->
+  <dimen name="letter_space2">2px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. -->
+  <dimen name="letter_space_neg1">-1px</dimen><!-- This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. -->
+  <dimen name="letter_space_neg2">-2px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines. -->
+  <dimen name="letter_space3">3px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes. -->
+  <dimen name="letter_space_neg3">-3px</dimen><!-- This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes. -->
+  <string name="1000_ultra_font_weight_st">1000</string>
+  <string name="900_extra_black_font_weight_st">900</string>
+  <string name="800_black_font_weight_st">800</string>
+  <string name="700_black_font_weight_st">700</string>
+  <string name="600_bold_font_weight_st">600</string>
+  <string name="500_medium_font_weight_st">500</string>
+  <string name="400_book_font_weight_st">400</string>
+  <string name="350_book_font_weight_st">350</string>
+  <string name="200_extra_light_font_weight_st">200</string>
+  <string name="100_thin_font_weight_st">100</string>
+  <string name="600_bold_italic_font_weight_st">Bold Italic</string>
+  <string name="700_black_italic_font_weight_st">Black Italic</string>
 </resources>

package/dist/android/res/values/shared/sizeprimitive.xml

@@ -7,50 +7,50 @@
   <dimen name="size6x">48px</dimen>
   <dimen name="size3x">24px</dimen>
   <dimen name="size1x">8px</dimen>
-  <dimen name="size0-25x">2px</dimen>
-  <dimen name="size0-5x">4px</dimen>
+  <dimen name="size0_25x">2px</dimen>
+  <dimen name="size0_5x">4px</dimen>
   <dimen name="size2x">16px</dimen>
-  <dimen name="size4-5x">36px</dimen>
+  <dimen name="size4_5x">36px</dimen>
   <dimen name="size5x">40px</dimen>
-  <dimen name="size3-5x">28px</dimen>
-  <dimen name="size2-5x">20px</dimen>
-  <dimen name="size12-5x">100px</dimen>
-  <dimen name="size2-75x">22px</dimen>
-  <dimen name="size3-25x">26px</dimen>
+  <dimen name="size3_5x">28px</dimen>
+  <dimen name="size2_5x">20px</dimen>
+  <dimen name="size12_5x">100px</dimen>
+  <dimen name="size2_75x">22px</dimen>
+  <dimen name="size3_25x">26px</dimen>
   <dimen name="size4x">32px</dimen>
-  <dimen name="size3-75x">30px</dimen>
-  <dimen name="size2-25x">18px</dimen>
+  <dimen name="size3_75x">30px</dimen>
+  <dimen name="size2_25x">18px</dimen>
   <dimen name="size7x">56px</dimen>
-  <dimen name="size1-5x">12px</dimen>
-  <dimen name="size0-75x">6px</dimen>
-  <dimen name="size22-5x">180px</dimen>
+  <dimen name="size1_5x">12px</dimen>
+  <dimen name="size0_75x">6px</dimen>
+  <dimen name="size22_5x">180px</dimen>
   <dimen name="size40x">320px</dimen>
   <dimen name="size8x">64px</dimen>
-  <dimen name="size11-5x">92px</dimen>
-  <dimen name="size1-75x">14px</dimen>
-  <dimen name="size5-25x">42px</dimen>
-  <dimen name="size1-25x">10px</dimen>
+  <dimen name="size11_5x">92px</dimen>
+  <dimen name="size1_75x">14px</dimen>
+  <dimen name="size5_25x">42px</dimen>
+  <dimen name="size1_25x">10px</dimen>
   <dimen name="size80x">640px</dimen>
-  <dimen name="size17-5x">140px</dimen>
+  <dimen name="size17_5x">140px</dimen>
   <dimen name="size20x">160px</dimen>
   <dimen name="size128x">1024px</dimen>
   <dimen name="size124x">992px</dimen>
   <dimen name="size12x">96px</dimen>
   <dimen name="size35x">280px</dimen>
   <dimen name="size15x">120px</dimen>
-  <dimen name="size16-25">130px</dimen>
-  <dimen name="size87-5x">700px</dimen>
+  <dimen name="size16_25">130px</dimen>
+  <dimen name="size87_5x">700px</dimen>
   <dimen name="size10x">80px</dimen>
   <dimen name="size30x">240px</dimen>
   <dimen name="size25x">200px</dimen>
   <dimen name="size168x">1344px</dimen>
   <dimen name="size60x">480px</dimen>
   <dimen name="size9x">72px</dimen>
-  <dimen name="size27-5x">220px</dimen>
+  <dimen name="size27_5x">220px</dimen>
   <dimen name="size50x">400px</dimen>
-  <dimen name="size116-25x">930px</dimen>
-  <dimen name="size18-5x">148px</dimen>
+  <dimen name="size116_25x">930px</dimen>
+  <dimen name="size18_5x">148px</dimen>
   <dimen name="size100x">800px</dimen>
   <dimen name="size0x">0px</dimen>
-  <dimen name="size0-125x">1px</dimen>
+  <dimen name="size0_125x">1px</dimen>
 </resources>

package/dist/android/res/values/shared/spaceprimitive.xml

@@ -5,10 +5,10 @@
 -->
 <resources>
   <dimen name="space1x">8px</dimen>
-  <dimen name="space0-5x">4px</dimen>
-  <dimen name="space0-25x">2px</dimen>
+  <dimen name="space0_5x">4px</dimen>
+  <dimen name="space0_25x">2px</dimen>
   <dimen name="space2x">16px</dimen>
-  <dimen name="space1-5x">12px</dimen>
+  <dimen name="space1_5x">12px</dimen>
   <dimen name="space4x">32px</dimen>
   <dimen name="space3x">24px</dimen>
   <dimen name="space6x">48px</dimen>
@@ -18,15 +18,15 @@
   <dimen name="space0x">0px</dimen>
   <dimen name="space10x">80px</dimen>
   <dimen name="space20x">160px</dimen>
-  <dimen name="space2-5x">20px</dimen>
-  <dimen name="space-neg0-25x">-2px</dimen>
-  <dimen name="space0-75x">6px</dimen>
-  <dimen name="space1-25x">10px</dimen>
-  <dimen name="space2-75x">22px</dimen>
-  <dimen name="space4-5x">36px</dimen>
-  <dimen name="space7-5x">60px</dimen>
+  <dimen name="space2_5x">20px</dimen>
+  <dimen name="space_neg0_25x">-2px</dimen>
+  <dimen name="space0_75x">6px</dimen>
+  <dimen name="space1_25x">10px</dimen>
+  <dimen name="space2_75x">22px</dimen>
+  <dimen name="space4_5x">36px</dimen>
+  <dimen name="space7_5x">60px</dimen>
   <dimen name="space12x">96px</dimen>
-  <dimen name="space1-75x">14px</dimen>
-  <dimen name="space8-5x">68px</dimen>
-  <dimen name="space3-5x">28px</dimen>
+  <dimen name="space1_75x">14px</dimen>
+  <dimen name="space8_5x">68px</dimen>
+  <dimen name="space3_5x">28px</dimen>
 </resources>

package/dist/css/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-lg.css

@@ -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.59
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: lg
@@ -16,39 +16,40 @@
    OTHER
    ============================================ */
 
-[data-brand="advertorial"][data-breakpoint="lg"] .pageheaderdescription {
+[data-brand="advertorial"][data-breakpoint="lg"] .page-header-description {
   font-family: Lucida Grande;
   font-weight: 700;
 }
 
 /* This text style is only used on the design system's documentation for code syntax snippets. */
-[data-brand="advertorial"][data-breakpoint="lg"] .codesnippets {
+[data-brand="advertorial"][data-breakpoint="lg"] .code-snippets {
   font-family: Source Code Pro;
+  font-weight: 500;
   font-size: 13px;
   line-height: 16.9px;
 }
 
 /* This text style is only used for mockup pages of the design system website. */
-[data-brand="advertorial"][data-breakpoint="lg"] .bilddesignsidemenu {
+[data-brand="advertorial"][data-breakpoint="lg"] .bild-design-side-menu {
   font-family: Gotham XNarrow;
   font-weight: 400;
 }
 
 /* This text style is only used for mockup pages of the design system website. */
-[data-brand="advertorial"][data-breakpoint="lg"] .bilddesignsidemenuactive {
+[data-brand="advertorial"][data-breakpoint="lg"] .bild-design-side-menu-active {
   font-family: Gotham XNarrow;
   font-weight: 400;
   text-decoration: underline;
 }
 
 /* This text style is only used for mockup pages of the design system website. */
-[data-brand="advertorial"][data-breakpoint="lg"] .bilddesignsidemenuhover {
+[data-brand="advertorial"][data-breakpoint="lg"] .bild-design-side-menu-hover {
   font-family: Gotham XNarrow;
   font-weight: 600;
 }
 
 /* This text style is only used for mockups the vertical video component teaser headlines. */
-[data-brand="advertorial"][data-breakpoint="lg"] .verticalvideosmockheadlines {
+[data-brand="advertorial"][data-breakpoint="lg"] .vertical-videos-mock-headlines {
   font-family: Gotham Condensed;
   font-weight: 600;
   font-size: 32px;
@@ -57,33 +58,37 @@
 }
 
 /* This text style is used on documentation pages that contain some token information. */
-[data-brand="advertorial"][data-breakpoint="lg"] .tokenspecl {
+[data-brand="advertorial"][data-breakpoint="lg"] .token-spec-l {
   font-family: Source Code Pro;
+  font-weight: 500;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsxs {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-xs {
   font-family: Gotham;
   font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specss {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-s {
   font-family: Gotham;
+  font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsms {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-ms {
   font-family: Gotham;
+  font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsm {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-m {
   font-family: Gotham;
+  font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsml {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-ml {
   font-family: Gotham;
   font-weight: 400;
   font-size: 64px;
@@ -92,21 +97,21 @@
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsl {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-l {
   font-family: Gotham;
   font-weight: 400;
   text-decoration: underline;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsxl {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-xl {
   font-family: Gotham;
   font-weight: 600;
   text-decoration: underline;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="lg"] .specs-.specsxxl {
+[data-brand="advertorial"][data-breakpoint="lg"] .specs-specs-xxl {
   font-family: Gotham;
   font-weight: 600;
   text-decoration: underline;

package/dist/css/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-md.css

@@ -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.59
  * Generated by Style Dictionary v4.0.0
  * 
  * Brand: Advertorial | Context: Breakpoint: md
@@ -16,39 +16,40 @@
    OTHER
    ============================================ */
 
-[data-brand="advertorial"][data-breakpoint="md"] .pageheaderdescription {
+[data-brand="advertorial"][data-breakpoint="md"] .page-header-description {
   font-family: Lucida Grande;
   font-weight: 700;
 }
 
 /* This text style is only used on the design system's documentation for code syntax snippets. */
-[data-brand="advertorial"][data-breakpoint="md"] .codesnippets {
+[data-brand="advertorial"][data-breakpoint="md"] .code-snippets {
   font-family: Source Code Pro;
+  font-weight: 500;
   font-size: 10px;
   line-height: 13px;
 }
 
 /* This text style is only used for mockup pages of the design system website. */
-[data-brand="advertorial"][data-breakpoint="md"] .bilddesignsidemenu {
+[data-brand="advertorial"][data-breakpoint="md"] .bild-design-side-menu {
   font-family: Gotham XNarrow;
   font-weight: 400;
 }
 
 /* This text style is only used for mockup pages of the design system website. */
-[data-brand="advertorial"][data-breakpoint="md"] .bilddesignsidemenuactive {
+[data-brand="advertorial"][data-breakpoint="md"] .bild-design-side-menu-active {
   font-family: Gotham XNarrow;
   font-weight: 400;
   text-decoration: underline;
 }
 
 /* This text style is only used for mockup pages of the design system website. */
-[data-brand="advertorial"][data-breakpoint="md"] .bilddesignsidemenuhover {
+[data-brand="advertorial"][data-breakpoint="md"] .bild-design-side-menu-hover {
   font-family: Gotham XNarrow;
   font-weight: 600;
 }
 
 /* This text style is only used for mockups the vertical video component teaser headlines. */
-[data-brand="advertorial"][data-breakpoint="md"] .verticalvideosmockheadlines {
+[data-brand="advertorial"][data-breakpoint="md"] .vertical-videos-mock-headlines {
   font-family: Gotham Condensed;
   font-weight: 600;
   font-size: 32px;
@@ -57,33 +58,37 @@
 }
 
 /* This text style is used on documentation pages that contain some token information. */
-[data-brand="advertorial"][data-breakpoint="md"] .tokenspecl {
+[data-brand="advertorial"][data-breakpoint="md"] .token-spec-l {
   font-family: Source Code Pro;
+  font-weight: 500;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsxs {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-xs {
   font-family: Gotham;
   font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specss {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-s {
   font-family: Gotham;
+  font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsms {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-ms {
   font-family: Gotham;
+  font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsm {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-m {
   font-family: Gotham;
+  font-weight: 400;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsml {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-ml {
   font-family: Gotham;
   font-weight: 400;
   font-size: 64px;
@@ -92,21 +97,21 @@
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsl {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-l {
   font-family: Gotham;
   font-weight: 400;
   text-decoration: underline;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsxl {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-xl {
   font-family: Gotham;
   font-weight: 600;
   text-decoration: underline;
 }
 
 /* This text style is only used for audit pages of the design system. */
-[data-brand="advertorial"][data-breakpoint="md"] .specs-.specsxxl {
+[data-brand="advertorial"][data-breakpoint="md"] .specs-specs-xxl {
   font-family: Gotham;
   font-weight: 600;
   text-decoration: underline;