@marioschmidt/design-system-components 1.3.25 → 1.4.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 (168) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/p-DnybiLpQ.js +2 -0
  4. package/dist/{www/build/p-c6b63599.entry.js → bds/p-b8797ba4.entry.js} +1 -1
  5. package/dist/cjs/bds.cjs.js +1 -1
  6. package/dist/cjs/ds-button_3.cjs.entry.js +1 -1
  7. package/dist/cjs/{index-Bac-w3Nh.js → index-Bbq_wrNI.js} +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/components/index.js +1 -1
  10. package/dist/esm/bds.js +2 -2
  11. package/dist/esm/ds-button_3.entry.js +1 -1
  12. package/dist/esm/{index-CHYuAyPs.js → index-DnybiLpQ.js} +1 -1
  13. package/dist/esm/loader.js +2 -2
  14. package/dist/www/build/bds.css +1 -1
  15. package/dist/www/build/bds.esm.js +1 -1
  16. package/dist/www/build/p-0af1a614.css +1 -0
  17. package/dist/www/build/p-DnybiLpQ.js +2 -0
  18. package/dist/{bds/p-c6b63599.entry.js → www/build/p-b8797ba4.entry.js} +1 -1
  19. package/dist/www/css/advertorial/components/article.css +1 -1
  20. package/dist/www/css/advertorial/components/audioplayer.css +1 -1
  21. package/dist/www/css/advertorial/components/avatar.css +1 -1
  22. package/dist/www/css/advertorial/components/badge.css +1 -1
  23. package/dist/www/css/advertorial/components/breadcrumb.css +1 -1
  24. package/dist/www/css/advertorial/components/breakingnews.css +1 -1
  25. package/dist/www/css/advertorial/components/button.css +1 -1
  26. package/dist/www/css/advertorial/components/card.css +1 -1
  27. package/dist/www/css/advertorial/components/carousel.css +1 -1
  28. package/dist/www/css/advertorial/components/chip.css +1 -1
  29. package/dist/www/css/advertorial/components/datepicker.css +1 -1
  30. package/dist/www/css/advertorial/components/drawers.css +1 -1
  31. package/dist/www/css/advertorial/components/dropdown.css +1 -1
  32. package/dist/www/css/advertorial/components/footer.css +1 -1
  33. package/dist/www/css/advertorial/components/icon.css +1 -1
  34. package/dist/www/css/advertorial/components/iconbutton.css +1 -1
  35. package/dist/www/css/advertorial/components/infoelement.css +1 -1
  36. package/dist/www/css/advertorial/components/inputfield.css +1 -1
  37. package/dist/www/css/advertorial/components/liveticker.css +1 -1
  38. package/dist/www/css/advertorial/components/mediaplayer.css +1 -1
  39. package/dist/www/css/advertorial/components/menu.css +1 -1
  40. package/dist/www/css/advertorial/components/newsticker.css +1 -1
  41. package/dist/www/css/advertorial/components/pagination.css +1 -1
  42. package/dist/www/css/advertorial/components/paywall.css +1 -1
  43. package/dist/www/css/advertorial/components/quote.css +1 -1
  44. package/dist/www/css/advertorial/components/radiobutton.css +1 -1
  45. package/dist/www/css/advertorial/components/search.css +1 -1
  46. package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
  47. package/dist/www/css/advertorial/components/separator.css +1 -1
  48. package/dist/www/css/advertorial/components/skeletons.css +1 -1
  49. package/dist/www/css/advertorial/components/slider.css +1 -1
  50. package/dist/www/css/advertorial/components/specialnavi.css +1 -1
  51. package/dist/www/css/advertorial/components/spinner.css +1 -1
  52. package/dist/www/css/advertorial/components/tab.css +1 -1
  53. package/dist/www/css/advertorial/components/table.css +1 -1
  54. package/dist/www/css/advertorial/components/teaser.css +1 -1
  55. package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
  56. package/dist/www/css/advertorial/components/video.css +1 -1
  57. package/dist/www/css/advertorial/theme.css +1 -1
  58. package/dist/www/css/advertorial/tokens.css +13 -13
  59. package/dist/www/css/bild/components/alert.css +1 -1
  60. package/dist/www/css/bild/components/article.css +1 -1
  61. package/dist/www/css/bild/components/audioplayer.css +1 -1
  62. package/dist/www/css/bild/components/avatar.css +1 -1
  63. package/dist/www/css/bild/components/badge.css +1 -1
  64. package/dist/www/css/bild/components/breadcrumb.css +1 -1
  65. package/dist/www/css/bild/components/breakingnews.css +1 -1
  66. package/dist/www/css/bild/components/button.css +1 -1
  67. package/dist/www/css/bild/components/card.css +1 -1
  68. package/dist/www/css/bild/components/carousel.css +1 -1
  69. package/dist/www/css/bild/components/chip.css +1 -1
  70. package/dist/www/css/bild/components/datepicker.css +1 -1
  71. package/dist/www/css/bild/components/drawers.css +1 -1
  72. package/dist/www/css/bild/components/dropdown.css +1 -1
  73. package/dist/www/css/bild/components/empties.css +1 -1
  74. package/dist/www/css/bild/components/footer.css +1 -1
  75. package/dist/www/css/bild/components/gallery.css +1 -1
  76. package/dist/www/css/bild/components/icon.css +1 -1
  77. package/dist/www/css/bild/components/iconbutton.css +1 -1
  78. package/dist/www/css/bild/components/infoelement.css +1 -1
  79. package/dist/www/css/bild/components/inputfield.css +1 -1
  80. package/dist/www/css/bild/components/kicker.css +1 -1
  81. package/dist/www/css/bild/components/liveticker.css +1 -1
  82. package/dist/www/css/bild/components/mediaplayer.css +3 -1
  83. package/dist/www/css/bild/components/menu.css +1 -1
  84. package/dist/www/css/bild/components/menuitem.css +1 -1
  85. package/dist/www/css/bild/components/newsticker.css +1 -1
  86. package/dist/www/css/bild/components/pagination.css +1 -1
  87. package/dist/www/css/bild/components/partnerlinks.css +1 -1
  88. package/dist/www/css/bild/components/paywall.css +1 -1
  89. package/dist/www/css/bild/components/quote.css +1 -1
  90. package/dist/www/css/bild/components/radiobutton.css +1 -1
  91. package/dist/www/css/bild/components/search.css +1 -1
  92. package/dist/www/css/bild/components/sectiontitle.css +1 -1
  93. package/dist/www/css/bild/components/selection.css +1 -1
  94. package/dist/www/css/bild/components/separator.css +1 -1
  95. package/dist/www/css/bild/components/skeletons.css +1 -1
  96. package/dist/www/css/bild/components/slider.css +1 -1
  97. package/dist/www/css/bild/components/specialnavi.css +1 -1
  98. package/dist/www/css/bild/components/spinner.css +1 -1
  99. package/dist/www/css/bild/components/subheader.css +1 -1
  100. package/dist/www/css/bild/components/tab.css +1 -1
  101. package/dist/www/css/bild/components/table.css +1 -1
  102. package/dist/www/css/bild/components/teaser.css +1 -1
  103. package/dist/www/css/bild/components/toggleswitch.css +1 -1
  104. package/dist/www/css/bild/components/video.css +1 -1
  105. package/dist/www/css/bild/theme.css +1 -1
  106. package/dist/www/css/bild/tokens.css +13 -13
  107. package/dist/www/css/bundles/advertorial.css +13 -13
  108. package/dist/www/css/bundles/bild.css +15 -13
  109. package/dist/www/css/bundles/sportbild.css +15 -13
  110. package/dist/www/css/shared/colorprimitive.css +1 -1
  111. package/dist/www/css/shared/fontprimitive.css +1 -1
  112. package/dist/www/css/shared/primitives.css +1 -1
  113. package/dist/www/css/shared/sizeprimitive.css +1 -1
  114. package/dist/www/css/shared/spaceprimitive.css +1 -1
  115. package/dist/www/css/sportbild/components/alert.css +1 -1
  116. package/dist/www/css/sportbild/components/article.css +1 -1
  117. package/dist/www/css/sportbild/components/audioplayer.css +1 -1
  118. package/dist/www/css/sportbild/components/avatar.css +1 -1
  119. package/dist/www/css/sportbild/components/badge.css +1 -1
  120. package/dist/www/css/sportbild/components/breadcrumb.css +1 -1
  121. package/dist/www/css/sportbild/components/breakingnews.css +1 -1
  122. package/dist/www/css/sportbild/components/button.css +1 -1
  123. package/dist/www/css/sportbild/components/card.css +1 -1
  124. package/dist/www/css/sportbild/components/carousel.css +1 -1
  125. package/dist/www/css/sportbild/components/chip.css +1 -1
  126. package/dist/www/css/sportbild/components/datepicker.css +1 -1
  127. package/dist/www/css/sportbild/components/drawers.css +1 -1
  128. package/dist/www/css/sportbild/components/dropdown.css +1 -1
  129. package/dist/www/css/sportbild/components/empties.css +1 -1
  130. package/dist/www/css/sportbild/components/footer.css +1 -1
  131. package/dist/www/css/sportbild/components/gallery.css +1 -1
  132. package/dist/www/css/sportbild/components/icon.css +1 -1
  133. package/dist/www/css/sportbild/components/iconbutton.css +1 -1
  134. package/dist/www/css/sportbild/components/infoelement.css +1 -1
  135. package/dist/www/css/sportbild/components/inputfield.css +1 -1
  136. package/dist/www/css/sportbild/components/kicker.css +1 -1
  137. package/dist/www/css/sportbild/components/liveticker.css +1 -1
  138. package/dist/www/css/sportbild/components/mediaplayer.css +3 -1
  139. package/dist/www/css/sportbild/components/menu.css +1 -1
  140. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  141. package/dist/www/css/sportbild/components/newsticker.css +1 -1
  142. package/dist/www/css/sportbild/components/pagination.css +1 -1
  143. package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
  144. package/dist/www/css/sportbild/components/paywall.css +1 -1
  145. package/dist/www/css/sportbild/components/quote.css +1 -1
  146. package/dist/www/css/sportbild/components/radiobutton.css +1 -1
  147. package/dist/www/css/sportbild/components/search.css +1 -1
  148. package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
  149. package/dist/www/css/sportbild/components/selection.css +1 -1
  150. package/dist/www/css/sportbild/components/separator.css +1 -1
  151. package/dist/www/css/sportbild/components/skeletons.css +1 -1
  152. package/dist/www/css/sportbild/components/slider.css +1 -1
  153. package/dist/www/css/sportbild/components/specialnavi.css +1 -1
  154. package/dist/www/css/sportbild/components/spinner.css +1 -1
  155. package/dist/www/css/sportbild/components/subheader.css +1 -1
  156. package/dist/www/css/sportbild/components/tab.css +1 -1
  157. package/dist/www/css/sportbild/components/table.css +1 -1
  158. package/dist/www/css/sportbild/components/teaser.css +1 -1
  159. package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
  160. package/dist/www/css/sportbild/components/video.css +1 -1
  161. package/dist/www/css/sportbild/theme.css +1 -1
  162. package/dist/www/css/sportbild/tokens.css +13 -13
  163. package/dist/www/icons/manifest.json +2 -2
  164. package/dist/www/index.html +1 -1
  165. package/package.json +1 -1
  166. package/dist/bds/p-CHYuAyPs.js +0 -2
  167. package/dist/www/build/p-5ccb5d98.css +0 -1
  168. package/dist/www/build/p-CHYuAyPs.js +0 -2
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: SectionTitle Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Selection Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Separator Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Skeletons Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Slider Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: SpecialNavi Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Spinner Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Subheader Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Tab Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Table Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Teaser Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: ToggleSwitch Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Video Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Theme (Color tokens + Effects for light/dark mode)
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -23,13 +23,13 @@
23
23
  --page-inline-space: var(--space-0-x, 0px);
24
24
  --grid-space-const-lg: var(--space-2-x, 16px);
25
25
  --grid-space-const-sm: var(--space-1-p-5-x, 12px);
26
- --layout-guide-grid-colums: 4;
26
+ --layout-guide-grid-columns: 4;
27
27
  --section-space-base: var(--space-4-p-5-x, 36px);
28
28
  --section-space-lg: var(--space-9-x, 72px);
29
29
  --paragraph-end-space: var(--space-2-x, 16px);
30
30
  --section-space-sm: var(--space-3-x, 24px);
31
- --breakpoint-min-width-size: 320px;
32
- --breakpoint-max-width-size: 389px;
31
+ --canvas-min-width-size: 320px;
32
+ --canvas-max-width-size: 389px;
33
33
  --canvas-height-size-web: 568px;
34
34
  --canvas-width-size-web: 320px;
35
35
  --canvas-width-size-app: 320px;
@@ -210,8 +210,8 @@
210
210
  @media (min-width: 390px) {
211
211
  [data-content-brand="bild"],
212
212
  :host([data-content-brand="bild"]) {
213
- --breakpoint-min-width-size: 390px;
214
- --breakpoint-max-width-size: 599px;
213
+ --canvas-min-width-size: 390px;
214
+ --canvas-max-width-size: 599px;
215
215
  --canvas-height-size-web: 844px;
216
216
  --canvas-width-size-web: 390px;
217
217
  --canvas-width-size-app: 390px;
@@ -230,13 +230,13 @@
230
230
  :host([data-content-brand="bild"]) {
231
231
  --grid-space-resp-lg: var(--space-4-x, 32px);
232
232
  --grid-space-resp-xl: var(--space-8-x, 64px);
233
- --layout-guide-grid-colums: 8;
233
+ --layout-guide-grid-columns: 8;
234
234
  --section-space-base: var(--space-6-x, 48px);
235
235
  --section-space-lg: var(--space-12-x, 96px);
236
236
  --paragraph-end-space: var(--space-4-x, 32px);
237
237
  --section-space-sm: var(--space-4-p-5-x, 36px);
238
- --breakpoint-min-width-size: 600px;
239
- --breakpoint-max-width-size: 1023px;
238
+ --canvas-min-width-size: 600px;
239
+ --canvas-max-width-size: 1023px;
240
240
  --canvas-height-size-web: 960px;
241
241
  --canvas-width-size-web: 600px;
242
242
  --canvas-width-size-app: 834px;
@@ -315,9 +315,9 @@
315
315
  --grid-space-resp-base: var(--space-2-x, 16px);
316
316
  --grid-space-resp-sm: var(--space-1-x, 8px);
317
317
  --page-inline-space: var(--space-2-x, 16px);
318
- --layout-guide-grid-colums: 12;
319
- --breakpoint-min-width-size: 1024px;
320
- --breakpoint-max-width-size: 1024px;
318
+ --layout-guide-grid-columns: 12;
319
+ --canvas-min-width-size: 1024px;
320
+ --canvas-max-width-size: 1024px;
321
321
  --canvas-height-size-web: 768px;
322
322
  --canvas-width-size-web: 1024px;
323
323
  --canvas-width-size-app: 1194px;
@@ -451,7 +451,7 @@
451
451
  font-family: var(--headline-font-family);
452
452
  font-weight: 700;
453
453
  font-size: var(--headline-4-font-size);
454
- line-height: var(--headline-4-font-size);
454
+ line-height: var(--headline-4-line-height);
455
455
  }
456
456
 
457
457
  [data-content-brand="bild"] .subheadline-1,
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -387,13 +387,13 @@
387
387
  --page-inline-space: var(--space-0-x, 0px);
388
388
  --grid-space-const-lg: var(--space-2-x, 16px);
389
389
  --grid-space-const-sm: var(--space-1-p-5-x, 12px);
390
- --layout-guide-grid-colums: 4;
390
+ --layout-guide-grid-columns: 4;
391
391
  --section-space-base: var(--space-4-p-5-x, 36px);
392
392
  --section-space-lg: var(--space-9-x, 72px);
393
393
  --paragraph-end-space: var(--space-2-x, 16px);
394
394
  --section-space-sm: var(--space-3-x, 24px);
395
- --breakpoint-min-width-size: 320px;
396
- --breakpoint-max-width-size: 389px;
395
+ --canvas-min-width-size: 320px;
396
+ --canvas-max-width-size: 389px;
397
397
  --canvas-height-size-web: 568px;
398
398
  --canvas-width-size-web: 320px;
399
399
  --canvas-width-size-app: 320px;
@@ -574,8 +574,8 @@
574
574
  @media (min-width: 390px) {
575
575
  [data-content-brand="advertorial"],
576
576
  :host([data-content-brand="advertorial"]) {
577
- --breakpoint-min-width-size: 390px;
578
- --breakpoint-max-width-size: 599px;
577
+ --canvas-min-width-size: 390px;
578
+ --canvas-max-width-size: 599px;
579
579
  --canvas-height-size-web: 844px;
580
580
  --canvas-width-size-web: 390px;
581
581
  --canvas-width-size-app: 390px;
@@ -594,13 +594,13 @@
594
594
  :host([data-content-brand="advertorial"]) {
595
595
  --grid-space-resp-lg: var(--space-4-x, 32px);
596
596
  --grid-space-resp-xl: var(--space-8-x, 64px);
597
- --layout-guide-grid-colums: 8;
597
+ --layout-guide-grid-columns: 8;
598
598
  --section-space-base: var(--space-6-x, 48px);
599
599
  --section-space-lg: var(--space-12-x, 96px);
600
600
  --paragraph-end-space: var(--space-4-x, 32px);
601
601
  --section-space-sm: var(--space-4-p-5-x, 36px);
602
- --breakpoint-min-width-size: 600px;
603
- --breakpoint-max-width-size: 1023px;
602
+ --canvas-min-width-size: 600px;
603
+ --canvas-max-width-size: 1023px;
604
604
  --canvas-height-size-web: 960px;
605
605
  --canvas-width-size-web: 600px;
606
606
  --canvas-width-size-app: 834px;
@@ -673,9 +673,9 @@
673
673
  --grid-space-resp-base: var(--space-2-x, 16px);
674
674
  --grid-space-resp-sm: var(--space-1-x, 8px);
675
675
  --page-inline-space: var(--space-2-x, 16px);
676
- --layout-guide-grid-colums: 12;
677
- --breakpoint-min-width-size: 1024px;
678
- --breakpoint-max-width-size: 1024px;
676
+ --layout-guide-grid-columns: 12;
677
+ --canvas-min-width-size: 1024px;
678
+ --canvas-max-width-size: 1024px;
679
679
  --canvas-height-size-web: 768px;
680
680
  --canvas-width-size-web: 1024px;
681
681
  --canvas-width-size-app: 1194px;
@@ -807,7 +807,7 @@
807
807
  font-family: var(--headline-font-family);
808
808
  font-weight: 700;
809
809
  font-size: var(--headline-4-font-size);
810
- line-height: var(--headline-4-font-size);
810
+ line-height: var(--headline-4-line-height);
811
811
  }
812
812
 
813
813
  [data-content-brand="advertorial"] .subheadline-1,
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -853,13 +853,13 @@
853
853
  --page-inline-space: var(--space-0-x, 0px);
854
854
  --grid-space-const-lg: var(--space-2-x, 16px);
855
855
  --grid-space-const-sm: var(--space-1-p-5-x, 12px);
856
- --layout-guide-grid-colums: 4;
856
+ --layout-guide-grid-columns: 4;
857
857
  --section-space-base: var(--space-4-p-5-x, 36px);
858
858
  --section-space-lg: var(--space-9-x, 72px);
859
859
  --paragraph-end-space: var(--space-2-x, 16px);
860
860
  --section-space-sm: var(--space-3-x, 24px);
861
- --breakpoint-min-width-size: 320px;
862
- --breakpoint-max-width-size: 389px;
861
+ --canvas-min-width-size: 320px;
862
+ --canvas-max-width-size: 389px;
863
863
  --canvas-height-size-web: 568px;
864
864
  --canvas-width-size-web: 320px;
865
865
  --canvas-width-size-app: 320px;
@@ -1040,8 +1040,8 @@
1040
1040
  @media (min-width: 390px) {
1041
1041
  [data-content-brand="bild"],
1042
1042
  :host([data-content-brand="bild"]) {
1043
- --breakpoint-min-width-size: 390px;
1044
- --breakpoint-max-width-size: 599px;
1043
+ --canvas-min-width-size: 390px;
1044
+ --canvas-max-width-size: 599px;
1045
1045
  --canvas-height-size-web: 844px;
1046
1046
  --canvas-width-size-web: 390px;
1047
1047
  --canvas-width-size-app: 390px;
@@ -1060,13 +1060,13 @@
1060
1060
  :host([data-content-brand="bild"]) {
1061
1061
  --grid-space-resp-lg: var(--space-4-x, 32px);
1062
1062
  --grid-space-resp-xl: var(--space-8-x, 64px);
1063
- --layout-guide-grid-colums: 8;
1063
+ --layout-guide-grid-columns: 8;
1064
1064
  --section-space-base: var(--space-6-x, 48px);
1065
1065
  --section-space-lg: var(--space-12-x, 96px);
1066
1066
  --paragraph-end-space: var(--space-4-x, 32px);
1067
1067
  --section-space-sm: var(--space-4-p-5-x, 36px);
1068
- --breakpoint-min-width-size: 600px;
1069
- --breakpoint-max-width-size: 1023px;
1068
+ --canvas-min-width-size: 600px;
1069
+ --canvas-max-width-size: 1023px;
1070
1070
  --canvas-height-size-web: 960px;
1071
1071
  --canvas-width-size-web: 600px;
1072
1072
  --canvas-width-size-app: 834px;
@@ -1145,9 +1145,9 @@
1145
1145
  --grid-space-resp-base: var(--space-2-x, 16px);
1146
1146
  --grid-space-resp-sm: var(--space-1-x, 8px);
1147
1147
  --page-inline-space: var(--space-2-x, 16px);
1148
- --layout-guide-grid-colums: 12;
1149
- --breakpoint-min-width-size: 1024px;
1150
- --breakpoint-max-width-size: 1024px;
1148
+ --layout-guide-grid-columns: 12;
1149
+ --canvas-min-width-size: 1024px;
1150
+ --canvas-max-width-size: 1024px;
1151
1151
  --canvas-height-size-web: 768px;
1152
1152
  --canvas-width-size-web: 1024px;
1153
1153
  --canvas-width-size-app: 1194px;
@@ -1281,7 +1281,7 @@
1281
1281
  font-family: var(--headline-font-family);
1282
1282
  font-weight: 700;
1283
1283
  font-size: var(--headline-4-font-size);
1284
- line-height: var(--headline-4-font-size);
1284
+ line-height: var(--headline-4-line-height);
1285
1285
  }
1286
1286
 
1287
1287
  [data-content-brand="bild"] .subheadline-1,
@@ -2790,6 +2790,7 @@
2790
2790
  --vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
2791
2791
  --vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
2792
2792
  --vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
2793
+ --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
2793
2794
 
2794
2795
  }
2795
2796
 
@@ -2812,6 +2813,7 @@
2812
2813
  --vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
2813
2814
  --vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
2814
2815
  --vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
2816
+ --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
2815
2817
 
2816
2818
  }
2817
2819
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -853,13 +853,13 @@
853
853
  --page-inline-space: var(--space-0-x, 0px);
854
854
  --grid-space-const-lg: var(--space-2-x, 16px);
855
855
  --grid-space-const-sm: var(--space-1-p-5-x, 12px);
856
- --layout-guide-grid-colums: 4;
856
+ --layout-guide-grid-columns: 4;
857
857
  --section-space-base: var(--space-4-p-5-x, 36px);
858
858
  --section-space-lg: var(--space-9-x, 72px);
859
859
  --paragraph-end-space: var(--space-2-x, 16px);
860
860
  --section-space-sm: var(--space-3-x, 24px);
861
- --breakpoint-min-width-size: 320px;
862
- --breakpoint-max-width-size: 389px;
861
+ --canvas-min-width-size: 320px;
862
+ --canvas-max-width-size: 389px;
863
863
  --canvas-height-size-web: 568px;
864
864
  --canvas-width-size-web: 320px;
865
865
  --canvas-width-size-app: 320px;
@@ -1040,8 +1040,8 @@
1040
1040
  @media (min-width: 390px) {
1041
1041
  [data-content-brand="sportbild"],
1042
1042
  :host([data-content-brand="sportbild"]) {
1043
- --breakpoint-min-width-size: 390px;
1044
- --breakpoint-max-width-size: 599px;
1043
+ --canvas-min-width-size: 390px;
1044
+ --canvas-max-width-size: 599px;
1045
1045
  --canvas-height-size-web: 844px;
1046
1046
  --canvas-width-size-web: 390px;
1047
1047
  --canvas-width-size-app: 390px;
@@ -1061,13 +1061,13 @@
1061
1061
  :host([data-content-brand="sportbild"]) {
1062
1062
  --grid-space-resp-lg: var(--space-4-x, 32px);
1063
1063
  --grid-space-resp-xl: var(--space-8-x, 64px);
1064
- --layout-guide-grid-colums: 8;
1064
+ --layout-guide-grid-columns: 8;
1065
1065
  --section-space-base: var(--space-6-x, 48px);
1066
1066
  --section-space-lg: var(--space-12-x, 96px);
1067
1067
  --paragraph-end-space: var(--space-4-x, 32px);
1068
1068
  --section-space-sm: var(--space-4-p-5-x, 36px);
1069
- --breakpoint-min-width-size: 600px;
1070
- --breakpoint-max-width-size: 1023px;
1069
+ --canvas-min-width-size: 600px;
1070
+ --canvas-max-width-size: 1023px;
1071
1071
  --canvas-height-size-web: 960px;
1072
1072
  --canvas-width-size-web: 600px;
1073
1073
  --canvas-width-size-app: 834px;
@@ -1148,9 +1148,9 @@
1148
1148
  --grid-space-resp-base: var(--space-2-x, 16px);
1149
1149
  --grid-space-resp-sm: var(--space-1-x, 8px);
1150
1150
  --page-inline-space: var(--space-2-x, 16px);
1151
- --layout-guide-grid-colums: 12;
1152
- --breakpoint-min-width-size: 1024px;
1153
- --breakpoint-max-width-size: 1024px;
1151
+ --layout-guide-grid-columns: 12;
1152
+ --canvas-min-width-size: 1024px;
1153
+ --canvas-max-width-size: 1024px;
1154
1154
  --canvas-height-size-web: 768px;
1155
1155
  --canvas-width-size-web: 1024px;
1156
1156
  --canvas-width-size-app: 1194px;
@@ -1288,7 +1288,7 @@
1288
1288
  font-family: var(--headline-font-family);
1289
1289
  font-weight: 700;
1290
1290
  font-size: var(--headline-4-font-size);
1291
- line-height: var(--headline-4-font-size);
1291
+ line-height: var(--headline-4-line-height);
1292
1292
  font-style: italic;
1293
1293
  }
1294
1294
 
@@ -2811,6 +2811,7 @@
2811
2811
  --vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
2812
2812
  --vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
2813
2813
  --vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
2814
+ --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
2814
2815
 
2815
2816
  }
2816
2817
 
@@ -2833,6 +2834,7 @@
2833
2834
  --vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
2834
2835
  --vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
2835
2836
  --vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
2837
+ --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
2836
2838
 
2837
2839
  }
2838
2840
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Bundle: Primitives (Base values: space, size, colors, fonts)
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Alert Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Article Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: AudioPlayer Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Avatar Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Badge Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Breadcrumb Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: BreakingNews Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Button Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Card Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Carousel Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Chip Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Datepicker Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.3.25
4
+ * BILD Design System Tokens v1.4.0
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Drawers Component Tokens