@marioschmidt/design-system-tokens 1.7.7 → 1.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/dist/css/advertorial/{theme.css → colors.css} +2 -2
  2. package/dist/css/advertorial/components/article-utilities.css +54 -0
  3. package/dist/css/advertorial/components/article.css +1 -42
  4. package/dist/css/advertorial/components/audioplayer-utilities.css +23 -0
  5. package/dist/css/advertorial/components/audioplayer.css +1 -11
  6. package/dist/css/advertorial/components/avatar-utilities.css +57 -0
  7. package/dist/css/advertorial/components/avatar.css +1 -45
  8. package/dist/css/advertorial/components/badge-utilities.css +31 -0
  9. package/dist/css/advertorial/components/badge.css +1 -19
  10. package/dist/css/advertorial/components/breadcrumb-utilities.css +41 -0
  11. package/dist/css/advertorial/components/breadcrumb.css +1 -29
  12. package/dist/css/advertorial/components/breakingnews-utilities.css +40 -0
  13. package/dist/css/advertorial/components/breakingnews.css +1 -28
  14. package/dist/css/advertorial/components/button-utilities.css +33 -0
  15. package/dist/css/advertorial/components/button.css +1 -21
  16. package/dist/css/advertorial/components/card.css +1 -1
  17. package/dist/css/advertorial/components/carousel.css +1 -1
  18. package/dist/css/advertorial/components/chip-utilities.css +22 -0
  19. package/dist/css/advertorial/components/chip.css +1 -10
  20. package/dist/css/advertorial/components/datepicker.css +1 -1
  21. package/dist/css/advertorial/components/drawers.css +1 -1
  22. package/dist/css/advertorial/components/dropdown.css +1 -1
  23. package/dist/css/advertorial/components/footer-utilities.css +23 -0
  24. package/dist/css/advertorial/components/footer.css +1 -11
  25. package/dist/css/advertorial/components/icon.css +1 -1
  26. package/dist/css/advertorial/components/iconbutton.css +1 -1
  27. package/dist/css/advertorial/components/infoelement.css +1 -1
  28. package/dist/css/advertorial/components/inputfield-utilities.css +23 -0
  29. package/dist/css/advertorial/components/inputfield.css +1 -11
  30. package/dist/css/advertorial/components/liveticker-utilities.css +31 -0
  31. package/dist/css/advertorial/components/liveticker.css +1 -19
  32. package/dist/css/advertorial/components/mediaplayer-utilities.css +40 -0
  33. package/dist/css/advertorial/components/mediaplayer.css +1 -28
  34. package/dist/css/advertorial/components/menu-utilities.css +50 -0
  35. package/dist/css/advertorial/components/menu.css +1 -38
  36. package/dist/css/advertorial/components/newsticker-utilities.css +39 -0
  37. package/dist/css/advertorial/components/newsticker.css +1 -27
  38. package/dist/css/advertorial/components/pagination-utilities.css +25 -0
  39. package/dist/css/advertorial/components/pagination.css +1 -13
  40. package/dist/css/advertorial/components/paywall-utilities.css +33 -0
  41. package/dist/css/advertorial/components/paywall.css +1 -21
  42. package/dist/css/advertorial/components/quote.css +1 -1
  43. package/dist/css/advertorial/components/radiobutton.css +1 -1
  44. package/dist/css/advertorial/components/search.css +1 -1
  45. package/dist/css/advertorial/components/sectiontitle.css +1 -1
  46. package/dist/css/advertorial/components/separator.css +1 -1
  47. package/dist/css/advertorial/components/skeletons.css +1 -1
  48. package/dist/css/advertorial/components/slider.css +1 -1
  49. package/dist/css/advertorial/components/specialnavi-utilities.css +23 -0
  50. package/dist/css/advertorial/components/specialnavi.css +1 -11
  51. package/dist/css/advertorial/components/spinner.css +1 -1
  52. package/dist/css/advertorial/components/tab-utilities.css +39 -0
  53. package/dist/css/advertorial/components/tab.css +1 -27
  54. package/dist/css/advertorial/components/table.css +1 -1
  55. package/dist/css/advertorial/components/teaser-utilities.css +63 -0
  56. package/dist/css/advertorial/components/teaser.css +1 -51
  57. package/dist/css/advertorial/components/toggleswitch-utilities.css +24 -0
  58. package/dist/css/advertorial/components/toggleswitch.css +1 -12
  59. package/dist/css/advertorial/components/video.css +1 -1
  60. package/dist/css/advertorial/{tokens.css → sizing.css} +2 -377
  61. package/dist/css/advertorial/utilities.css +388 -0
  62. package/dist/css/bild/{theme.css → colors.css} +2 -42
  63. package/dist/css/bild/components/alert-utilities.css +25 -0
  64. package/dist/css/bild/components/alert.css +2 -12
  65. package/dist/css/bild/components/article-utilities.css +54 -0
  66. package/dist/css/bild/components/article.css +1 -42
  67. package/dist/css/bild/components/audioplayer-utilities.css +23 -0
  68. package/dist/css/bild/components/audioplayer.css +1 -11
  69. package/dist/css/bild/components/avatar-utilities.css +57 -0
  70. package/dist/css/bild/components/avatar.css +1 -45
  71. package/dist/css/bild/components/badge-utilities.css +31 -0
  72. package/dist/css/bild/components/badge.css +1 -19
  73. package/dist/css/bild/components/breadcrumb-utilities.css +41 -0
  74. package/dist/css/bild/components/breadcrumb.css +1 -29
  75. package/dist/css/bild/components/breakingnews-utilities.css +40 -0
  76. package/dist/css/bild/components/breakingnews.css +1 -28
  77. package/dist/css/bild/components/button-utilities.css +33 -0
  78. package/dist/css/bild/components/button.css +1 -21
  79. package/dist/css/bild/components/card.css +1 -1
  80. package/dist/css/bild/components/carousel.css +1 -1
  81. package/dist/css/bild/components/chip-utilities.css +22 -0
  82. package/dist/css/bild/components/chip.css +1 -10
  83. package/dist/css/bild/components/datepicker.css +1 -1
  84. package/dist/css/bild/components/drawers.css +1 -1
  85. package/dist/css/bild/components/dropdown.css +1 -1
  86. package/dist/css/bild/components/empties.css +1 -1
  87. package/dist/css/bild/components/footer-utilities.css +23 -0
  88. package/dist/css/bild/components/footer.css +1 -11
  89. package/dist/css/bild/components/gallery.css +1 -1
  90. package/dist/css/bild/components/icon.css +1 -1
  91. package/dist/css/bild/components/iconbutton.css +1 -1
  92. package/dist/css/bild/components/infoelement.css +1 -1
  93. package/dist/css/bild/components/inputfield-utilities.css +23 -0
  94. package/dist/css/bild/components/inputfield.css +1 -11
  95. package/dist/css/bild/components/kicker.css +1 -1
  96. package/dist/css/bild/components/liveticker-utilities.css +31 -0
  97. package/dist/css/bild/components/liveticker.css +1 -19
  98. package/dist/css/bild/components/mediaplayer-utilities.css +40 -0
  99. package/dist/css/bild/components/mediaplayer.css +1 -28
  100. package/dist/css/bild/components/menu-utilities.css +62 -0
  101. package/dist/css/bild/components/menu.css +6 -51
  102. package/dist/css/bild/components/menuitem.css +1 -1
  103. package/dist/css/bild/components/newsticker-utilities.css +39 -0
  104. package/dist/css/bild/components/newsticker.css +1 -27
  105. package/dist/css/bild/components/pagination-utilities.css +25 -0
  106. package/dist/css/bild/components/pagination.css +1 -13
  107. package/dist/css/bild/components/partnerlinks.css +1 -1
  108. package/dist/css/bild/components/paywall-utilities.css +33 -0
  109. package/dist/css/bild/components/paywall.css +1 -21
  110. package/dist/css/bild/components/quote.css +1 -1
  111. package/dist/css/bild/components/radiobutton.css +1 -1
  112. package/dist/css/bild/components/search.css +1 -1
  113. package/dist/css/bild/components/sectiontitle.css +1 -1
  114. package/dist/css/bild/components/selection.css +1 -1
  115. package/dist/css/bild/components/separator.css +1 -1
  116. package/dist/css/bild/components/skeletons.css +1 -1
  117. package/dist/css/bild/components/slider.css +1 -1
  118. package/dist/css/bild/components/specialnavi-utilities.css +23 -0
  119. package/dist/css/bild/components/specialnavi.css +1 -11
  120. package/dist/css/bild/components/spinner.css +1 -1
  121. package/dist/css/bild/components/subheader.css +1 -1
  122. package/dist/css/bild/components/tab-utilities.css +39 -0
  123. package/dist/css/bild/components/tab.css +1 -27
  124. package/dist/css/bild/components/table.css +1 -1
  125. package/dist/css/bild/components/teaser-utilities.css +70 -0
  126. package/dist/css/bild/components/teaser.css +5 -58
  127. package/dist/css/bild/components/toggleswitch-utilities.css +24 -0
  128. package/dist/css/bild/components/toggleswitch.css +1 -12
  129. package/dist/css/bild/components/video.css +1 -1
  130. package/dist/css/bild/{tokens.css → sizing.css} +2 -377
  131. package/dist/css/bild/utilities.css +430 -0
  132. package/dist/css/bundles/advertorial-utilities.css +852 -0
  133. package/dist/css/bundles/advertorial.css +4 -833
  134. package/dist/css/bundles/bild-utilities.css +925 -0
  135. package/dist/css/bundles/bild.css +14 -904
  136. package/dist/css/bundles/sportbild-utilities.css +955 -0
  137. package/dist/css/bundles/sportbild.css +14 -934
  138. package/dist/css/shared/colorprimitive.css +1 -1
  139. package/dist/css/shared/fontprimitive.css +1 -1
  140. package/dist/css/shared/primitives.css +1 -1
  141. package/dist/css/shared/sizeprimitive.css +1 -1
  142. package/dist/css/shared/spaceprimitive.css +1 -1
  143. package/dist/css/sportbild/{theme.css → colors.css} +2 -42
  144. package/dist/css/sportbild/components/alert-utilities.css +25 -0
  145. package/dist/css/sportbild/components/alert.css +2 -12
  146. package/dist/css/sportbild/components/article-utilities.css +56 -0
  147. package/dist/css/sportbild/components/article.css +1 -44
  148. package/dist/css/sportbild/components/audioplayer-utilities.css +23 -0
  149. package/dist/css/sportbild/components/audioplayer.css +1 -11
  150. package/dist/css/sportbild/components/avatar-utilities.css +57 -0
  151. package/dist/css/sportbild/components/avatar.css +1 -45
  152. package/dist/css/sportbild/components/badge-utilities.css +31 -0
  153. package/dist/css/sportbild/components/badge.css +1 -19
  154. package/dist/css/sportbild/components/breadcrumb-utilities.css +41 -0
  155. package/dist/css/sportbild/components/breadcrumb.css +1 -29
  156. package/dist/css/sportbild/components/breakingnews-utilities.css +40 -0
  157. package/dist/css/sportbild/components/breakingnews.css +1 -28
  158. package/dist/css/sportbild/components/button-utilities.css +34 -0
  159. package/dist/css/sportbild/components/button.css +1 -22
  160. package/dist/css/sportbild/components/card.css +1 -1
  161. package/dist/css/sportbild/components/carousel.css +1 -1
  162. package/dist/css/sportbild/components/chip-utilities.css +22 -0
  163. package/dist/css/sportbild/components/chip.css +1 -10
  164. package/dist/css/sportbild/components/datepicker.css +1 -1
  165. package/dist/css/sportbild/components/drawers.css +1 -1
  166. package/dist/css/sportbild/components/dropdown.css +1 -1
  167. package/dist/css/sportbild/components/empties.css +1 -1
  168. package/dist/css/sportbild/components/footer-utilities.css +23 -0
  169. package/dist/css/sportbild/components/footer.css +1 -11
  170. package/dist/css/sportbild/components/gallery.css +1 -1
  171. package/dist/css/sportbild/components/icon.css +1 -1
  172. package/dist/css/sportbild/components/iconbutton.css +1 -1
  173. package/dist/css/sportbild/components/infoelement.css +1 -1
  174. package/dist/css/sportbild/components/inputfield-utilities.css +23 -0
  175. package/dist/css/sportbild/components/inputfield.css +1 -11
  176. package/dist/css/sportbild/components/kicker.css +1 -1
  177. package/dist/css/sportbild/components/liveticker-utilities.css +31 -0
  178. package/dist/css/sportbild/components/liveticker.css +1 -19
  179. package/dist/css/sportbild/components/mediaplayer-utilities.css +40 -0
  180. package/dist/css/sportbild/components/mediaplayer.css +1 -28
  181. package/dist/css/sportbild/components/menu-utilities.css +64 -0
  182. package/dist/css/sportbild/components/menu.css +6 -53
  183. package/dist/css/sportbild/components/menuitem.css +1 -1
  184. package/dist/css/sportbild/components/newsticker-utilities.css +40 -0
  185. package/dist/css/sportbild/components/newsticker.css +1 -28
  186. package/dist/css/sportbild/components/pagination-utilities.css +25 -0
  187. package/dist/css/sportbild/components/pagination.css +1 -13
  188. package/dist/css/sportbild/components/partnerlinks.css +1 -1
  189. package/dist/css/sportbild/components/paywall-utilities.css +33 -0
  190. package/dist/css/sportbild/components/paywall.css +1 -21
  191. package/dist/css/sportbild/components/quote.css +1 -1
  192. package/dist/css/sportbild/components/radiobutton.css +1 -1
  193. package/dist/css/sportbild/components/search.css +1 -1
  194. package/dist/css/sportbild/components/sectiontitle.css +1 -1
  195. package/dist/css/sportbild/components/selection.css +1 -1
  196. package/dist/css/sportbild/components/separator.css +1 -1
  197. package/dist/css/sportbild/components/skeletons.css +1 -1
  198. package/dist/css/sportbild/components/slider.css +1 -1
  199. package/dist/css/sportbild/components/specialnavi-utilities.css +24 -0
  200. package/dist/css/sportbild/components/specialnavi.css +1 -12
  201. package/dist/css/sportbild/components/spinner.css +1 -1
  202. package/dist/css/sportbild/components/subheader.css +1 -1
  203. package/dist/css/sportbild/components/tab-utilities.css +39 -0
  204. package/dist/css/sportbild/components/tab.css +1 -27
  205. package/dist/css/sportbild/components/table.css +1 -1
  206. package/dist/css/sportbild/components/teaser-utilities.css +76 -0
  207. package/dist/css/sportbild/components/teaser.css +5 -64
  208. package/dist/css/sportbild/components/toggleswitch-utilities.css +24 -0
  209. package/dist/css/sportbild/components/toggleswitch.css +1 -12
  210. package/dist/css/sportbild/components/video.css +1 -1
  211. package/dist/css/sportbild/{tokens.css → sizing.css} +2 -394
  212. package/dist/css/sportbild/utilities.css +447 -0
  213. package/docs/css.md +44 -28
  214. package/package.json +1 -1
@@ -1,10 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
- * Brand: Advertorial | Bundle: Theme (Color tokens + Effects for light/dark mode)
7
+ * Brand: Advertorial | Bundle: Colors (Color tokens + Effects variables for light/dark mode)
8
8
  *
9
9
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
@@ -0,0 +1,54 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: Article Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .article-kicker,
18
+ :host([data-content-brand="advertorial"]) .article-kicker {
19
+ font-family: var(--kicker-font-family);
20
+ font-weight: 700;
21
+ font-size: var(--article-kicker-font-size);
22
+ line-height: var(--kicker-1-line-height);
23
+ }
24
+
25
+ [data-content-brand="advertorial"] .article-image-caption,
26
+ :host([data-content-brand="advertorial"]) .article-image-caption {
27
+ font-family: var(--body-font-family);
28
+ font-weight: var(--font-weight-bold, 700);
29
+ font-size: var(--article-image-caption-font-size);
30
+ line-height: var(--article-image-caption-line-height);
31
+ }
32
+
33
+ [data-content-brand="advertorial"] .article-headline,
34
+ :host([data-content-brand="advertorial"]) .article-headline {
35
+ font-family: var(--headline-font-family);
36
+ font-weight: 900;
37
+ font-size: var(--article-headline-font-size);
38
+ line-height: var(--article-headline-font-size);
39
+ }
40
+
41
+ [data-content-brand="advertorial"] .article-meta-source,
42
+ :host([data-content-brand="advertorial"]) .article-meta-source {
43
+ font-family: var(--footnote-font-family);
44
+ font-weight: var(--footnote-font-weight-book);
45
+ font-size: var(--article-image-source-font-size);
46
+ line-height: var(--article-image-source-line-height);
47
+ }
48
+
49
+ [data-content-brand="advertorial"] .article-time-stamp,
50
+ :host([data-content-brand="advertorial"]) .article-time-stamp {
51
+ font-family: var(--article-meta-font-family);
52
+ font-weight: var(--font-weight-black, 800);
53
+ font-size: var(--article-meta-font-size);
54
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Article Component Tokens
@@ -12,47 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .article-kicker,
18
- :host([data-content-brand="advertorial"]) .article-kicker {
19
- font-family: var(--kicker-font-family);
20
- font-weight: 700;
21
- font-size: var(--article-kicker-font-size);
22
- line-height: var(--kicker-1-line-height);
23
- }
24
-
25
- [data-content-brand="advertorial"] .article-image-caption,
26
- :host([data-content-brand="advertorial"]) .article-image-caption {
27
- font-family: var(--body-font-family);
28
- font-weight: var(--font-weight-bold, 700);
29
- font-size: var(--article-image-caption-font-size);
30
- line-height: var(--article-image-caption-line-height);
31
- }
32
-
33
- [data-content-brand="advertorial"] .article-headline,
34
- :host([data-content-brand="advertorial"]) .article-headline {
35
- font-family: var(--headline-font-family);
36
- font-weight: 900;
37
- font-size: var(--article-headline-font-size);
38
- line-height: var(--article-headline-font-size);
39
- }
40
-
41
- [data-content-brand="advertorial"] .article-meta-source,
42
- :host([data-content-brand="advertorial"]) .article-meta-source {
43
- font-family: var(--footnote-font-family);
44
- font-weight: var(--footnote-font-weight-book);
45
- font-size: var(--article-image-source-font-size);
46
- line-height: var(--article-image-source-line-height);
47
- }
48
-
49
- [data-content-brand="advertorial"] .article-time-stamp,
50
- :host([data-content-brand="advertorial"]) .article-time-stamp {
51
- font-family: var(--article-meta-font-family);
52
- font-weight: var(--font-weight-black, 800);
53
- font-size: var(--article-meta-font-size);
54
- }
55
-
56
15
  /* === BREAKPOINT TOKENS === */
57
16
 
58
17
  [data-content-brand="advertorial"],
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: AudioPlayer Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .audio-player-label,
18
+ :host([data-content-brand="advertorial"]) .audio-player-label {
19
+ font-family: var(--label-font-family);
20
+ font-weight: var(--label-font-weight-bold);
21
+ font-size: var(--audio-player-font-size);
22
+ line-height: var(--audio-player-font-size);
23
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: AudioPlayer Component Tokens
@@ -12,16 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .audio-player-label,
18
- :host([data-content-brand="advertorial"]) .audio-player-label {
19
- font-family: var(--label-font-family);
20
- font-weight: var(--label-font-weight-bold);
21
- font-size: var(--audio-player-font-size);
22
- line-height: var(--audio-player-font-size);
23
- }
24
-
25
15
  /* === BREAKPOINT TOKENS === */
26
16
 
27
17
  [data-content-brand="advertorial"],
@@ -0,0 +1,57 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: Avatar Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .app-avatar,
18
+ :host([data-content-brand="advertorial"]) .app-avatar {
19
+ font-family: var(--article-meta-font-family);
20
+ font-weight: var(--font-weight-black, 800);
21
+ font-size: var(--article-meta-font-size);
22
+ text-transform: uppercase;
23
+ }
24
+
25
+ [data-content-brand="advertorial"] .avatar-default,
26
+ :host([data-content-brand="advertorial"]) .avatar-default {
27
+ font-family: var(--avatar-font-family);
28
+ font-weight: var(--font-weight-bold, 700);
29
+ font-size: var(--avatar-label-font-size);
30
+ line-height: var(--avatar-label-line-height);
31
+ }
32
+
33
+ [data-content-brand="advertorial"] .avatar-hover,
34
+ :host([data-content-brand="advertorial"]) .avatar-hover {
35
+ font-family: var(--avatar-font-family);
36
+ font-weight: var(--label-font-weight-bold);
37
+ font-size: var(--avatar-label-font-size);
38
+ line-height: var(--avatar-label-line-height);
39
+ text-decoration: underline;
40
+ }
41
+
42
+ [data-content-brand="advertorial"] .avatar-secondary-info,
43
+ :host([data-content-brand="advertorial"]) .avatar-secondary-info {
44
+ font-family: var(--avatar-font-family);
45
+ font-weight: var(--label-font-weight-book);
46
+ font-size: var(--avatar-label-font-size);
47
+ line-height: var(--avatar-label-line-height);
48
+ }
49
+
50
+ [data-content-brand="advertorial"] .avatar-secondary-info-hover,
51
+ :host([data-content-brand="advertorial"]) .avatar-secondary-info-hover {
52
+ font-family: var(--avatar-font-family);
53
+ font-weight: var(--label-font-weight-book);
54
+ font-size: var(--avatar-label-font-size);
55
+ line-height: var(--avatar-label-line-height);
56
+ text-decoration: underline;
57
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Avatar Component Tokens
@@ -12,50 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .app-avatar,
18
- :host([data-content-brand="advertorial"]) .app-avatar {
19
- font-family: var(--article-meta-font-family);
20
- font-weight: var(--font-weight-black, 800);
21
- font-size: var(--article-meta-font-size);
22
- text-transform: uppercase;
23
- }
24
-
25
- [data-content-brand="advertorial"] .avatar-default,
26
- :host([data-content-brand="advertorial"]) .avatar-default {
27
- font-family: var(--avatar-font-family);
28
- font-weight: var(--font-weight-bold, 700);
29
- font-size: var(--avatar-label-font-size);
30
- line-height: var(--avatar-label-line-height);
31
- }
32
-
33
- [data-content-brand="advertorial"] .avatar-hover,
34
- :host([data-content-brand="advertorial"]) .avatar-hover {
35
- font-family: var(--avatar-font-family);
36
- font-weight: var(--label-font-weight-bold);
37
- font-size: var(--avatar-label-font-size);
38
- line-height: var(--avatar-label-line-height);
39
- text-decoration: underline;
40
- }
41
-
42
- [data-content-brand="advertorial"] .avatar-secondary-info,
43
- :host([data-content-brand="advertorial"]) .avatar-secondary-info {
44
- font-family: var(--avatar-font-family);
45
- font-weight: var(--label-font-weight-book);
46
- font-size: var(--avatar-label-font-size);
47
- line-height: var(--avatar-label-line-height);
48
- }
49
-
50
- [data-content-brand="advertorial"] .avatar-secondary-info-hover,
51
- :host([data-content-brand="advertorial"]) .avatar-secondary-info-hover {
52
- font-family: var(--avatar-font-family);
53
- font-weight: var(--label-font-weight-book);
54
- font-size: var(--avatar-label-font-size);
55
- line-height: var(--avatar-label-line-height);
56
- text-decoration: underline;
57
- }
58
-
59
15
  /* === BREAKPOINT TOKENS === */
60
16
 
61
17
  [data-content-brand="advertorial"],
@@ -0,0 +1,31 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: Badge Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .video-ad-badge,
18
+ :host([data-content-brand="advertorial"]) .video-ad-badge {
19
+ font-family: var(--body-font-family);
20
+ font-weight: var(--font-weight-book, 400);
21
+ font-size: var(--video-ad-badge-font-size);
22
+ text-transform: uppercase;
23
+ }
24
+
25
+ [data-content-brand="advertorial"] .video-time-badge,
26
+ :host([data-content-brand="advertorial"]) .video-time-badge {
27
+ font-family: var(--body-font-family);
28
+ font-weight: var(--label-font-weight-book);
29
+ font-size: var(--video-time-badge-font-size);
30
+ line-height: var(--video-badge-time-line-height);
31
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Badge Component Tokens
@@ -12,24 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .video-ad-badge,
18
- :host([data-content-brand="advertorial"]) .video-ad-badge {
19
- font-family: var(--body-font-family);
20
- font-weight: var(--font-weight-book, 400);
21
- font-size: var(--video-ad-badge-font-size);
22
- text-transform: uppercase;
23
- }
24
-
25
- [data-content-brand="advertorial"] .video-time-badge,
26
- :host([data-content-brand="advertorial"]) .video-time-badge {
27
- font-family: var(--body-font-family);
28
- font-weight: var(--label-font-weight-book);
29
- font-size: var(--video-time-badge-font-size);
30
- line-height: var(--video-badge-time-line-height);
31
- }
32
-
33
15
  /* === BREAKPOINT TOKENS === */
34
16
 
35
17
  [data-content-brand="advertorial"],
@@ -0,0 +1,41 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: Breadcrumb Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .breadcrumb,
18
+ :host([data-content-brand="advertorial"]) .breadcrumb {
19
+ font-family: var(--breadcrumb-font-family);
20
+ font-weight: var(--breadcrumb-font-weight);
21
+ font-size: var(--breadcrumb-font-size);
22
+ line-height: var(--breadcrumb-line-height);
23
+ }
24
+
25
+ [data-content-brand="advertorial"] .breadcrumb-link,
26
+ :host([data-content-brand="advertorial"]) .breadcrumb-link {
27
+ font-family: var(--breadcrumb-font-family);
28
+ font-weight: var(--breadcrumb-font-weight);
29
+ font-size: var(--breadcrumb-font-size);
30
+ line-height: var(--breadcrumb-font-size);
31
+ text-decoration: underline;
32
+ }
33
+
34
+ [data-content-brand="advertorial"] .breadcrumb-link-hover,
35
+ :host([data-content-brand="advertorial"]) .breadcrumb-link-hover {
36
+ font-family: var(--breadcrumb-font-family);
37
+ font-weight: var(--breadcrumb-font-weight);
38
+ font-size: var(--breadcrumb-font-size);
39
+ line-height: var(--breadcrumb-font-size);
40
+ text-decoration: underline;
41
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Breadcrumb Component Tokens
@@ -12,34 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .breadcrumb,
18
- :host([data-content-brand="advertorial"]) .breadcrumb {
19
- font-family: var(--breadcrumb-font-family);
20
- font-weight: var(--breadcrumb-font-weight);
21
- font-size: var(--breadcrumb-font-size);
22
- line-height: var(--breadcrumb-line-height);
23
- }
24
-
25
- [data-content-brand="advertorial"] .breadcrumb-link,
26
- :host([data-content-brand="advertorial"]) .breadcrumb-link {
27
- font-family: var(--breadcrumb-font-family);
28
- font-weight: var(--breadcrumb-font-weight);
29
- font-size: var(--breadcrumb-font-size);
30
- line-height: var(--breadcrumb-font-size);
31
- text-decoration: underline;
32
- }
33
-
34
- [data-content-brand="advertorial"] .breadcrumb-link-hover,
35
- :host([data-content-brand="advertorial"]) .breadcrumb-link-hover {
36
- font-family: var(--breadcrumb-font-family);
37
- font-weight: var(--breadcrumb-font-weight);
38
- font-size: var(--breadcrumb-font-size);
39
- line-height: var(--breadcrumb-font-size);
40
- text-decoration: underline;
41
- }
42
-
43
15
  /* === BREAKPOINT TOKENS === */
44
16
 
45
17
  [data-content-brand="advertorial"],
@@ -0,0 +1,40 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: BreakingNews Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .breaking-news-text,
18
+ :host([data-content-brand="advertorial"]) .breaking-news-text {
19
+ font-family: var(--kicker-font-family);
20
+ font-weight: var(--body-font-weight-bold);
21
+ font-size: var(--breaking-news-scrolling-text-font-size);
22
+ line-height: var(--breaking-news-scrolling-text-line-height);
23
+ text-transform: uppercase;
24
+ }
25
+
26
+ [data-content-brand="advertorial"] .breaking-news-upper-title,
27
+ :host([data-content-brand="advertorial"]) .breaking-news-upper-title {
28
+ font-family: var(--title-font-family);
29
+ font-weight: var(--title-font-weight);
30
+ font-size: var(--breaking-news-badge-upper-title-font-size);
31
+ line-height: var(--breaking-news-badge-upper-title-line-height);
32
+ }
33
+
34
+ [data-content-brand="advertorial"] .breaking-news-lower-title,
35
+ :host([data-content-brand="advertorial"]) .breaking-news-lower-title {
36
+ font-family: var(--title-font-family);
37
+ font-weight: var(--title-font-weight);
38
+ font-size: var(--breaking-news-badge-lower-title-font-size);
39
+ line-height: var(--breaking-news-badge-lower-title-line-height);
40
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: BreakingNews Component Tokens
@@ -12,33 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .breaking-news-text,
18
- :host([data-content-brand="advertorial"]) .breaking-news-text {
19
- font-family: var(--kicker-font-family);
20
- font-weight: var(--body-font-weight-bold);
21
- font-size: var(--breaking-news-scrolling-text-font-size);
22
- line-height: var(--breaking-news-scrolling-text-line-height);
23
- text-transform: uppercase;
24
- }
25
-
26
- [data-content-brand="advertorial"] .breaking-news-upper-title,
27
- :host([data-content-brand="advertorial"]) .breaking-news-upper-title {
28
- font-family: var(--title-font-family);
29
- font-weight: var(--title-font-weight);
30
- font-size: var(--breaking-news-badge-upper-title-font-size);
31
- line-height: var(--breaking-news-badge-upper-title-line-height);
32
- }
33
-
34
- [data-content-brand="advertorial"] .breaking-news-lower-title,
35
- :host([data-content-brand="advertorial"]) .breaking-news-lower-title {
36
- font-family: var(--title-font-family);
37
- font-weight: var(--title-font-weight);
38
- font-size: var(--breaking-news-badge-lower-title-font-size);
39
- line-height: var(--breaking-news-badge-lower-title-line-height);
40
- }
41
-
42
15
  /* === BREAKPOINT TOKENS === */
43
16
 
44
17
  [data-content-brand="advertorial"],
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: Button Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .button-label,
18
+ :host([data-content-brand="advertorial"]) .button-label {
19
+ font-family: var(--button-label-font-family);
20
+ font-weight: 700;
21
+ font-size: var(--button-label-font-size);
22
+ line-height: var(--button-label-line-height);
23
+ letter-spacing: var(--letter-space-positive-sm);
24
+ text-transform: uppercase;
25
+ }
26
+
27
+ [data-content-brand="advertorial"] .partner-link-button-label,
28
+ :host([data-content-brand="advertorial"]) .partner-link-button-label {
29
+ font-family: var(--label-font-family);
30
+ font-weight: var(--label-font-weight-book);
31
+ font-size: var(--partner-link-button-label-font-size);
32
+ line-height: var(--partner-link-button-label-font-size);
33
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Button Component Tokens
@@ -56,26 +56,6 @@
56
56
 
57
57
  }
58
58
 
59
- /* === TYPOGRAPHY TOKENS === */
60
-
61
- [data-content-brand="advertorial"] .button-label,
62
- :host([data-content-brand="advertorial"]) .button-label {
63
- font-family: var(--button-label-font-family);
64
- font-weight: 700;
65
- font-size: var(--button-label-font-size);
66
- line-height: var(--button-label-line-height);
67
- letter-spacing: var(--letter-space-positive-sm);
68
- text-transform: uppercase;
69
- }
70
-
71
- [data-content-brand="advertorial"] .partner-link-button-label,
72
- :host([data-content-brand="advertorial"]) .partner-link-button-label {
73
- font-family: var(--label-font-family);
74
- font-weight: var(--label-font-weight-book);
75
- font-size: var(--partner-link-button-label-font-size);
76
- line-height: var(--partner-link-button-label-font-size);
77
- }
78
-
79
59
  /* === BREAKPOINT TOKENS === */
80
60
 
81
61
  [data-content-brand="advertorial"],
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Card Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Carousel Component Tokens
@@ -0,0 +1,22 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.9
5
+ * Generated by Style Dictionary v5.1.4
6
+ *
7
+ * Brand: Advertorial | Bundle: Chip Utility Classes
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === TYPOGRAPHY CLASSES === */
16
+
17
+ [data-content-brand="advertorial"] .chip-label,
18
+ :host([data-content-brand="advertorial"]) .chip-label {
19
+ font-family: var(--footnote-font-family);
20
+ font-weight: var(--label-font-weight-bold);
21
+ font-size: var(--chip-font-size);
22
+ }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Chip Component Tokens
@@ -12,15 +12,6 @@
12
12
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
- /* === TYPOGRAPHY TOKENS === */
16
-
17
- [data-content-brand="advertorial"] .chip-label,
18
- :host([data-content-brand="advertorial"]) .chip-label {
19
- font-family: var(--footnote-font-family);
20
- font-weight: var(--label-font-weight-bold);
21
- font-size: var(--chip-font-size);
22
- }
23
-
24
15
  /* === BREAKPOINT TOKENS === */
25
16
 
26
17
  [data-content-brand="advertorial"],
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.7.7
4
+ * BILD Design System Tokens v1.7.9
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Datepicker Component Tokens