@marioschmidt/design-system-components 1.0.76 → 1.0.78

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 (217) hide show
  1. package/README.md +42 -31
  2. package/dist/bds/bds.css +1 -1
  3. package/dist/bds/bds.esm.js +1 -1
  4. package/dist/bds/bds.esm.js.map +1 -1
  5. package/dist/bds/p-30a9c996.entry.js +2 -0
  6. package/dist/bds/p-30a9c996.entry.js.map +1 -0
  7. package/dist/bds/p-V1LdMos7.js +3 -0
  8. package/dist/bds/p-V1LdMos7.js.map +1 -0
  9. package/dist/cjs/bds.cjs.js +4 -2
  10. package/dist/cjs/bds.cjs.js.map +1 -1
  11. package/dist/cjs/ds-button_2.cjs.entry.js +5 -5
  12. package/dist/cjs/index-CrklIrqc.js +1398 -0
  13. package/dist/cjs/index-CrklIrqc.js.map +1 -0
  14. package/dist/cjs/index.cjs.js +2 -0
  15. package/dist/cjs/loader.cjs.js +3 -1
  16. package/dist/cjs/loader.cjs.js.map +1 -1
  17. package/dist/collection/collection-manifest.json +2 -2
  18. package/dist/collection/ds-button/ds-button.js.map +1 -1
  19. package/dist/collection/ds-card/ds-card.js.map +1 -1
  20. package/dist/components/ds-button.js +5 -5
  21. package/dist/components/ds-button.js.map +1 -1
  22. package/dist/components/ds-card.js +5 -5
  23. package/dist/components/ds-card.js.map +1 -1
  24. package/dist/components/index.js +9 -3
  25. package/dist/components/index.js.map +1 -1
  26. package/dist/esm/bds.js +5 -3
  27. package/dist/esm/bds.js.map +1 -1
  28. package/dist/esm/ds-button_2.entry.js +5 -5
  29. package/dist/esm/index-V1LdMos7.js +1391 -0
  30. package/dist/esm/index-V1LdMos7.js.map +1 -0
  31. package/dist/esm/index.js +2 -0
  32. package/dist/esm/loader.js +4 -2
  33. package/dist/types/stencil-public-runtime.d.ts +43 -0
  34. package/dist/www/build/bds.css +1 -1
  35. package/dist/www/build/bds.esm.js +1 -1
  36. package/dist/www/build/bds.esm.js.map +1 -1
  37. package/dist/www/build/p-30a9c996.entry.js +2 -0
  38. package/dist/www/build/p-30a9c996.entry.js.map +1 -0
  39. package/dist/www/build/p-44d36d19.css +1 -0
  40. package/dist/www/build/p-V1LdMos7.js +3 -0
  41. package/dist/www/build/p-V1LdMos7.js.map +1 -0
  42. package/dist/www/css/advertorial/components/_dsysdocs.css +4 -4
  43. package/dist/www/css/advertorial/components/accordion.css +6 -6
  44. package/dist/www/css/advertorial/components/article.css +15 -15
  45. package/dist/www/css/advertorial/components/audioplayer.css +6 -6
  46. package/dist/www/css/advertorial/components/avatar.css +7 -7
  47. package/dist/www/css/advertorial/components/badge.css +5 -5
  48. package/dist/www/css/advertorial/components/breadcrumb.css +7 -7
  49. package/dist/www/css/advertorial/components/breakingnews.css +10 -10
  50. package/dist/www/css/advertorial/components/button.css +16 -16
  51. package/dist/www/css/advertorial/components/card.css +4 -4
  52. package/dist/www/css/advertorial/components/carousel.css +4 -4
  53. package/dist/www/css/advertorial/components/chip.css +6 -6
  54. package/dist/www/css/advertorial/components/datepicker.css +4 -4
  55. package/dist/www/css/advertorial/components/drawers.css +4 -4
  56. package/dist/www/css/advertorial/components/dropdown.css +4 -4
  57. package/dist/www/css/advertorial/components/footer.css +6 -6
  58. package/dist/www/css/advertorial/components/icon.css +4 -4
  59. package/dist/www/css/advertorial/components/infoelement.css +4 -4
  60. package/dist/www/css/advertorial/components/inputfield.css +9 -9
  61. package/dist/www/css/advertorial/components/liveticker.css +7 -7
  62. package/dist/www/css/advertorial/components/mediaplayer.css +9 -9
  63. package/dist/www/css/advertorial/components/menu.css +10 -10
  64. package/dist/www/css/advertorial/components/newsticker.css +11 -11
  65. package/dist/www/css/advertorial/components/pagination.css +8 -8
  66. package/dist/www/css/advertorial/components/paywall.css +10 -10
  67. package/dist/www/css/advertorial/components/quote.css +4 -4
  68. package/dist/www/css/advertorial/components/radiobutton.css +4 -4
  69. package/dist/www/css/advertorial/components/search.css +4 -4
  70. package/dist/www/css/advertorial/components/sectiontitle.css +4 -4
  71. package/dist/www/css/advertorial/components/separator.css +4 -4
  72. package/dist/www/css/advertorial/components/skeletons.css +4 -4
  73. package/dist/www/css/advertorial/components/slider.css +4 -4
  74. package/dist/www/css/advertorial/components/specialnavi.css +5 -5
  75. package/dist/www/css/advertorial/components/spinner.css +4 -4
  76. package/dist/www/css/advertorial/components/tab.css +8 -8
  77. package/dist/www/css/advertorial/components/table.css +4 -4
  78. package/dist/www/css/advertorial/components/teaser.css +22 -22
  79. package/dist/www/css/advertorial/components/toggleswitch.css +6 -6
  80. package/dist/www/css/advertorial/components/video.css +4 -4
  81. package/dist/www/css/advertorial/theme.css +4 -4
  82. package/dist/www/css/advertorial/tokens.css +170 -180
  83. package/dist/www/css/bild/components/_dsysdoc.css +4 -4
  84. package/dist/www/css/bild/components/_dsysdocs.css +4 -4
  85. package/dist/www/css/bild/components/accordion.css +6 -6
  86. package/dist/www/css/bild/components/alert.css +4 -4
  87. package/dist/www/css/bild/components/article.css +15 -15
  88. package/dist/www/css/bild/components/audioplayer.css +6 -6
  89. package/dist/www/css/bild/components/avatar.css +7 -7
  90. package/dist/www/css/bild/components/badge.css +5 -5
  91. package/dist/www/css/bild/components/breadcrumb.css +7 -7
  92. package/dist/www/css/bild/components/breakingnews.css +10 -10
  93. package/dist/www/css/bild/components/button.css +16 -16
  94. package/dist/www/css/bild/components/card.css +4 -4
  95. package/dist/www/css/bild/components/carousel.css +4 -4
  96. package/dist/www/css/bild/components/chip.css +6 -6
  97. package/dist/www/css/bild/components/datepicker.css +4 -4
  98. package/dist/www/css/bild/components/drawers.css +4 -4
  99. package/dist/www/css/bild/components/dropdown.css +4 -4
  100. package/dist/www/css/bild/components/empties.css +4 -4
  101. package/dist/www/css/bild/components/foldout.css +4 -4
  102. package/dist/www/css/bild/components/footer.css +6 -6
  103. package/dist/www/css/bild/components/gallery.css +4 -4
  104. package/dist/www/css/bild/components/hey.css +4 -4
  105. package/dist/www/css/bild/components/icon.css +4 -4
  106. package/dist/www/css/bild/components/infoelement.css +4 -4
  107. package/dist/www/css/bild/components/inputfield.css +9 -9
  108. package/dist/www/css/bild/components/kicker.css +4 -4
  109. package/dist/www/css/bild/components/liveticker.css +7 -7
  110. package/dist/www/css/bild/components/mediaplayer.css +9 -9
  111. package/dist/www/css/bild/components/menu.css +10 -10
  112. package/dist/www/css/bild/components/menuitem.css +4 -4
  113. package/dist/www/css/bild/components/newsticker.css +11 -11
  114. package/dist/www/css/bild/components/pagination.css +8 -8
  115. package/dist/www/css/bild/components/partnerlinks.css +4 -4
  116. package/dist/www/css/bild/components/paywall.css +10 -10
  117. package/dist/www/css/bild/components/quote.css +4 -4
  118. package/dist/www/css/bild/components/radiobutton.css +4 -4
  119. package/dist/www/css/bild/components/search.css +4 -4
  120. package/dist/www/css/bild/components/sectiontitle.css +4 -4
  121. package/dist/www/css/bild/components/selection.css +4 -4
  122. package/dist/www/css/bild/components/separator.css +4 -4
  123. package/dist/www/css/bild/components/skeletons.css +4 -4
  124. package/dist/www/css/bild/components/slider.css +4 -4
  125. package/dist/www/css/bild/components/socialsharebutton.css +4 -4
  126. package/dist/www/css/bild/components/specialnavi.css +5 -5
  127. package/dist/www/css/bild/components/spinner.css +4 -4
  128. package/dist/www/css/bild/components/subheader.css +4 -4
  129. package/dist/www/css/bild/components/tab.css +8 -8
  130. package/dist/www/css/bild/components/table.css +4 -4
  131. package/dist/www/css/bild/components/teaser.css +22 -22
  132. package/dist/www/css/bild/components/textlink.css +4 -4
  133. package/dist/www/css/bild/components/toggleswitch.css +6 -6
  134. package/dist/www/css/bild/components/video.css +4 -4
  135. package/dist/www/css/bild/theme.css +4 -4
  136. package/dist/www/css/bild/tokens.css +170 -180
  137. package/dist/www/css/bundles/advertorial.css +275 -285
  138. package/dist/www/css/bundles/bild.css +275 -285
  139. package/dist/www/css/bundles/sportbild.css +275 -285
  140. package/dist/www/css/shared/colorprimitive.css +7 -8
  141. package/dist/www/css/shared/fontprimitive.css +7 -8
  142. package/dist/www/css/shared/primitives.css +4 -4
  143. package/dist/www/css/shared/sizeprimitive.css +7 -8
  144. package/dist/www/css/shared/spaceprimitive.css +7 -8
  145. package/dist/www/css/sportbild/components/_dsysdoc.css +4 -4
  146. package/dist/www/css/sportbild/components/_dsysdocs.css +4 -4
  147. package/dist/www/css/sportbild/components/accordion.css +6 -6
  148. package/dist/www/css/sportbild/components/alert.css +4 -4
  149. package/dist/www/css/sportbild/components/article.css +15 -15
  150. package/dist/www/css/sportbild/components/audioplayer.css +6 -6
  151. package/dist/www/css/sportbild/components/avatar.css +7 -7
  152. package/dist/www/css/sportbild/components/badge.css +5 -5
  153. package/dist/www/css/sportbild/components/breadcrumb.css +7 -7
  154. package/dist/www/css/sportbild/components/breakingnews.css +10 -10
  155. package/dist/www/css/sportbild/components/button.css +16 -16
  156. package/dist/www/css/sportbild/components/card.css +4 -4
  157. package/dist/www/css/sportbild/components/carousel.css +4 -4
  158. package/dist/www/css/sportbild/components/chip.css +6 -6
  159. package/dist/www/css/sportbild/components/datepicker.css +4 -4
  160. package/dist/www/css/sportbild/components/drawers.css +4 -4
  161. package/dist/www/css/sportbild/components/dropdown.css +4 -4
  162. package/dist/www/css/sportbild/components/empties.css +4 -4
  163. package/dist/www/css/sportbild/components/foldout.css +4 -4
  164. package/dist/www/css/sportbild/components/footer.css +6 -6
  165. package/dist/www/css/sportbild/components/gallery.css +4 -4
  166. package/dist/www/css/sportbild/components/hey.css +4 -4
  167. package/dist/www/css/sportbild/components/icon.css +4 -4
  168. package/dist/www/css/sportbild/components/infoelement.css +4 -4
  169. package/dist/www/css/sportbild/components/inputfield.css +9 -9
  170. package/dist/www/css/sportbild/components/kicker.css +4 -4
  171. package/dist/www/css/sportbild/components/liveticker.css +7 -7
  172. package/dist/www/css/sportbild/components/mediaplayer.css +9 -9
  173. package/dist/www/css/sportbild/components/menu.css +10 -10
  174. package/dist/www/css/sportbild/components/menuitem.css +4 -4
  175. package/dist/www/css/sportbild/components/newsticker.css +11 -11
  176. package/dist/www/css/sportbild/components/pagination.css +8 -8
  177. package/dist/www/css/sportbild/components/partnerlinks.css +4 -4
  178. package/dist/www/css/sportbild/components/paywall.css +10 -10
  179. package/dist/www/css/sportbild/components/quote.css +4 -4
  180. package/dist/www/css/sportbild/components/radiobutton.css +4 -4
  181. package/dist/www/css/sportbild/components/search.css +4 -4
  182. package/dist/www/css/sportbild/components/sectiontitle.css +4 -4
  183. package/dist/www/css/sportbild/components/selection.css +4 -4
  184. package/dist/www/css/sportbild/components/separator.css +4 -4
  185. package/dist/www/css/sportbild/components/skeletons.css +4 -4
  186. package/dist/www/css/sportbild/components/slider.css +4 -4
  187. package/dist/www/css/sportbild/components/socialsharebutton.css +4 -4
  188. package/dist/www/css/sportbild/components/specialnavi.css +5 -5
  189. package/dist/www/css/sportbild/components/spinner.css +4 -4
  190. package/dist/www/css/sportbild/components/subheader.css +4 -4
  191. package/dist/www/css/sportbild/components/tab.css +8 -8
  192. package/dist/www/css/sportbild/components/table.css +4 -4
  193. package/dist/www/css/sportbild/components/teaser.css +22 -22
  194. package/dist/www/css/sportbild/components/textlink.css +4 -4
  195. package/dist/www/css/sportbild/components/toggleswitch.css +6 -6
  196. package/dist/www/css/sportbild/components/video.css +4 -4
  197. package/dist/www/css/sportbild/theme.css +4 -4
  198. package/dist/www/css/sportbild/tokens.css +170 -180
  199. package/dist/www/index.html +1 -1
  200. package/package.json +4 -4
  201. package/dist/bds/ds-button.ds-card.entry.esm.js.map +0 -1
  202. package/dist/bds/p-04d33bb6.entry.js +0 -2
  203. package/dist/bds/p-04d33bb6.entry.js.map +0 -1
  204. package/dist/bds/p-BZlqvv5e.js +0 -3
  205. package/dist/bds/p-BZlqvv5e.js.map +0 -1
  206. package/dist/cjs/ds-button.ds-card.entry.cjs.js.map +0 -1
  207. package/dist/cjs/index-DYTqo0CI.js +0 -1392
  208. package/dist/cjs/index-DYTqo0CI.js.map +0 -1
  209. package/dist/esm/ds-button.ds-card.entry.js.map +0 -1
  210. package/dist/esm/index-BZlqvv5e.js +0 -1385
  211. package/dist/esm/index-BZlqvv5e.js.map +0 -1
  212. package/dist/www/build/ds-button.ds-card.entry.esm.js.map +0 -1
  213. package/dist/www/build/p-04d33bb6.entry.js +0 -2
  214. package/dist/www/build/p-04d33bb6.entry.js.map +0 -1
  215. package/dist/www/build/p-BZlqvv5e.js +0 -3
  216. package/dist/www/build/p-BZlqvv5e.js.map +0 -1
  217. package/dist/www/build/p-c316f39e.css +0 -1
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Gallery Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Hey Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Icon Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: InfoElement Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: InputField Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -82,7 +82,7 @@
82
82
  [data-content-brand="bild"] .text-input-field-label,
83
83
  :host([data-content-brand="bild"]) .text-input-field-label {
84
84
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
85
- font-weight: var(--font-weight-book, 400);
85
+ font-weight: var(--label-font-weight-book);
86
86
  font-size: 16px;
87
87
  line-height: 16px;
88
88
  }
@@ -91,12 +91,12 @@
91
91
 
92
92
  [data-content-brand="bild"],
93
93
  :host([data-content-brand="bild"]) {
94
- --input-field-stack-space: var(--density-input-field-stack-space, 6px);
95
- --input-field-inline-space: var(--density-input-field-inline-space, 16px);
94
+ --input-field-stack-space: var(--density-input-field-stack-space);
95
+ --input-field-inline-space: var(--density-input-field-inline-space);
96
96
  --input-field-mini-label-inline-space: var(--space-0-p-5-x, 4px);
97
- --input-field-font-size: var(--density-input-field-label-font-size, 16px);
97
+ --input-field-font-size: var(--density-input-field-label-font-size);
98
98
  --input-field-imessage-inline-space: var(--inline-space-const-lg);
99
- --input-field-height-size: var(--density-input-field-height-size, 36px);
99
+ --input-field-height-size: var(--density-input-field-height-size);
100
100
  --hey-input-container-inline-space: var(--inline-space-const-sm);
101
101
  --input-field-message-gap-space: var(--gap-space-const-xs);
102
102
  --input-field-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Kicker Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -1,22 +1,22 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: LiveTicker Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === TYPOGRAPHY TOKENS === */
16
16
 
17
17
  [data-content-brand="bild"] .live-ticker-headline,
18
18
  :host([data-content-brand="bild"]) .live-ticker-headline {
19
- font-family: var(--font-family-gotham-cond, Gotham Condensed);
19
+ font-family: var(--headline-font-family);
20
20
  font-weight: var(--font-weight-semi-bold, 600);
21
21
  font-size: 22px;
22
22
  line-height: 22px;
@@ -25,8 +25,8 @@
25
25
  [data-content-brand="bild"] .live-ticker-time-stamp,
26
26
  :host([data-content-brand="bild"]) .live-ticker-time-stamp {
27
27
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-bold, 700);
29
- font-size: var(--live-ticker-time-stamp-font-size, 14px);
28
+ font-weight: var(--label-font-weight-bold);
29
+ font-size: var(--live-ticker-time-stamp-font-size);
30
30
  line-height: 14px;
31
31
  }
32
32
 
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: MediaPlayer Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -58,8 +58,8 @@
58
58
 
59
59
  [data-content-brand="bild"] .podcast-player-label,
60
60
  :host([data-content-brand="bild"]) .podcast-player-label {
61
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
62
- font-weight: var(--font-weight-book, 400);
61
+ font-family: var(--label-font-family);
62
+ font-weight: var(--label-font-weight-book);
63
63
  font-size: 16px;
64
64
  line-height: 16px;
65
65
  }
@@ -67,15 +67,15 @@
67
67
  [data-content-brand="bild"] .video-ad-time,
68
68
  :host([data-content-brand="bild"]) .video-ad-time {
69
69
  font-family: var(--font-family-gotham, Gotham);
70
- font-weight: var(--font-weight-black, 800);
70
+ font-weight: var(--title-font-weight);
71
71
  font-size: 14px;
72
72
  text-transform: uppercase;
73
73
  }
74
74
 
75
75
  [data-content-brand="bild"] .video-player-time,
76
76
  :host([data-content-brand="bild"]) .video-player-time {
77
- font-family: var(--font-family-gotham, Gotham);
78
- font-weight: var(--font-weight-black, 800);
77
+ font-family: var(--title-font-family);
78
+ font-weight: var(--title-font-weight);
79
79
  font-size: 14px;
80
80
  text-transform: uppercase;
81
81
  }
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Menu Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -46,16 +46,16 @@
46
46
 
47
47
  [data-content-brand="bild"] .app-topbar-stage-title,
48
48
  :host([data-content-brand="bild"]) .app-topbar-stage-title {
49
- font-family: var(--font-family-gotham, Gotham);
50
- font-weight: var(--font-weight-black, 800);
49
+ font-family: var(--title-font-family);
50
+ font-weight: var(--title-font-weight);
51
51
  font-size: 12px;
52
52
  line-height: 14px;
53
53
  }
54
54
 
55
55
  [data-content-brand="bild"] .app-topbar-tabs-title,
56
56
  :host([data-content-brand="bild"]) .app-topbar-tabs-title {
57
- font-family: var(--font-family-gotham, Gotham);
58
- font-weight: var(--font-weight-black, 800);
57
+ font-family: var(--title-font-family);
58
+ font-weight: var(--title-font-weight);
59
59
  font-size: 12px;
60
60
  line-height: 14px;
61
61
  text-transform: uppercase;
@@ -63,7 +63,7 @@
63
63
 
64
64
  [data-content-brand="bild"] .menu-item-label,
65
65
  :host([data-content-brand="bild"]) .menu-item-label {
66
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
66
+ font-family: var(--label-font-family);
67
67
  font-weight: 700;
68
68
  font-size: 15px;
69
69
  line-height: 15px;
@@ -72,7 +72,7 @@
72
72
 
73
73
  [data-content-brand="bild"] .menu-item-util-label,
74
74
  :host([data-content-brand="bild"]) .menu-item-util-label {
75
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
75
+ font-family: var(--label-font-family);
76
76
  font-weight: 700;
77
77
  font-size: var(--size-1-p-5-x, 12px);
78
78
  line-height: var(--size-1-p-5-x, 12px);
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: MenuItem Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: NewsTicker Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === TYPOGRAPHY TOKENS === */
@@ -24,18 +24,18 @@
24
24
 
25
25
  [data-content-brand="bild"] .news-ticker-kicker,
26
26
  :host([data-content-brand="bild"]) .news-ticker-kicker {
27
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-bold, 700);
29
- font-size: var(--kicker-3-font-size, 16px);
30
- line-height: var(--kicker-3-line-height, 17.6px);
27
+ font-family: var(--kicker-font-family);
28
+ font-weight: var(--kicker-font-weight);
29
+ font-size: var(--kicker-3-font-size);
30
+ line-height: var(--kicker-3-line-height);
31
31
  }
32
32
 
33
33
  [data-content-brand="bild"] .news-ticker-headline,
34
34
  :host([data-content-brand="bild"]) .news-ticker-headline {
35
- font-family: var(--font-family-gotham-cond, Gotham Condensed);
35
+ font-family: var(--headline-font-family);
36
36
  font-weight: 900;
37
- font-size: var(--headline-3-font-size, 28px);
38
- line-height: var(--headline-3-line-height, 28px);
37
+ font-size: var(--headline-3-font-size);
38
+ line-height: var(--headline-3-line-height);
39
39
  }
40
40
 
41
41
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Pagination Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -34,10 +34,10 @@
34
34
 
35
35
  [data-content-brand="bild"] .numbered-pagination-active,
36
36
  :host([data-content-brand="bild"]) .numbered-pagination-active {
37
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
38
- font-weight: var(--font-weight-bold, 700);
39
- font-size: var(--label-1-font-size, 17px);
40
- line-height: var(--label-1-line-height, 17px);
37
+ font-family: var(--label-font-family);
38
+ font-weight: var(--label-font-weight-bold);
39
+ font-size: var(--label-1-font-size);
40
+ line-height: var(--label-1-line-height);
41
41
  letter-spacing: var(--letter-space-0-p-25, 0.25px);
42
42
  text-decoration: underline;
43
43
  }
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: PartnerLinks Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -1,35 +1,35 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Paywall Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === TYPOGRAPHY TOKENS === */
16
16
 
17
17
  [data-content-brand="bild"] .paywall-card-price-tag,
18
18
  :host([data-content-brand="bild"]) .paywall-card-price-tag {
19
- font-family: var(--font-family-gotham, Gotham);
20
- font-weight: var(--font-weight-black, 800);
19
+ font-family: var(--title-font-family);
20
+ font-weight: var(--title-font-weight);
21
21
  font-size: var(--size-8-x, 64px);
22
22
  line-height: var(--size-8-x, 64px);
23
- letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
23
+ letter-spacing: var(--display-2-letter-spacing);
24
24
  }
25
25
 
26
26
  [data-content-brand="bild"] .paywall-card-note,
27
27
  :host([data-content-brand="bild"]) .paywall-card-note {
28
- font-family: var(--font-family-gotham, Gotham);
29
- font-weight: var(--font-weight-black, 800);
28
+ font-family: var(--title-font-family);
29
+ font-weight: var(--title-font-weight);
30
30
  font-size: var(--size-5-x, 40px);
31
31
  line-height: var(--size-5-x, 40px);
32
- letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
32
+ letter-spacing: var(--display-3-letter-spacing);
33
33
  }
34
34
 
35
35
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Quote Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: RadioButton Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Search Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: SectionTitle Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Selection Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Separator Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Skeletons Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === BREAKPOINT TOKENS === */
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
5
- * Generated by Style Dictionary v4.0.0
4
+ * BILD Design System Tokens v1.0.78
5
+ * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Slider Component Tokens
8
8
  *
9
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
13
  */
14
14
 
15
15
  /* === COLOR TOKENS (LIGHT MODE) === */