@marioschmidt/design-system-components 1.2.0 → 1.2.2

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 (195) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/p-5fc1f965.entry.js +2 -0
  4. package/dist/bds/p-5fc1f965.entry.js.map +1 -0
  5. package/dist/bds/p-DjQpvXJW.js +3 -0
  6. package/dist/bds/p-DjQpvXJW.js.map +1 -0
  7. package/dist/cjs/bds.cjs.js +1 -1
  8. package/dist/cjs/ds-button_2.cjs.entry.js +11 -7
  9. package/dist/cjs/{index-B0IsCEmC.js → index-Bg-5nAHg.js} +3 -3
  10. package/dist/cjs/index-Bg-5nAHg.js.map +1 -0
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/collection/ds-button/ds-button.css +175 -29
  13. package/dist/collection/ds-button/ds-button.js +27 -13
  14. package/dist/collection/ds-button/ds-button.js.map +1 -1
  15. package/dist/components/ds-button.js +10 -6
  16. package/dist/components/ds-button.js.map +1 -1
  17. package/dist/components/index.js +1 -1
  18. package/dist/components/index.js.map +1 -1
  19. package/dist/docs/ds-button/readme.md +4 -4
  20. package/dist/esm/bds.js +2 -2
  21. package/dist/esm/ds-button_2.entry.js +11 -7
  22. package/dist/esm/{index-Wtf1fKUK.js → index-DjQpvXJW.js} +3 -3
  23. package/dist/esm/index-DjQpvXJW.js.map +1 -0
  24. package/dist/esm/loader.js +2 -2
  25. package/dist/types/components.d.ts +10 -8
  26. package/dist/types/ds-button/ds-button.d.ts +13 -3
  27. package/dist/www/build/bds.css +1 -1
  28. package/dist/www/build/bds.esm.js +1 -1
  29. package/dist/www/build/p-5fc1f965.entry.js +2 -0
  30. package/dist/www/build/p-5fc1f965.entry.js.map +1 -0
  31. package/dist/www/build/p-71b331cc.css +1 -0
  32. package/dist/www/build/p-DjQpvXJW.js +3 -0
  33. package/dist/www/build/p-DjQpvXJW.js.map +1 -0
  34. package/dist/www/css/advertorial/components/_dsysdocs.css +1 -1
  35. package/dist/www/css/advertorial/components/article.css +32 -1
  36. package/dist/www/css/advertorial/components/audioplayer.css +1 -1
  37. package/dist/www/css/advertorial/components/avatar.css +35 -1
  38. package/dist/www/css/advertorial/components/badge.css +9 -1
  39. package/dist/www/css/advertorial/components/breadcrumb.css +19 -1
  40. package/dist/www/css/advertorial/components/breakingnews.css +17 -1
  41. package/dist/www/css/advertorial/components/button.css +9 -1
  42. package/dist/www/css/advertorial/components/card.css +1 -1
  43. package/dist/www/css/advertorial/components/carousel.css +1 -1
  44. package/dist/www/css/advertorial/components/chip.css +1 -1
  45. package/dist/www/css/advertorial/components/datepicker.css +1 -1
  46. package/dist/www/css/advertorial/components/drawers.css +1 -1
  47. package/dist/www/css/advertorial/components/dropdown.css +1 -1
  48. package/dist/www/css/advertorial/components/footer.css +1 -1
  49. package/dist/www/css/advertorial/components/icon.css +1 -1
  50. package/dist/www/css/advertorial/components/iconbutton.css +1 -1
  51. package/dist/www/css/advertorial/components/infoelement.css +1 -1
  52. package/dist/www/css/advertorial/components/inputfield.css +1 -1
  53. package/dist/www/css/advertorial/components/liveticker.css +9 -1
  54. package/dist/www/css/advertorial/components/mediaplayer.css +17 -1
  55. package/dist/www/css/advertorial/components/menu.css +28 -1
  56. package/dist/www/css/advertorial/components/newsticker.css +17 -1
  57. package/dist/www/css/advertorial/components/pagination.css +1 -1
  58. package/dist/www/css/advertorial/components/paywall.css +10 -1
  59. package/dist/www/css/advertorial/components/quote.css +1 -1
  60. package/dist/www/css/advertorial/components/radiobutton.css +1 -1
  61. package/dist/www/css/advertorial/components/search.css +1 -1
  62. package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
  63. package/dist/www/css/advertorial/components/separator.css +1 -1
  64. package/dist/www/css/advertorial/components/skeletons.css +1 -1
  65. package/dist/www/css/advertorial/components/slider.css +1 -1
  66. package/dist/www/css/advertorial/components/specialnavi.css +1 -1
  67. package/dist/www/css/advertorial/components/spinner.css +1 -1
  68. package/dist/www/css/advertorial/components/tab.css +17 -1
  69. package/dist/www/css/advertorial/components/table.css +1 -1
  70. package/dist/www/css/advertorial/components/teaser.css +41 -1
  71. package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
  72. package/dist/www/css/advertorial/components/video.css +1 -1
  73. package/dist/www/css/advertorial/theme.css +1 -1
  74. package/dist/www/css/advertorial/tokens.css +275 -1
  75. package/dist/www/css/bild/components/_dsysdoc.css +1 -1
  76. package/dist/www/css/bild/components/_dsysdocs.css +1 -1
  77. package/dist/www/css/bild/components/alert.css +1 -1
  78. package/dist/www/css/bild/components/article.css +32 -1
  79. package/dist/www/css/bild/components/audioplayer.css +1 -1
  80. package/dist/www/css/bild/components/avatar.css +35 -1
  81. package/dist/www/css/bild/components/badge.css +9 -1
  82. package/dist/www/css/bild/components/breadcrumb.css +19 -1
  83. package/dist/www/css/bild/components/breakingnews.css +17 -1
  84. package/dist/www/css/bild/components/button.css +9 -1
  85. package/dist/www/css/bild/components/card.css +1 -1
  86. package/dist/www/css/bild/components/carousel.css +1 -1
  87. package/dist/www/css/bild/components/chip.css +1 -1
  88. package/dist/www/css/bild/components/datepicker.css +1 -1
  89. package/dist/www/css/bild/components/drawers.css +1 -1
  90. package/dist/www/css/bild/components/dropdown.css +1 -1
  91. package/dist/www/css/bild/components/empties.css +1 -1
  92. package/dist/www/css/bild/components/footer.css +1 -1
  93. package/dist/www/css/bild/components/gallery.css +1 -1
  94. package/dist/www/css/bild/components/icon.css +1 -1
  95. package/dist/www/css/bild/components/iconbutton.css +1 -1
  96. package/dist/www/css/bild/components/infoelement.css +1 -1
  97. package/dist/www/css/bild/components/inputfield.css +1 -1
  98. package/dist/www/css/bild/components/kicker.css +1 -1
  99. package/dist/www/css/bild/components/liveticker.css +9 -1
  100. package/dist/www/css/bild/components/mediaplayer.css +17 -1
  101. package/dist/www/css/bild/components/menu.css +28 -1
  102. package/dist/www/css/bild/components/menuitem.css +1 -1
  103. package/dist/www/css/bild/components/newsticker.css +17 -1
  104. package/dist/www/css/bild/components/pagination.css +1 -1
  105. package/dist/www/css/bild/components/partnerlinks.css +1 -1
  106. package/dist/www/css/bild/components/paywall.css +10 -1
  107. package/dist/www/css/bild/components/quote.css +1 -1
  108. package/dist/www/css/bild/components/radiobutton.css +1 -1
  109. package/dist/www/css/bild/components/search.css +1 -1
  110. package/dist/www/css/bild/components/sectiontitle.css +1 -1
  111. package/dist/www/css/bild/components/selection.css +1 -1
  112. package/dist/www/css/bild/components/separator.css +1 -1
  113. package/dist/www/css/bild/components/skeletons.css +1 -1
  114. package/dist/www/css/bild/components/slider.css +1 -1
  115. package/dist/www/css/bild/components/specialnavi.css +1 -1
  116. package/dist/www/css/bild/components/spinner.css +1 -1
  117. package/dist/www/css/bild/components/subheader.css +1 -1
  118. package/dist/www/css/bild/components/tab.css +17 -1
  119. package/dist/www/css/bild/components/table.css +1 -1
  120. package/dist/www/css/bild/components/teaser.css +41 -1
  121. package/dist/www/css/bild/components/toggleswitch.css +1 -1
  122. package/dist/www/css/bild/components/video.css +1 -1
  123. package/dist/www/css/bild/theme.css +1 -1
  124. package/dist/www/css/bild/tokens.css +275 -1
  125. package/dist/www/css/bundles/advertorial.css +522 -1
  126. package/dist/www/css/bundles/bild.css +522 -1
  127. package/dist/www/css/bundles/sportbild.css +544 -1
  128. package/dist/www/css/shared/colorprimitive.css +1 -1
  129. package/dist/www/css/shared/fontprimitive.css +1 -1
  130. package/dist/www/css/shared/primitives.css +1 -1
  131. package/dist/www/css/shared/sizeprimitive.css +1 -1
  132. package/dist/www/css/shared/spaceprimitive.css +1 -1
  133. package/dist/www/css/sportbild/components/_dsysdoc.css +1 -1
  134. package/dist/www/css/sportbild/components/_dsysdocs.css +1 -1
  135. package/dist/www/css/sportbild/components/alert.css +1 -1
  136. package/dist/www/css/sportbild/components/article.css +33 -1
  137. package/dist/www/css/sportbild/components/audioplayer.css +1 -1
  138. package/dist/www/css/sportbild/components/avatar.css +35 -1
  139. package/dist/www/css/sportbild/components/badge.css +9 -1
  140. package/dist/www/css/sportbild/components/breadcrumb.css +19 -1
  141. package/dist/www/css/sportbild/components/breakingnews.css +17 -1
  142. package/dist/www/css/sportbild/components/button.css +9 -1
  143. package/dist/www/css/sportbild/components/card.css +1 -1
  144. package/dist/www/css/sportbild/components/carousel.css +1 -1
  145. package/dist/www/css/sportbild/components/chip.css +1 -1
  146. package/dist/www/css/sportbild/components/datepicker.css +1 -1
  147. package/dist/www/css/sportbild/components/drawers.css +1 -1
  148. package/dist/www/css/sportbild/components/dropdown.css +1 -1
  149. package/dist/www/css/sportbild/components/empties.css +1 -1
  150. package/dist/www/css/sportbild/components/footer.css +1 -1
  151. package/dist/www/css/sportbild/components/gallery.css +1 -1
  152. package/dist/www/css/sportbild/components/icon.css +1 -1
  153. package/dist/www/css/sportbild/components/iconbutton.css +1 -1
  154. package/dist/www/css/sportbild/components/infoelement.css +1 -1
  155. package/dist/www/css/sportbild/components/inputfield.css +1 -1
  156. package/dist/www/css/sportbild/components/kicker.css +1 -1
  157. package/dist/www/css/sportbild/components/liveticker.css +9 -1
  158. package/dist/www/css/sportbild/components/mediaplayer.css +17 -1
  159. package/dist/www/css/sportbild/components/menu.css +30 -1
  160. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  161. package/dist/www/css/sportbild/components/newsticker.css +18 -1
  162. package/dist/www/css/sportbild/components/pagination.css +1 -1
  163. package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
  164. package/dist/www/css/sportbild/components/paywall.css +10 -1
  165. package/dist/www/css/sportbild/components/quote.css +1 -1
  166. package/dist/www/css/sportbild/components/radiobutton.css +1 -1
  167. package/dist/www/css/sportbild/components/search.css +1 -1
  168. package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
  169. package/dist/www/css/sportbild/components/selection.css +1 -1
  170. package/dist/www/css/sportbild/components/separator.css +1 -1
  171. package/dist/www/css/sportbild/components/skeletons.css +1 -1
  172. package/dist/www/css/sportbild/components/slider.css +1 -1
  173. package/dist/www/css/sportbild/components/specialnavi.css +1 -1
  174. package/dist/www/css/sportbild/components/spinner.css +1 -1
  175. package/dist/www/css/sportbild/components/subheader.css +1 -1
  176. package/dist/www/css/sportbild/components/tab.css +17 -1
  177. package/dist/www/css/sportbild/components/table.css +1 -1
  178. package/dist/www/css/sportbild/components/teaser.css +46 -1
  179. package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
  180. package/dist/www/css/sportbild/components/video.css +1 -1
  181. package/dist/www/css/sportbild/theme.css +1 -1
  182. package/dist/www/css/sportbild/tokens.css +288 -1
  183. package/dist/www/index.html +1 -1
  184. package/package.json +1 -1
  185. package/dist/bds/p-67bc59c5.entry.js +0 -2
  186. package/dist/bds/p-67bc59c5.entry.js.map +0 -1
  187. package/dist/bds/p-Wtf1fKUK.js +0 -3
  188. package/dist/bds/p-Wtf1fKUK.js.map +0 -1
  189. package/dist/cjs/index-B0IsCEmC.js.map +0 -1
  190. package/dist/esm/index-Wtf1fKUK.js.map +0 -1
  191. package/dist/www/build/p-444f99b6.css +0 -1
  192. package/dist/www/build/p-67bc59c5.entry.js +0 -2
  193. package/dist/www/build/p-67bc59c5.entry.js.map +0 -1
  194. package/dist/www/build/p-Wtf1fKUK.js +0 -3
  195. package/dist/www/build/p-Wtf1fKUK.js.map +0 -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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -1234,6 +1234,26 @@
1234
1234
  font-style: italic;
1235
1235
  }
1236
1236
 
1237
+ [data-content-brand="sportbild"] .display-2,
1238
+ :host([data-content-brand="sportbild"]) .display-2 {
1239
+ font-family: var(--display-font-family);
1240
+ font-weight: 900;
1241
+ font-size: var(--display-2-font-size);
1242
+ line-height: var(--display-2-line-height);
1243
+ letter-spacing: var(--display-2-letter-space);
1244
+ font-style: italic;
1245
+ }
1246
+
1247
+ [data-content-brand="sportbild"] .display-3,
1248
+ :host([data-content-brand="sportbild"]) .display-3 {
1249
+ font-family: var(--display-font-family);
1250
+ font-weight: 900;
1251
+ font-size: var(--display-3-font-size);
1252
+ line-height: var(--display-3-line-height);
1253
+ letter-spacing: var(--display-3-letter-space);
1254
+ font-style: italic;
1255
+ }
1256
+
1237
1257
  [data-content-brand="sportbild"] .headline-1,
1238
1258
  :host([data-content-brand="sportbild"]) .headline-1 {
1239
1259
  font-family: var(--headline-font-family);
@@ -1243,6 +1263,33 @@
1243
1263
  font-style: italic;
1244
1264
  }
1245
1265
 
1266
+ [data-content-brand="sportbild"] .headline-2,
1267
+ :host([data-content-brand="sportbild"]) .headline-2 {
1268
+ font-family: var(--headline-font-family);
1269
+ font-weight: 900;
1270
+ font-size: var(--headline-2-font-size);
1271
+ line-height: var(--headline-2-line-height);
1272
+ font-style: italic;
1273
+ }
1274
+
1275
+ [data-content-brand="sportbild"] .headline-3,
1276
+ :host([data-content-brand="sportbild"]) .headline-3 {
1277
+ font-family: var(--headline-font-family);
1278
+ font-weight: 900;
1279
+ font-size: var(--headline-3-font-size);
1280
+ line-height: var(--headline-3-line-height);
1281
+ font-style: italic;
1282
+ }
1283
+
1284
+ [data-content-brand="sportbild"] .headline-4,
1285
+ :host([data-content-brand="sportbild"]) .headline-4 {
1286
+ font-family: var(--headline-font-family);
1287
+ font-weight: 700;
1288
+ font-size: var(--headline-4-font-size);
1289
+ line-height: var(--headline-4-font-size);
1290
+ font-style: italic;
1291
+ }
1292
+
1246
1293
  [data-content-brand="sportbild"] .subheadline-1,
1247
1294
  :host([data-content-brand="sportbild"]) .subheadline-1 {
1248
1295
  font-family: var(--subheadline-font-family);
@@ -1260,6 +1307,33 @@
1260
1307
  font-style: italic;
1261
1308
  }
1262
1309
 
1310
+ [data-content-brand="sportbild"] .kicker-2,
1311
+ :host([data-content-brand="sportbild"]) .kicker-2 {
1312
+ font-family: var(--kicker-font-family);
1313
+ font-weight: 700;
1314
+ font-size: var(--kicker-2-font-size);
1315
+ line-height: var(--kicker-2-line-height);
1316
+ font-style: italic;
1317
+ }
1318
+
1319
+ [data-content-brand="sportbild"] .kicker-3,
1320
+ :host([data-content-brand="sportbild"]) .kicker-3 {
1321
+ font-family: var(--kicker-font-family);
1322
+ font-weight: 700;
1323
+ font-size: var(--kicker-3-font-size);
1324
+ line-height: var(--kicker-3-line-height);
1325
+ font-style: italic;
1326
+ }
1327
+
1328
+ [data-content-brand="sportbild"] .kicker-4,
1329
+ :host([data-content-brand="sportbild"]) .kicker-4 {
1330
+ font-family: var(--kicker-font-family);
1331
+ font-weight: 700;
1332
+ font-size: var(--kicker-4-font-size);
1333
+ line-height: var(--kicker-4-line-height);
1334
+ font-style: italic;
1335
+ }
1336
+
1263
1337
  [data-content-brand="sportbild"] .title-1,
1264
1338
  :host([data-content-brand="sportbild"]) .title-1 {
1265
1339
  font-family: var(--title-font-family);
@@ -1268,6 +1342,32 @@
1268
1342
  line-height: var(--title-1-line-height);
1269
1343
  }
1270
1344
 
1345
+ [data-content-brand="sportbild"] .title-1-uppercase,
1346
+ :host([data-content-brand="sportbild"]) .title-1-uppercase {
1347
+ font-family: var(--title-font-family);
1348
+ font-weight: var(--title-font-weight);
1349
+ font-size: var(--title-1-font-size);
1350
+ line-height: var(--title-1-line-height);
1351
+ text-transform: uppercase;
1352
+ }
1353
+
1354
+ [data-content-brand="sportbild"] .title-2,
1355
+ :host([data-content-brand="sportbild"]) .title-2 {
1356
+ font-family: var(--title-font-family);
1357
+ font-weight: var(--title-font-weight);
1358
+ font-size: var(--title-2-font-size);
1359
+ line-height: var(--title-2-line-height);
1360
+ }
1361
+
1362
+ [data-content-brand="sportbild"] .title-2-uppercase,
1363
+ :host([data-content-brand="sportbild"]) .title-2-uppercase {
1364
+ font-family: var(--title-font-family);
1365
+ font-weight: var(--title-font-weight);
1366
+ font-size: var(--title-2-font-size);
1367
+ line-height: var(--title-2-line-height);
1368
+ text-transform: uppercase;
1369
+ }
1370
+
1271
1371
  [data-content-brand="sportbild"] .callout,
1272
1372
  :host([data-content-brand="sportbild"]) .callout {
1273
1373
  font-family: var(--callout-font-family);
@@ -1284,6 +1384,32 @@
1284
1384
  line-height: var(--body-line-height);
1285
1385
  }
1286
1386
 
1387
+ [data-content-brand="sportbild"] .body-italic,
1388
+ :host([data-content-brand="sportbild"]) .body-italic {
1389
+ font-family: var(--body-font-family);
1390
+ font-weight: 400;
1391
+ font-size: var(--body-font-size);
1392
+ line-height: var(--body-line-height);
1393
+ font-style: italic;
1394
+ }
1395
+
1396
+ [data-content-brand="sportbild"] .body-bold,
1397
+ :host([data-content-brand="sportbild"]) .body-bold {
1398
+ font-family: var(--body-font-family);
1399
+ font-weight: var(--body-font-weight-bold);
1400
+ font-size: var(--body-font-size);
1401
+ line-height: var(--body-line-height);
1402
+ }
1403
+
1404
+ [data-content-brand="sportbild"] .body-bold-italic,
1405
+ :host([data-content-brand="sportbild"]) .body-bold-italic {
1406
+ font-family: var(--body-font-family);
1407
+ font-weight: 700;
1408
+ font-size: var(--body-font-size);
1409
+ line-height: var(--body-line-height);
1410
+ font-style: italic;
1411
+ }
1412
+
1287
1413
  [data-content-brand="sportbild"] .text-link,
1288
1414
  :host([data-content-brand="sportbild"]) .text-link {
1289
1415
  font-family: var(--body-font-family);
@@ -1293,6 +1419,43 @@
1293
1419
  text-decoration: underline;
1294
1420
  }
1295
1421
 
1422
+ [data-content-brand="sportbild"] .text-link-italic,
1423
+ :host([data-content-brand="sportbild"]) .text-link-italic {
1424
+ font-family: var(--body-font-family);
1425
+ font-weight: 400;
1426
+ font-size: var(--body-font-size);
1427
+ line-height: var(--body-line-height);
1428
+ font-style: italic;
1429
+ text-decoration: underline;
1430
+ }
1431
+
1432
+ [data-content-brand="sportbild"] .text-link-bold,
1433
+ :host([data-content-brand="sportbild"]) .text-link-bold {
1434
+ font-family: var(--body-font-family);
1435
+ font-weight: var(--body-font-weight-bold);
1436
+ font-size: var(--body-font-size);
1437
+ line-height: var(--body-line-height);
1438
+ text-decoration: underline;
1439
+ }
1440
+
1441
+ [data-content-brand="sportbild"] .text-link-hover,
1442
+ :host([data-content-brand="sportbild"]) .text-link-hover {
1443
+ font-family: var(--body-font-family);
1444
+ font-weight: var(--body-font-weight-book);
1445
+ font-size: var(--body-font-size);
1446
+ line-height: var(--body-line-height);
1447
+ text-decoration: underline;
1448
+ }
1449
+
1450
+ [data-content-brand="sportbild"] .text-link-bold-hover,
1451
+ :host([data-content-brand="sportbild"]) .text-link-bold-hover {
1452
+ font-family: var(--body-font-family);
1453
+ font-weight: var(--body-font-weight-bold);
1454
+ font-size: var(--body-font-size);
1455
+ line-height: var(--body-line-height);
1456
+ text-decoration: underline;
1457
+ }
1458
+
1296
1459
  [data-content-brand="sportbild"] .footnote-1,
1297
1460
  :host([data-content-brand="sportbild"]) .footnote-1 {
1298
1461
  font-family: var(--footnote-font-family);
@@ -1301,6 +1464,30 @@
1301
1464
  line-height: var(--footnote-1-line-height);
1302
1465
  }
1303
1466
 
1467
+ [data-content-brand="sportbild"] .footnote-1-bold,
1468
+ :host([data-content-brand="sportbild"]) .footnote-1-bold {
1469
+ font-family: var(--footnote-font-family);
1470
+ font-weight: var(--font-weight-bold, 700);
1471
+ font-size: var(--footnote-1-font-size);
1472
+ line-height: var(--footnote-1-line-height);
1473
+ }
1474
+
1475
+ [data-content-brand="sportbild"] .footnote-2,
1476
+ :host([data-content-brand="sportbild"]) .footnote-2 {
1477
+ font-family: var(--footnote-font-family);
1478
+ font-weight: var(--font-weight-book, 400);
1479
+ font-size: var(--footnote-2-font-size);
1480
+ line-height: var(--footnote-2-line-height);
1481
+ }
1482
+
1483
+ [data-content-brand="sportbild"] .footnote-2-bold,
1484
+ :host([data-content-brand="sportbild"]) .footnote-2-bold {
1485
+ font-family: var(--footnote-font-family);
1486
+ font-weight: var(--font-weight-bold, 700);
1487
+ font-size: var(--footnote-2-font-size);
1488
+ line-height: var(--footnote-2-line-height);
1489
+ }
1490
+
1304
1491
  [data-content-brand="sportbild"] .label-1,
1305
1492
  :host([data-content-brand="sportbild"]) .label-1 {
1306
1493
  font-family: var(--label-font-family);
@@ -1311,6 +1498,106 @@
1311
1498
  font-style: italic;
1312
1499
  }
1313
1500
 
1501
+ [data-content-brand="sportbild"] .label-1-bold,
1502
+ :host([data-content-brand="sportbild"]) .label-1-bold {
1503
+ font-family: var(--label-font-family);
1504
+ font-weight: 700;
1505
+ font-size: var(--label-1-font-size);
1506
+ line-height: var(--label-1-line-height);
1507
+ letter-spacing: var(--letter-space-0-p-25, 0.25px);
1508
+ font-style: italic;
1509
+ }
1510
+
1511
+ [data-content-brand="sportbild"] .label-1-uppercase-bold,
1512
+ :host([data-content-brand="sportbild"]) .label-1-uppercase-bold {
1513
+ font-family: var(--label-font-family);
1514
+ font-weight: var(--label-font-weight-bold);
1515
+ font-size: var(--label-1-font-size);
1516
+ line-height: var(--label-1-line-height);
1517
+ letter-spacing: var(--letter-space-positive-sm);
1518
+ text-transform: uppercase;
1519
+ }
1520
+
1521
+ [data-content-brand="sportbild"] .label-2,
1522
+ :host([data-content-brand="sportbild"]) .label-2 {
1523
+ font-family: var(--label-font-family);
1524
+ font-weight: var(--label-font-weight-book);
1525
+ font-size: var(--label-2-font-size);
1526
+ line-height: var(--label-2-line-height);
1527
+ letter-spacing: var(--letter-space-positive-xs);
1528
+ }
1529
+
1530
+ [data-content-brand="sportbild"] .label-2-uppercase,
1531
+ :host([data-content-brand="sportbild"]) .label-2-uppercase {
1532
+ font-family: var(--label-font-family);
1533
+ font-weight: var(--label-font-weight-book);
1534
+ font-size: var(--label-2-font-size);
1535
+ line-height: var(--label-2-line-height);
1536
+ letter-spacing: var(--letter-space-positive-xs);
1537
+ text-transform: uppercase;
1538
+ }
1539
+
1540
+ [data-content-brand="sportbild"] .label-2-bold,
1541
+ :host([data-content-brand="sportbild"]) .label-2-bold {
1542
+ font-family: var(--label-font-family);
1543
+ font-weight: 700;
1544
+ font-size: var(--label-2-font-size);
1545
+ line-height: var(--label-2-line-height);
1546
+ letter-spacing: var(--letter-space-positive-xs);
1547
+ font-style: italic;
1548
+ }
1549
+
1550
+ [data-content-brand="sportbild"] .label-2-uppercase-bold,
1551
+ :host([data-content-brand="sportbild"]) .label-2-uppercase-bold {
1552
+ font-family: var(--label-font-family);
1553
+ font-weight: 700;
1554
+ font-size: var(--label-2-font-size);
1555
+ line-height: var(--label-2-line-height);
1556
+ letter-spacing: var(--letter-space-positive-xs);
1557
+ font-style: italic;
1558
+ text-transform: uppercase;
1559
+ }
1560
+
1561
+ [data-content-brand="sportbild"] .label-3,
1562
+ :host([data-content-brand="sportbild"]) .label-3 {
1563
+ font-family: var(--label-font-family);
1564
+ font-weight: var(--font-weight-book, 400);
1565
+ font-size: var(--label-3-font-size);
1566
+ line-height: var(--label-3-line-height);
1567
+ letter-spacing: var(--letter-space-positive-xs);
1568
+ }
1569
+
1570
+ [data-content-brand="sportbild"] .label-3-uppercase,
1571
+ :host([data-content-brand="sportbild"]) .label-3-uppercase {
1572
+ font-family: var(--label-font-family);
1573
+ font-weight: var(--label-font-weight-book);
1574
+ font-size: var(--label-3-font-size);
1575
+ line-height: var(--label-3-line-height);
1576
+ letter-spacing: var(--letter-space-positive-sm);
1577
+ text-transform: uppercase;
1578
+ }
1579
+
1580
+ [data-content-brand="sportbild"] .label-3-bold,
1581
+ :host([data-content-brand="sportbild"]) .label-3-bold {
1582
+ font-family: var(--label-font-family);
1583
+ font-weight: 700;
1584
+ font-size: var(--label-3-font-size);
1585
+ line-height: var(--label-3-line-height);
1586
+ letter-spacing: var(--letter-space-positive-xs);
1587
+ font-style: italic;
1588
+ }
1589
+
1590
+ [data-content-brand="sportbild"] .label-3-uppercase-bold,
1591
+ :host([data-content-brand="sportbild"]) .label-3-uppercase-bold {
1592
+ font-family: var(--label-font-family);
1593
+ font-weight: 700;
1594
+ font-size: var(--label-3-font-size);
1595
+ line-height: var(--label-3-line-height);
1596
+ letter-spacing: var(--letter-space-positive-sm);
1597
+ font-style: italic;
1598
+ text-transform: uppercase;
1599
+ }
1600
+
1314
1601
  [data-content-brand="sportbild"] .quote,
1315
1602
  :host([data-content-brand="sportbild"]) .quote {
1316
1603
  font-family: var(--quote-font-family);
@@ -1478,6 +1765,38 @@
1478
1765
  font-style: italic;
1479
1766
  }
1480
1767
 
1768
+ [data-content-brand="sportbild"] .article-image-caption,
1769
+ :host([data-content-brand="sportbild"]) .article-image-caption {
1770
+ font-family: var(--body-font-family);
1771
+ font-weight: var(--font-weight-bold, 700);
1772
+ font-size: 13px;
1773
+ line-height: 16.9px;
1774
+ }
1775
+
1776
+ [data-content-brand="sportbild"] .article-headline,
1777
+ :host([data-content-brand="sportbild"]) .article-headline {
1778
+ font-family: var(--headline-font-family);
1779
+ font-weight: 900;
1780
+ font-size: var(--headline-2-font-size);
1781
+ line-height: var(--headline-2-font-size);
1782
+ font-style: italic;
1783
+ }
1784
+
1785
+ [data-content-brand="sportbild"] .article-meta-source,
1786
+ :host([data-content-brand="sportbild"]) .article-meta-source {
1787
+ font-family: var(--footnote-font-family);
1788
+ font-weight: var(--footnote-font-weight-book);
1789
+ font-size: 13px;
1790
+ line-height: 17px;
1791
+ }
1792
+
1793
+ [data-content-brand="sportbild"] .article-time-stamp,
1794
+ :host([data-content-brand="sportbild"]) .article-time-stamp {
1795
+ font-family: var(--font-family-antenna-cond, AntennaCond);
1796
+ font-weight: var(--font-weight-black, 800);
1797
+ font-size: 12px;
1798
+ }
1799
+
1481
1800
  /* === BREAKPOINT TOKENS === */
1482
1801
 
1483
1802
  [data-content-brand="sportbild"],
@@ -1580,6 +1899,40 @@
1580
1899
  text-transform: uppercase;
1581
1900
  }
1582
1901
 
1902
+ [data-content-brand="sportbild"] .avatar-default,
1903
+ :host([data-content-brand="sportbild"]) .avatar-default {
1904
+ font-family: var(--body-font-family);
1905
+ font-weight: var(--font-weight-bold, 700);
1906
+ font-size: 13px;
1907
+ line-height: 21px;
1908
+ }
1909
+
1910
+ [data-content-brand="sportbild"] .avatar-hover,
1911
+ :host([data-content-brand="sportbild"]) .avatar-hover {
1912
+ font-family: var(--body-font-family);
1913
+ font-weight: var(--label-font-weight-bold);
1914
+ font-size: 13px;
1915
+ line-height: 21px;
1916
+ text-decoration: underline;
1917
+ }
1918
+
1919
+ [data-content-brand="sportbild"] .avatar-secondary-info,
1920
+ :host([data-content-brand="sportbild"]) .avatar-secondary-info {
1921
+ font-family: var(--body-font-family);
1922
+ font-weight: var(--label-font-weight-book);
1923
+ font-size: 13px;
1924
+ line-height: 21px;
1925
+ }
1926
+
1927
+ [data-content-brand="sportbild"] .avatar-secondary-info-hover,
1928
+ :host([data-content-brand="sportbild"]) .avatar-secondary-info-hover {
1929
+ font-family: var(--body-font-family);
1930
+ font-weight: var(--label-font-weight-book);
1931
+ font-size: 13px;
1932
+ line-height: 21px;
1933
+ text-decoration: underline;
1934
+ }
1935
+
1583
1936
  /* === BREAKPOINT TOKENS === */
1584
1937
 
1585
1938
  [data-content-brand="sportbild"],
@@ -1626,6 +1979,14 @@
1626
1979
  text-transform: uppercase;
1627
1980
  }
1628
1981
 
1982
+ [data-content-brand="sportbild"] .video-time-badge,
1983
+ :host([data-content-brand="sportbild"]) .video-time-badge {
1984
+ font-family: var(--body-font-family);
1985
+ font-weight: var(--label-font-weight-book);
1986
+ font-size: 16px;
1987
+ line-height: 21px;
1988
+ }
1989
+
1629
1990
  /* === BREAKPOINT TOKENS === */
1630
1991
 
1631
1992
  [data-content-brand="sportbild"],
@@ -1645,6 +2006,24 @@
1645
2006
  line-height: var(--breadcrumb-line-height);
1646
2007
  }
1647
2008
 
2009
+ [data-content-brand="sportbild"] .breadcrumb-link,
2010
+ :host([data-content-brand="sportbild"]) .breadcrumb-link {
2011
+ font-family: var(--body-font-family);
2012
+ font-weight: var(--body-font-weight-bold);
2013
+ font-size: 14px;
2014
+ line-height: 14px;
2015
+ text-decoration: underline;
2016
+ }
2017
+
2018
+ [data-content-brand="sportbild"] .breadcrumb-link-hover,
2019
+ :host([data-content-brand="sportbild"]) .breadcrumb-link-hover {
2020
+ font-family: var(--body-font-family);
2021
+ font-weight: var(--body-font-weight-bold);
2022
+ font-size: 14px;
2023
+ line-height: 14px;
2024
+ text-decoration: underline;
2025
+ }
2026
+
1648
2027
  /* === BREAKPOINT TOKENS === */
1649
2028
 
1650
2029
  [data-content-brand="sportbild"],
@@ -1720,6 +2099,22 @@
1720
2099
  text-transform: uppercase;
1721
2100
  }
1722
2101
 
2102
+ [data-content-brand="sportbild"] .breaking-news-upper-title,
2103
+ :host([data-content-brand="sportbild"]) .breaking-news-upper-title {
2104
+ font-family: var(--title-font-family);
2105
+ font-weight: var(--title-font-weight);
2106
+ font-size: 13px;
2107
+ line-height: 13px;
2108
+ }
2109
+
2110
+ [data-content-brand="sportbild"] .breaking-news-lower-title,
2111
+ :host([data-content-brand="sportbild"]) .breaking-news-lower-title {
2112
+ font-family: var(--title-font-family);
2113
+ font-weight: var(--title-font-weight);
2114
+ font-size: 23px;
2115
+ line-height: 21px;
2116
+ }
2117
+
1723
2118
  /* === BREAKPOINT TOKENS === */
1724
2119
 
1725
2120
  [data-content-brand="sportbild"],
@@ -1810,6 +2205,14 @@
1810
2205
  text-transform: uppercase;
1811
2206
  }
1812
2207
 
2208
+ [data-content-brand="sportbild"] .partner-link-button-label,
2209
+ :host([data-content-brand="sportbild"]) .partner-link-button-label {
2210
+ font-family: var(--label-font-family);
2211
+ font-weight: var(--label-font-weight-book);
2212
+ font-size: var(--partner-link-button-label-font-size);
2213
+ line-height: 16px;
2214
+ }
2215
+
1813
2216
  /* === BREAKPOINT TOKENS === */
1814
2217
 
1815
2218
  [data-content-brand="sportbild"],
@@ -2348,6 +2751,14 @@
2348
2751
  line-height: 22px;
2349
2752
  }
2350
2753
 
2754
+ [data-content-brand="sportbild"] .live-ticker-time-stamp,
2755
+ :host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
2756
+ font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
2757
+ font-weight: var(--label-font-weight-bold);
2758
+ font-size: var(--live-ticker-time-stamp-font-size);
2759
+ line-height: 14px;
2760
+ }
2761
+
2351
2762
  /* === BREAKPOINT TOKENS === */
2352
2763
 
2353
2764
  [data-content-brand="sportbild"],
@@ -2433,6 +2844,22 @@
2433
2844
  line-height: 16px;
2434
2845
  }
2435
2846
 
2847
+ [data-content-brand="sportbild"] .video-ad-time,
2848
+ :host([data-content-brand="sportbild"]) .video-ad-time {
2849
+ font-family: var(--title-font-family);
2850
+ font-weight: var(--title-font-weight);
2851
+ font-size: 14px;
2852
+ text-transform: uppercase;
2853
+ }
2854
+
2855
+ [data-content-brand="sportbild"] .video-player-time,
2856
+ :host([data-content-brand="sportbild"]) .video-player-time {
2857
+ font-family: var(--title-font-family);
2858
+ font-weight: var(--title-font-weight);
2859
+ font-size: 14px;
2860
+ text-transform: uppercase;
2861
+ }
2862
+
2436
2863
  /* === BREAKPOINT TOKENS === */
2437
2864
 
2438
2865
  [data-content-brand="sportbild"],
@@ -2504,6 +2931,35 @@
2504
2931
  line-height: 14px;
2505
2932
  }
2506
2933
 
2934
+ [data-content-brand="sportbild"] .app-topbar-tabs-title,
2935
+ :host([data-content-brand="sportbild"]) .app-topbar-tabs-title {
2936
+ font-family: var(--title-font-family);
2937
+ font-weight: var(--title-font-weight);
2938
+ font-size: 12px;
2939
+ line-height: 14px;
2940
+ text-transform: uppercase;
2941
+ }
2942
+
2943
+ [data-content-brand="sportbild"] .menu-item-label,
2944
+ :host([data-content-brand="sportbild"]) .menu-item-label {
2945
+ font-family: var(--label-font-family);
2946
+ font-weight: 700;
2947
+ font-size: var(--size-2-p-25-x, 18px);
2948
+ line-height: var(--size-2-p-25-x, 18px);
2949
+ font-style: italic;
2950
+ text-transform: uppercase;
2951
+ }
2952
+
2953
+ [data-content-brand="sportbild"] .menu-item-util-label,
2954
+ :host([data-content-brand="sportbild"]) .menu-item-util-label {
2955
+ font-family: var(--label-font-family);
2956
+ font-weight: 700;
2957
+ font-size: var(--size-1-p-5-x, 12px);
2958
+ line-height: var(--size-1-p-5-x, 12px);
2959
+ font-style: italic;
2960
+ text-transform: uppercase;
2961
+ }
2962
+
2507
2963
  /* === BREAKPOINT TOKENS === */
2508
2964
 
2509
2965
  [data-content-brand="sportbild"],
@@ -2590,6 +3046,23 @@
2590
3046
  line-height: 20.8px;
2591
3047
  }
2592
3048
 
3049
+ [data-content-brand="sportbild"] .news-ticker-kicker,
3050
+ :host([data-content-brand="sportbild"]) .news-ticker-kicker {
3051
+ font-family: var(--kicker-font-family);
3052
+ font-weight: var(--kicker-font-weight);
3053
+ font-size: var(--kicker-3-font-size);
3054
+ line-height: var(--kicker-3-line-height);
3055
+ }
3056
+
3057
+ [data-content-brand="sportbild"] .news-ticker-headline,
3058
+ :host([data-content-brand="sportbild"]) .news-ticker-headline {
3059
+ font-family: var(--headline-font-family);
3060
+ font-weight: 900;
3061
+ font-size: var(--headline-3-font-size);
3062
+ line-height: var(--headline-3-line-height);
3063
+ font-style: italic;
3064
+ }
3065
+
2593
3066
  /* === BREAKPOINT TOKENS === */
2594
3067
 
2595
3068
  [data-content-brand="sportbild"],
@@ -2745,6 +3218,15 @@
2745
3218
  letter-spacing: var(--display-2-letter-space);
2746
3219
  }
2747
3220
 
3221
+ [data-content-brand="sportbild"] .paywall-card-note,
3222
+ :host([data-content-brand="sportbild"]) .paywall-card-note {
3223
+ font-family: var(--title-font-family);
3224
+ font-weight: var(--title-font-weight);
3225
+ font-size: var(--size-5-x, 40px);
3226
+ line-height: var(--size-5-x, 40px);
3227
+ letter-spacing: var(--display-3-letter-space);
3228
+ }
3229
+
2748
3230
  /* === BREAKPOINT TOKENS === */
2749
3231
 
2750
3232
  [data-content-brand="sportbild"],
@@ -2966,6 +3448,22 @@
2966
3448
  text-transform: uppercase;
2967
3449
  }
2968
3450
 
3451
+ [data-content-brand="sportbild"] .app-bottom-bar-label-default,
3452
+ :host([data-content-brand="sportbild"]) .app-bottom-bar-label-default {
3453
+ font-family: var(--body-font-family);
3454
+ font-weight: var(--font-weight-book, 400);
3455
+ font-size: 11px;
3456
+ line-height: 14.4px;
3457
+ }
3458
+
3459
+ [data-content-brand="sportbild"] .app-bottom-bar-label-active,
3460
+ :host([data-content-brand="sportbild"]) .app-bottom-bar-label-active {
3461
+ font-family: var(--body-font-family);
3462
+ font-weight: var(--font-weight-bold, 700);
3463
+ font-size: 11px;
3464
+ line-height: 14.4px;
3465
+ }
3466
+
2969
3467
  /* === BREAKPOINT TOKENS === */
2970
3468
 
2971
3469
  [data-content-brand="sportbild"],
@@ -3061,6 +3559,51 @@
3061
3559
  font-style: italic;
3062
3560
  }
3063
3561
 
3562
+ [data-content-brand="sportbild"] .a-teaser-a-teaser-headline,
3563
+ :host([data-content-brand="sportbild"]) .a-teaser-a-teaser-headline {
3564
+ font-family: var(--headline-font-family);
3565
+ font-weight: 900;
3566
+ font-size: var(--headline-3-font-size);
3567
+ line-height: var(--headline-3-font-size);
3568
+ font-style: italic;
3569
+ }
3570
+
3571
+ [data-content-brand="sportbild"] .m-qteaser-m-qteaser-kicker,
3572
+ :host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-kicker {
3573
+ font-family: var(--kicker-font-family);
3574
+ font-weight: 700;
3575
+ font-size: var(--kicker-4-font-size);
3576
+ line-height: var(--kicker-4-line-height);
3577
+ font-style: italic;
3578
+ }
3579
+
3580
+ [data-content-brand="sportbild"] .m-qteaser-m-qteaser-headline,
3581
+ :host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-headline {
3582
+ font-family: var(--headline-font-family);
3583
+ font-weight: 900;
3584
+ font-size: var(--headline-4-font-size);
3585
+ line-height: var(--headline-4-line-height);
3586
+ font-style: italic;
3587
+ }
3588
+
3589
+ [data-content-brand="sportbild"] .q-teaser-q-teaser-headline,
3590
+ :host([data-content-brand="sportbild"]) .q-teaser-q-teaser-headline {
3591
+ font-family: var(--headline-font-family);
3592
+ font-weight: 900;
3593
+ font-size: var(--headline-1-font-size);
3594
+ line-height: var(--headline-1-line-height);
3595
+ font-style: italic;
3596
+ }
3597
+
3598
+ [data-content-brand="sportbild"] .std-teaser-std-teaser-headline,
3599
+ :host([data-content-brand="sportbild"]) .std-teaser-std-teaser-headline {
3600
+ font-family: var(--headline-font-family);
3601
+ font-weight: 700;
3602
+ font-size: var(--headline-4-font-size);
3603
+ line-height: var(--headline-4-line-height);
3604
+ font-style: italic;
3605
+ }
3606
+
3064
3607
  /* === BREAKPOINT TOKENS === */
3065
3608
 
3066
3609
  [data-content-brand="sportbild"],
@@ -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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH