@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: _DSysDoc 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: _DSysDocs 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: Accordion 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 === */
@@ -17,8 +17,8 @@
17
17
  [data-content-brand="bild"] .accordion-label,
18
18
  :host([data-content-brand="bild"]) .accordion-label {
19
19
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
20
- font-weight: var(--font-weight-bold, 700);
21
- font-size: var(--label-1-font-size, 17px);
20
+ font-weight: var(--label-font-weight-bold);
21
+ font-size: var(--label-1-font-size);
22
22
  }
23
23
 
24
24
  /* === 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: Alert 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
  /* === OTHER TOKENS === */
@@ -1,47 +1,47 @@
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: Article 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"] .article-kicker,
18
18
  :host([data-content-brand="bild"]) .article-kicker {
19
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
19
+ font-family: var(--kicker-font-family);
20
20
  font-weight: 700;
21
- font-size: var(--kicker-1-font-size, 18px);
22
- line-height: var(--kicker-1-line-height, 19.8px);
21
+ font-size: var(--kicker-1-font-size);
22
+ line-height: var(--kicker-1-line-height);
23
23
  }
24
24
 
25
25
  [data-content-brand="bild"] .article-image-caption,
26
26
  :host([data-content-brand="bild"]) .article-image-caption {
27
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
27
+ font-family: var(--body-font-family);
28
28
  font-weight: var(--font-weight-bold, 700);
29
- font-size: var(--article-image-caption-font-size, 16px);
30
- line-height: var(--article-image-caption-line-height, 19.5px);
29
+ font-size: var(--article-image-caption-font-size);
30
+ line-height: var(--article-image-caption-line-height);
31
31
  }
32
32
 
33
33
  [data-content-brand="bild"] .article-headline,
34
34
  :host([data-content-brand="bild"]) .article-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-2-font-size, 40px);
38
- line-height: var(--headline-2-font-size, 40px);
37
+ font-size: var(--headline-2-font-size);
38
+ line-height: var(--headline-2-font-size);
39
39
  }
40
40
 
41
41
  [data-content-brand="bild"] .article-meta-source,
42
42
  :host([data-content-brand="bild"]) .article-meta-source {
43
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
44
- font-weight: var(--font-weight-book, 400);
43
+ font-family: var(--footnote-font-family);
44
+ font-weight: var(--footnote-font-weight-book);
45
45
  font-size: 16px;
46
46
  line-height: 21px;
47
47
  }
@@ -1,23 +1,23 @@
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: AudioPlayer 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"] .audio-player-label,
18
18
  :host([data-content-brand="bild"]) .audio-player-label {
19
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
20
- font-weight: var(--font-weight-bold, 700);
19
+ font-family: var(--label-font-family);
20
+ font-weight: var(--label-font-weight-bold);
21
21
  font-size: 16px;
22
22
  line-height: 16px;
23
23
  }
@@ -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: Avatar 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) === */
@@ -59,7 +59,7 @@
59
59
  [data-content-brand="bild"] .avatar-hover,
60
60
  :host([data-content-brand="bild"]) .avatar-hover {
61
61
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
62
- font-weight: var(--font-weight-bold, 700);
62
+ font-weight: var(--label-font-weight-bold);
63
63
  font-size: 16px;
64
64
  line-height: 21px;
65
65
  text-decoration: underline;
@@ -68,7 +68,7 @@
68
68
  [data-content-brand="bild"] .avatar-secondary-info,
69
69
  :host([data-content-brand="bild"]) .avatar-secondary-info {
70
70
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
71
- font-weight: var(--font-weight-book, 400);
71
+ font-weight: var(--label-font-weight-book);
72
72
  font-size: 16px;
73
73
  line-height: 21px;
74
74
  }
@@ -76,7 +76,7 @@
76
76
  [data-content-brand="bild"] .avatar-secondary-info-hover,
77
77
  :host([data-content-brand="bild"]) .avatar-secondary-info-hover {
78
78
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
79
- font-weight: var(--font-weight-book, 400);
79
+ font-weight: var(--label-font-weight-book);
80
80
  font-size: 16px;
81
81
  line-height: 21px;
82
82
  text-decoration: underline;
@@ -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: Badge 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 === */
@@ -25,7 +25,7 @@
25
25
  [data-content-brand="bild"] .video-time-badge,
26
26
  :host([data-content-brand="bild"]) .video-time-badge {
27
27
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-book, 400);
28
+ font-weight: var(--label-font-weight-book);
29
29
  font-size: 16px;
30
30
  line-height: 21px;
31
31
  }
@@ -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: Breadcrumb 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) === */
@@ -44,8 +44,8 @@
44
44
  :host([data-content-brand="bild"]) .breadcrumb {
45
45
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
46
46
  font-weight: var(--font-weight-bold, 700);
47
- font-size: var(--breadcrumb-font-size, 15px);
48
- line-height: var(--breadcrumb-line-height, 15px);
47
+ font-size: var(--breadcrumb-font-size);
48
+ line-height: var(--breadcrumb-line-height);
49
49
  }
50
50
 
51
51
  [data-content-brand="bild"] .breadcrumb-link,
@@ -60,7 +60,7 @@
60
60
  [data-content-brand="bild"] .breadcrumb-link-hover,
61
61
  :host([data-content-brand="bild"]) .breadcrumb-link-hover {
62
62
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
63
- font-weight: var(--font-weight-bold, 700);
63
+ font-weight: var(--body-font-weight-bold);
64
64
  font-size: 15px;
65
65
  line-height: 15px;
66
66
  text-decoration: underline;
@@ -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: BreakingNews 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) === */
@@ -48,8 +48,8 @@
48
48
 
49
49
  [data-content-brand="bild"] .breaking-news-text,
50
50
  :host([data-content-brand="bild"]) .breaking-news-text {
51
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
52
- font-weight: var(--font-weight-bold, 700);
51
+ font-family: var(--kicker-font-family);
52
+ font-weight: var(--body-font-weight-bold);
53
53
  font-size: 21px;
54
54
  line-height: 24px;
55
55
  text-transform: uppercase;
@@ -57,16 +57,16 @@
57
57
 
58
58
  [data-content-brand="bild"] .breaking-news-upper-title,
59
59
  :host([data-content-brand="bild"]) .breaking-news-upper-title {
60
- font-family: var(--font-family-gotham, Gotham);
61
- font-weight: var(--font-weight-black, 800);
60
+ font-family: var(--title-font-family);
61
+ font-weight: var(--title-font-weight);
62
62
  font-size: 13px;
63
63
  line-height: 13px;
64
64
  }
65
65
 
66
66
  [data-content-brand="bild"] .breaking-news-lower-title,
67
67
  :host([data-content-brand="bild"]) .breaking-news-lower-title {
68
- font-family: var(--font-family-gotham, Gotham);
69
- font-weight: var(--font-weight-black, 800);
68
+ font-family: var(--title-font-family);
69
+ font-weight: var(--title-font-weight);
70
70
  font-size: 23px;
71
71
  line-height: 21px;
72
72
  }
@@ -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: Button 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) === */
@@ -103,19 +103,19 @@
103
103
 
104
104
  [data-content-brand="bild"] .button-label,
105
105
  :host([data-content-brand="bild"]) .button-label {
106
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
106
+ font-family: var(--label-font-family);
107
107
  font-weight: 700;
108
- font-size: var(--button-label-font-size, 15px);
109
- line-height: var(--button-label-line-height, 15px);
110
- letter-spacing: var(--letter-space-0-p-5, 0.5px);
108
+ font-size: var(--button-label-font-size);
109
+ line-height: var(--button-label-line-height);
110
+ letter-spacing: var(--letter-spacing-positive-sm);
111
111
  text-transform: uppercase;
112
112
  }
113
113
 
114
114
  [data-content-brand="bild"] .partner-link-button-label,
115
115
  :host([data-content-brand="bild"]) .partner-link-button-label {
116
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
117
- font-weight: var(--font-weight-book, 400);
118
- font-size: var(--partner-link-button-label-font-size, 16px);
116
+ font-family: var(--label-font-family);
117
+ font-weight: var(--label-font-weight-book);
118
+ font-size: var(--partner-link-button-label-font-size);
119
119
  line-height: 16px;
120
120
  }
121
121
 
@@ -123,16 +123,16 @@
123
123
 
124
124
  [data-content-brand="bild"],
125
125
  :host([data-content-brand="bild"]) {
126
- --button-label-font-size: var(--density-button-label-font-size, 15px);
127
- --button-inline-space: var(--density-button-inline-space, 16px);
126
+ --button-label-font-size: var(--density-button-label-font-size);
127
+ --button-inline-space: var(--density-button-inline-space);
128
128
  --partner-link-button-label-font-size: 16px;
129
129
  --partner-link-button-label-height-size: var(--size-6-x, 48px);
130
130
  --button-border-width-size: var(--border-width-thick);
131
131
  --button-content-min-height-size: var(--size-const-2-xs);
132
132
  --partner-link-button-inline-space: var(--inline-space-const-sm);
133
- --button-label-line-height: var(--density-button-label-font-size, 15px);
134
- --button-content-gap-space: var(--density-button-content-gap-space, 6px);
135
- --button-stack-space: var(--density-button-stack-space, 6px);
133
+ --button-label-line-height: var(--density-button-label-font-size);
134
+ --button-content-gap-space: var(--density-button-content-gap-space);
135
+ --button-stack-space: var(--density-button-stack-space);
136
136
  --button-border-radius: var(--border-radius-md);
137
137
  --button-label-font-family: var(--label-font-family);
138
138
  }
@@ -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: Card 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: Carousel 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: Chip 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) === */
@@ -48,8 +48,8 @@
48
48
 
49
49
  [data-content-brand="bild"] .chip-label,
50
50
  :host([data-content-brand="bild"]) .chip-label {
51
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
52
- font-weight: var(--font-weight-bold, 700);
51
+ font-family: var(--footnote-font-family);
52
+ font-weight: var(--label-font-weight-bold);
53
53
  font-size: var(--size-2-x, 16px);
54
54
  }
55
55
 
@@ -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: Datepicker 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: Drawers 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: Dropdown 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: Empties 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: Foldout 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: Footer 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 === */
@@ -18,7 +18,7 @@
18
18
  :host([data-content-brand="bild"]) .footer-card-link {
19
19
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
20
20
  font-weight: var(--font-weight-book, 400);
21
- font-size: var(--label-2-font-size, 15px);
21
+ font-size: var(--label-2-font-size);
22
22
  text-decoration: underline;
23
23
  }
24
24
 
@@ -31,7 +31,7 @@
31
31
  [data-content-brand="bild"] .footer-links,
32
32
  :host([data-content-brand="bild"]) .footer-links {
33
33
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
34
- font-weight: var(--font-weight-bold, 700);
34
+ font-weight: var(--label-font-weight-bold);
35
35
  font-size: 11px;
36
36
  line-height: 14px;
37
37
  }