@marioschmidt/design-system-components 1.7.7 → 1.7.8

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 (239) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/{p-217f0839.entry.js → p-990d50cf.entry.js} +1 -1
  4. package/dist/bds/p-Bf75cAb9.js +2 -0
  5. package/dist/cjs/bds.cjs.js +1 -1
  6. package/dist/cjs/ds-button_3.cjs.entry.js +1 -1
  7. package/dist/cjs/{index-CGF2GAZ9.js → index-DTpnElz0.js} +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/components/ds-button.d.ts +1 -1
  10. package/dist/components/ds-card.d.ts +1 -1
  11. package/dist/components/ds-icon.d.ts +1 -1
  12. package/dist/components/index.js +1 -1
  13. package/dist/esm/bds.js +2 -2
  14. package/dist/esm/ds-button_3.entry.js +1 -1
  15. package/dist/esm/{index-C5-c-RTg.js → index-Bf75cAb9.js} +1 -1
  16. package/dist/esm/loader.js +2 -2
  17. package/dist/www/build/bds.css +1 -1
  18. package/dist/www/build/bds.esm.js +1 -1
  19. package/dist/www/build/p-91d54bab.css +1 -0
  20. package/dist/www/build/{p-217f0839.entry.js → p-990d50cf.entry.js} +1 -1
  21. package/dist/www/build/p-Bf75cAb9.js +2 -0
  22. package/dist/www/css/advertorial/{theme.css → colors.css} +2 -2
  23. package/dist/www/css/advertorial/components/article-utilities.css +54 -0
  24. package/dist/www/css/advertorial/components/article.css +1 -42
  25. package/dist/www/css/advertorial/components/audioplayer-utilities.css +23 -0
  26. package/dist/www/css/advertorial/components/audioplayer.css +1 -11
  27. package/dist/www/css/advertorial/components/avatar-utilities.css +57 -0
  28. package/dist/www/css/advertorial/components/avatar.css +1 -45
  29. package/dist/www/css/advertorial/components/badge-utilities.css +31 -0
  30. package/dist/www/css/advertorial/components/badge.css +1 -19
  31. package/dist/www/css/advertorial/components/breadcrumb-utilities.css +41 -0
  32. package/dist/www/css/advertorial/components/breadcrumb.css +1 -29
  33. package/dist/www/css/advertorial/components/breakingnews-utilities.css +40 -0
  34. package/dist/www/css/advertorial/components/breakingnews.css +1 -28
  35. package/dist/www/css/advertorial/components/button-utilities.css +33 -0
  36. package/dist/www/css/advertorial/components/button.css +1 -21
  37. package/dist/www/css/advertorial/components/card.css +1 -1
  38. package/dist/www/css/advertorial/components/carousel.css +1 -1
  39. package/dist/www/css/advertorial/components/chip-utilities.css +22 -0
  40. package/dist/www/css/advertorial/components/chip.css +1 -10
  41. package/dist/www/css/advertorial/components/datepicker.css +1 -1
  42. package/dist/www/css/advertorial/components/drawers.css +1 -1
  43. package/dist/www/css/advertorial/components/dropdown.css +1 -1
  44. package/dist/www/css/advertorial/components/footer-utilities.css +23 -0
  45. package/dist/www/css/advertorial/components/footer.css +1 -11
  46. package/dist/www/css/advertorial/components/icon.css +1 -1
  47. package/dist/www/css/advertorial/components/iconbutton.css +1 -1
  48. package/dist/www/css/advertorial/components/infoelement.css +1 -1
  49. package/dist/www/css/advertorial/components/inputfield-utilities.css +23 -0
  50. package/dist/www/css/advertorial/components/inputfield.css +1 -11
  51. package/dist/www/css/advertorial/components/liveticker-utilities.css +31 -0
  52. package/dist/www/css/advertorial/components/liveticker.css +1 -19
  53. package/dist/www/css/advertorial/components/mediaplayer-utilities.css +40 -0
  54. package/dist/www/css/advertorial/components/mediaplayer.css +1 -28
  55. package/dist/www/css/advertorial/components/menu-utilities.css +50 -0
  56. package/dist/www/css/advertorial/components/menu.css +1 -38
  57. package/dist/www/css/advertorial/components/newsticker-utilities.css +39 -0
  58. package/dist/www/css/advertorial/components/newsticker.css +1 -27
  59. package/dist/www/css/advertorial/components/pagination-utilities.css +25 -0
  60. package/dist/www/css/advertorial/components/pagination.css +1 -13
  61. package/dist/www/css/advertorial/components/paywall-utilities.css +33 -0
  62. package/dist/www/css/advertorial/components/paywall.css +1 -21
  63. package/dist/www/css/advertorial/components/quote.css +1 -1
  64. package/dist/www/css/advertorial/components/radiobutton.css +1 -1
  65. package/dist/www/css/advertorial/components/search.css +1 -1
  66. package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
  67. package/dist/www/css/advertorial/components/separator.css +1 -1
  68. package/dist/www/css/advertorial/components/skeletons.css +1 -1
  69. package/dist/www/css/advertorial/components/slider.css +1 -1
  70. package/dist/www/css/advertorial/components/specialnavi-utilities.css +23 -0
  71. package/dist/www/css/advertorial/components/specialnavi.css +1 -11
  72. package/dist/www/css/advertorial/components/spinner.css +1 -1
  73. package/dist/www/css/advertorial/components/tab-utilities.css +39 -0
  74. package/dist/www/css/advertorial/components/tab.css +1 -27
  75. package/dist/www/css/advertorial/components/table.css +1 -1
  76. package/dist/www/css/advertorial/components/teaser-utilities.css +63 -0
  77. package/dist/www/css/advertorial/components/teaser.css +1 -51
  78. package/dist/www/css/advertorial/components/toggleswitch-utilities.css +24 -0
  79. package/dist/www/css/advertorial/components/toggleswitch.css +1 -12
  80. package/dist/www/css/advertorial/components/video.css +1 -1
  81. package/dist/www/css/advertorial/{tokens.css → sizing.css} +2 -377
  82. package/dist/www/css/advertorial/utilities.css +388 -0
  83. package/dist/www/css/bild/{theme.css → colors.css} +2 -42
  84. package/dist/www/css/bild/components/alert-utilities.css +25 -0
  85. package/dist/www/css/bild/components/alert.css +2 -12
  86. package/dist/www/css/bild/components/article-utilities.css +54 -0
  87. package/dist/www/css/bild/components/article.css +1 -42
  88. package/dist/www/css/bild/components/audioplayer-utilities.css +23 -0
  89. package/dist/www/css/bild/components/audioplayer.css +1 -11
  90. package/dist/www/css/bild/components/avatar-utilities.css +57 -0
  91. package/dist/www/css/bild/components/avatar.css +1 -45
  92. package/dist/www/css/bild/components/badge-utilities.css +31 -0
  93. package/dist/www/css/bild/components/badge.css +1 -19
  94. package/dist/www/css/bild/components/breadcrumb-utilities.css +41 -0
  95. package/dist/www/css/bild/components/breadcrumb.css +1 -29
  96. package/dist/www/css/bild/components/breakingnews-utilities.css +40 -0
  97. package/dist/www/css/bild/components/breakingnews.css +1 -28
  98. package/dist/www/css/bild/components/button-utilities.css +33 -0
  99. package/dist/www/css/bild/components/button.css +1 -21
  100. package/dist/www/css/bild/components/card.css +1 -1
  101. package/dist/www/css/bild/components/carousel.css +1 -1
  102. package/dist/www/css/bild/components/chip-utilities.css +22 -0
  103. package/dist/www/css/bild/components/chip.css +1 -10
  104. package/dist/www/css/bild/components/datepicker.css +1 -1
  105. package/dist/www/css/bild/components/drawers.css +1 -1
  106. package/dist/www/css/bild/components/dropdown.css +1 -1
  107. package/dist/www/css/bild/components/empties.css +1 -1
  108. package/dist/www/css/bild/components/footer-utilities.css +23 -0
  109. package/dist/www/css/bild/components/footer.css +1 -11
  110. package/dist/www/css/bild/components/gallery.css +1 -1
  111. package/dist/www/css/bild/components/icon.css +1 -1
  112. package/dist/www/css/bild/components/iconbutton.css +1 -1
  113. package/dist/www/css/bild/components/infoelement.css +1 -1
  114. package/dist/www/css/bild/components/inputfield-utilities.css +23 -0
  115. package/dist/www/css/bild/components/inputfield.css +1 -11
  116. package/dist/www/css/bild/components/kicker.css +1 -1
  117. package/dist/www/css/bild/components/liveticker-utilities.css +31 -0
  118. package/dist/www/css/bild/components/liveticker.css +1 -19
  119. package/dist/www/css/bild/components/mediaplayer-utilities.css +40 -0
  120. package/dist/www/css/bild/components/mediaplayer.css +1 -28
  121. package/dist/www/css/bild/components/menu-utilities.css +62 -0
  122. package/dist/www/css/bild/components/menu.css +6 -51
  123. package/dist/www/css/bild/components/menuitem.css +1 -1
  124. package/dist/www/css/bild/components/newsticker-utilities.css +39 -0
  125. package/dist/www/css/bild/components/newsticker.css +1 -27
  126. package/dist/www/css/bild/components/pagination-utilities.css +25 -0
  127. package/dist/www/css/bild/components/pagination.css +1 -13
  128. package/dist/www/css/bild/components/partnerlinks.css +1 -1
  129. package/dist/www/css/bild/components/paywall-utilities.css +33 -0
  130. package/dist/www/css/bild/components/paywall.css +1 -21
  131. package/dist/www/css/bild/components/quote.css +1 -1
  132. package/dist/www/css/bild/components/radiobutton.css +1 -1
  133. package/dist/www/css/bild/components/search.css +1 -1
  134. package/dist/www/css/bild/components/sectiontitle.css +1 -1
  135. package/dist/www/css/bild/components/selection.css +1 -1
  136. package/dist/www/css/bild/components/separator.css +1 -1
  137. package/dist/www/css/bild/components/skeletons.css +1 -1
  138. package/dist/www/css/bild/components/slider.css +1 -1
  139. package/dist/www/css/bild/components/specialnavi-utilities.css +23 -0
  140. package/dist/www/css/bild/components/specialnavi.css +1 -11
  141. package/dist/www/css/bild/components/spinner.css +1 -1
  142. package/dist/www/css/bild/components/subheader.css +1 -1
  143. package/dist/www/css/bild/components/tab-utilities.css +39 -0
  144. package/dist/www/css/bild/components/tab.css +1 -27
  145. package/dist/www/css/bild/components/table.css +1 -1
  146. package/dist/www/css/bild/components/teaser-utilities.css +70 -0
  147. package/dist/www/css/bild/components/teaser.css +5 -58
  148. package/dist/www/css/bild/components/toggleswitch-utilities.css +24 -0
  149. package/dist/www/css/bild/components/toggleswitch.css +1 -12
  150. package/dist/www/css/bild/components/video.css +1 -1
  151. package/dist/www/css/bild/{tokens.css → sizing.css} +2 -377
  152. package/dist/www/css/bild/utilities.css +430 -0
  153. package/dist/www/css/bundles/advertorial-utilities.css +852 -0
  154. package/dist/www/css/bundles/advertorial.css +4 -833
  155. package/dist/www/css/bundles/bild-utilities.css +925 -0
  156. package/dist/www/css/bundles/bild.css +14 -904
  157. package/dist/www/css/bundles/sportbild-utilities.css +955 -0
  158. package/dist/www/css/bundles/sportbild.css +14 -934
  159. package/dist/www/css/shared/colorprimitive.css +1 -1
  160. package/dist/www/css/shared/fontprimitive.css +1 -1
  161. package/dist/www/css/shared/primitives.css +1 -1
  162. package/dist/www/css/shared/sizeprimitive.css +1 -1
  163. package/dist/www/css/shared/spaceprimitive.css +1 -1
  164. package/dist/www/css/sportbild/{theme.css → colors.css} +2 -42
  165. package/dist/www/css/sportbild/components/alert-utilities.css +25 -0
  166. package/dist/www/css/sportbild/components/alert.css +2 -12
  167. package/dist/www/css/sportbild/components/article-utilities.css +56 -0
  168. package/dist/www/css/sportbild/components/article.css +1 -44
  169. package/dist/www/css/sportbild/components/audioplayer-utilities.css +23 -0
  170. package/dist/www/css/sportbild/components/audioplayer.css +1 -11
  171. package/dist/www/css/sportbild/components/avatar-utilities.css +57 -0
  172. package/dist/www/css/sportbild/components/avatar.css +1 -45
  173. package/dist/www/css/sportbild/components/badge-utilities.css +31 -0
  174. package/dist/www/css/sportbild/components/badge.css +1 -19
  175. package/dist/www/css/sportbild/components/breadcrumb-utilities.css +41 -0
  176. package/dist/www/css/sportbild/components/breadcrumb.css +1 -29
  177. package/dist/www/css/sportbild/components/breakingnews-utilities.css +40 -0
  178. package/dist/www/css/sportbild/components/breakingnews.css +1 -28
  179. package/dist/www/css/sportbild/components/button-utilities.css +34 -0
  180. package/dist/www/css/sportbild/components/button.css +1 -22
  181. package/dist/www/css/sportbild/components/card.css +1 -1
  182. package/dist/www/css/sportbild/components/carousel.css +1 -1
  183. package/dist/www/css/sportbild/components/chip-utilities.css +22 -0
  184. package/dist/www/css/sportbild/components/chip.css +1 -10
  185. package/dist/www/css/sportbild/components/datepicker.css +1 -1
  186. package/dist/www/css/sportbild/components/drawers.css +1 -1
  187. package/dist/www/css/sportbild/components/dropdown.css +1 -1
  188. package/dist/www/css/sportbild/components/empties.css +1 -1
  189. package/dist/www/css/sportbild/components/footer-utilities.css +23 -0
  190. package/dist/www/css/sportbild/components/footer.css +1 -11
  191. package/dist/www/css/sportbild/components/gallery.css +1 -1
  192. package/dist/www/css/sportbild/components/icon.css +1 -1
  193. package/dist/www/css/sportbild/components/iconbutton.css +1 -1
  194. package/dist/www/css/sportbild/components/infoelement.css +1 -1
  195. package/dist/www/css/sportbild/components/inputfield-utilities.css +23 -0
  196. package/dist/www/css/sportbild/components/inputfield.css +1 -11
  197. package/dist/www/css/sportbild/components/kicker.css +1 -1
  198. package/dist/www/css/sportbild/components/liveticker-utilities.css +31 -0
  199. package/dist/www/css/sportbild/components/liveticker.css +1 -19
  200. package/dist/www/css/sportbild/components/mediaplayer-utilities.css +40 -0
  201. package/dist/www/css/sportbild/components/mediaplayer.css +1 -28
  202. package/dist/www/css/sportbild/components/menu-utilities.css +64 -0
  203. package/dist/www/css/sportbild/components/menu.css +6 -53
  204. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  205. package/dist/www/css/sportbild/components/newsticker-utilities.css +40 -0
  206. package/dist/www/css/sportbild/components/newsticker.css +1 -28
  207. package/dist/www/css/sportbild/components/pagination-utilities.css +25 -0
  208. package/dist/www/css/sportbild/components/pagination.css +1 -13
  209. package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
  210. package/dist/www/css/sportbild/components/paywall-utilities.css +33 -0
  211. package/dist/www/css/sportbild/components/paywall.css +1 -21
  212. package/dist/www/css/sportbild/components/quote.css +1 -1
  213. package/dist/www/css/sportbild/components/radiobutton.css +1 -1
  214. package/dist/www/css/sportbild/components/search.css +1 -1
  215. package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
  216. package/dist/www/css/sportbild/components/selection.css +1 -1
  217. package/dist/www/css/sportbild/components/separator.css +1 -1
  218. package/dist/www/css/sportbild/components/skeletons.css +1 -1
  219. package/dist/www/css/sportbild/components/slider.css +1 -1
  220. package/dist/www/css/sportbild/components/specialnavi-utilities.css +24 -0
  221. package/dist/www/css/sportbild/components/specialnavi.css +1 -12
  222. package/dist/www/css/sportbild/components/spinner.css +1 -1
  223. package/dist/www/css/sportbild/components/subheader.css +1 -1
  224. package/dist/www/css/sportbild/components/tab-utilities.css +39 -0
  225. package/dist/www/css/sportbild/components/tab.css +1 -27
  226. package/dist/www/css/sportbild/components/table.css +1 -1
  227. package/dist/www/css/sportbild/components/teaser-utilities.css +76 -0
  228. package/dist/www/css/sportbild/components/teaser.css +5 -64
  229. package/dist/www/css/sportbild/components/toggleswitch-utilities.css +24 -0
  230. package/dist/www/css/sportbild/components/toggleswitch.css +1 -12
  231. package/dist/www/css/sportbild/components/video.css +1 -1
  232. package/dist/www/css/sportbild/{tokens.css → sizing.css} +2 -394
  233. package/dist/www/css/sportbild/utilities.css +447 -0
  234. package/dist/www/icons/manifest.json +2 -2
  235. package/dist/www/index.html +1 -1
  236. package/package.json +1 -1
  237. package/dist/bds/p-C5-c-RTg.js +0 -2
  238. package/dist/www/build/p-C5-c-RTg.js +0 -2
  239. package/dist/www/build/p-e9e8d922.css +0 -1
@@ -0,0 +1,54 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.7.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
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.8
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Datepicker 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.8
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Drawers Component Tokens