@marioschmidt/design-system-components 1.0.76 → 1.0.77

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 (193) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/{p-04d33bb6.entry.js → p-f74c4e8f.entry.js} +2 -2
  4. package/dist/bds/p-ll0WAsIA.js +3 -0
  5. package/dist/bds/p-ll0WAsIA.js.map +1 -0
  6. package/dist/cjs/bds.cjs.js +1 -1
  7. package/dist/cjs/ds-button_2.cjs.entry.js +1 -1
  8. package/dist/cjs/index-Bh5iFMEF.js +1392 -0
  9. package/dist/cjs/index-Bh5iFMEF.js.map +1 -0
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/components/index.js +1 -1
  12. package/dist/components/index.js.map +1 -1
  13. package/dist/esm/bds.js +2 -2
  14. package/dist/esm/ds-button_2.entry.js +1 -1
  15. package/dist/esm/index-ll0WAsIA.js +1385 -0
  16. package/dist/esm/index-ll0WAsIA.js.map +1 -0
  17. package/dist/esm/loader.js +2 -2
  18. package/dist/www/build/bds.css +1 -1
  19. package/dist/www/build/bds.esm.js +1 -1
  20. package/dist/www/build/p-e4886f45.css +1 -0
  21. package/dist/www/build/{p-04d33bb6.entry.js → p-f74c4e8f.entry.js} +2 -2
  22. package/dist/www/build/p-ll0WAsIA.js +3 -0
  23. package/dist/www/build/p-ll0WAsIA.js.map +1 -0
  24. package/dist/www/css/advertorial/components/_dsysdocs.css +1 -1
  25. package/dist/www/css/advertorial/components/accordion.css +3 -3
  26. package/dist/www/css/advertorial/components/article.css +10 -10
  27. package/dist/www/css/advertorial/components/audioplayer.css +3 -3
  28. package/dist/www/css/advertorial/components/avatar.css +4 -4
  29. package/dist/www/css/advertorial/components/badge.css +2 -2
  30. package/dist/www/css/advertorial/components/breadcrumb.css +2 -2
  31. package/dist/www/css/advertorial/components/breakingnews.css +7 -7
  32. package/dist/www/css/advertorial/components/button.css +5 -5
  33. package/dist/www/css/advertorial/components/card.css +1 -1
  34. package/dist/www/css/advertorial/components/carousel.css +1 -1
  35. package/dist/www/css/advertorial/components/chip.css +3 -3
  36. package/dist/www/css/advertorial/components/datepicker.css +1 -1
  37. package/dist/www/css/advertorial/components/drawers.css +1 -1
  38. package/dist/www/css/advertorial/components/dropdown.css +1 -1
  39. package/dist/www/css/advertorial/components/footer.css +3 -3
  40. package/dist/www/css/advertorial/components/icon.css +1 -1
  41. package/dist/www/css/advertorial/components/infoelement.css +1 -1
  42. package/dist/www/css/advertorial/components/inputfield.css +2 -2
  43. package/dist/www/css/advertorial/components/liveticker.css +3 -3
  44. package/dist/www/css/advertorial/components/mediaplayer.css +6 -6
  45. package/dist/www/css/advertorial/components/menu.css +7 -7
  46. package/dist/www/css/advertorial/components/newsticker.css +8 -8
  47. package/dist/www/css/advertorial/components/pagination.css +5 -5
  48. package/dist/www/css/advertorial/components/paywall.css +7 -7
  49. package/dist/www/css/advertorial/components/quote.css +1 -1
  50. package/dist/www/css/advertorial/components/radiobutton.css +1 -1
  51. package/dist/www/css/advertorial/components/search.css +1 -1
  52. package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
  53. package/dist/www/css/advertorial/components/separator.css +1 -1
  54. package/dist/www/css/advertorial/components/skeletons.css +1 -1
  55. package/dist/www/css/advertorial/components/slider.css +1 -1
  56. package/dist/www/css/advertorial/components/specialnavi.css +2 -2
  57. package/dist/www/css/advertorial/components/spinner.css +1 -1
  58. package/dist/www/css/advertorial/components/tab.css +4 -4
  59. package/dist/www/css/advertorial/components/table.css +1 -1
  60. package/dist/www/css/advertorial/components/teaser.css +19 -19
  61. package/dist/www/css/advertorial/components/toggleswitch.css +3 -3
  62. package/dist/www/css/advertorial/components/video.css +1 -1
  63. package/dist/www/css/advertorial/theme.css +1 -1
  64. package/dist/www/css/advertorial/tokens.css +167 -177
  65. package/dist/www/css/bild/components/_dsysdoc.css +1 -1
  66. package/dist/www/css/bild/components/_dsysdocs.css +1 -1
  67. package/dist/www/css/bild/components/accordion.css +3 -3
  68. package/dist/www/css/bild/components/alert.css +1 -1
  69. package/dist/www/css/bild/components/article.css +10 -10
  70. package/dist/www/css/bild/components/audioplayer.css +3 -3
  71. package/dist/www/css/bild/components/avatar.css +4 -4
  72. package/dist/www/css/bild/components/badge.css +2 -2
  73. package/dist/www/css/bild/components/breadcrumb.css +2 -2
  74. package/dist/www/css/bild/components/breakingnews.css +7 -7
  75. package/dist/www/css/bild/components/button.css +5 -5
  76. package/dist/www/css/bild/components/card.css +1 -1
  77. package/dist/www/css/bild/components/carousel.css +1 -1
  78. package/dist/www/css/bild/components/chip.css +3 -3
  79. package/dist/www/css/bild/components/datepicker.css +1 -1
  80. package/dist/www/css/bild/components/drawers.css +1 -1
  81. package/dist/www/css/bild/components/dropdown.css +1 -1
  82. package/dist/www/css/bild/components/empties.css +1 -1
  83. package/dist/www/css/bild/components/foldout.css +1 -1
  84. package/dist/www/css/bild/components/footer.css +3 -3
  85. package/dist/www/css/bild/components/gallery.css +1 -1
  86. package/dist/www/css/bild/components/hey.css +1 -1
  87. package/dist/www/css/bild/components/icon.css +1 -1
  88. package/dist/www/css/bild/components/infoelement.css +1 -1
  89. package/dist/www/css/bild/components/inputfield.css +2 -2
  90. package/dist/www/css/bild/components/kicker.css +1 -1
  91. package/dist/www/css/bild/components/liveticker.css +3 -3
  92. package/dist/www/css/bild/components/mediaplayer.css +6 -6
  93. package/dist/www/css/bild/components/menu.css +7 -7
  94. package/dist/www/css/bild/components/menuitem.css +1 -1
  95. package/dist/www/css/bild/components/newsticker.css +8 -8
  96. package/dist/www/css/bild/components/pagination.css +5 -5
  97. package/dist/www/css/bild/components/partnerlinks.css +1 -1
  98. package/dist/www/css/bild/components/paywall.css +7 -7
  99. package/dist/www/css/bild/components/quote.css +1 -1
  100. package/dist/www/css/bild/components/radiobutton.css +1 -1
  101. package/dist/www/css/bild/components/search.css +1 -1
  102. package/dist/www/css/bild/components/sectiontitle.css +1 -1
  103. package/dist/www/css/bild/components/selection.css +1 -1
  104. package/dist/www/css/bild/components/separator.css +1 -1
  105. package/dist/www/css/bild/components/skeletons.css +1 -1
  106. package/dist/www/css/bild/components/slider.css +1 -1
  107. package/dist/www/css/bild/components/socialsharebutton.css +1 -1
  108. package/dist/www/css/bild/components/specialnavi.css +2 -2
  109. package/dist/www/css/bild/components/spinner.css +1 -1
  110. package/dist/www/css/bild/components/subheader.css +1 -1
  111. package/dist/www/css/bild/components/tab.css +4 -4
  112. package/dist/www/css/bild/components/table.css +1 -1
  113. package/dist/www/css/bild/components/teaser.css +19 -19
  114. package/dist/www/css/bild/components/textlink.css +1 -1
  115. package/dist/www/css/bild/components/toggleswitch.css +3 -3
  116. package/dist/www/css/bild/components/video.css +1 -1
  117. package/dist/www/css/bild/theme.css +1 -1
  118. package/dist/www/css/bild/tokens.css +167 -177
  119. package/dist/www/css/bundles/advertorial.css +254 -264
  120. package/dist/www/css/bundles/bild.css +254 -264
  121. package/dist/www/css/bundles/sportbild.css +254 -264
  122. package/dist/www/css/shared/colorprimitive.css +1 -1
  123. package/dist/www/css/shared/fontprimitive.css +1 -1
  124. package/dist/www/css/shared/primitives.css +1 -1
  125. package/dist/www/css/shared/sizeprimitive.css +1 -1
  126. package/dist/www/css/shared/spaceprimitive.css +1 -1
  127. package/dist/www/css/sportbild/components/_dsysdoc.css +1 -1
  128. package/dist/www/css/sportbild/components/_dsysdocs.css +1 -1
  129. package/dist/www/css/sportbild/components/accordion.css +3 -3
  130. package/dist/www/css/sportbild/components/alert.css +1 -1
  131. package/dist/www/css/sportbild/components/article.css +10 -10
  132. package/dist/www/css/sportbild/components/audioplayer.css +3 -3
  133. package/dist/www/css/sportbild/components/avatar.css +4 -4
  134. package/dist/www/css/sportbild/components/badge.css +2 -2
  135. package/dist/www/css/sportbild/components/breadcrumb.css +2 -2
  136. package/dist/www/css/sportbild/components/breakingnews.css +7 -7
  137. package/dist/www/css/sportbild/components/button.css +5 -5
  138. package/dist/www/css/sportbild/components/card.css +1 -1
  139. package/dist/www/css/sportbild/components/carousel.css +1 -1
  140. package/dist/www/css/sportbild/components/chip.css +3 -3
  141. package/dist/www/css/sportbild/components/datepicker.css +1 -1
  142. package/dist/www/css/sportbild/components/drawers.css +1 -1
  143. package/dist/www/css/sportbild/components/dropdown.css +1 -1
  144. package/dist/www/css/sportbild/components/empties.css +1 -1
  145. package/dist/www/css/sportbild/components/foldout.css +1 -1
  146. package/dist/www/css/sportbild/components/footer.css +3 -3
  147. package/dist/www/css/sportbild/components/gallery.css +1 -1
  148. package/dist/www/css/sportbild/components/hey.css +1 -1
  149. package/dist/www/css/sportbild/components/icon.css +1 -1
  150. package/dist/www/css/sportbild/components/infoelement.css +1 -1
  151. package/dist/www/css/sportbild/components/inputfield.css +2 -2
  152. package/dist/www/css/sportbild/components/kicker.css +1 -1
  153. package/dist/www/css/sportbild/components/liveticker.css +3 -3
  154. package/dist/www/css/sportbild/components/mediaplayer.css +6 -6
  155. package/dist/www/css/sportbild/components/menu.css +7 -7
  156. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  157. package/dist/www/css/sportbild/components/newsticker.css +8 -8
  158. package/dist/www/css/sportbild/components/pagination.css +5 -5
  159. package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
  160. package/dist/www/css/sportbild/components/paywall.css +7 -7
  161. package/dist/www/css/sportbild/components/quote.css +1 -1
  162. package/dist/www/css/sportbild/components/radiobutton.css +1 -1
  163. package/dist/www/css/sportbild/components/search.css +1 -1
  164. package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
  165. package/dist/www/css/sportbild/components/selection.css +1 -1
  166. package/dist/www/css/sportbild/components/separator.css +1 -1
  167. package/dist/www/css/sportbild/components/skeletons.css +1 -1
  168. package/dist/www/css/sportbild/components/slider.css +1 -1
  169. package/dist/www/css/sportbild/components/socialsharebutton.css +1 -1
  170. package/dist/www/css/sportbild/components/specialnavi.css +2 -2
  171. package/dist/www/css/sportbild/components/spinner.css +1 -1
  172. package/dist/www/css/sportbild/components/subheader.css +1 -1
  173. package/dist/www/css/sportbild/components/tab.css +4 -4
  174. package/dist/www/css/sportbild/components/table.css +1 -1
  175. package/dist/www/css/sportbild/components/teaser.css +19 -19
  176. package/dist/www/css/sportbild/components/textlink.css +1 -1
  177. package/dist/www/css/sportbild/components/toggleswitch.css +3 -3
  178. package/dist/www/css/sportbild/components/video.css +1 -1
  179. package/dist/www/css/sportbild/theme.css +1 -1
  180. package/dist/www/css/sportbild/tokens.css +167 -177
  181. package/dist/www/index.html +1 -1
  182. package/package.json +1 -1
  183. package/dist/bds/p-BZlqvv5e.js +0 -3
  184. package/dist/bds/p-BZlqvv5e.js.map +0 -1
  185. package/dist/cjs/index-DYTqo0CI.js +0 -1392
  186. package/dist/cjs/index-DYTqo0CI.js.map +0 -1
  187. package/dist/esm/index-BZlqvv5e.js +0 -1385
  188. package/dist/esm/index-BZlqvv5e.js.map +0 -1
  189. package/dist/www/build/p-BZlqvv5e.js +0 -3
  190. package/dist/www/build/p-BZlqvv5e.js.map +0 -1
  191. package/dist/www/build/p-c316f39e.css +0 -1
  192. /package/dist/bds/{p-04d33bb6.entry.js.map → p-f74c4e8f.entry.js.map} +0 -0
  193. /package/dist/www/build/{p-04d33bb6.entry.js.map → p-f74c4e8f.entry.js.map} +0 -0
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Article Component Tokens
@@ -16,15 +16,15 @@
16
16
 
17
17
  [data-content-brand="bild"] .article-kicker,
18
18
  :host([data-content-brand="bild"]) .article-kicker {
19
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
19
+ font-family: var(--kicker-font-family);
20
20
  font-weight: 700;
21
- font-size: var(--kicker-1-font-size, 18px);
22
- line-height: var(--kicker-1-line-height, 19.8px);
21
+ font-size: var(--kicker-1-font-size);
22
+ line-height: var(--kicker-1-line-height);
23
23
  }
24
24
 
25
25
  [data-content-brand="bild"] .article-image-caption,
26
26
  :host([data-content-brand="bild"]) .article-image-caption {
27
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
27
+ font-family: var(--body-font-family);
28
28
  font-weight: var(--font-weight-bold, 700);
29
29
  font-size: var(--article-image-caption-font-size, 16px);
30
30
  line-height: var(--article-image-caption-line-height, 19.5px);
@@ -32,16 +32,16 @@
32
32
 
33
33
  [data-content-brand="bild"] .article-headline,
34
34
  :host([data-content-brand="bild"]) .article-headline {
35
- font-family: var(--font-family-gotham-cond, Gotham Condensed);
35
+ font-family: var(--headline-font-family);
36
36
  font-weight: 900;
37
- font-size: var(--headline-2-font-size, 40px);
38
- line-height: var(--headline-2-font-size, 40px);
37
+ font-size: var(--headline-2-font-size);
38
+ line-height: var(--headline-2-font-size);
39
39
  }
40
40
 
41
41
  [data-content-brand="bild"] .article-meta-source,
42
42
  :host([data-content-brand="bild"]) .article-meta-source {
43
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
44
- font-weight: var(--font-weight-book, 400);
43
+ font-family: var(--footnote-font-family);
44
+ font-weight: var(--footnote-font-weight-book);
45
45
  font-size: 16px;
46
46
  line-height: 21px;
47
47
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: AudioPlayer Component Tokens
@@ -16,8 +16,8 @@
16
16
 
17
17
  [data-content-brand="bild"] .audio-player-label,
18
18
  :host([data-content-brand="bild"]) .audio-player-label {
19
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
20
- font-weight: var(--font-weight-bold, 700);
19
+ font-family: var(--label-font-family);
20
+ font-weight: var(--label-font-weight-bold);
21
21
  font-size: 16px;
22
22
  line-height: 16px;
23
23
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Avatar Component Tokens
@@ -59,7 +59,7 @@
59
59
  [data-content-brand="bild"] .avatar-hover,
60
60
  :host([data-content-brand="bild"]) .avatar-hover {
61
61
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
62
- font-weight: var(--font-weight-bold, 700);
62
+ font-weight: var(--label-font-weight-bold);
63
63
  font-size: 16px;
64
64
  line-height: 21px;
65
65
  text-decoration: underline;
@@ -68,7 +68,7 @@
68
68
  [data-content-brand="bild"] .avatar-secondary-info,
69
69
  :host([data-content-brand="bild"]) .avatar-secondary-info {
70
70
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
71
- font-weight: var(--font-weight-book, 400);
71
+ font-weight: var(--label-font-weight-book);
72
72
  font-size: 16px;
73
73
  line-height: 21px;
74
74
  }
@@ -76,7 +76,7 @@
76
76
  [data-content-brand="bild"] .avatar-secondary-info-hover,
77
77
  :host([data-content-brand="bild"]) .avatar-secondary-info-hover {
78
78
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
79
- font-weight: var(--font-weight-book, 400);
79
+ font-weight: var(--label-font-weight-book);
80
80
  font-size: 16px;
81
81
  line-height: 21px;
82
82
  text-decoration: underline;
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Badge Component Tokens
@@ -25,7 +25,7 @@
25
25
  [data-content-brand="bild"] .video-time-badge,
26
26
  :host([data-content-brand="bild"]) .video-time-badge {
27
27
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-book, 400);
28
+ font-weight: var(--label-font-weight-book);
29
29
  font-size: 16px;
30
30
  line-height: 21px;
31
31
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Breadcrumb Component Tokens
@@ -60,7 +60,7 @@
60
60
  [data-content-brand="bild"] .breadcrumb-link-hover,
61
61
  :host([data-content-brand="bild"]) .breadcrumb-link-hover {
62
62
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
63
- font-weight: var(--font-weight-bold, 700);
63
+ font-weight: var(--body-font-weight-bold);
64
64
  font-size: 15px;
65
65
  line-height: 15px;
66
66
  text-decoration: underline;
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: BreakingNews Component Tokens
@@ -48,8 +48,8 @@
48
48
 
49
49
  [data-content-brand="bild"] .breaking-news-text,
50
50
  :host([data-content-brand="bild"]) .breaking-news-text {
51
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
52
- font-weight: var(--font-weight-bold, 700);
51
+ font-family: var(--kicker-font-family);
52
+ font-weight: var(--body-font-weight-bold);
53
53
  font-size: 21px;
54
54
  line-height: 24px;
55
55
  text-transform: uppercase;
@@ -57,16 +57,16 @@
57
57
 
58
58
  [data-content-brand="bild"] .breaking-news-upper-title,
59
59
  :host([data-content-brand="bild"]) .breaking-news-upper-title {
60
- font-family: var(--font-family-gotham, Gotham);
61
- font-weight: var(--font-weight-black, 800);
60
+ font-family: var(--title-font-family);
61
+ font-weight: var(--title-font-weight);
62
62
  font-size: 13px;
63
63
  line-height: 13px;
64
64
  }
65
65
 
66
66
  [data-content-brand="bild"] .breaking-news-lower-title,
67
67
  :host([data-content-brand="bild"]) .breaking-news-lower-title {
68
- font-family: var(--font-family-gotham, Gotham);
69
- font-weight: var(--font-weight-black, 800);
68
+ font-family: var(--title-font-family);
69
+ font-weight: var(--title-font-weight);
70
70
  font-size: 23px;
71
71
  line-height: 21px;
72
72
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Button Component Tokens
@@ -103,18 +103,18 @@
103
103
 
104
104
  [data-content-brand="bild"] .button-label,
105
105
  :host([data-content-brand="bild"]) .button-label {
106
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
106
+ font-family: var(--label-font-family);
107
107
  font-weight: 700;
108
108
  font-size: var(--button-label-font-size, 15px);
109
109
  line-height: var(--button-label-line-height, 15px);
110
- letter-spacing: var(--letter-space-0-p-5, 0.5px);
110
+ letter-spacing: var(--letter-spacing-positive-sm);
111
111
  text-transform: uppercase;
112
112
  }
113
113
 
114
114
  [data-content-brand="bild"] .partner-link-button-label,
115
115
  :host([data-content-brand="bild"]) .partner-link-button-label {
116
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
117
- font-weight: var(--font-weight-book, 400);
116
+ font-family: var(--label-font-family);
117
+ font-weight: var(--label-font-weight-book);
118
118
  font-size: var(--partner-link-button-label-font-size, 16px);
119
119
  line-height: 16px;
120
120
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Carousel Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Chip Component Tokens
@@ -48,8 +48,8 @@
48
48
 
49
49
  [data-content-brand="bild"] .chip-label,
50
50
  :host([data-content-brand="bild"]) .chip-label {
51
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
52
- font-weight: var(--font-weight-bold, 700);
51
+ font-family: var(--footnote-font-family);
52
+ font-weight: var(--label-font-weight-bold);
53
53
  font-size: var(--size-2-x, 16px);
54
54
  }
55
55
 
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Datepicker Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Drawers 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Dropdown 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Empties 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Foldout 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Footer Component Tokens
@@ -18,7 +18,7 @@
18
18
  :host([data-content-brand="bild"]) .footer-card-link {
19
19
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
20
20
  font-weight: var(--font-weight-book, 400);
21
- font-size: var(--label-2-font-size, 15px);
21
+ font-size: var(--label-2-font-size);
22
22
  text-decoration: underline;
23
23
  }
24
24
 
@@ -31,7 +31,7 @@
31
31
  [data-content-brand="bild"] .footer-links,
32
32
  :host([data-content-brand="bild"]) .footer-links {
33
33
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
34
- font-weight: var(--font-weight-bold, 700);
34
+ font-weight: var(--label-font-weight-bold);
35
35
  font-size: 11px;
36
36
  line-height: 14px;
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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Gallery 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Hey 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Icon 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: InfoElement 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: InputField Component Tokens
@@ -82,7 +82,7 @@
82
82
  [data-content-brand="bild"] .text-input-field-label,
83
83
  :host([data-content-brand="bild"]) .text-input-field-label {
84
84
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
85
- font-weight: var(--font-weight-book, 400);
85
+ font-weight: var(--label-font-weight-book);
86
86
  font-size: 16px;
87
87
  line-height: 16px;
88
88
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Kicker 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: LiveTicker Component Tokens
@@ -16,7 +16,7 @@
16
16
 
17
17
  [data-content-brand="bild"] .live-ticker-headline,
18
18
  :host([data-content-brand="bild"]) .live-ticker-headline {
19
- font-family: var(--font-family-gotham-cond, Gotham Condensed);
19
+ font-family: var(--headline-font-family);
20
20
  font-weight: var(--font-weight-semi-bold, 600);
21
21
  font-size: 22px;
22
22
  line-height: 22px;
@@ -25,7 +25,7 @@
25
25
  [data-content-brand="bild"] .live-ticker-time-stamp,
26
26
  :host([data-content-brand="bild"]) .live-ticker-time-stamp {
27
27
  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-bold, 700);
28
+ font-weight: var(--label-font-weight-bold);
29
29
  font-size: var(--live-ticker-time-stamp-font-size, 14px);
30
30
  line-height: 14px;
31
31
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: MediaPlayer Component Tokens
@@ -58,8 +58,8 @@
58
58
 
59
59
  [data-content-brand="bild"] .podcast-player-label,
60
60
  :host([data-content-brand="bild"]) .podcast-player-label {
61
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
62
- font-weight: var(--font-weight-book, 400);
61
+ font-family: var(--label-font-family);
62
+ font-weight: var(--label-font-weight-book);
63
63
  font-size: 16px;
64
64
  line-height: 16px;
65
65
  }
@@ -67,15 +67,15 @@
67
67
  [data-content-brand="bild"] .video-ad-time,
68
68
  :host([data-content-brand="bild"]) .video-ad-time {
69
69
  font-family: var(--font-family-gotham, Gotham);
70
- font-weight: var(--font-weight-black, 800);
70
+ font-weight: var(--title-font-weight);
71
71
  font-size: 14px;
72
72
  text-transform: uppercase;
73
73
  }
74
74
 
75
75
  [data-content-brand="bild"] .video-player-time,
76
76
  :host([data-content-brand="bild"]) .video-player-time {
77
- font-family: var(--font-family-gotham, Gotham);
78
- font-weight: var(--font-weight-black, 800);
77
+ font-family: var(--title-font-family);
78
+ font-weight: var(--title-font-weight);
79
79
  font-size: 14px;
80
80
  text-transform: uppercase;
81
81
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Menu Component Tokens
@@ -46,16 +46,16 @@
46
46
 
47
47
  [data-content-brand="bild"] .app-topbar-stage-title,
48
48
  :host([data-content-brand="bild"]) .app-topbar-stage-title {
49
- font-family: var(--font-family-gotham, Gotham);
50
- font-weight: var(--font-weight-black, 800);
49
+ font-family: var(--title-font-family);
50
+ font-weight: var(--title-font-weight);
51
51
  font-size: 12px;
52
52
  line-height: 14px;
53
53
  }
54
54
 
55
55
  [data-content-brand="bild"] .app-topbar-tabs-title,
56
56
  :host([data-content-brand="bild"]) .app-topbar-tabs-title {
57
- font-family: var(--font-family-gotham, Gotham);
58
- font-weight: var(--font-weight-black, 800);
57
+ font-family: var(--title-font-family);
58
+ font-weight: var(--title-font-weight);
59
59
  font-size: 12px;
60
60
  line-height: 14px;
61
61
  text-transform: uppercase;
@@ -63,7 +63,7 @@
63
63
 
64
64
  [data-content-brand="bild"] .menu-item-label,
65
65
  :host([data-content-brand="bild"]) .menu-item-label {
66
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
66
+ font-family: var(--label-font-family);
67
67
  font-weight: 700;
68
68
  font-size: 15px;
69
69
  line-height: 15px;
@@ -72,7 +72,7 @@
72
72
 
73
73
  [data-content-brand="bild"] .menu-item-util-label,
74
74
  :host([data-content-brand="bild"]) .menu-item-util-label {
75
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
75
+ font-family: var(--label-font-family);
76
76
  font-weight: 700;
77
77
  font-size: var(--size-1-p-5-x, 12px);
78
78
  line-height: var(--size-1-p-5-x, 12px);
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: MenuItem 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: NewsTicker Component Tokens
@@ -24,18 +24,18 @@
24
24
 
25
25
  [data-content-brand="bild"] .news-ticker-kicker,
26
26
  :host([data-content-brand="bild"]) .news-ticker-kicker {
27
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
28
- font-weight: var(--font-weight-bold, 700);
29
- font-size: var(--kicker-3-font-size, 16px);
30
- line-height: var(--kicker-3-line-height, 17.6px);
27
+ font-family: var(--kicker-font-family);
28
+ font-weight: var(--kicker-font-weight);
29
+ font-size: var(--kicker-3-font-size);
30
+ line-height: var(--kicker-3-line-height);
31
31
  }
32
32
 
33
33
  [data-content-brand="bild"] .news-ticker-headline,
34
34
  :host([data-content-brand="bild"]) .news-ticker-headline {
35
- font-family: var(--font-family-gotham-cond, Gotham Condensed);
35
+ font-family: var(--headline-font-family);
36
36
  font-weight: 900;
37
- font-size: var(--headline-3-font-size, 28px);
38
- line-height: var(--headline-3-line-height, 28px);
37
+ font-size: var(--headline-3-font-size);
38
+ line-height: var(--headline-3-line-height);
39
39
  }
40
40
 
41
41
  /* === BREAKPOINT 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Pagination Component Tokens
@@ -34,10 +34,10 @@
34
34
 
35
35
  [data-content-brand="bild"] .numbered-pagination-active,
36
36
  :host([data-content-brand="bild"]) .numbered-pagination-active {
37
- font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
38
- font-weight: var(--font-weight-bold, 700);
39
- font-size: var(--label-1-font-size, 17px);
40
- line-height: var(--label-1-line-height, 17px);
37
+ font-family: var(--label-font-family);
38
+ font-weight: var(--label-font-weight-bold);
39
+ font-size: var(--label-1-font-size);
40
+ line-height: var(--label-1-line-height);
41
41
  letter-spacing: var(--letter-space-0-p-25, 0.25px);
42
42
  text-decoration: underline;
43
43
  }
@@ -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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: PartnerLinks 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Paywall Component Tokens
@@ -16,20 +16,20 @@
16
16
 
17
17
  [data-content-brand="bild"] .paywall-card-price-tag,
18
18
  :host([data-content-brand="bild"]) .paywall-card-price-tag {
19
- font-family: var(--font-family-gotham, Gotham);
20
- font-weight: var(--font-weight-black, 800);
19
+ font-family: var(--title-font-family);
20
+ font-weight: var(--title-font-weight);
21
21
  font-size: var(--size-8-x, 64px);
22
22
  line-height: var(--size-8-x, 64px);
23
- letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
23
+ letter-spacing: var(--display-2-letter-spacing);
24
24
  }
25
25
 
26
26
  [data-content-brand="bild"] .paywall-card-note,
27
27
  :host([data-content-brand="bild"]) .paywall-card-note {
28
- font-family: var(--font-family-gotham, Gotham);
29
- font-weight: var(--font-weight-black, 800);
28
+ font-family: var(--title-font-family);
29
+ font-weight: var(--title-font-weight);
30
30
  font-size: var(--size-5-x, 40px);
31
31
  line-height: var(--size-5-x, 40px);
32
- letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
32
+ letter-spacing: var(--display-3-letter-spacing);
33
33
  }
34
34
 
35
35
  /* === BREAKPOINT 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: Quote 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.0.76
4
+ * BILD Design System Tokens v1.0.77
5
5
  * Generated by Style Dictionary v4.0.0
6
6
  *
7
7
  * Brand: Bild | Bundle: RadioButton Component Tokens