@marioschmidt/design-system-components 1.4.1 → 1.4.3

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 (167) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/p-CykBs8XP.js +2 -0
  4. package/dist/{www/build/p-b8797ba4.entry.js → bds/p-d86581a5.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-Bbq_wrNI.js → index-DaeUgmBx.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-DnybiLpQ.js → index-CykBs8XP.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 → p-25e78bc1.css} +1 -1
  17. package/dist/www/build/p-CykBs8XP.js +2 -0
  18. package/dist/{bds/p-b8797ba4.entry.js → www/build/p-d86581a5.entry.js} +1 -1
  19. package/dist/www/css/advertorial/components/article.css +3 -3
  20. package/dist/www/css/advertorial/components/audioplayer.css +2 -2
  21. package/dist/www/css/advertorial/components/avatar.css +3 -3
  22. package/dist/www/css/advertorial/components/badge.css +1 -1
  23. package/dist/www/css/advertorial/components/breadcrumb.css +2 -2
  24. package/dist/www/css/advertorial/components/breakingnews.css +3 -3
  25. package/dist/www/css/advertorial/components/button.css +2 -2
  26. package/dist/www/css/advertorial/components/card.css +2 -2
  27. package/dist/www/css/advertorial/components/carousel.css +3 -3
  28. package/dist/www/css/advertorial/components/chip.css +2 -2
  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 +3 -3
  36. package/dist/www/css/advertorial/components/inputfield.css +2 -2
  37. package/dist/www/css/advertorial/components/liveticker.css +3 -3
  38. package/dist/www/css/advertorial/components/mediaplayer.css +3 -3
  39. package/dist/www/css/advertorial/components/menu.css +3 -3
  40. package/dist/www/css/advertorial/components/newsticker.css +4 -4
  41. package/dist/www/css/advertorial/components/pagination.css +2 -2
  42. package/dist/www/css/advertorial/components/paywall.css +1 -1
  43. package/dist/www/css/advertorial/components/quote.css +3 -3
  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 +2 -2
  47. package/dist/www/css/advertorial/components/separator.css +1 -1
  48. package/dist/www/css/advertorial/components/skeletons.css +2 -2
  49. package/dist/www/css/advertorial/components/slider.css +1 -1
  50. package/dist/www/css/advertorial/components/specialnavi.css +2 -2
  51. package/dist/www/css/advertorial/components/spinner.css +2 -2
  52. package/dist/www/css/advertorial/components/tab.css +3 -3
  53. package/dist/www/css/advertorial/components/table.css +3 -3
  54. package/dist/www/css/advertorial/components/teaser.css +3 -3
  55. package/dist/www/css/advertorial/components/toggleswitch.css +3 -3
  56. package/dist/www/css/advertorial/components/video.css +3 -3
  57. package/dist/www/css/advertorial/theme.css +1 -1
  58. package/dist/www/css/advertorial/tokens.css +4 -4
  59. package/dist/www/css/bild/components/alert.css +11 -1
  60. package/dist/www/css/bild/components/article.css +3 -3
  61. package/dist/www/css/bild/components/audioplayer.css +2 -2
  62. package/dist/www/css/bild/components/avatar.css +3 -3
  63. package/dist/www/css/bild/components/badge.css +1 -1
  64. package/dist/www/css/bild/components/breadcrumb.css +2 -2
  65. package/dist/www/css/bild/components/breakingnews.css +3 -3
  66. package/dist/www/css/bild/components/button.css +2 -2
  67. package/dist/www/css/bild/components/card.css +2 -2
  68. package/dist/www/css/bild/components/carousel.css +3 -3
  69. package/dist/www/css/bild/components/chip.css +2 -2
  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 +3 -3
  79. package/dist/www/css/bild/components/inputfield.css +2 -2
  80. package/dist/www/css/bild/components/kicker.css +1 -1
  81. package/dist/www/css/bild/components/liveticker.css +3 -3
  82. package/dist/www/css/bild/components/mediaplayer.css +3 -3
  83. package/dist/www/css/bild/components/menu.css +13 -3
  84. package/dist/www/css/bild/components/menuitem.css +1 -1
  85. package/dist/www/css/bild/components/newsticker.css +4 -4
  86. package/dist/www/css/bild/components/pagination.css +2 -2
  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 +3 -3
  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 +2 -2
  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 +2 -2
  96. package/dist/www/css/bild/components/slider.css +1 -1
  97. package/dist/www/css/bild/components/specialnavi.css +2 -2
  98. package/dist/www/css/bild/components/spinner.css +2 -2
  99. package/dist/www/css/bild/components/subheader.css +1 -1
  100. package/dist/www/css/bild/components/tab.css +3 -3
  101. package/dist/www/css/bild/components/table.css +3 -3
  102. package/dist/www/css/bild/components/teaser.css +8 -3
  103. package/dist/www/css/bild/components/toggleswitch.css +3 -3
  104. package/dist/www/css/bild/components/video.css +3 -3
  105. package/dist/www/css/bild/theme.css +1 -1
  106. package/dist/www/css/bild/tokens.css +4 -4
  107. package/dist/www/css/bundles/advertorial.css +46 -46
  108. package/dist/www/css/bundles/bild.css +71 -46
  109. package/dist/www/css/bundles/sportbild.css +71 -46
  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 +11 -1
  116. package/dist/www/css/sportbild/components/article.css +3 -3
  117. package/dist/www/css/sportbild/components/audioplayer.css +2 -2
  118. package/dist/www/css/sportbild/components/avatar.css +3 -3
  119. package/dist/www/css/sportbild/components/badge.css +1 -1
  120. package/dist/www/css/sportbild/components/breadcrumb.css +2 -2
  121. package/dist/www/css/sportbild/components/breakingnews.css +3 -3
  122. package/dist/www/css/sportbild/components/button.css +2 -2
  123. package/dist/www/css/sportbild/components/card.css +2 -2
  124. package/dist/www/css/sportbild/components/carousel.css +3 -3
  125. package/dist/www/css/sportbild/components/chip.css +2 -2
  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 +3 -3
  135. package/dist/www/css/sportbild/components/inputfield.css +2 -2
  136. package/dist/www/css/sportbild/components/kicker.css +1 -1
  137. package/dist/www/css/sportbild/components/liveticker.css +3 -3
  138. package/dist/www/css/sportbild/components/mediaplayer.css +3 -3
  139. package/dist/www/css/sportbild/components/menu.css +13 -3
  140. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  141. package/dist/www/css/sportbild/components/newsticker.css +4 -4
  142. package/dist/www/css/sportbild/components/pagination.css +2 -2
  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 +3 -3
  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 +2 -2
  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 +2 -2
  152. package/dist/www/css/sportbild/components/slider.css +1 -1
  153. package/dist/www/css/sportbild/components/specialnavi.css +2 -2
  154. package/dist/www/css/sportbild/components/spinner.css +2 -2
  155. package/dist/www/css/sportbild/components/subheader.css +1 -1
  156. package/dist/www/css/sportbild/components/tab.css +3 -3
  157. package/dist/www/css/sportbild/components/table.css +3 -3
  158. package/dist/www/css/sportbild/components/teaser.css +8 -3
  159. package/dist/www/css/sportbild/components/toggleswitch.css +3 -3
  160. package/dist/www/css/sportbild/components/video.css +3 -3
  161. package/dist/www/css/sportbild/theme.css +1 -1
  162. package/dist/www/css/sportbild/tokens.css +4 -4
  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-DnybiLpQ.js +0 -2
  167. package/dist/www/build/p-DnybiLpQ.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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -1039,7 +1039,7 @@
1039
1039
 
1040
1040
  @media (min-width: 390px) {
1041
1041
  [data-content-brand="sportbild"],
1042
- :host([data-content-brand="sportbild"]) {
1042
+ :host([data-content-brand="sportbild"]) {
1043
1043
  --canvas-min-width-size: 390px;
1044
1044
  --canvas-max-width-size: 599px;
1045
1045
  --canvas-height-size-web: 844px;
@@ -1058,7 +1058,7 @@
1058
1058
 
1059
1059
  @media (min-width: 600px) {
1060
1060
  [data-content-brand="sportbild"],
1061
- :host([data-content-brand="sportbild"]) {
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
1064
  --layout-guide-grid-columns: 8;
@@ -1144,7 +1144,7 @@
1144
1144
 
1145
1145
  @media (min-width: 1024px) {
1146
1146
  [data-content-brand="sportbild"],
1147
- :host([data-content-brand="sportbild"]) {
1147
+ :host([data-content-brand="sportbild"]) {
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);
@@ -1756,6 +1756,16 @@
1756
1756
 
1757
1757
  /* === OTHER TOKENS === */
1758
1758
 
1759
+ [data-color-brand="sportbild"] .alert-shadow-down,
1760
+ :host([data-color-brand="sportbild"]) .alert-shadow-down {
1761
+ box-shadow: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
1762
+ }
1763
+
1764
+ [data-color-brand="sportbild"] .alert-shadow-up,
1765
+ :host([data-color-brand="sportbild"]) .alert-shadow-up {
1766
+ box-shadow: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
1767
+ }
1768
+
1759
1769
  /* === TYPOGRAPHY TOKENS === */
1760
1770
 
1761
1771
  [data-content-brand="sportbild"] .article-kicker,
@@ -1826,7 +1836,7 @@
1826
1836
 
1827
1837
  @media (min-width: 600px) {
1828
1838
  [data-content-brand="sportbild"],
1829
- :host([data-content-brand="sportbild"]) {
1839
+ :host([data-content-brand="sportbild"]) {
1830
1840
  --aricle-mobile-1-col-grid-image-margin-space: var(--space-9-x, 72px);
1831
1841
  --article-image-landscape-inline-space: var(--space-1-p-5-x, 12px);
1832
1842
  --article-content-inline-space: var(--space-9-x, 72px);
@@ -1839,7 +1849,7 @@
1839
1849
 
1840
1850
  @media (min-width: 1024px) {
1841
1851
  [data-content-brand="sportbild"],
1842
- :host([data-content-brand="sportbild"]) {
1852
+ :host([data-content-brand="sportbild"]) {
1843
1853
  --article-headings-stack-space: var(--space-2-x, 16px);
1844
1854
  --article-image-landscape-inline-space: var(--space-2-x, 16px);
1845
1855
  --article-content-inline-space: 162px;
@@ -1872,7 +1882,7 @@
1872
1882
 
1873
1883
  @media (min-width: 1024px) {
1874
1884
  [data-content-brand="sportbild"],
1875
- :host([data-content-brand="sportbild"]) {
1885
+ :host([data-content-brand="sportbild"]) {
1876
1886
  --audio-player-font-size: 18px;
1877
1887
  }
1878
1888
  }
@@ -1950,7 +1960,7 @@
1950
1960
 
1951
1961
  @media (min-width: 600px) {
1952
1962
  [data-content-brand="sportbild"],
1953
- :host([data-content-brand="sportbild"]) {
1963
+ :host([data-content-brand="sportbild"]) {
1954
1964
  --avatar-author-page-size: var(--size-16-p-25, 130px);
1955
1965
  --avatar-lane-gap-space: var(--space-3-x, 24px);
1956
1966
  }
@@ -1958,7 +1968,7 @@
1958
1968
 
1959
1969
  @media (min-width: 1024px) {
1960
1970
  [data-content-brand="sportbild"],
1961
- :host([data-content-brand="sportbild"]) {
1971
+ :host([data-content-brand="sportbild"]) {
1962
1972
  --avatar-label-font-size: 15px;
1963
1973
  --avatar-label-line-height: 23px;
1964
1974
  }
@@ -2042,7 +2052,7 @@
2042
2052
 
2043
2053
  @media (min-width: 1024px) {
2044
2054
  [data-content-brand="sportbild"],
2045
- :host([data-content-brand="sportbild"]) {
2055
+ :host([data-content-brand="sportbild"]) {
2046
2056
  --breadcrumb-font-size: 11px;
2047
2057
  --breadcrumb-inline-space: 0px;
2048
2058
  --breadcrumb-line-height: 11px;
@@ -2134,7 +2144,7 @@
2134
2144
 
2135
2145
  @media (min-width: 600px) {
2136
2146
  [data-content-brand="sportbild"],
2137
- :host([data-content-brand="sportbild"]) {
2147
+ :host([data-content-brand="sportbild"]) {
2138
2148
  --breaking-news-badge-upper-title-font-size: 17px;
2139
2149
  --breaking-news-badge-lower-title-font-size: 30px;
2140
2150
  --breaking-news-badge-upper-title-line-height: 12px;
@@ -2145,7 +2155,7 @@
2145
2155
 
2146
2156
  @media (min-width: 1024px) {
2147
2157
  [data-content-brand="sportbild"],
2148
- :host([data-content-brand="sportbild"]) {
2158
+ :host([data-content-brand="sportbild"]) {
2149
2159
  --breaking-news-badge-inline-space: var(--size-3-p-25-x, 26px);
2150
2160
  }
2151
2161
  }
@@ -2236,7 +2246,7 @@
2236
2246
 
2237
2247
  @media (min-width: 1024px) {
2238
2248
  [data-content-brand="sportbild"],
2239
- :host([data-content-brand="sportbild"]) {
2249
+ :host([data-content-brand="sportbild"]) {
2240
2250
  --partner-link-button-label-font-size: 18px;
2241
2251
  }
2242
2252
  }
@@ -2312,7 +2322,7 @@
2312
2322
 
2313
2323
  @media (min-width: 1024px) {
2314
2324
  [data-content-brand="sportbild"],
2315
- :host([data-content-brand="sportbild"]) {
2325
+ :host([data-content-brand="sportbild"]) {
2316
2326
  --search-result-card-image-width-size: 260px;
2317
2327
  }
2318
2328
  }
@@ -2332,7 +2342,7 @@
2332
2342
 
2333
2343
  @media (min-width: 600px) {
2334
2344
  [data-content-brand="sportbild"],
2335
- :host([data-content-brand="sportbild"]) {
2345
+ :host([data-content-brand="sportbild"]) {
2336
2346
  --gallery-teaser-title-bottom-space: var(--space-4-p-5-x, 36px);
2337
2347
  --gallery-teaser-app-gap-space: var(--gap-space-const-sm);
2338
2348
  --app-epaper-carousel-item-focus-width: 240px;
@@ -2344,7 +2354,7 @@
2344
2354
 
2345
2355
  @media (min-width: 1024px) {
2346
2356
  [data-content-brand="sportbild"],
2347
- :host([data-content-brand="sportbild"]) {
2357
+ :host([data-content-brand="sportbild"]) {
2348
2358
  --standard-teaser-gallery-teaser-width-web: 300px;
2349
2359
  --standard-teaser-gallery-teaser-width-app: 464px;
2350
2360
  }
@@ -2386,7 +2396,7 @@
2386
2396
 
2387
2397
  @media (min-width: 1024px) {
2388
2398
  [data-content-brand="sportbild"],
2389
- :host([data-content-brand="sportbild"]) {
2399
+ :host([data-content-brand="sportbild"]) {
2390
2400
  --chip-font-size: var(--size-2-p-25-x, 18px);
2391
2401
  }
2392
2402
  }
@@ -2584,7 +2594,7 @@
2584
2594
 
2585
2595
  @media (min-width: 600px) {
2586
2596
  [data-content-brand="sportbild"],
2587
- :host([data-content-brand="sportbild"]) {
2597
+ :host([data-content-brand="sportbild"]) {
2588
2598
  --info-element-teaser-image-height-size: 83px;
2589
2599
  --info-element-teaser-image-width-size: var(--size-18-p-5-x, 148px);
2590
2600
  }
@@ -2592,7 +2602,7 @@
2592
2602
 
2593
2603
  @media (min-width: 1024px) {
2594
2604
  [data-content-brand="sportbild"],
2595
- :host([data-content-brand="sportbild"]) {
2605
+ :host([data-content-brand="sportbild"]) {
2596
2606
  --info-element-teaser-badge-height-size: var(--size-3-x, 24px);
2597
2607
  --info-element-teaser-image-height-size: 133px;
2598
2608
  --info-element-teaser-image-width-size: 236px;
@@ -2672,7 +2682,7 @@
2672
2682
 
2673
2683
  @media (min-width: 1024px) {
2674
2684
  [data-content-brand="sportbild"],
2675
- :host([data-content-brand="sportbild"]) {
2685
+ :host([data-content-brand="sportbild"]) {
2676
2686
  --hey-input-container-inline-space: var(--inline-space-const-lg);
2677
2687
  --input-field-label-line-height: var(--density-input-field-label-font-size);
2678
2688
  }
@@ -2777,7 +2787,7 @@
2777
2787
 
2778
2788
  @media (min-width: 600px) {
2779
2789
  [data-content-brand="sportbild"],
2780
- :host([data-content-brand="sportbild"]) {
2790
+ :host([data-content-brand="sportbild"]) {
2781
2791
  --live-ticker-headlines-font-size: 32px;
2782
2792
  --live-ticker-time-stamp-font-size: 16px;
2783
2793
  --live-ticker-app-card-height-size: 128px;
@@ -2787,7 +2797,7 @@
2787
2797
 
2788
2798
  @media (min-width: 1024px) {
2789
2799
  [data-content-brand="sportbild"],
2790
- :host([data-content-brand="sportbild"]) {
2800
+ :host([data-content-brand="sportbild"]) {
2791
2801
  --live-ticker-slider-item-width-max-size: 537px;
2792
2802
  }
2793
2803
  }
@@ -2882,7 +2892,7 @@
2882
2892
 
2883
2893
  @media (min-width: 600px) {
2884
2894
  [data-content-brand="sportbild"],
2885
- :host([data-content-brand="sportbild"]) {
2895
+ :host([data-content-brand="sportbild"]) {
2886
2896
  --vid-player-timecode-font-size: 16px;
2887
2897
  --vid-player-timecode-container-min-width-size: 58px;
2888
2898
  }
@@ -2890,7 +2900,7 @@
2890
2900
 
2891
2901
  @media (min-width: 1024px) {
2892
2902
  [data-content-brand="sportbild"],
2893
- :host([data-content-brand="sportbild"]) {
2903
+ :host([data-content-brand="sportbild"]) {
2894
2904
  --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg);
2895
2905
  --vid-player-timecode-font-size: 18px;
2896
2906
  --vid-player-progress-bar-container-height-size: 42px;
@@ -2997,7 +3007,7 @@
2997
3007
 
2998
3008
  @media (min-width: 600px) {
2999
3009
  [data-content-brand="sportbild"],
3000
- :host([data-content-brand="sportbild"]) {
3010
+ :host([data-content-brand="sportbild"]) {
3001
3011
  --app-topbar-title-font-size: 13px;
3002
3012
  --app-topbar-stage-title-height: 17px;
3003
3013
  --i-osapp-top-bar-height-size: 48px;
@@ -3008,7 +3018,7 @@
3008
3018
 
3009
3019
  @media (min-width: 1024px) {
3010
3020
  [data-content-brand="sportbild"],
3011
- :host([data-content-brand="sportbild"]) {
3021
+ :host([data-content-brand="sportbild"]) {
3012
3022
  --menu-logo-default-size: var(--size-18-p-5-x, 148px);
3013
3023
  --menu-special-navi-item-height-size: 56px;
3014
3024
  --menu-utility-links-container-height-size: var(--size-12-p-5-x, 100px);
@@ -3031,6 +3041,16 @@
3031
3041
  --app-top-bar-icon-color: var(--icon-color-secondary);
3032
3042
  }
3033
3043
 
3044
+ [data-color-brand="sportbild"] .menu-shadow,
3045
+ :host([data-color-brand="sportbild"]) .menu-shadow {
3046
+ box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
3047
+ }
3048
+
3049
+ [data-color-brand="sportbild"] .hey-input-shadow,
3050
+ :host([data-color-brand="sportbild"]) .hey-input-shadow {
3051
+ box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
3052
+ }
3053
+
3034
3054
  /* === OTHER TOKENS === */
3035
3055
 
3036
3056
  [data-color-brand="sportbild"],
@@ -3092,14 +3112,14 @@
3092
3112
 
3093
3113
  @media (min-width: 390px) {
3094
3114
  [data-content-brand="sportbild"],
3095
- :host([data-content-brand="sportbild"]) {
3115
+ :host([data-content-brand="sportbild"]) {
3096
3116
  --news-ticker-time-font-family: var(--label-font-family);
3097
3117
  }
3098
3118
  }
3099
3119
 
3100
3120
  @media (min-width: 600px) {
3101
3121
  [data-content-brand="sportbild"],
3102
- :host([data-content-brand="sportbild"]) {
3122
+ :host([data-content-brand="sportbild"]) {
3103
3123
  --news-ticker-titles-inline-space: var(--space-3-x, 24px);
3104
3124
  --news-ticker-badges-inline-space: var(--space-1-p-5-x, 12px);
3105
3125
  --news-ticker-time-kicker-stack-space: var(--space-0-p-75-x, 6px);
@@ -3113,7 +3133,7 @@
3113
3133
 
3114
3134
  @media (min-width: 1024px) {
3115
3135
  [data-content-brand="sportbild"],
3116
- :host([data-content-brand="sportbild"]) {
3136
+ :host([data-content-brand="sportbild"]) {
3117
3137
  --news-ticker-time-font-size: 18px;
3118
3138
  --news-ticker-time-line-height: 23.4px;
3119
3139
  --news-ticker-titles-inline-space: 30px;
@@ -3172,7 +3192,7 @@
3172
3192
 
3173
3193
  @media (min-width: 600px) {
3174
3194
  [data-content-brand="sportbild"],
3175
- :host([data-content-brand="sportbild"]) {
3195
+ :host([data-content-brand="sportbild"]) {
3176
3196
  --gallery-pagination-container-web-inline-space: var(--inline-space-const-md);
3177
3197
  --gallery-pagination-container-stack-space: var(--stack-space-const-lg);
3178
3198
  }
@@ -3256,7 +3276,7 @@
3256
3276
 
3257
3277
  @media (min-width: 600px) {
3258
3278
  [data-content-brand="sportbild"],
3259
- :host([data-content-brand="sportbild"]) {
3279
+ :host([data-content-brand="sportbild"]) {
3260
3280
  --quote-quotation-marks-font-size: var(--size-4-x, 32px);
3261
3281
  --quote-content-gap-space: var(--gap-space-const-3-xl);
3262
3282
  }
@@ -3264,7 +3284,7 @@
3264
3284
 
3265
3285
  @media (min-width: 1024px) {
3266
3286
  [data-content-brand="sportbild"],
3267
- :host([data-content-brand="sportbild"]) {
3287
+ :host([data-content-brand="sportbild"]) {
3268
3288
  --quote-container-inline-space: var(--space-3-p-5-x, 28px);
3269
3289
  --quote-quotation-marks-font-size: var(--size-4-p-5-x, 36px);
3270
3290
  }
@@ -3297,7 +3317,7 @@
3297
3317
 
3298
3318
  @media (min-width: 1024px) {
3299
3319
  [data-content-brand="sportbild"],
3300
- :host([data-content-brand="sportbild"]) {
3320
+ :host([data-content-brand="sportbild"]) {
3301
3321
  --section-title-height-size: var(--size-5-x, 40px);
3302
3322
  --section-title-arrow-inline-space-active: 8px;
3303
3323
  }
@@ -3329,7 +3349,7 @@
3329
3349
 
3330
3350
  @media (min-width: 600px) {
3331
3351
  [data-content-brand="sportbild"],
3332
- :host([data-content-brand="sportbild"]) {
3352
+ :host([data-content-brand="sportbild"]) {
3333
3353
  --headlines-skeleton-image-placeholder-max-width: var(--size-20-x, 160px);
3334
3354
  --article-skeleton-image-inline-space: var(--space-6-x, 48px);
3335
3355
  --article-skeleton-text-inline-space: var(--space-6-x, 48px);
@@ -3388,7 +3408,7 @@
3388
3408
 
3389
3409
  @media (min-width: 1024px) {
3390
3410
  [data-content-brand="sportbild"],
3391
- :host([data-content-brand="sportbild"]) {
3411
+ :host([data-content-brand="sportbild"]) {
3392
3412
  --special-navi-inline-space: var(--space-4-x, 32px);
3393
3413
  }
3394
3414
  }
@@ -3404,7 +3424,7 @@
3404
3424
 
3405
3425
  @media (min-width: 600px) {
3406
3426
  [data-content-brand="sportbild"],
3407
- :host([data-content-brand="sportbild"]) {
3427
+ :host([data-content-brand="sportbild"]) {
3408
3428
  --video-spinner-size: var(--size-10-x, 80px);
3409
3429
  --video-spinner-stroke-size: 4px;
3410
3430
  --video-spinner-size-0-5-x: 40px;
@@ -3483,14 +3503,14 @@
3483
3503
 
3484
3504
  @media (min-width: 390px) {
3485
3505
  [data-content-brand="sportbild"],
3486
- :host([data-content-brand="sportbild"]) {
3506
+ :host([data-content-brand="sportbild"]) {
3487
3507
  --apps-tabs-label-font-size: 12px;
3488
3508
  }
3489
3509
  }
3490
3510
 
3491
3511
  @media (min-width: 600px) {
3492
3512
  [data-content-brand="sportbild"],
3493
- :host([data-content-brand="sportbild"]) {
3513
+ :host([data-content-brand="sportbild"]) {
3494
3514
  --android-tabbar-height-size: 74px;
3495
3515
  --tab-label-font-size-line: 16px;
3496
3516
  --apps-tabs-label-font-size: 16px;
@@ -3514,7 +3534,7 @@
3514
3534
 
3515
3535
  @media (min-width: 600px) {
3516
3536
  [data-content-brand="sportbild"],
3517
- :host([data-content-brand="sportbild"]) {
3537
+ :host([data-content-brand="sportbild"]) {
3518
3538
  --table-column-width-size-1-x: var(--size-12-x, 96px);
3519
3539
  --table-column-width-size-2-x: var(--size-22-p-5-x, 180px);
3520
3540
  --table-column-width-size-0-p-5-x: var(--size-6-x, 48px);
@@ -3527,7 +3547,7 @@
3527
3547
 
3528
3548
  @media (min-width: 1024px) {
3529
3549
  [data-content-brand="sportbild"],
3530
- :host([data-content-brand="sportbild"]) {
3550
+ :host([data-content-brand="sportbild"]) {
3531
3551
  --table-column-width-size-1-x: var(--size-17-p-5-x, 140px);
3532
3552
  --table-column-width-size-2-x: var(--size-27-p-5-x, 220px);
3533
3553
  --table-column-width-size-0-p-5-x: var(--size-9-x, 72px);
@@ -3645,7 +3665,7 @@
3645
3665
 
3646
3666
  @media (min-width: 600px) {
3647
3667
  [data-content-brand="sportbild"],
3648
- :host([data-content-brand="sportbild"]) {
3668
+ :host([data-content-brand="sportbild"]) {
3649
3669
  --teaser-title-inline-left-space: var(--space-0-x, 0px);
3650
3670
  --teaser-title-bottom-stack-space: var(--space-2-x, 16px);
3651
3671
  --m-qteaser-headline-font-size: var(--headline-3-font-size);
@@ -3666,7 +3686,7 @@
3666
3686
 
3667
3687
  @media (min-width: 1024px) {
3668
3688
  [data-content-brand="sportbild"],
3669
- :host([data-content-brand="sportbild"]) {
3689
+ :host([data-content-brand="sportbild"]) {
3670
3690
  --teaser-title-stack-space: var(--space-0-p-75-x, 6px);
3671
3691
  --teaser-badges-height-size-lg: var(--size-const-sm);
3672
3692
  --bild-play-teaser-width-size: 193px;
@@ -3680,6 +3700,11 @@
3680
3700
  --teaser-hover-opacity: var(--layer-opacity-80);
3681
3701
  }
3682
3702
 
3703
+ [data-color-brand="sportbild"] .teaser-headlines-shadow,
3704
+ :host([data-color-brand="sportbild"]) .teaser-headlines-shadow {
3705
+ box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
3706
+ }
3707
+
3683
3708
  /* === TYPOGRAPHY TOKENS === */
3684
3709
 
3685
3710
  [data-content-brand="sportbild"] .app-toogle-item-label,
@@ -3701,7 +3726,7 @@
3701
3726
 
3702
3727
  @media (min-width: 600px) {
3703
3728
  [data-content-brand="sportbild"],
3704
- :host([data-content-brand="sportbild"]) {
3729
+ :host([data-content-brand="sportbild"]) {
3705
3730
  --app-toggle-item-label-font-size: 16px;
3706
3731
  --app-toggle-item-label-line-height: 16.2px;
3707
3732
  }
@@ -3709,7 +3734,7 @@
3709
3734
 
3710
3735
  @media (min-width: 1024px) {
3711
3736
  [data-content-brand="sportbild"],
3712
- :host([data-content-brand="sportbild"]) {
3737
+ :host([data-content-brand="sportbild"]) {
3713
3738
  --app-toggle-item-label-font-size: 18px;
3714
3739
  --app-toggle-item-label-line-height: 18.2px;
3715
3740
  }
@@ -3733,7 +3758,7 @@
3733
3758
 
3734
3759
  @media (min-width: 600px) {
3735
3760
  [data-content-brand="sportbild"],
3736
- :host([data-content-brand="sportbild"]) {
3761
+ :host([data-content-brand="sportbild"]) {
3737
3762
  --video-time-badge-font-size: 18px;
3738
3763
  --video-time-badge-size: var(--size-4-x, 32px);
3739
3764
  --video-red-play-icon-width-size: var(--size-1-p-5-x, 12px);
@@ -3748,7 +3773,7 @@
3748
3773
 
3749
3774
  @media (min-width: 1024px) {
3750
3775
  [data-content-brand="sportbild"],
3751
- :host([data-content-brand="sportbild"]) {
3776
+ :host([data-content-brand="sportbild"]) {
3752
3777
  --video-time-badge-size: var(--size-5-x, 40px);
3753
3778
  --video-red-play-icon-width-size: var(--size-1-p-75-x, 14px);
3754
3779
  --video-red-play-icon-height-size: var(--size-2-p-25-x, 18px);
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
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.4.1
4
+ * BILD Design System Tokens v1.4.3
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.4.1
4
+ * BILD Design System Tokens v1.4.3
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.4.1
4
+ * BILD Design System Tokens v1.4.3
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.4.1
4
+ * BILD Design System Tokens v1.4.3
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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Alert Component Tokens
@@ -13,3 +13,13 @@
13
13
  */
14
14
 
15
15
  /* === OTHER TOKENS === */
16
+
17
+ [data-color-brand="sportbild"] .alert-shadow-down,
18
+ :host([data-color-brand="sportbild"]) .alert-shadow-down {
19
+ box-shadow: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
20
+ }
21
+
22
+ [data-color-brand="sportbild"] .alert-shadow-up,
23
+ :host([data-color-brand="sportbild"]) .alert-shadow-up {
24
+ box-shadow: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
25
+ }
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Article Component Tokens
@@ -82,7 +82,7 @@
82
82
 
83
83
  @media (min-width: 600px) {
84
84
  [data-content-brand="sportbild"],
85
- :host([data-content-brand="sportbild"]) {
85
+ :host([data-content-brand="sportbild"]) {
86
86
  --aricle-mobile-1-col-grid-image-margin-space: var(--space-9-x, 72px);
87
87
  --article-image-landscape-inline-space: var(--space-1-p-5-x, 12px);
88
88
  --article-content-inline-space: var(--space-9-x, 72px);
@@ -95,7 +95,7 @@
95
95
 
96
96
  @media (min-width: 1024px) {
97
97
  [data-content-brand="sportbild"],
98
- :host([data-content-brand="sportbild"]) {
98
+ :host([data-content-brand="sportbild"]) {
99
99
  --article-headings-stack-space: var(--space-2-x, 16px);
100
100
  --article-image-landscape-inline-space: var(--space-2-x, 16px);
101
101
  --article-content-inline-space: 162px;
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: AudioPlayer Component Tokens
@@ -31,7 +31,7 @@
31
31
 
32
32
  @media (min-width: 1024px) {
33
33
  [data-content-brand="sportbild"],
34
- :host([data-content-brand="sportbild"]) {
34
+ :host([data-content-brand="sportbild"]) {
35
35
  --audio-player-font-size: 18px;
36
36
  }
37
37
  }
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Avatar Component Tokens
@@ -85,7 +85,7 @@
85
85
 
86
86
  @media (min-width: 600px) {
87
87
  [data-content-brand="sportbild"],
88
- :host([data-content-brand="sportbild"]) {
88
+ :host([data-content-brand="sportbild"]) {
89
89
  --avatar-author-page-size: var(--size-16-p-25, 130px);
90
90
  --avatar-lane-gap-space: var(--space-3-x, 24px);
91
91
  }
@@ -93,7 +93,7 @@
93
93
 
94
94
  @media (min-width: 1024px) {
95
95
  [data-content-brand="sportbild"],
96
- :host([data-content-brand="sportbild"]) {
96
+ :host([data-content-brand="sportbild"]) {
97
97
  --avatar-label-font-size: 15px;
98
98
  --avatar-label-line-height: 23px;
99
99
  }
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Breadcrumb Component Tokens
@@ -56,7 +56,7 @@
56
56
 
57
57
  @media (min-width: 1024px) {
58
58
  [data-content-brand="sportbild"],
59
- :host([data-content-brand="sportbild"]) {
59
+ :host([data-content-brand="sportbild"]) {
60
60
  --breadcrumb-font-size: 11px;
61
61
  --breadcrumb-inline-space: 0px;
62
62
  --breadcrumb-line-height: 11px;
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: BreakingNews Component Tokens
@@ -88,7 +88,7 @@
88
88
 
89
89
  @media (min-width: 600px) {
90
90
  [data-content-brand="sportbild"],
91
- :host([data-content-brand="sportbild"]) {
91
+ :host([data-content-brand="sportbild"]) {
92
92
  --breaking-news-badge-upper-title-font-size: 17px;
93
93
  --breaking-news-badge-lower-title-font-size: 30px;
94
94
  --breaking-news-badge-upper-title-line-height: 12px;
@@ -99,7 +99,7 @@
99
99
 
100
100
  @media (min-width: 1024px) {
101
101
  [data-content-brand="sportbild"],
102
- :host([data-content-brand="sportbild"]) {
102
+ :host([data-content-brand="sportbild"]) {
103
103
  --breaking-news-badge-inline-space: var(--size-3-p-25-x, 26px);
104
104
  }
105
105
  }
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Button Component Tokens
@@ -98,7 +98,7 @@
98
98
 
99
99
  @media (min-width: 1024px) {
100
100
  [data-content-brand="sportbild"],
101
- :host([data-content-brand="sportbild"]) {
101
+ :host([data-content-brand="sportbild"]) {
102
102
  --partner-link-button-label-font-size: 18px;
103
103
  }
104
104
  }
@@ -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.4.1
4
+ * BILD Design System Tokens v1.4.3
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Card Component Tokens
@@ -47,7 +47,7 @@
47
47
 
48
48
  @media (min-width: 1024px) {
49
49
  [data-content-brand="sportbild"],
50
- :host([data-content-brand="sportbild"]) {
50
+ :host([data-content-brand="sportbild"]) {
51
51
  --search-result-card-image-width-size: 260px;
52
52
  }
53
53
  }