@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: Advertorial | Bundle: Teaser Component Tokens
@@ -22,6 +22,46 @@
22
22
  line-height: var(--kicker-3-font-size);
23
23
  }
24
24
 
25
+ [data-content-brand="advertorial"] .a-teaser-a-teaser-headline,
26
+ :host([data-content-brand="advertorial"]) .a-teaser-a-teaser-headline {
27
+ font-family: var(--headline-font-family);
28
+ font-weight: 900;
29
+ font-size: var(--headline-3-font-size);
30
+ line-height: var(--headline-3-font-size);
31
+ }
32
+
33
+ [data-content-brand="advertorial"] .m-qteaser-m-qteaser-kicker,
34
+ :host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-kicker {
35
+ font-family: var(--kicker-font-family);
36
+ font-weight: 700;
37
+ font-size: var(--kicker-4-font-size);
38
+ line-height: var(--kicker-4-line-height);
39
+ }
40
+
41
+ [data-content-brand="advertorial"] .m-qteaser-m-qteaser-headline,
42
+ :host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-headline {
43
+ font-family: var(--headline-font-family);
44
+ font-weight: 900;
45
+ font-size: var(--headline-4-font-size);
46
+ line-height: var(--headline-4-line-height);
47
+ }
48
+
49
+ [data-content-brand="advertorial"] .q-teaser-q-teaser-headline,
50
+ :host([data-content-brand="advertorial"]) .q-teaser-q-teaser-headline {
51
+ font-family: var(--headline-font-family);
52
+ font-weight: 900;
53
+ font-size: var(--headline-1-font-size);
54
+ line-height: var(--headline-1-line-height);
55
+ }
56
+
57
+ [data-content-brand="advertorial"] .std-teaser-std-teaser-headline,
58
+ :host([data-content-brand="advertorial"]) .std-teaser-std-teaser-headline {
59
+ font-family: var(--headline-font-family);
60
+ font-weight: 700;
61
+ font-size: var(--headline-4-font-size);
62
+ line-height: var(--headline-4-line-height);
63
+ }
64
+
25
65
  /* === BREAKPOINT TOKENS === */
26
66
 
27
67
  [data-content-brand="advertorial"],
@@ -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: Advertorial | 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -396,6 +396,24 @@
396
396
  letter-spacing: var(--display-1-letter-space);
397
397
  }
398
398
 
399
+ [data-content-brand="advertorial"] .display-2,
400
+ :host([data-content-brand="advertorial"]) .display-2 {
401
+ font-family: var(--display-font-family);
402
+ font-weight: 900;
403
+ font-size: var(--display-2-font-size);
404
+ line-height: var(--display-2-line-height);
405
+ letter-spacing: var(--display-2-letter-space);
406
+ }
407
+
408
+ [data-content-brand="advertorial"] .display-3,
409
+ :host([data-content-brand="advertorial"]) .display-3 {
410
+ font-family: var(--display-font-family);
411
+ font-weight: 900;
412
+ font-size: var(--display-3-font-size);
413
+ line-height: var(--display-3-line-height);
414
+ letter-spacing: var(--display-3-letter-space);
415
+ }
416
+
399
417
  [data-content-brand="advertorial"] .headline-1,
400
418
  :host([data-content-brand="advertorial"]) .headline-1 {
401
419
  font-family: var(--headline-font-family);
@@ -404,6 +422,30 @@
404
422
  line-height: var(--headline-1-line-height);
405
423
  }
406
424
 
425
+ [data-content-brand="advertorial"] .headline-2,
426
+ :host([data-content-brand="advertorial"]) .headline-2 {
427
+ font-family: var(--headline-font-family);
428
+ font-weight: 900;
429
+ font-size: var(--headline-2-font-size);
430
+ line-height: var(--headline-2-line-height);
431
+ }
432
+
433
+ [data-content-brand="advertorial"] .headline-3,
434
+ :host([data-content-brand="advertorial"]) .headline-3 {
435
+ font-family: var(--headline-font-family);
436
+ font-weight: 900;
437
+ font-size: var(--headline-3-font-size);
438
+ line-height: var(--headline-3-line-height);
439
+ }
440
+
441
+ [data-content-brand="advertorial"] .headline-4,
442
+ :host([data-content-brand="advertorial"]) .headline-4 {
443
+ font-family: var(--headline-font-family);
444
+ font-weight: 700;
445
+ font-size: var(--headline-4-font-size);
446
+ line-height: var(--headline-4-font-size);
447
+ }
448
+
407
449
  [data-content-brand="advertorial"] .subheadline-1,
408
450
  :host([data-content-brand="advertorial"]) .subheadline-1 {
409
451
  font-family: var(--subheadline-font-family);
@@ -420,6 +462,30 @@
420
462
  line-height: var(--kicker-1-line-height);
421
463
  }
422
464
 
465
+ [data-content-brand="advertorial"] .kicker-2,
466
+ :host([data-content-brand="advertorial"]) .kicker-2 {
467
+ font-family: var(--kicker-font-family);
468
+ font-weight: 700;
469
+ font-size: var(--kicker-2-font-size);
470
+ line-height: var(--kicker-2-line-height);
471
+ }
472
+
473
+ [data-content-brand="advertorial"] .kicker-3,
474
+ :host([data-content-brand="advertorial"]) .kicker-3 {
475
+ font-family: var(--kicker-font-family);
476
+ font-weight: 700;
477
+ font-size: var(--kicker-3-font-size);
478
+ line-height: var(--kicker-3-line-height);
479
+ }
480
+
481
+ [data-content-brand="advertorial"] .kicker-4,
482
+ :host([data-content-brand="advertorial"]) .kicker-4 {
483
+ font-family: var(--kicker-font-family);
484
+ font-weight: 700;
485
+ font-size: var(--kicker-4-font-size);
486
+ line-height: var(--kicker-4-line-height);
487
+ }
488
+
423
489
  [data-content-brand="advertorial"] .title-1,
424
490
  :host([data-content-brand="advertorial"]) .title-1 {
425
491
  font-family: var(--title-font-family);
@@ -428,6 +494,32 @@
428
494
  line-height: var(--title-1-line-height);
429
495
  }
430
496
 
497
+ [data-content-brand="advertorial"] .title-1-uppercase,
498
+ :host([data-content-brand="advertorial"]) .title-1-uppercase {
499
+ font-family: var(--title-font-family);
500
+ font-weight: var(--title-font-weight);
501
+ font-size: var(--title-1-font-size);
502
+ line-height: var(--title-1-line-height);
503
+ text-transform: uppercase;
504
+ }
505
+
506
+ [data-content-brand="advertorial"] .title-2,
507
+ :host([data-content-brand="advertorial"]) .title-2 {
508
+ font-family: var(--title-font-family);
509
+ font-weight: var(--title-font-weight);
510
+ font-size: var(--title-2-font-size);
511
+ line-height: var(--title-2-line-height);
512
+ }
513
+
514
+ [data-content-brand="advertorial"] .title-2-uppercase,
515
+ :host([data-content-brand="advertorial"]) .title-2-uppercase {
516
+ font-family: var(--title-font-family);
517
+ font-weight: var(--title-font-weight);
518
+ font-size: var(--title-2-font-size);
519
+ line-height: var(--title-2-line-height);
520
+ text-transform: uppercase;
521
+ }
522
+
431
523
  [data-content-brand="advertorial"] .callout,
432
524
  :host([data-content-brand="advertorial"]) .callout {
433
525
  font-family: var(--callout-font-family);
@@ -444,6 +536,32 @@
444
536
  line-height: var(--body-line-height);
445
537
  }
446
538
 
539
+ [data-content-brand="advertorial"] .body-italic,
540
+ :host([data-content-brand="advertorial"]) .body-italic {
541
+ font-family: var(--body-font-family);
542
+ font-weight: 400;
543
+ font-size: var(--body-font-size);
544
+ line-height: var(--body-line-height);
545
+ font-style: italic;
546
+ }
547
+
548
+ [data-content-brand="advertorial"] .body-bold,
549
+ :host([data-content-brand="advertorial"]) .body-bold {
550
+ font-family: var(--body-font-family);
551
+ font-weight: var(--body-font-weight-bold);
552
+ font-size: var(--body-font-size);
553
+ line-height: var(--body-line-height);
554
+ }
555
+
556
+ [data-content-brand="advertorial"] .body-bold-italic,
557
+ :host([data-content-brand="advertorial"]) .body-bold-italic {
558
+ font-family: var(--body-font-family);
559
+ font-weight: 700;
560
+ font-size: var(--body-font-size);
561
+ line-height: var(--body-line-height);
562
+ font-style: italic;
563
+ }
564
+
447
565
  [data-content-brand="advertorial"] .text-link,
448
566
  :host([data-content-brand="advertorial"]) .text-link {
449
567
  font-family: var(--body-font-family);
@@ -453,6 +571,43 @@
453
571
  text-decoration: underline;
454
572
  }
455
573
 
574
+ [data-content-brand="advertorial"] .text-link-italic,
575
+ :host([data-content-brand="advertorial"]) .text-link-italic {
576
+ font-family: var(--body-font-family);
577
+ font-weight: 400;
578
+ font-size: var(--body-font-size);
579
+ line-height: var(--body-line-height);
580
+ font-style: italic;
581
+ text-decoration: underline;
582
+ }
583
+
584
+ [data-content-brand="advertorial"] .text-link-bold,
585
+ :host([data-content-brand="advertorial"]) .text-link-bold {
586
+ font-family: var(--body-font-family);
587
+ font-weight: var(--body-font-weight-bold);
588
+ font-size: var(--body-font-size);
589
+ line-height: var(--body-line-height);
590
+ text-decoration: underline;
591
+ }
592
+
593
+ [data-content-brand="advertorial"] .text-link-hover,
594
+ :host([data-content-brand="advertorial"]) .text-link-hover {
595
+ font-family: var(--body-font-family);
596
+ font-weight: var(--body-font-weight-book);
597
+ font-size: var(--body-font-size);
598
+ line-height: var(--body-line-height);
599
+ text-decoration: underline;
600
+ }
601
+
602
+ [data-content-brand="advertorial"] .text-link-bold-hover,
603
+ :host([data-content-brand="advertorial"]) .text-link-bold-hover {
604
+ font-family: var(--body-font-family);
605
+ font-weight: var(--body-font-weight-bold);
606
+ font-size: var(--body-font-size);
607
+ line-height: var(--body-line-height);
608
+ text-decoration: underline;
609
+ }
610
+
456
611
  [data-content-brand="advertorial"] .footnote-1,
457
612
  :host([data-content-brand="advertorial"]) .footnote-1 {
458
613
  font-family: var(--footnote-font-family);
@@ -461,6 +616,30 @@
461
616
  line-height: var(--footnote-1-line-height);
462
617
  }
463
618
 
619
+ [data-content-brand="advertorial"] .footnote-1-bold,
620
+ :host([data-content-brand="advertorial"]) .footnote-1-bold {
621
+ font-family: var(--footnote-font-family);
622
+ font-weight: var(--font-weight-bold, 700);
623
+ font-size: var(--footnote-1-font-size);
624
+ line-height: var(--footnote-1-line-height);
625
+ }
626
+
627
+ [data-content-brand="advertorial"] .footnote-2,
628
+ :host([data-content-brand="advertorial"]) .footnote-2 {
629
+ font-family: var(--footnote-font-family);
630
+ font-weight: var(--font-weight-book, 400);
631
+ font-size: var(--footnote-2-font-size);
632
+ line-height: var(--footnote-2-line-height);
633
+ }
634
+
635
+ [data-content-brand="advertorial"] .footnote-2-bold,
636
+ :host([data-content-brand="advertorial"]) .footnote-2-bold {
637
+ font-family: var(--footnote-font-family);
638
+ font-weight: var(--font-weight-bold, 700);
639
+ font-size: var(--footnote-2-font-size);
640
+ line-height: var(--footnote-2-line-height);
641
+ }
642
+
464
643
  [data-content-brand="advertorial"] .label-1,
465
644
  :host([data-content-brand="advertorial"]) .label-1 {
466
645
  font-family: var(--label-font-family);
@@ -470,6 +649,101 @@
470
649
  letter-spacing: var(--letter-space-0-p-25, 0.25px);
471
650
  }
472
651
 
652
+ [data-content-brand="advertorial"] .label-1-bold,
653
+ :host([data-content-brand="advertorial"]) .label-1-bold {
654
+ font-family: var(--label-font-family);
655
+ font-weight: 700;
656
+ font-size: var(--label-1-font-size);
657
+ line-height: var(--label-1-line-height);
658
+ letter-spacing: var(--letter-space-0-p-25, 0.25px);
659
+ }
660
+
661
+ [data-content-brand="advertorial"] .label-1-uppercase-bold,
662
+ :host([data-content-brand="advertorial"]) .label-1-uppercase-bold {
663
+ font-family: var(--label-font-family);
664
+ font-weight: var(--label-font-weight-bold);
665
+ font-size: var(--label-1-font-size);
666
+ line-height: var(--label-1-line-height);
667
+ letter-spacing: var(--letter-space-positive-sm);
668
+ text-transform: uppercase;
669
+ }
670
+
671
+ [data-content-brand="advertorial"] .label-2,
672
+ :host([data-content-brand="advertorial"]) .label-2 {
673
+ font-family: var(--label-font-family);
674
+ font-weight: var(--label-font-weight-book);
675
+ font-size: var(--label-2-font-size);
676
+ line-height: var(--label-2-line-height);
677
+ letter-spacing: var(--letter-space-positive-xs);
678
+ }
679
+
680
+ [data-content-brand="advertorial"] .label-2-uppercase,
681
+ :host([data-content-brand="advertorial"]) .label-2-uppercase {
682
+ font-family: var(--label-font-family);
683
+ font-weight: var(--label-font-weight-book);
684
+ font-size: var(--label-2-font-size);
685
+ line-height: var(--label-2-line-height);
686
+ letter-spacing: var(--letter-space-positive-xs);
687
+ text-transform: uppercase;
688
+ }
689
+
690
+ [data-content-brand="advertorial"] .label-2-bold,
691
+ :host([data-content-brand="advertorial"]) .label-2-bold {
692
+ font-family: var(--label-font-family);
693
+ font-weight: 700;
694
+ font-size: var(--label-2-font-size);
695
+ line-height: var(--label-2-line-height);
696
+ letter-spacing: var(--letter-space-positive-xs);
697
+ }
698
+
699
+ [data-content-brand="advertorial"] .label-2-uppercase-bold,
700
+ :host([data-content-brand="advertorial"]) .label-2-uppercase-bold {
701
+ font-family: var(--label-font-family);
702
+ font-weight: 700;
703
+ font-size: var(--label-2-font-size);
704
+ line-height: var(--label-2-line-height);
705
+ letter-spacing: var(--letter-space-positive-xs);
706
+ text-transform: uppercase;
707
+ }
708
+
709
+ [data-content-brand="advertorial"] .label-3,
710
+ :host([data-content-brand="advertorial"]) .label-3 {
711
+ font-family: var(--label-font-family);
712
+ font-weight: var(--font-weight-book, 400);
713
+ font-size: var(--label-3-font-size);
714
+ line-height: var(--label-3-line-height);
715
+ letter-spacing: var(--letter-space-positive-xs);
716
+ }
717
+
718
+ [data-content-brand="advertorial"] .label-3-uppercase,
719
+ :host([data-content-brand="advertorial"]) .label-3-uppercase {
720
+ font-family: var(--label-font-family);
721
+ font-weight: var(--label-font-weight-book);
722
+ font-size: var(--label-3-font-size);
723
+ line-height: var(--label-3-line-height);
724
+ letter-spacing: var(--letter-space-positive-sm);
725
+ text-transform: uppercase;
726
+ }
727
+
728
+ [data-content-brand="advertorial"] .label-3-bold,
729
+ :host([data-content-brand="advertorial"]) .label-3-bold {
730
+ font-family: var(--label-font-family);
731
+ font-weight: 700;
732
+ font-size: var(--label-3-font-size);
733
+ line-height: var(--label-3-line-height);
734
+ letter-spacing: var(--letter-space-positive-xs);
735
+ }
736
+
737
+ [data-content-brand="advertorial"] .label-3-uppercase-bold,
738
+ :host([data-content-brand="advertorial"]) .label-3-uppercase-bold {
739
+ font-family: var(--label-font-family);
740
+ font-weight: 700;
741
+ font-size: var(--label-3-font-size);
742
+ line-height: var(--label-3-line-height);
743
+ letter-spacing: var(--letter-space-positive-sm);
744
+ text-transform: uppercase;
745
+ }
746
+
473
747
  [data-content-brand="advertorial"] .quote,
474
748
  :host([data-content-brand="advertorial"]) .quote {
475
749
  font-family: var(--quote-font-family);
@@ -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: Bild | Bundle: _DSysDoc 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: _DSysDocs 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Article Component Tokens
@@ -22,6 +22,37 @@
22
22
  line-height: var(--kicker-1-line-height);
23
23
  }
24
24
 
25
+ [data-content-brand="bild"] .article-image-caption,
26
+ :host([data-content-brand="bild"]) .article-image-caption {
27
+ font-family: var(--body-font-family);
28
+ font-weight: var(--font-weight-bold, 700);
29
+ font-size: 16px;
30
+ line-height: 19.5px;
31
+ }
32
+
33
+ [data-content-brand="bild"] .article-headline,
34
+ :host([data-content-brand="bild"]) .article-headline {
35
+ font-family: var(--headline-font-family);
36
+ font-weight: 900;
37
+ font-size: var(--headline-2-font-size);
38
+ line-height: var(--headline-2-font-size);
39
+ }
40
+
41
+ [data-content-brand="bild"] .article-meta-source,
42
+ :host([data-content-brand="bild"]) .article-meta-source {
43
+ font-family: var(--footnote-font-family);
44
+ font-weight: var(--footnote-font-weight-book);
45
+ font-size: 16px;
46
+ line-height: 21px;
47
+ }
48
+
49
+ [data-content-brand="bild"] .article-time-stamp,
50
+ :host([data-content-brand="bild"]) .article-time-stamp {
51
+ font-family: var(--font-family-gotham, Gotham);
52
+ font-weight: var(--font-weight-black, 800);
53
+ font-size: 12px;
54
+ }
55
+
25
56
  /* === BREAKPOINT TOKENS === */
26
57
 
27
58
  [data-content-brand="bild"],
@@ -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: Bild | 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Avatar Component Tokens
@@ -36,6 +36,40 @@
36
36
  text-transform: uppercase;
37
37
  }
38
38
 
39
+ [data-content-brand="bild"] .avatar-default,
40
+ :host([data-content-brand="bild"]) .avatar-default {
41
+ font-family: var(--body-font-family);
42
+ font-weight: var(--font-weight-bold, 700);
43
+ font-size: 16px;
44
+ line-height: 21px;
45
+ }
46
+
47
+ [data-content-brand="bild"] .avatar-hover,
48
+ :host([data-content-brand="bild"]) .avatar-hover {
49
+ font-family: var(--body-font-family);
50
+ font-weight: var(--label-font-weight-bold);
51
+ font-size: 16px;
52
+ line-height: 21px;
53
+ text-decoration: underline;
54
+ }
55
+
56
+ [data-content-brand="bild"] .avatar-secondary-info,
57
+ :host([data-content-brand="bild"]) .avatar-secondary-info {
58
+ font-family: var(--body-font-family);
59
+ font-weight: var(--label-font-weight-book);
60
+ font-size: 16px;
61
+ line-height: 21px;
62
+ }
63
+
64
+ [data-content-brand="bild"] .avatar-secondary-info-hover,
65
+ :host([data-content-brand="bild"]) .avatar-secondary-info-hover {
66
+ font-family: var(--body-font-family);
67
+ font-weight: var(--label-font-weight-book);
68
+ font-size: 16px;
69
+ line-height: 21px;
70
+ text-decoration: underline;
71
+ }
72
+
39
73
  /* === BREAKPOINT TOKENS === */
40
74
 
41
75
  [data-content-brand="bild"],
@@ -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: Bild | Bundle: Badge Component Tokens
@@ -22,6 +22,14 @@
22
22
  text-transform: uppercase;
23
23
  }
24
24
 
25
+ [data-content-brand="bild"] .video-time-badge,
26
+ :host([data-content-brand="bild"]) .video-time-badge {
27
+ font-family: var(--body-font-family);
28
+ font-weight: var(--label-font-weight-book);
29
+ font-size: 16px;
30
+ line-height: 21px;
31
+ }
32
+
25
33
  /* === BREAKPOINT TOKENS === */
26
34
 
27
35
  [data-content-brand="bild"],
@@ -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: Bild | Bundle: Breadcrumb Component Tokens
@@ -22,6 +22,24 @@
22
22
  line-height: var(--breadcrumb-line-height);
23
23
  }
24
24
 
25
+ [data-content-brand="bild"] .breadcrumb-link,
26
+ :host([data-content-brand="bild"]) .breadcrumb-link {
27
+ font-family: var(--body-font-family);
28
+ font-weight: var(--body-font-weight-bold);
29
+ font-size: 15px;
30
+ line-height: 15px;
31
+ text-decoration: underline;
32
+ }
33
+
34
+ [data-content-brand="bild"] .breadcrumb-link-hover,
35
+ :host([data-content-brand="bild"]) .breadcrumb-link-hover {
36
+ font-family: var(--body-font-family);
37
+ font-weight: var(--body-font-weight-bold);
38
+ font-size: 15px;
39
+ line-height: 15px;
40
+ text-decoration: underline;
41
+ }
42
+
25
43
  /* === BREAKPOINT TOKENS === */
26
44
 
27
45
  [data-content-brand="bild"],
@@ -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: Bild | Bundle: BreakingNews Component Tokens
@@ -55,6 +55,22 @@
55
55
  text-transform: uppercase;
56
56
  }
57
57
 
58
+ [data-content-brand="bild"] .breaking-news-upper-title,
59
+ :host([data-content-brand="bild"]) .breaking-news-upper-title {
60
+ font-family: var(--title-font-family);
61
+ font-weight: var(--title-font-weight);
62
+ font-size: 13px;
63
+ line-height: 13px;
64
+ }
65
+
66
+ [data-content-brand="bild"] .breaking-news-lower-title,
67
+ :host([data-content-brand="bild"]) .breaking-news-lower-title {
68
+ font-family: var(--title-font-family);
69
+ font-weight: var(--title-font-weight);
70
+ font-size: 23px;
71
+ line-height: 21px;
72
+ }
73
+
58
74
  /* === BREAKPOINT TOKENS === */
59
75
 
60
76
  [data-content-brand="bild"],
@@ -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: Bild | Bundle: Button Component Tokens
@@ -68,6 +68,14 @@
68
68
  text-transform: uppercase;
69
69
  }
70
70
 
71
+ [data-content-brand="bild"] .partner-link-button-label,
72
+ :host([data-content-brand="bild"]) .partner-link-button-label {
73
+ font-family: var(--label-font-family);
74
+ font-weight: var(--label-font-weight-book);
75
+ font-size: var(--partner-link-button-label-font-size);
76
+ line-height: 16px;
77
+ }
78
+
71
79
  /* === BREAKPOINT TOKENS === */
72
80
 
73
81
  [data-content-brand="bild"],
@@ -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: Bild | 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.2.0
4
+ * BILD Design System Tokens v1.2.2
5
5
  * Generated by Style Dictionary v4.2.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Carousel Component Tokens