@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
@@ -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: Sportbild | Bundle: BreakingNews Component Tokens
@@ -44,33 +44,6 @@
44
44
 
45
45
  }
46
46
 
47
- /* === TYPOGRAPHY TOKENS === */
48
-
49
- [data-content-brand="sportbild"] .breaking-news-text,
50
- :host([data-content-brand="sportbild"]) .breaking-news-text {
51
- font-family: var(--kicker-font-family);
52
- font-weight: var(--body-font-weight-bold);
53
- font-size: var(--breaking-news-scrolling-text-font-size);
54
- line-height: var(--breaking-news-scrolling-text-line-height);
55
- text-transform: uppercase;
56
- }
57
-
58
- [data-content-brand="sportbild"] .breaking-news-upper-title,
59
- :host([data-content-brand="sportbild"]) .breaking-news-upper-title {
60
- font-family: var(--title-font-family);
61
- font-weight: var(--title-font-weight);
62
- font-size: var(--breaking-news-badge-upper-title-font-size);
63
- line-height: var(--breaking-news-badge-upper-title-line-height);
64
- }
65
-
66
- [data-content-brand="sportbild"] .breaking-news-lower-title,
67
- :host([data-content-brand="sportbild"]) .breaking-news-lower-title {
68
- font-family: var(--title-font-family);
69
- font-weight: var(--title-font-weight);
70
- font-size: var(--breaking-news-badge-lower-title-font-size);
71
- line-height: var(--breaking-news-badge-lower-title-line-height);
72
- }
73
-
74
47
  /* === BREAKPOINT TOKENS === */
75
48
 
76
49
  [data-content-brand="sportbild"],
@@ -0,0 +1,34 @@
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: Sportbild | 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="sportbild"] .button-label,
18
+ :host([data-content-brand="sportbild"]) .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
+ font-style: italic;
25
+ text-transform: uppercase;
26
+ }
27
+
28
+ [data-content-brand="sportbild"] .partner-link-button-label,
29
+ :host([data-content-brand="sportbild"]) .partner-link-button-label {
30
+ font-family: var(--label-font-family);
31
+ font-weight: var(--label-font-weight-book);
32
+ font-size: var(--partner-link-button-label-font-size);
33
+ line-height: var(--partner-link-button-label-font-size);
34
+ }
@@ -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: Sportbild | Bundle: Button Component Tokens
@@ -56,27 +56,6 @@
56
56
 
57
57
  }
58
58
 
59
- /* === TYPOGRAPHY TOKENS === */
60
-
61
- [data-content-brand="sportbild"] .button-label,
62
- :host([data-content-brand="sportbild"]) .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
- font-style: italic;
69
- text-transform: uppercase;
70
- }
71
-
72
- [data-content-brand="sportbild"] .partner-link-button-label,
73
- :host([data-content-brand="sportbild"]) .partner-link-button-label {
74
- font-family: var(--label-font-family);
75
- font-weight: var(--label-font-weight-book);
76
- font-size: var(--partner-link-button-label-font-size);
77
- line-height: var(--partner-link-button-label-font-size);
78
- }
79
-
80
59
  /* === BREAKPOINT TOKENS === */
81
60
 
82
61
  [data-content-brand="sportbild"],
@@ -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: Sportbild | 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: Sportbild | 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: Sportbild | 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="sportbild"] .chip-label,
18
+ :host([data-content-brand="sportbild"]) .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: Sportbild | Bundle: Chip Component Tokens
@@ -28,15 +28,6 @@
28
28
  --chip-label-color-hover: var(--text-color-primary-on-light);
29
29
  }
30
30
 
31
- /* === TYPOGRAPHY TOKENS === */
32
-
33
- [data-content-brand="sportbild"] .chip-label,
34
- :host([data-content-brand="sportbild"]) .chip-label {
35
- font-family: var(--footnote-font-family);
36
- font-weight: var(--label-font-weight-bold);
37
- font-size: var(--chip-font-size);
38
- }
39
-
40
31
  /* === BREAKPOINT TOKENS === */
41
32
 
42
33
  [data-content-brand="sportbild"],
@@ -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: Sportbild | 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: Sportbild | Bundle: Drawers 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: Sportbild | Bundle: Dropdown 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: Sportbild | Bundle: Empties Component Tokens
@@ -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: Sportbild | Bundle: Footer 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="sportbild"] .footer-link,
18
+ :host([data-content-brand="sportbild"]) .footer-link {
19
+ font-family: var(--footer-font-family);
20
+ font-weight: var(--label-font-weight-bold);
21
+ font-size: var(--footer-font-size);
22
+ line-height: var(--footer-line-height);
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: Sportbild | Bundle: Footer 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="sportbild"] .footer-link,
18
- :host([data-content-brand="sportbild"]) .footer-link {
19
- font-family: var(--footer-font-family);
20
- font-weight: var(--label-font-weight-bold);
21
- font-size: var(--footer-font-size);
22
- line-height: var(--footer-line-height);
23
- }
24
-
25
15
  /* === BREAKPOINT TOKENS === */
26
16
 
27
17
  [data-content-brand="sportbild"],
@@ -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: Sportbild | Bundle: Gallery 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: Sportbild | Bundle: Icon 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: Sportbild | Bundle: IconButton 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: Sportbild | Bundle: InfoElement Component Tokens
@@ -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: Sportbild | Bundle: Inputfield 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="sportbild"] .input-field-label,
18
+ :host([data-content-brand="sportbild"]) .input-field-label {
19
+ font-family: var(--input-field-label-font-family);
20
+ font-weight: var(--label-font-weight-book);
21
+ font-size: var(--input-field-label-font-size);
22
+ line-height: var(--input-field-label-line-height);
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: Sportbild | Bundle: Inputfield 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="sportbild"] .input-field-label,
18
- :host([data-content-brand="sportbild"]) .input-field-label {
19
- font-family: var(--input-field-label-font-family);
20
- font-weight: var(--label-font-weight-book);
21
- font-size: var(--input-field-label-font-size);
22
- line-height: var(--input-field-label-line-height);
23
- }
24
-
25
15
  /* === BREAKPOINT TOKENS === */
26
16
 
27
17
  [data-content-brand="sportbild"],
@@ -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: Sportbild | Bundle: Kicker Component Tokens
@@ -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: Sportbild | Bundle: LiveTicker 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="sportbild"] .live-ticker-headline,
18
+ :host([data-content-brand="sportbild"]) .live-ticker-headline {
19
+ font-family: var(--headline-font-family);
20
+ font-weight: var(--live-tickerheadline-font-weight);
21
+ font-size: var(--live-ticker-headlines-font-size);
22
+ line-height: var(--live-ticker-headlines-font-size);
23
+ }
24
+
25
+ [data-content-brand="sportbild"] .live-ticker-time-stamp,
26
+ :host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
27
+ font-family: var(--time-stamp-font-family);
28
+ font-weight: var(--label-font-weight-bold);
29
+ font-size: var(--live-ticker-time-stamp-font-size);
30
+ line-height: var(--live-ticker-time-stamp-font-size);
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: Sportbild | Bundle: LiveTicker 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="sportbild"] .live-ticker-headline,
18
- :host([data-content-brand="sportbild"]) .live-ticker-headline {
19
- font-family: var(--headline-font-family);
20
- font-weight: var(--live-tickerheadline-font-weight);
21
- font-size: var(--live-ticker-headlines-font-size);
22
- line-height: var(--live-ticker-headlines-font-size);
23
- }
24
-
25
- [data-content-brand="sportbild"] .live-ticker-time-stamp,
26
- :host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
27
- font-family: var(--time-stamp-font-family);
28
- font-weight: var(--label-font-weight-bold);
29
- font-size: var(--live-ticker-time-stamp-font-size);
30
- line-height: var(--live-ticker-time-stamp-font-size);
31
- }
32
-
33
15
  /* === BREAKPOINT TOKENS === */
34
16
 
35
17
  [data-content-brand="sportbild"],
@@ -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: Sportbild | Bundle: MediaPlayer 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="sportbild"] .podcast-player-label,
18
+ :host([data-content-brand="sportbild"]) .podcast-player-label {
19
+ font-family: var(--label-font-family);
20
+ font-weight: var(--label-font-weight-book);
21
+ font-size: var(--audio-player-font-size);
22
+ line-height: var(--audio-player-font-size);
23
+ }
24
+
25
+ [data-content-brand="sportbild"] .video-ad-time,
26
+ :host([data-content-brand="sportbild"]) .video-ad-time {
27
+ font-family: var(--title-font-family);
28
+ font-weight: var(--title-font-weight);
29
+ font-size: var(--video-ad-badge-font-size);
30
+ text-transform: uppercase;
31
+ }
32
+
33
+ [data-content-brand="sportbild"] .video-player-time,
34
+ :host([data-content-brand="sportbild"]) .video-player-time {
35
+ font-family: var(--title-font-family);
36
+ font-weight: var(--title-font-weight);
37
+ font-size: var(--vid-player-timecode-font-size);
38
+ line-height: 1;
39
+ text-transform: uppercase;
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: Sportbild | Bundle: MediaPlayer Component Tokens
@@ -58,33 +58,6 @@
58
58
 
59
59
  }
60
60
 
61
- /* === TYPOGRAPHY TOKENS === */
62
-
63
- [data-content-brand="sportbild"] .podcast-player-label,
64
- :host([data-content-brand="sportbild"]) .podcast-player-label {
65
- font-family: var(--label-font-family);
66
- font-weight: var(--label-font-weight-book);
67
- font-size: var(--audio-player-font-size);
68
- line-height: var(--audio-player-font-size);
69
- }
70
-
71
- [data-content-brand="sportbild"] .video-ad-time,
72
- :host([data-content-brand="sportbild"]) .video-ad-time {
73
- font-family: var(--title-font-family);
74
- font-weight: var(--title-font-weight);
75
- font-size: var(--video-ad-badge-font-size);
76
- text-transform: uppercase;
77
- }
78
-
79
- [data-content-brand="sportbild"] .video-player-time,
80
- :host([data-content-brand="sportbild"]) .video-player-time {
81
- font-family: var(--title-font-family);
82
- font-weight: var(--title-font-weight);
83
- font-size: var(--vid-player-timecode-font-size);
84
- line-height: 1;
85
- text-transform: uppercase;
86
- }
87
-
88
61
  /* === BREAKPOINT TOKENS === */
89
62
 
90
63
  [data-content-brand="sportbild"],
@@ -0,0 +1,64 @@
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: Sportbild | Bundle: Menu 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="sportbild"] .app-topbar-stage-title,
18
+ :host([data-content-brand="sportbild"]) .app-topbar-stage-title {
19
+ font-family: var(--title-font-family);
20
+ font-weight: var(--title-font-weight);
21
+ font-size: var(--app-topbar-title-font-size);
22
+ line-height: var(--app-topbar-stage-title-line-height);
23
+ }
24
+
25
+ [data-content-brand="sportbild"] .app-topbar-tabs-title,
26
+ :host([data-content-brand="sportbild"]) .app-topbar-tabs-title {
27
+ font-family: var(--title-font-family);
28
+ font-weight: var(--title-font-weight);
29
+ font-size: var(--app-topbar-title-font-size);
30
+ line-height: var(--app-topbar-stage-title-line-height);
31
+ text-transform: uppercase;
32
+ }
33
+
34
+ [data-content-brand="sportbild"] .menu-item-label,
35
+ :host([data-content-brand="sportbild"]) .menu-item-label {
36
+ font-family: var(--label-font-family);
37
+ font-weight: 700;
38
+ font-size: var(--menu-item-font-size);
39
+ line-height: var(--menu-item-font-size);
40
+ font-style: italic;
41
+ text-transform: uppercase;
42
+ }
43
+
44
+ [data-content-brand="sportbild"] .menu-item-util-label,
45
+ :host([data-content-brand="sportbild"]) .menu-item-util-label {
46
+ font-family: var(--label-font-family);
47
+ font-weight: 700;
48
+ font-size: var(--menu-item-util-font-size);
49
+ line-height: var(--menu-item-util-font-size);
50
+ font-style: italic;
51
+ text-transform: uppercase;
52
+ }
53
+
54
+ /* === EFFECT CLASSES === */
55
+
56
+ [data-color-brand="sportbild"] .menu-shadow,
57
+ :host([data-color-brand="sportbild"]) .menu-shadow {
58
+ box-shadow: var(--menu-shadow);
59
+ }
60
+
61
+ [data-color-brand="sportbild"] .hey-input-shadow,
62
+ :host([data-color-brand="sportbild"]) .hey-input-shadow {
63
+ box-shadow: var(--hey-input-shadow);
64
+ }
@@ -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: Sportbild | Bundle: Menu Component Tokens
@@ -40,43 +40,12 @@
40
40
  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #FFFFFF);
41
41
  }
42
42
 
43
- /* === TYPOGRAPHY TOKENS === */
43
+ /* === EFFECTS VARIABLES === */
44
44
 
45
- [data-content-brand="sportbild"] .app-topbar-stage-title,
46
- :host([data-content-brand="sportbild"]) .app-topbar-stage-title {
47
- font-family: var(--title-font-family);
48
- font-weight: var(--title-font-weight);
49
- font-size: var(--app-topbar-title-font-size);
50
- line-height: var(--app-topbar-stage-title-line-height);
51
- }
52
-
53
- [data-content-brand="sportbild"] .app-topbar-tabs-title,
54
- :host([data-content-brand="sportbild"]) .app-topbar-tabs-title {
55
- font-family: var(--title-font-family);
56
- font-weight: var(--title-font-weight);
57
- font-size: var(--app-topbar-title-font-size);
58
- line-height: var(--app-topbar-stage-title-line-height);
59
- text-transform: uppercase;
60
- }
61
-
62
- [data-content-brand="sportbild"] .menu-item-label,
63
- :host([data-content-brand="sportbild"]) .menu-item-label {
64
- font-family: var(--label-font-family);
65
- font-weight: 700;
66
- font-size: var(--menu-item-font-size);
67
- line-height: var(--menu-item-font-size);
68
- font-style: italic;
69
- text-transform: uppercase;
70
- }
71
-
72
- [data-content-brand="sportbild"] .menu-item-util-label,
73
- :host([data-content-brand="sportbild"]) .menu-item-util-label {
74
- font-family: var(--label-font-family);
75
- font-weight: 700;
76
- font-size: var(--menu-item-util-font-size);
77
- line-height: var(--menu-item-util-font-size);
78
- font-style: italic;
79
- text-transform: uppercase;
45
+ [data-color-brand="sportbild"],
46
+ :host([data-color-brand="sportbild"]) {
47
+ --menu-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
48
+ --hey-input-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
80
49
  }
81
50
 
82
51
  /* === BREAKPOINT TOKENS === */
@@ -145,19 +114,3 @@
145
114
  --menu-surface-color: var(--bg-color-primary);
146
115
  --app-top-bar-icon-color: var(--icon-color-secondary);
147
116
  }
148
-
149
- [data-color-brand="sportbild"],
150
- :host([data-color-brand="sportbild"]) {
151
- --menu-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
152
- --hey-input-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
153
- }
154
-
155
- [data-color-brand="sportbild"] .menu-shadow,
156
- :host([data-color-brand="sportbild"]) .menu-shadow {
157
- box-shadow: var(--menu-shadow);
158
- }
159
-
160
- [data-color-brand="sportbild"] .hey-input-shadow,
161
- :host([data-color-brand="sportbild"]) .hey-input-shadow {
162
- box-shadow: var(--hey-input-shadow);
163
- }