@marioschmidt/design-system-components 1.0.79 → 1.2.0

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 (197) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/{p-30a9c996.entry.js → p-67bc59c5.entry.js} +2 -2
  4. package/dist/bds/p-Wtf1fKUK.js +3 -0
  5. package/dist/bds/p-Wtf1fKUK.js.map +1 -0
  6. package/dist/cjs/bds.cjs.js +1 -1
  7. package/dist/cjs/ds-button_2.cjs.entry.js +1 -1
  8. package/dist/cjs/index-B0IsCEmC.js +1398 -0
  9. package/dist/cjs/index-B0IsCEmC.js.map +1 -0
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/components/index.js +1 -1
  12. package/dist/components/index.js.map +1 -1
  13. package/dist/esm/bds.js +2 -2
  14. package/dist/esm/ds-button_2.entry.js +1 -1
  15. package/dist/esm/index-Wtf1fKUK.js +1391 -0
  16. package/dist/esm/index-Wtf1fKUK.js.map +1 -0
  17. package/dist/esm/loader.js +2 -2
  18. package/dist/www/build/bds.css +1 -1
  19. package/dist/www/build/bds.esm.js +1 -1
  20. package/dist/www/build/p-444f99b6.css +1 -0
  21. package/dist/www/build/{p-30a9c996.entry.js → p-67bc59c5.entry.js} +2 -2
  22. package/dist/www/build/p-Wtf1fKUK.js +3 -0
  23. package/dist/www/build/p-Wtf1fKUK.js.map +1 -0
  24. package/dist/www/css/README.md +74 -1
  25. package/dist/www/css/advertorial/components/_dsysdocs.css +10 -3
  26. package/dist/www/css/advertorial/components/article.css +17 -51
  27. package/dist/www/css/advertorial/components/audioplayer.css +2 -2
  28. package/dist/www/css/advertorial/components/avatar.css +3 -37
  29. package/dist/www/css/advertorial/components/badge.css +3 -11
  30. package/dist/www/css/advertorial/components/breadcrumb.css +6 -24
  31. package/dist/www/css/advertorial/components/breakingnews.css +2 -18
  32. package/dist/www/css/advertorial/components/button.css +7 -11
  33. package/dist/www/css/advertorial/components/card.css +2 -2
  34. package/dist/www/css/advertorial/components/carousel.css +2 -2
  35. package/dist/www/css/advertorial/components/chip.css +2 -2
  36. package/dist/www/css/advertorial/components/datepicker.css +4 -4
  37. package/dist/www/css/advertorial/components/drawers.css +2 -2
  38. package/dist/www/css/advertorial/components/dropdown.css +2 -2
  39. package/dist/www/css/advertorial/components/footer.css +6 -30
  40. package/dist/www/css/advertorial/components/icon.css +2 -2
  41. package/dist/www/css/advertorial/components/iconbutton.css +53 -0
  42. package/dist/www/css/advertorial/components/infoelement.css +2 -2
  43. package/dist/www/css/advertorial/components/inputfield.css +13 -8
  44. package/dist/www/css/advertorial/components/liveticker.css +2 -10
  45. package/dist/www/css/advertorial/components/mediaplayer.css +4 -20
  46. package/dist/www/css/advertorial/components/menu.css +6 -33
  47. package/dist/www/css/advertorial/components/newsticker.css +2 -18
  48. package/dist/www/css/advertorial/components/pagination.css +3 -3
  49. package/dist/www/css/advertorial/components/paywall.css +3 -12
  50. package/dist/www/css/advertorial/components/quote.css +2 -2
  51. package/dist/www/css/advertorial/components/radiobutton.css +2 -2
  52. package/dist/www/css/advertorial/components/search.css +2 -2
  53. package/dist/www/css/advertorial/components/sectiontitle.css +2 -2
  54. package/dist/www/css/advertorial/components/separator.css +2 -2
  55. package/dist/www/css/advertorial/components/skeletons.css +2 -2
  56. package/dist/www/css/advertorial/components/slider.css +2 -2
  57. package/dist/www/css/advertorial/components/specialnavi.css +2 -2
  58. package/dist/www/css/advertorial/components/spinner.css +2 -2
  59. package/dist/www/css/advertorial/components/tab.css +2 -18
  60. package/dist/www/css/advertorial/components/table.css +2 -2
  61. package/dist/www/css/advertorial/components/teaser.css +2 -42
  62. package/dist/www/css/advertorial/components/toggleswitch.css +2 -2
  63. package/dist/www/css/advertorial/components/video.css +2 -2
  64. package/dist/www/css/advertorial/theme.css +2 -2
  65. package/dist/www/css/advertorial/tokens.css +197 -336
  66. package/dist/www/css/bild/components/_dsysdoc.css +2 -6
  67. package/dist/www/css/bild/components/_dsysdocs.css +10 -3
  68. package/dist/www/css/bild/components/alert.css +2 -8
  69. package/dist/www/css/bild/components/article.css +17 -51
  70. package/dist/www/css/bild/components/audioplayer.css +2 -2
  71. package/dist/www/css/bild/components/avatar.css +12 -51
  72. package/dist/www/css/bild/components/badge.css +3 -11
  73. package/dist/www/css/bild/components/breadcrumb.css +14 -50
  74. package/dist/www/css/bild/components/breakingnews.css +11 -27
  75. package/dist/www/css/bild/components/button.css +37 -58
  76. package/dist/www/css/bild/components/card.css +4 -4
  77. package/dist/www/css/bild/components/carousel.css +2 -2
  78. package/dist/www/css/bild/components/chip.css +16 -22
  79. package/dist/www/css/bild/components/datepicker.css +4 -4
  80. package/dist/www/css/bild/components/drawers.css +2 -2
  81. package/dist/www/css/bild/components/dropdown.css +6 -6
  82. package/dist/www/css/bild/components/empties.css +6 -6
  83. package/dist/www/css/bild/components/footer.css +6 -30
  84. package/dist/www/css/bild/components/gallery.css +2 -2
  85. package/dist/www/css/bild/components/icon.css +2 -2
  86. package/dist/www/css/bild/components/iconbutton.css +53 -0
  87. package/dist/www/css/bild/components/infoelement.css +2 -2
  88. package/dist/www/css/bild/components/inputfield.css +16 -33
  89. package/dist/www/css/bild/components/kicker.css +6 -6
  90. package/dist/www/css/bild/components/liveticker.css +2 -10
  91. package/dist/www/css/bild/components/mediaplayer.css +26 -40
  92. package/dist/www/css/bild/components/menu.css +18 -46
  93. package/dist/www/css/bild/components/menuitem.css +8 -29
  94. package/dist/www/css/bild/components/newsticker.css +4 -20
  95. package/dist/www/css/bild/components/pagination.css +9 -10
  96. package/dist/www/css/bild/components/partnerlinks.css +12 -20
  97. package/dist/www/css/bild/components/paywall.css +3 -12
  98. package/dist/www/css/bild/components/quote.css +2 -2
  99. package/dist/www/css/bild/components/radiobutton.css +2 -2
  100. package/dist/www/css/bild/components/search.css +2 -2
  101. package/dist/www/css/bild/components/sectiontitle.css +2 -2
  102. package/dist/www/css/bild/components/selection.css +6 -23
  103. package/dist/www/css/bild/components/separator.css +2 -2
  104. package/dist/www/css/bild/components/skeletons.css +2 -2
  105. package/dist/www/css/bild/components/slider.css +4 -4
  106. package/dist/www/css/bild/components/specialnavi.css +2 -2
  107. package/dist/www/css/bild/components/spinner.css +2 -2
  108. package/dist/www/css/bild/components/subheader.css +3 -3
  109. package/dist/www/css/bild/components/tab.css +2 -24
  110. package/dist/www/css/bild/components/table.css +2 -2
  111. package/dist/www/css/bild/components/teaser.css +6 -46
  112. package/dist/www/css/bild/components/toggleswitch.css +2 -2
  113. package/dist/www/css/bild/components/video.css +2 -2
  114. package/dist/www/css/bild/theme.css +319 -209
  115. package/dist/www/css/bild/tokens.css +197 -336
  116. package/dist/www/css/bundles/advertorial.css +380 -706
  117. package/dist/www/css/bundles/bild.css +839 -1291
  118. package/dist/www/css/bundles/sportbild.css +846 -1311
  119. package/dist/www/css/shared/colorprimitive.css +91 -47
  120. package/dist/www/css/shared/fontprimitive.css +4 -2
  121. package/dist/www/css/shared/primitives.css +94 -47
  122. package/dist/www/css/shared/sizeprimitive.css +3 -2
  123. package/dist/www/css/shared/spaceprimitive.css +2 -2
  124. package/dist/www/css/sportbild/components/_dsysdoc.css +2 -6
  125. package/dist/www/css/sportbild/components/_dsysdocs.css +10 -3
  126. package/dist/www/css/sportbild/components/alert.css +2 -8
  127. package/dist/www/css/sportbild/components/article.css +17 -52
  128. package/dist/www/css/sportbild/components/audioplayer.css +2 -2
  129. package/dist/www/css/sportbild/components/avatar.css +12 -51
  130. package/dist/www/css/sportbild/components/badge.css +3 -11
  131. package/dist/www/css/sportbild/components/breadcrumb.css +14 -50
  132. package/dist/www/css/sportbild/components/breakingnews.css +6 -22
  133. package/dist/www/css/sportbild/components/button.css +37 -58
  134. package/dist/www/css/sportbild/components/card.css +4 -4
  135. package/dist/www/css/sportbild/components/carousel.css +2 -2
  136. package/dist/www/css/sportbild/components/chip.css +16 -22
  137. package/dist/www/css/sportbild/components/datepicker.css +4 -4
  138. package/dist/www/css/sportbild/components/drawers.css +2 -2
  139. package/dist/www/css/sportbild/components/dropdown.css +6 -6
  140. package/dist/www/css/sportbild/components/empties.css +6 -6
  141. package/dist/www/css/sportbild/components/footer.css +6 -30
  142. package/dist/www/css/sportbild/components/gallery.css +2 -2
  143. package/dist/www/css/sportbild/components/icon.css +2 -2
  144. package/dist/www/css/sportbild/components/iconbutton.css +53 -0
  145. package/dist/www/css/sportbild/components/infoelement.css +2 -2
  146. package/dist/www/css/sportbild/components/inputfield.css +16 -33
  147. package/dist/www/css/sportbild/components/kicker.css +6 -6
  148. package/dist/www/css/sportbild/components/liveticker.css +2 -10
  149. package/dist/www/css/sportbild/components/mediaplayer.css +26 -40
  150. package/dist/www/css/sportbild/components/menu.css +23 -53
  151. package/dist/www/css/sportbild/components/menuitem.css +8 -29
  152. package/dist/www/css/sportbild/components/newsticker.css +4 -21
  153. package/dist/www/css/sportbild/components/pagination.css +9 -10
  154. package/dist/www/css/sportbild/components/partnerlinks.css +12 -20
  155. package/dist/www/css/sportbild/components/paywall.css +3 -12
  156. package/dist/www/css/sportbild/components/quote.css +2 -2
  157. package/dist/www/css/sportbild/components/radiobutton.css +2 -2
  158. package/dist/www/css/sportbild/components/search.css +2 -2
  159. package/dist/www/css/sportbild/components/sectiontitle.css +2 -2
  160. package/dist/www/css/sportbild/components/selection.css +6 -23
  161. package/dist/www/css/sportbild/components/separator.css +2 -2
  162. package/dist/www/css/sportbild/components/skeletons.css +2 -2
  163. package/dist/www/css/sportbild/components/slider.css +4 -4
  164. package/dist/www/css/sportbild/components/specialnavi.css +2 -2
  165. package/dist/www/css/sportbild/components/spinner.css +2 -2
  166. package/dist/www/css/sportbild/components/subheader.css +3 -3
  167. package/dist/www/css/sportbild/components/tab.css +3 -25
  168. package/dist/www/css/sportbild/components/table.css +2 -2
  169. package/dist/www/css/sportbild/components/teaser.css +6 -51
  170. package/dist/www/css/sportbild/components/toggleswitch.css +2 -2
  171. package/dist/www/css/sportbild/components/video.css +2 -2
  172. package/dist/www/css/sportbild/theme.css +319 -209
  173. package/dist/www/css/sportbild/tokens.css +203 -346
  174. package/dist/www/index.html +1 -1
  175. package/package.json +1 -1
  176. package/dist/bds/p-V1LdMos7.js +0 -3
  177. package/dist/bds/p-V1LdMos7.js.map +0 -1
  178. package/dist/cjs/index-CrklIrqc.js +0 -1398
  179. package/dist/cjs/index-CrklIrqc.js.map +0 -1
  180. package/dist/esm/index-V1LdMos7.js +0 -1391
  181. package/dist/esm/index-V1LdMos7.js.map +0 -1
  182. package/dist/www/build/p-44d36d19.css +0 -1
  183. package/dist/www/build/p-V1LdMos7.js +0 -3
  184. package/dist/www/build/p-V1LdMos7.js.map +0 -1
  185. package/dist/www/css/advertorial/components/accordion.css +0 -29
  186. package/dist/www/css/bild/components/accordion.css +0 -29
  187. package/dist/www/css/bild/components/foldout.css +0 -34
  188. package/dist/www/css/bild/components/hey.css +0 -45
  189. package/dist/www/css/bild/components/socialsharebutton.css +0 -43
  190. package/dist/www/css/bild/components/textlink.css +0 -36
  191. package/dist/www/css/sportbild/components/accordion.css +0 -29
  192. package/dist/www/css/sportbild/components/foldout.css +0 -34
  193. package/dist/www/css/sportbild/components/hey.css +0 -45
  194. package/dist/www/css/sportbild/components/socialsharebutton.css +0 -43
  195. package/dist/www/css/sportbild/components/textlink.css +0 -36
  196. /package/dist/bds/{p-30a9c996.entry.js.map → p-67bc59c5.entry.js.map} +0 -0
  197. /package/dist/www/build/{p-30a9c996.entry.js.map → p-67bc59c5.entry.js.map} +0 -0
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Footer Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -14,43 +14,19 @@
14
14
 
15
15
  /* === TYPOGRAPHY TOKENS === */
16
16
 
17
- [data-content-brand="advertorial"] .footer-card-link,
18
- :host([data-content-brand="advertorial"]) .footer-card-link {
19
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
20
- font-weight: var(--font-weight-book, 400);
21
- font-size: var(--label-2-font-size);
22
- text-decoration: underline;
23
- }
24
-
25
- [data-content-brand="advertorial"] .footer-link-separator,
26
- :host([data-content-brand="advertorial"]) .footer-link-separator {
27
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-book, 400);
29
- }
30
-
31
- [data-content-brand="advertorial"] .footer-links,
32
- :host([data-content-brand="advertorial"]) .footer-links {
33
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
17
+ [data-content-brand="advertorial"] .footer-link,
18
+ :host([data-content-brand="advertorial"]) .footer-link {
19
+ font-family: var(--body-font-family);
34
20
  font-weight: var(--label-font-weight-bold);
35
21
  font-size: 11px;
36
22
  line-height: 14px;
37
23
  }
38
24
 
39
- [data-content-brand="advertorial"] .footer-link-user-offer-pages,
40
- :host([data-content-brand="advertorial"]) .footer-link-user-offer-pages {
41
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
42
- font-weight: var(--font-weight-book, 400);
43
- font-size: 18px;
44
- line-height: 26px;
45
- }
46
-
47
25
  /* === BREAKPOINT TOKENS === */
48
26
 
49
27
  [data-content-brand="advertorial"],
50
28
  :host([data-content-brand="advertorial"]) {
51
29
  --footer-font-size: 11px;
52
30
  --footer-line-height: 14px;
53
- --footer-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
54
- --footer-font-size-user-offer-pages: 18px;
55
- --footer-line-height-user-offer-pages: 26px;
31
+ --footer-font-family: var(--body-font-family);
56
32
  }
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Icon Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -0,0 +1,53 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * BILD Design System Tokens v1.2.0
5
+ * Generated by Style Dictionary v4.2.0
6
+ *
7
+ * Brand: Advertorial | Bundle: IconButton Component Tokens
8
+ *
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
+ * Proprietary and confidential. All rights reserved.
11
+ *
12
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
+ */
14
+
15
+ /* === DENSITY TOKENS === */
16
+
17
+ [data-content-brand="advertorial"][data-density="default"],
18
+ :host([data-content-brand="advertorial"][data-density="default"]) {
19
+ /* ============================================
20
+ OTHER
21
+ ============================================ */
22
+
23
+ --density-icon-button-size: var(--size-6-x, 48px);
24
+
25
+ }
26
+
27
+ [data-content-brand="advertorial"][data-density="dense"],
28
+ :host([data-content-brand="advertorial"][data-density="dense"]) {
29
+ /* ============================================
30
+ OTHER
31
+ ============================================ */
32
+
33
+ --density-icon-button-size: var(--size-5-x, 40px);
34
+
35
+ }
36
+
37
+ [data-content-brand="advertorial"][data-density="spacious"],
38
+ :host([data-content-brand="advertorial"][data-density="spacious"]) {
39
+ /* ============================================
40
+ OTHER
41
+ ============================================ */
42
+
43
+ --density-icon-button-size: var(--size-7-x, 56px);
44
+
45
+ }
46
+
47
+ /* === BREAKPOINT TOKENS === */
48
+
49
+ [data-content-brand="advertorial"],
50
+ :host([data-content-brand="advertorial"]) {
51
+ --icon-button-size: var(--density-icon-button-size);
52
+ --icon-button-border-radius: var(--border-radius-md);
53
+ }
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: InfoElement Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: InputField Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -24,6 +24,7 @@
24
24
  --density-input-field-stack-space: var(--space-1-x, 8px);
25
25
  --density-input-field-height-size: var(--size-5-x, 40px);
26
26
  --density-input-field-label-font-size: 17px;
27
+ --density-input-field-label-line-height: 17px;
27
28
 
28
29
  }
29
30
 
@@ -37,6 +38,7 @@
37
38
  --density-input-field-stack-space: var(--space-0-p-75-x, 6px);
38
39
  --density-input-field-height-size: var(--size-4-p-5-x, 36px);
39
40
  --density-input-field-label-font-size: 16px;
41
+ --density-input-field-label-line-height: 16px;
40
42
 
41
43
  }
42
44
 
@@ -50,14 +52,15 @@
50
52
  --density-input-field-stack-space: var(--space-1-p-5-x, 12px);
51
53
  --density-input-field-height-size: var(--size-6-x, 48px);
52
54
  --density-input-field-label-font-size: 19px;
55
+ --density-input-field-label-line-height: 19px;
53
56
 
54
57
  }
55
58
 
56
59
  /* === TYPOGRAPHY TOKENS === */
57
60
 
58
- [data-content-brand="advertorial"] .text-input-field-label,
59
- :host([data-content-brand="advertorial"]) .text-input-field-label {
60
- font-family: var(--font-family-lucida-grande, Lucida Grande);
61
+ [data-content-brand="advertorial"] .input-field-label,
62
+ :host([data-content-brand="advertorial"]) .input-field-label {
63
+ font-family: var(--body-font-family);
61
64
  font-weight: var(--label-font-weight-book);
62
65
  font-size: 16px;
63
66
  line-height: 16px;
@@ -69,18 +72,20 @@
69
72
  :host([data-content-brand="advertorial"]) {
70
73
  --input-field-stack-space: var(--density-input-field-stack-space);
71
74
  --input-field-inline-space: var(--density-input-field-inline-space);
72
- --input-field-mini-label-inline-space: var(--space-0-p-5-x, 4px);
73
- --input-field-font-size: var(--density-input-field-label-font-size);
75
+ --input-field-mini-label-inline-space: var(--inline-space-const-2-xs);
76
+ --input-field-label-font-size: var(--density-input-field-label-font-size);
74
77
  --input-field-imessage-inline-space: var(--inline-space-const-lg);
75
78
  --input-field-height-size: var(--density-input-field-height-size);
76
79
  --hey-input-container-inline-space: var(--inline-space-const-sm);
77
80
  --input-field-message-gap-space: var(--gap-space-const-xs);
78
- --input-field-font-family: var(--font-family-lucida-grande, Lucida Grande);
81
+ --input-field-label-font-family: var(--body-font-family);
82
+ --input-field-label-line-height: var(--density-input-field-label-line-height);
79
83
  }
80
84
 
81
85
  @media (min-width: 1024px) {
82
86
  [data-content-brand="advertorial"],
83
87
  :host([data-content-brand="advertorial"]) {
84
88
  --hey-input-container-inline-space: var(--inline-space-const-lg);
89
+ --input-field-label-line-height: var(--density-input-field-label-font-size);
85
90
  }
86
91
  }
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: LiveTicker Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,14 +22,6 @@
22
22
  line-height: 22px;
23
23
  }
24
24
 
25
- [data-content-brand="advertorial"] .live-ticker-time-stamp,
26
- :host([data-content-brand="advertorial"]) .live-ticker-time-stamp {
27
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--label-font-weight-bold);
29
- font-size: var(--live-ticker-time-stamp-font-size);
30
- line-height: 14px;
31
- }
32
-
33
25
  /* === BREAKPOINT TOKENS === */
34
26
 
35
27
  [data-content-brand="advertorial"],
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: MediaPlayer Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,22 +22,6 @@
22
22
  line-height: 16px;
23
23
  }
24
24
 
25
- [data-content-brand="advertorial"] .video-ad-time,
26
- :host([data-content-brand="advertorial"]) .video-ad-time {
27
- font-family: var(--font-family-gotham, Gotham);
28
- font-weight: var(--title-font-weight);
29
- font-size: 14px;
30
- text-transform: uppercase;
31
- }
32
-
33
- [data-content-brand="advertorial"] .video-player-time,
34
- :host([data-content-brand="advertorial"]) .video-player-time {
35
- font-family: var(--title-font-family);
36
- font-weight: var(--title-font-weight);
37
- font-size: 14px;
38
- text-transform: uppercase;
39
- }
40
-
41
25
  /* === BREAKPOINT TOKENS === */
42
26
 
43
27
  [data-content-brand="advertorial"],
@@ -45,13 +29,13 @@
45
29
  --podcast-play-button-size: var(--size-6-x, 48px);
46
30
  --vid-player-bottom-bar-gap-space: 0px;
47
31
  --audio-player-header-stack-space: var(--size-7-x, 56px);
48
- --video-time-badge-font-family: var(--font-family-lucida-grande, Lucida Grande);
32
+ --video-time-badge-font-family: var(--body-font-family);
49
33
  --vid-player-control-button-size: var(--size-5-p-25-x, 42px);
50
34
  --vid-player-control-button-icon-size-hover: var(--size-3-p-5-x, 28px);
51
35
  --vid-player-timecode-font-size: 14px;
52
36
  --vid-player-timecode-container-min-width-size: 45px;
53
37
  --vid-player-progress-bar-container-height-size: 24px;
54
- --vid-player-unmute-button-width-size: 220;
38
+ --vid-player-unmute-button-width-size: 220px;
55
39
  }
56
40
 
57
41
  @media (min-width: 600px) {
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Menu Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,33 +22,6 @@
22
22
  line-height: 14px;
23
23
  }
24
24
 
25
- [data-content-brand="advertorial"] .app-topbar-tabs-title,
26
- :host([data-content-brand="advertorial"]) .app-topbar-tabs-title {
27
- font-family: var(--title-font-family);
28
- font-weight: var(--title-font-weight);
29
- font-size: 12px;
30
- line-height: 14px;
31
- text-transform: uppercase;
32
- }
33
-
34
- [data-content-brand="advertorial"] .menu-item-label,
35
- :host([data-content-brand="advertorial"]) .menu-item-label {
36
- font-family: var(--label-font-family);
37
- font-weight: 700;
38
- font-size: 15px;
39
- line-height: 15px;
40
- text-transform: uppercase;
41
- }
42
-
43
- [data-content-brand="advertorial"] .menu-item-util-label,
44
- :host([data-content-brand="advertorial"]) .menu-item-util-label {
45
- font-family: var(--label-font-family);
46
- font-weight: 700;
47
- font-size: var(--size-1-p-5-x, 12px);
48
- line-height: var(--size-1-p-5-x, 12px);
49
- text-transform: uppercase;
50
- }
51
-
52
25
  /* === BREAKPOINT TOKENS === */
53
26
 
54
27
  [data-content-brand="advertorial"],
@@ -71,8 +44,8 @@
71
44
  --menu-right-inline-space: var(--space-0-x, 0px);
72
45
  --menu-bottom-stack-space: var(--stack-space-const-sm);
73
46
  --menu-utility-links-divider-height-size: var(--size-const-sm);
74
- --menu-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
75
- --hey-input-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
47
+ --menu-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
48
+ --hey-input-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
76
49
  --app-topbar-title-font-size: 12px;
77
50
  --app-topbar-stage-title-height: 14px;
78
51
  --i-osapp-top-bar-height-size: 44px;
@@ -103,7 +76,7 @@
103
76
  --menu-right-inline-space: var(--inline-space-const-lg);
104
77
  --menu-bottom-stack-space: var(--space-0-x, 0px);
105
78
  --menu-utility-links-divider-height-size: var(--size-const-md);
106
- --menu-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
107
- --hey-input-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
79
+ --menu-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
80
+ --hey-input-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
108
81
  }
109
82
  }
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: NewsTicker Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,22 +22,6 @@
22
22
  line-height: 20.8px;
23
23
  }
24
24
 
25
- [data-content-brand="advertorial"] .news-ticker-kicker,
26
- :host([data-content-brand="advertorial"]) .news-ticker-kicker {
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
- }
32
-
33
- [data-content-brand="advertorial"] .news-ticker-headline,
34
- :host([data-content-brand="advertorial"]) .news-ticker-headline {
35
- font-family: var(--headline-font-family);
36
- font-weight: 900;
37
- font-size: var(--headline-3-font-size);
38
- line-height: var(--headline-3-line-height);
39
- }
40
-
41
25
  /* === BREAKPOINT TOKENS === */
42
26
 
43
27
  [data-content-brand="advertorial"],
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Pagination Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -32,7 +32,7 @@
32
32
  --gallery-pagination-container-web-inline-space: var(--inline-space-const-sm);
33
33
  --gallery-pagination-container-stack-space: var(--stack-space-const-md);
34
34
  --gallery-pagination-container-app-inline-space: var(--inline-space-const-md);
35
- --scroll-bar-thickness-size: var(--size-1-x, 8px);
35
+ --scroll-bar-thickness-size: var(--size-const-4-xs);
36
36
  }
37
37
 
38
38
  @media (min-width: 600px) {
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Paywall Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -20,16 +20,7 @@
20
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(--display-2-letter-spacing);
24
- }
25
-
26
- [data-content-brand="advertorial"] .paywall-card-note,
27
- :host([data-content-brand="advertorial"]) .paywall-card-note {
28
- font-family: var(--title-font-family);
29
- font-weight: var(--title-font-weight);
30
- font-size: var(--size-5-x, 40px);
31
- line-height: var(--size-5-x, 40px);
32
- letter-spacing: var(--display-3-letter-spacing);
23
+ letter-spacing: var(--display-2-letter-space);
33
24
  }
34
25
 
35
26
  /* === BREAKPOINT TOKENS === */
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Quote Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: RadioButton Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Search Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: SectionTitle Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Separator Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Skeletons Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Slider Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Spinner Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Tab Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,22 +22,6 @@
22
22
  text-transform: uppercase;
23
23
  }
24
24
 
25
- [data-content-brand="advertorial"] .app-bottom-bar-label-default,
26
- :host([data-content-brand="advertorial"]) .app-bottom-bar-label-default {
27
- font-family: var(--body-font-family);
28
- font-weight: var(--font-weight-book, 400);
29
- font-size: 11px;
30
- line-height: 14.4px;
31
- }
32
-
33
- [data-content-brand="advertorial"] .app-bottom-bar-label-active,
34
- :host([data-content-brand="advertorial"]) .app-bottom-bar-label-active {
35
- font-family: var(--body-font-family);
36
- font-weight: var(--font-weight-bold, 700);
37
- font-size: 11px;
38
- line-height: 14.4px;
39
- }
40
-
41
25
  /* === BREAKPOINT TOKENS === */
42
26
 
43
27
  [data-content-brand="advertorial"],
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.79
4
+ * BILD Design System Tokens v1.2.0
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Table Component Tokens
8
8
  *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
9
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
10
10
  * Proprietary and confidential. All rights reserved.
11
11
  *
12
12
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md