@marioschmidt/design-system-tokens 1.0.19 → 1.0.21

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 (294) hide show
  1. package/dist/android/res/values/brands/advertorial/density/density-compact.xml +8 -8
  2. package/dist/android/res/values/brands/advertorial/density/density-default.xml +8 -8
  3. package/dist/android/res/values/brands/advertorial/density/density-spacious.xml +8 -8
  4. package/dist/android/res/values/brands/advertorial/overrides/brandtokenmapping.xml +271 -271
  5. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +460 -460
  6. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.xml +460 -460
  7. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.xml +460 -460
  8. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.xml +460 -460
  9. package/dist/android/res/values/brands/bild/density/density-compact.xml +8 -8
  10. package/dist/android/res/values/brands/bild/density/density-default.xml +8 -8
  11. package/dist/android/res/values/brands/bild/density/density-spacious.xml +8 -8
  12. package/dist/android/res/values/brands/bild/overrides/brandcolormapping.xml +68 -68
  13. package/dist/android/res/values/brands/bild/overrides/brandtokenmapping.xml +271 -271
  14. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +460 -460
  15. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-md-600px.xml +460 -460
  16. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +460 -460
  17. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-xs-320px.xml +460 -460
  18. package/dist/android/res/values/brands/bild/semantic/color/colormode-dark.xml +213 -213
  19. package/dist/android/res/values/brands/bild/semantic/color/colormode-light.xml +213 -213
  20. package/dist/android/res/values/brands/sportbild/density/density-compact.xml +8 -8
  21. package/dist/android/res/values/brands/sportbild/density/density-default.xml +8 -8
  22. package/dist/android/res/values/brands/sportbild/density/density-spacious.xml +8 -8
  23. package/dist/android/res/values/brands/sportbild/overrides/brandcolormapping.xml +68 -68
  24. package/dist/android/res/values/brands/sportbild/overrides/brandtokenmapping.xml +271 -271
  25. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +460 -460
  26. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.xml +460 -460
  27. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +460 -460
  28. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.xml +460 -460
  29. package/dist/android/res/values/brands/sportbild/semantic/color/colormode-dark.xml +213 -213
  30. package/dist/android/res/values/brands/sportbild/semantic/color/colormode-light.xml +213 -213
  31. package/dist/android/res/values/shared/colorprimitive.xml +76 -94
  32. package/dist/android/res/values/shared/fontprimitive.xml +43 -43
  33. package/dist/android/res/values/shared/sizeprimitive.xml +49 -49
  34. package/dist/android/res/values/shared/spaceprimitive.xml +25 -25
  35. package/dist/css/brands/advertorial/density/density-compact.css +34 -9
  36. package/dist/css/brands/advertorial/density/density-default.css +34 -9
  37. package/dist/css/brands/advertorial/density/density-spacious.css +34 -9
  38. package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +765 -271
  39. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1325 -470
  40. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1325 -470
  41. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1325 -470
  42. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1325 -470
  43. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
  44. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
  45. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
  46. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
  47. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
  48. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
  49. package/dist/css/brands/bild/density/density-compact.css +34 -9
  50. package/dist/css/brands/bild/density/density-default.css +34 -9
  51. package/dist/css/brands/bild/density/density-spacious.css +34 -9
  52. package/dist/css/brands/bild/overrides/brandcolormapping.css +253 -69
  53. package/dist/css/brands/bild/overrides/brandtokenmapping.css +765 -271
  54. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1325 -470
  55. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1325 -470
  56. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1325 -470
  57. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1325 -470
  58. package/dist/css/brands/bild/semantic/color/colormode-dark.css +560 -308
  59. package/dist/css/brands/bild/semantic/color/colormode-light.css +560 -308
  60. package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
  61. package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
  62. package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
  63. package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
  64. package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
  65. package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
  66. package/dist/css/brands/sportbild/density/density-compact.css +34 -9
  67. package/dist/css/brands/sportbild/density/density-default.css +34 -9
  68. package/dist/css/brands/sportbild/density/density-spacious.css +34 -9
  69. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +253 -69
  70. package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +765 -271
  71. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1325 -470
  72. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1325 -470
  73. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1325 -470
  74. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1325 -470
  75. package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +560 -308
  76. package/dist/css/brands/sportbild/semantic/color/colormode-light.css +560 -308
  77. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
  78. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
  79. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
  80. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
  81. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
  82. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
  83. package/dist/css/shared/colorprimitive.css +189 -95
  84. package/dist/css/shared/fontprimitive.css +91 -25
  85. package/dist/css/shared/sizeprimitive.css +8 -1
  86. package/dist/css/shared/spaceprimitive.css +8 -1
  87. package/dist/flutter/brands/advertorial/density/density-compact.dart +22 -9
  88. package/dist/flutter/brands/advertorial/density/density-default.dart +22 -9
  89. package/dist/flutter/brands/advertorial/density/density-spacious.dart +22 -9
  90. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +516 -272
  91. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +898 -485
  92. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +898 -485
  93. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +898 -485
  94. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +898 -485
  95. package/dist/flutter/brands/bild/density/density-compact.dart +22 -9
  96. package/dist/flutter/brands/bild/density/density-default.dart +22 -9
  97. package/dist/flutter/brands/bild/density/density-spacious.dart +22 -9
  98. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +151 -69
  99. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +516 -272
  100. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +898 -485
  101. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +898 -485
  102. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +898 -485
  103. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +898 -485
  104. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +466 -422
  105. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +466 -422
  106. package/dist/flutter/brands/sportbild/density/density-compact.dart +22 -9
  107. package/dist/flutter/brands/sportbild/density/density-default.dart +22 -9
  108. package/dist/flutter/brands/sportbild/density/density-spacious.dart +22 -9
  109. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +151 -69
  110. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +516 -272
  111. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +898 -485
  112. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +898 -485
  113. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +898 -485
  114. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +898 -485
  115. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +466 -422
  116. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +466 -422
  117. package/dist/flutter/shared/colorprimitive.dart +155 -95
  118. package/dist/flutter/shared/fontprimitive.dart +80 -40
  119. package/dist/flutter/shared/sizeprimitive.dart +55 -50
  120. package/dist/flutter/shared/spaceprimitive.dart +31 -26
  121. package/dist/ios/brands/advertorial/density/DensityCompact.swift +22 -9
  122. package/dist/ios/brands/advertorial/density/DensityDefault.swift +22 -9
  123. package/dist/ios/brands/advertorial/density/DensitySpacious.swift +22 -9
  124. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +516 -272
  125. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +898 -485
  126. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +898 -485
  127. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +898 -485
  128. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +898 -485
  129. package/dist/ios/brands/bild/density/DensityCompact.swift +22 -9
  130. package/dist/ios/brands/bild/density/DensityDefault.swift +22 -9
  131. package/dist/ios/brands/bild/density/DensitySpacious.swift +22 -9
  132. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +151 -69
  133. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +516 -272
  134. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +898 -485
  135. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +898 -485
  136. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +898 -485
  137. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +898 -485
  138. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +466 -422
  139. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +466 -422
  140. package/dist/ios/brands/sportbild/density/DensityCompact.swift +22 -9
  141. package/dist/ios/brands/sportbild/density/DensityDefault.swift +22 -9
  142. package/dist/ios/brands/sportbild/density/DensitySpacious.swift +22 -9
  143. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +151 -69
  144. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +516 -272
  145. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +898 -485
  146. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +898 -485
  147. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +898 -485
  148. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +898 -485
  149. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +466 -422
  150. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +466 -422
  151. package/dist/ios/shared/Colorprimitive.swift +155 -95
  152. package/dist/ios/shared/Fontprimitive.swift +84 -44
  153. package/dist/ios/shared/Sizeprimitive.swift +55 -50
  154. package/dist/ios/shared/Spaceprimitive.swift +31 -26
  155. package/dist/js/brands/advertorial/density/density-compact.js +24 -9
  156. package/dist/js/brands/advertorial/density/density-default.js +24 -9
  157. package/dist/js/brands/advertorial/density/density-spacious.js +24 -9
  158. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +518 -329
  159. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +900 -491
  160. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +900 -495
  161. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +900 -493
  162. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +900 -493
  163. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
  164. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
  165. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
  166. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
  167. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
  168. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
  169. package/dist/js/brands/bild/density/density-compact.js +24 -9
  170. package/dist/js/brands/bild/density/density-default.js +24 -9
  171. package/dist/js/brands/bild/density/density-spacious.js +24 -9
  172. package/dist/js/brands/bild/overrides/brandcolormapping.js +153 -73
  173. package/dist/js/brands/bild/overrides/brandtokenmapping.js +518 -298
  174. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +900 -479
  175. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +900 -482
  176. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +900 -485
  177. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +900 -485
  178. package/dist/js/brands/bild/semantic/color/colormode-dark.js +468 -227
  179. package/dist/js/brands/bild/semantic/color/colormode-light.js +468 -227
  180. package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
  181. package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
  182. package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
  183. package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
  184. package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
  185. package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
  186. package/dist/js/brands/sportbild/density/density-compact.js +24 -9
  187. package/dist/js/brands/sportbild/density/density-default.js +24 -9
  188. package/dist/js/brands/sportbild/density/density-spacious.js +24 -9
  189. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +153 -73
  190. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +518 -329
  191. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +900 -494
  192. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +900 -494
  193. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +900 -494
  194. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +900 -494
  195. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +468 -227
  196. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +468 -227
  197. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
  198. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
  199. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
  200. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
  201. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
  202. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
  203. package/dist/js/shared/colorprimitive.js +157 -95
  204. package/dist/js/shared/fontprimitive.js +86 -44
  205. package/dist/js/shared/sizeprimitive.js +57 -50
  206. package/dist/js/shared/spaceprimitive.js +33 -26
  207. package/dist/json/brands/advertorial/density/density-compact.json +16 -48
  208. package/dist/json/brands/advertorial/density/density-default.json +16 -48
  209. package/dist/json/brands/advertorial/density/density-spacious.json +16 -48
  210. package/dist/json/brands/advertorial/overrides/brandtokenmapping.json +542 -2054
  211. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.json +922 -3087
  212. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.json +922 -3087
  213. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.json +922 -3087
  214. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.json +922 -3087
  215. package/dist/json/brands/bild/density/density-compact.json +16 -48
  216. package/dist/json/brands/bild/density/density-default.json +16 -48
  217. package/dist/json/brands/bild/density/density-spacious.json +16 -48
  218. package/dist/json/brands/bild/overrides/brandcolormapping.json +192 -471
  219. package/dist/json/brands/bild/overrides/brandtokenmapping.json +542 -2054
  220. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +922 -3087
  221. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-md-600px.json +922 -3087
  222. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.json +922 -3087
  223. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-xs-320px.json +922 -3087
  224. package/dist/json/brands/bild/semantic/color/colormode-dark.json +606 -1485
  225. package/dist/json/brands/bild/semantic/color/colormode-light.json +596 -1475
  226. package/dist/json/brands/sportbild/density/density-compact.json +16 -48
  227. package/dist/json/brands/sportbild/density/density-default.json +16 -48
  228. package/dist/json/brands/sportbild/density/density-spacious.json +16 -48
  229. package/dist/json/brands/sportbild/overrides/brandcolormapping.json +186 -465
  230. package/dist/json/brands/sportbild/overrides/brandtokenmapping.json +542 -2054
  231. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +922 -3087
  232. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.json +922 -3087
  233. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.json +922 -3087
  234. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.json +922 -3087
  235. package/dist/json/brands/sportbild/semantic/color/colormode-dark.json +606 -1485
  236. package/dist/json/brands/sportbild/semantic/color/colormode-light.json +596 -1475
  237. package/dist/json/shared/colorprimitive.json +210 -1206
  238. package/dist/json/shared/fontprimitive.json +86 -222
  239. package/dist/json/shared/sizeprimitive.json +98 -196
  240. package/dist/json/shared/spaceprimitive.json +50 -100
  241. package/dist/manifest.json +1 -1
  242. package/dist/scss/brands/advertorial/density/density-compact.scss +25 -9
  243. package/dist/scss/brands/advertorial/density/density-default.scss +25 -9
  244. package/dist/scss/brands/advertorial/density/density-spacious.scss +25 -9
  245. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +519 -272
  246. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +898 -470
  247. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +898 -470
  248. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +898 -470
  249. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +898 -470
  250. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
  251. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
  252. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
  253. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
  254. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
  255. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
  256. package/dist/scss/brands/bild/density/density-compact.scss +25 -9
  257. package/dist/scss/brands/bild/density/density-default.scss +25 -9
  258. package/dist/scss/brands/bild/density/density-spacious.scss +25 -9
  259. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +155 -70
  260. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +519 -272
  261. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +898 -470
  262. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +898 -470
  263. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +898 -470
  264. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +898 -470
  265. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +451 -300
  266. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +451 -300
  267. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
  268. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
  269. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
  270. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
  271. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
  272. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
  273. package/dist/scss/brands/sportbild/density/density-compact.scss +25 -9
  274. package/dist/scss/brands/sportbild/density/density-default.scss +25 -9
  275. package/dist/scss/brands/sportbild/density/density-spacious.scss +25 -9
  276. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +155 -70
  277. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +519 -272
  278. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +898 -470
  279. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +898 -470
  280. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +898 -470
  281. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +898 -470
  282. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +451 -300
  283. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +451 -300
  284. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
  285. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
  286. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
  287. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
  288. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
  289. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
  290. package/dist/scss/shared/colorprimitive.scss +159 -96
  291. package/dist/scss/shared/fontprimitive.scss +68 -25
  292. package/dist/scss/shared/sizeprimitive.scss +9 -1
  293. package/dist/scss/shared/spaceprimitive.scss +9 -1
  294. package/package.json +1 -1
@@ -1,301 +1,521 @@
1
1
  /**
2
- * Do not edit directly, this file was auto-generated.
2
+ * brandtokenmapping.js
3
+ * Generiert am: 2025-11-24T20:34:54.929Z
4
+ * Nicht manuell bearbeiten!
3
5
  */
4
6
 
5
- export const GlobalTypographyFontSizeDisplayDisplay1FontSizeXs = "40px";
6
- export const GlobalTypographyFontSizeDisplayDisplay1FontSizeSm = "40px";
7
- export const GlobalTypographyFontSizeDisplayDisplay1FontSizeMd = "72px";
8
- export const GlobalTypographyFontSizeDisplayDisplay1FontSizeLg = "120px";
9
- export const GlobalTypographyFontSizeDisplayDisplay2FontSizeXs = "36px";
10
- export const GlobalTypographyFontSizeDisplayDisplay2FontSizeSm = "36px";
11
- export const GlobalTypographyFontSizeDisplayDisplay2FontSizeMd = "42px";
12
- export const GlobalTypographyFontSizeDisplayDisplay2FontSizeLg = "64px";
13
- export const GlobalTypographyFontSizeDisplayDisplay3FontSizeSm = "28px";
14
- export const GlobalTypographyFontSizeDisplayDisplay3FontSizeMd = "32px";
15
- export const GlobalTypographyFontSizeDisplayDisplay3FontSizeLg = "40px";
16
- export const GlobalTypographyFontSizeDisplayDisplay3FontSizeXs = "28px";
17
- export const GlobalTypographyFontSizeHeadlineHeadline1FontSizeXs = "48px";
18
- export const GlobalTypographyFontSizeHeadlineHeadline1FontSizeSm = "48px";
19
- export const GlobalTypographyFontSizeHeadlineHeadline1FontSizeMd = "72px";
20
- export const GlobalTypographyFontSizeHeadlineHeadline1FontSizeLg = "100px";
21
- export const GlobalTypographyFontSizeHeadlineHeadline2FontSizeXs = "40px";
22
- export const GlobalTypographyFontSizeHeadlineHeadline2FontSizeSm = "40px";
23
- export const GlobalTypographyFontSizeHeadlineHeadline2FontSizeMd = "48px";
24
- export const GlobalTypographyFontSizeHeadlineHeadline2FontSizeLg = "64px";
25
- export const GlobalTypographyFontSizeHeadlineHeadline3FontSizeXs = "28px";
26
- export const GlobalTypographyFontSizeHeadlineHeadline3FontSizeSm = "28px";
27
- export const GlobalTypographyFontSizeHeadlineHeadline3FontSizeMd = "36px";
28
- export const GlobalTypographyFontSizeHeadlineHeadline3FontSizeLg = "40px";
29
- export const GlobalTypographyFontSizeHeadlineHeadline4FontSizeXs = "22px";
30
- export const GlobalTypographyFontSizeHeadlineHeadline4FontSizeSm = "22px";
31
- export const GlobalTypographyFontSizeHeadlineHeadline4FontSizeMd = "26px";
32
- export const GlobalTypographyFontSizeHeadlineHeadline4FontSizeLg = "32px";
33
- export const GlobalTypographyFontSizeHeadlineHeadlineTextAlign = "center";
34
- export const GlobalTypographyFontSizeKickerKicker1FontSizeXs = "18px";
35
- export const GlobalTypographyFontSizeKickerKicker1FontSizeSm = "18px";
36
- export const GlobalTypographyFontSizeKickerKicker1FontSizeMd = "22px";
37
- export const GlobalTypographyFontSizeKickerKicker1FontSizeLg = "30px";
38
- export const GlobalTypographyFontSizeKickerKicker2FontSizeXs = "18px";
39
- export const GlobalTypographyFontSizeKickerKicker2FontSizeSm = "18px";
40
- export const GlobalTypographyFontSizeKickerKicker2FontSizeMd = "22px";
41
- export const GlobalTypographyFontSizeKickerKicker2FontSizeLg = "24px";
42
- export const GlobalTypographyFontSizeKickerKicker3FontSizeXs = "16px";
43
- export const GlobalTypographyFontSizeKickerKicker3FontSizeSm = "16px";
44
- export const GlobalTypographyFontSizeKickerKicker3FontSizeMd = "18px";
45
- export const GlobalTypographyFontSizeKickerKicker3FontSizeLg = "20px";
46
- export const GlobalTypographyFontSizeKickerKicker4FontSizeXs = "14px";
47
- export const GlobalTypographyFontSizeKickerKicker4FontSizeSm = "14px";
48
- export const GlobalTypographyFontSizeKickerKicker4FontSizeMd = "16px";
49
- export const GlobalTypographyFontSizeKickerKicker4FontSizeLg = "16px";
50
- export const GlobalTypographyFontSizeSubheadlineSubheadline1FontSizeXs = "24px";
51
- export const GlobalTypographyFontSizeSubheadlineSubheadline1FontSizeSm = "24px";
52
- export const GlobalTypographyFontSizeSubheadlineSubheadline1FontSizeMd = "32px";
53
- export const GlobalTypographyFontSizeSubheadlineSubheadline1FontSizeLg = "36px";
54
- export const GlobalTypographyFontSizeTitleTitle1FontSizeXs = "22px";
55
- export const GlobalTypographyFontSizeTitleTitle1FontSizeSm = "22px";
56
- export const GlobalTypographyFontSizeTitleTitle1FontSizeMd = "22px";
57
- export const GlobalTypographyFontSizeTitleTitle1FontSizeLg = "28px";
58
- export const GlobalTypographyFontSizeTitleTitle2FontSizeXs = "16px";
59
- export const GlobalTypographyFontSizeTitleTitle2FontSizeSm = "16px";
60
- export const GlobalTypographyFontSizeTitleTitle2FontSizeMd = "18px";
61
- export const GlobalTypographyFontSizeTitleTitle2FontSizeLg = "20px";
62
- export const GlobalTypographyFontSizeCalloutCallout1FontSizeXs = "18px";
63
- export const GlobalTypographyFontSizeCalloutCallout1FontSizeSm = "18px";
64
- export const GlobalTypographyFontSizeCalloutCallout1FontSizeMd = "22px";
65
- export const GlobalTypographyFontSizeCalloutCallout1FontSizeLg = "22px";
66
- export const GlobalTypographyFontSizeBodyBodyFontSizeXs = "21px";
67
- export const GlobalTypographyFontSizeBodyBodyFontSizeSm = "21px";
68
- export const GlobalTypographyFontSizeBodyBodyFontSizeMd = "21px";
69
- export const GlobalTypographyFontSizeBodyBodyFontSizeLg = "21px";
70
- export const GlobalTypographyFontSizeFootnoteFootnote1FontSizeXs = "16px";
71
- export const GlobalTypographyFontSizeFootnoteFootnote1FontSizeSm = "16px";
72
- export const GlobalTypographyFontSizeFootnoteFootnote1FontSizeMd = "16px";
73
- export const GlobalTypographyFontSizeFootnoteFootnote1FontSizeLg = "18px";
74
- export const GlobalTypographyFontSizeFootnoteFootnote2FontSizeXs = "12px";
75
- export const GlobalTypographyFontSizeFootnoteFootnote2FontSizeSm = "12px";
76
- export const GlobalTypographyFontSizeFootnoteFootnote2FontSizeMd = "12px";
77
- export const GlobalTypographyFontSizeFootnoteFootnote2FontSizeLg = "16px";
78
- export const GlobalTypographyFontSizeQuoteQuoteFontSizeXs = "16px";
79
- export const GlobalTypographyFontSizeQuoteQuoteFontSizeSm = "16px";
80
- export const GlobalTypographyFontSizeQuoteQuoteFontSizeMd = "18px";
81
- export const GlobalTypographyFontSizeQuoteQuoteFontSizeLg = "20px";
82
- export const GlobalTypographyFontSizeLabelLabel1FontSize = "17px";
83
- export const GlobalTypographyFontSizeLabelLabel2FontSize = "15px";
84
- export const GlobalTypographyFontSizeLabelLabel3FontSize = "12px";
85
- export const GlobalTypographyFontSizeLabelLabel4FontSize = "8px";
86
- export const GlobalTypographyFontSizeLabelLabel1RespFontSizeXs = "10px";
87
- export const GlobalTypographyFontSizeLabelLabel1RespFontSizeSm = "10px";
88
- export const GlobalTypographyFontSizeLabelLabel1RespFontSizeMd = "15px";
89
- export const GlobalTypographyFontSizeLabelLabel1RespFontSizeLg = "17px";
90
- export const GlobalTypographyLineHeightDisplayDisplay1LineHeightXs = "40px";
91
- export const GlobalTypographyLineHeightDisplayDisplay1LineHeightSm = "40px";
92
- export const GlobalTypographyLineHeightDisplayDisplay1LineHeightMd = "72px";
93
- export const GlobalTypographyLineHeightDisplayDisplay1LineHeightLg = "120px";
94
- export const GlobalTypographyLineHeightDisplayDisplay2LineHeightXs = "36px";
95
- export const GlobalTypographyLineHeightDisplayDisplay2LineHeightSm = "36px";
96
- export const GlobalTypographyLineHeightDisplayDisplay2LineHeightMd = "42px";
97
- export const GlobalTypographyLineHeightDisplayDisplay2LineHeightLg = "64px";
98
- export const GlobalTypographyLineHeightDisplayDisplay3LineHeightLg = "40px";
99
- export const GlobalTypographyLineHeightDisplayDisplay3LineHeightMd = "32px";
100
- export const GlobalTypographyLineHeightDisplayDisplay3LineHeightSm = "28px";
101
- export const GlobalTypographyLineHeightDisplayDisplay3LineHeightXs = "28px";
102
- export const GlobalTypographyLineHeightHeadlineHeadline1LineHeightXs = "48px";
103
- export const GlobalTypographyLineHeightHeadlineHeadline1LineHeightSm = "48px";
104
- export const GlobalTypographyLineHeightHeadlineHeadline1LineHeightMd = "72px";
105
- export const GlobalTypographyLineHeightHeadlineHeadline1LineHeightLg = "100px";
106
- export const GlobalTypographyLineHeightHeadlineHeadline2LineHeightXs = "40px";
107
- export const GlobalTypographyLineHeightHeadlineHeadline2LineHeightSm = "40px";
108
- export const GlobalTypographyLineHeightHeadlineHeadline2LineHeightMd = "48px";
109
- export const GlobalTypographyLineHeightHeadlineHeadline2LineHeightLg = "64px";
110
- export const GlobalTypographyLineHeightHeadlineHeadline3LineHeightXs = "28px";
111
- export const GlobalTypographyLineHeightHeadlineHeadline3LineHeightSm = "28px";
112
- export const GlobalTypographyLineHeightHeadlineHeadline3LineHeightMd = "36px";
113
- export const GlobalTypographyLineHeightHeadlineHeadline3LineHeightLg = "40px";
114
- export const GlobalTypographyLineHeightHeadlineHeadline4LineHeightXs = "22px";
115
- export const GlobalTypographyLineHeightHeadlineHeadline4LineHeightSm = "22px";
116
- export const GlobalTypographyLineHeightHeadlineHeadline4LineHeightMd = "22px";
117
- export const GlobalTypographyLineHeightHeadlineHeadline4LineHeightLg = "30px";
118
- export const GlobalTypographyLineHeightSubheadlineSubheadline1LineHeightXs =
119
- "24px";
120
- export const GlobalTypographyLineHeightSubheadlineSubheadline1LineHeightSm =
121
- "24px";
122
- export const GlobalTypographyLineHeightSubheadlineSubheadline1LineHeightMd =
123
- "32px";
124
- export const GlobalTypographyLineHeightSubheadlineSubheadline1LineHeightLg =
125
- "36px";
126
- export const GlobalTypographyLineHeightKickerKicker1LineHeightXs =
127
- "19.799999237060547px";
128
- export const GlobalTypographyLineHeightKickerKicker1LineHeightSm =
129
- "19.799999237060547px";
130
- export const GlobalTypographyLineHeightKickerKicker1LineHeightMd = "22px";
131
- export const GlobalTypographyLineHeightKickerKicker1LineHeightLg = "30px";
132
- export const GlobalTypographyLineHeightKickerKicker2LineHeightXs =
133
- "19.799999237060547px";
134
- export const GlobalTypographyLineHeightKickerKicker2LineHeightSm =
135
- "19.799999237060547px";
136
- export const GlobalTypographyLineHeightKickerKicker2LineHeightMd = "22px";
137
- export const GlobalTypographyLineHeightKickerKicker2LineHeightLg = "24px";
138
- export const GlobalTypographyLineHeightKickerKicker3LineHeightXs =
139
- "17.600000381469727px";
140
- export const GlobalTypographyLineHeightKickerKicker3LineHeightSm =
141
- "17.600000381469727px";
142
- export const GlobalTypographyLineHeightKickerKicker3LineHeightMd = "18px";
143
- export const GlobalTypographyLineHeightKickerKicker3LineHeightLg = "20px";
144
- export const GlobalTypographyLineHeightKickerKicker4LineHeightXs =
145
- "15.399999618530273px";
146
- export const GlobalTypographyLineHeightKickerKicker4LineHeightSm =
147
- "15.399999618530273px";
148
- export const GlobalTypographyLineHeightKickerKicker4LineHeightMd =
149
- "17.600000381469727px";
150
- export const GlobalTypographyLineHeightKickerKicker4LineHeightLg = "16px";
151
- export const GlobalTypographyLineHeightTitleTitle1LineHeightXs = "22px";
152
- export const GlobalTypographyLineHeightTitleTitle1LineHeightSm = "22px";
153
- export const GlobalTypographyLineHeightTitleTitle1LineHeightMd = "22px";
154
- export const GlobalTypographyLineHeightTitleTitle1LineHeightLg = "28px";
155
- export const GlobalTypographyLineHeightTitleTitle2LineHeightXs =
156
- "17.600000381469727px";
157
- export const GlobalTypographyLineHeightTitleTitle2LineHeightSm =
158
- "17.600000381469727px";
159
- export const GlobalTypographyLineHeightTitleTitle2LineHeightMd =
160
- "19.799999237060547px";
161
- export const GlobalTypographyLineHeightTitleTitle2LineHeightLg = "22px";
162
- export const GlobalTypographyLineHeightCalloutCallout1LineHeightXs = "18px";
163
- export const GlobalTypographyLineHeightCalloutCallout1LineHeightSm = "18px";
164
- export const GlobalTypographyLineHeightCalloutCallout1LineHeightMd = "22px";
165
- export const GlobalTypographyLineHeightCalloutCallout1LineHeightLg = "22px";
166
- export const GlobalTypographyLineHeightBodyBodyLineHeightXs = "28px";
167
- export const GlobalTypographyLineHeightBodyBodyLineHeightSm = "28px";
168
- export const GlobalTypographyLineHeightBodyBodyLineHeightMd = "28px";
169
- export const GlobalTypographyLineHeightBodyBodyLineHeightLg = "32px";
170
- export const GlobalTypographyLineHeightFootnoteFootnote1LineHeightXs = "21px";
171
- export const GlobalTypographyLineHeightFootnoteFootnote1LineHeightSm = "21px";
172
- export const GlobalTypographyLineHeightFootnoteFootnote1LineHeightMd = "21px";
173
- export const GlobalTypographyLineHeightFootnoteFootnote1LineHeightLg = "23px";
174
- export const GlobalTypographyLineHeightFootnoteFootnote2LineHeightXs =
175
- "15.600000381469727px";
176
- export const GlobalTypographyLineHeightFootnoteFootnote2LineHeightSm =
177
- "15.600000381469727px";
178
- export const GlobalTypographyLineHeightFootnoteFootnote2LineHeightMd =
179
- "15.800000190734863px";
180
- export const GlobalTypographyLineHeightFootnoteFootnote2LineHeightLg = "21px";
181
- export const GlobalTypographyLineHeightLabelLabel1LineHeight = "17px";
182
- export const GlobalTypographyLineHeightLabelLabel1RespLineHeightXs = "10px";
183
- export const GlobalTypographyLineHeightLabelLabel1RespLineHeightSm = "10px";
184
- export const GlobalTypographyLineHeightLabelLabel1RespLineHeightMd = "15px";
185
- export const GlobalTypographyLineHeightLabelLabel1RespLineHeightLg = "17px";
186
- export const GlobalTypographyLineHeightLabelLabel2LineHeight = "16px";
187
- export const GlobalTypographyLineHeightLabelLabel3LineHeight =
188
- "14.399999618530273px";
189
- export const GlobalTypographyLineHeightLabelLabel4LineHeight = "10px";
190
- export const GlobalTypographyLineHeightQuoteQuoteLineHeightXs = "16px";
191
- export const GlobalTypographyLineHeightQuoteQuoteLineHeightSm = "16px";
192
- export const GlobalTypographyLineHeightQuoteQuoteLineHeightMd = "18px";
193
- export const GlobalTypographyLineHeightQuoteQuoteLineHeightLg = "22px";
194
- export const GlobalTypographyFontWeightBodyBodyFontWeightBook = 400;
195
- export const GlobalTypographyFontWeightBodyBodyFontWeightBold = 700;
196
- export const GlobalTypographyFontWeightFootnoteFootnoteFontWeightBook = 400;
197
- export const GlobalTypographyFontWeightFootnoteFootnoteFontWeightBold = 700;
198
- export const GlobalTypographyFontWeightLabelLabelFontWeightBook = 400;
199
- export const GlobalTypographyFontWeightLabelLabelFontWeightBold = 700;
200
- export const GlobalTypographyFontWeightQuoteQuoteFontWeight = 800;
201
- export const GlobalTypographyFontWeightDisplayDisplayFontWeight = 800;
202
- export const GlobalTypographyFontWeightHeadlineHeadline1FontWeightSt = "700";
203
- export const GlobalTypographyFontWeightHeadlineHeadline1FontWeight = 700;
204
- export const GlobalTypographyFontWeightHeadlineHeadline2FontWeight = 700;
205
- export const GlobalTypographyFontWeightHeadlineHeadline3FontWeight = 700;
206
- export const GlobalTypographyFontWeightHeadlineHeadline4FontWeight = 600;
207
- export const GlobalTypographyFontWeightHeadlineHeadline2FontWeightSt = "700";
208
- export const GlobalTypographyFontWeightHeadlineHeadline3FontWeightSt = "700";
209
- export const GlobalTypographyFontWeightHeadlineHeadline4FontWeightSt = "600";
210
- export const GlobalTypographyFontWeightSubheadlineSubheadlineFontWeight = 700;
211
- export const GlobalTypographyFontWeightKickerKickerFontWeight = 700;
212
- export const GlobalTypographyFontWeightKickerKickerFontWeightSt = "700";
213
- export const GlobalTypographyFontWeightCalloutCalloutFontWeight = 800;
214
- export const GlobalTypographyFontWeightTitleTitleFontWeight = 800;
215
- export const GlobalTypographyFontFamilyKickerFontFamily = "Gotham XNarrow";
216
- export const GlobalTypographyFontFamilyDisplayFontFamily = "Gotham";
217
- export const GlobalTypographyFontFamilyHeadlineFontFamily = "Gotham Condensed";
218
- export const GlobalTypographyFontFamilySubheadlineFontFamily =
219
- "Gotham Condensed";
220
- export const GlobalTypographyFontFamilyBodyFontFamily = "Gotham XNarrow";
221
- export const GlobalTypographyFontFamilyFootnoteFontFamily = "Gotham XNarrow";
222
- export const GlobalTypographyFontFamilyLabelFontFamily = "Gotham XNarrow";
223
- export const GlobalTypographyFontFamilyQuoteFontFamily = "Gotham";
224
- export const GlobalTypographyFontFamilyTitleFontFamily = "Gotham";
225
- export const GlobalTypographyFontFamilyCalloutFontFamily = "Gotham";
226
- export const GlobalVisibiltyHideOnBild = false;
227
- export const GlobalVisibiltyHideOnSportBild = true;
228
- export const GlobalVisibiltyOnlyAdvertorial = false;
229
- export const GlobalVisibiltyHideOnAdvertorial = true;
230
- export const GlobalVisibiltyOnlyBild = true;
231
- export const GlobalVisibiltyOnlySportBild = false;
232
- export const ComponentArticleFontSizeArticleImageCaptionFontSizeXs = "16px";
233
- export const ComponentArticleFontSizeArticleImageCaptionFontSizeMd = "18px";
234
- export const ComponentArticleFontSizeArticleImageCaptionFontSizeLg = "18px";
235
- export const ComponentArticleFontSizeArticleImageCaptionFontSizeSm = "16px";
236
- export const ComponentArticleFontSizeArticleImageSourceFontSizeXs = "16px";
237
- export const ComponentArticleFontSizeArticleImageSourceFontSizeSm = "16px";
238
- export const ComponentArticleFontSizeArticleImageSourceFontSizeMd = "16px";
239
- export const ComponentArticleFontSizeArticleImageSourceFontSizeLg = "18px";
240
- export const ComponentArticleLineHeightArticleImageCaptionLineHeightXs =
241
- "19.5px";
242
- export const ComponentArticleLineHeightArticleImageCaptionLineHeightMd =
243
- "24.75px";
244
- export const ComponentArticleLineHeightArticleImageCaptionLineHeightLg =
245
- "24.75px";
246
- export const ComponentArticleLineHeightArticleImageCaptionLineHeightSm =
247
- "19.5px";
248
- export const ComponentArticleLineHeightArticleImageSourceLineHeightMd = "21px";
249
- export const ComponentArticleLineHeightArticleImageSourceLineHeightLg = "23px";
250
- export const ComponentArticleLineHeightArticleImageSourceLineHeightXs = "21px";
251
- export const ComponentArticleLineHeightArticleImageSourceLineHeightSm = "21px";
252
- export const ComponentBreadcrumbFontSizeBreadcrumbFontSizeXs = "15px";
253
- export const ComponentBreadcrumbFontSizeBreadcrumbFontSizeSm = "15px";
254
- export const ComponentBreadcrumbFontSizeBreadcrumbFontSizeMd = "15px";
255
- export const ComponentBreadcrumbFontSizeBreadcrumbFontSizeLg = "12px";
256
- export const ComponentBreadcrumbLineHeightBreadcrumbLineHeightXs = "15px";
257
- export const ComponentBreadcrumbLineHeightBreadcrumbLineHeightSm = "15px";
258
- export const ComponentBreadcrumbLineHeightBreadcrumbLineHeightMd = "15px";
259
- export const ComponentBreadcrumbLineHeightBreadcrumbLineHeightLg = "12px";
260
- export const ComponentBreadcrumbFontFamilyBreadcrumbFontFamily =
261
- "Gotham XNarrow";
262
- export const ComponentBreadcrumbFontWeightBreadcrumbFontWeight = 700;
263
- export const ComponentMenuMenuItemFontSize = "15px";
264
- export const ComponentMenuAppTopBarTitleFontSizeMd = "14px";
265
- export const ComponentMenuAppTopBarTitleFontSizeLg = "14px";
266
- export const ComponentMenuAppTopBarTitleFontSizeXs = "12px";
267
- export const ComponentMenuAppTopBarTitleFontSizeSm = "12px";
268
- export const ComponentMenuAppTopBarTitleLineHeightMd = "17px";
269
- export const ComponentMenuAppTopBarTitleLineHeightLg = "17px";
270
- export const ComponentMenuAppTopBarTitleLineHeightXs = "14px";
271
- export const ComponentMenuAppTopBarTitleLineHeightSm = "14px";
272
- export const ComponentMenuMenuItemFontWeight = "700";
273
- export const ComponentTeaserTeaserTitleInlineSpaceLg = "12px";
274
- export const ComponentTeaserTeaserTitleInlineSpaceMd = "12px";
275
- export const ComponentTeaserTeaserTitleInlineSpaceSm = "8px";
276
- export const ComponentTeaserTeaserTitleInlineSpaceXs = "8px";
277
- export const ComponentTeaserQuadQTeaserTitleInlineSpaceLg = "12px";
278
- export const ComponentTeaserQuadQTeaserTitleInlineSpaceMd = "16px";
279
- export const ComponentTeaserQuadQTeaserTitleInlineSpaceSm = "8px";
280
- export const ComponentTeaserQuadQTeaserTitleInlineSpaceXs = "8px";
281
- export const ComponentTeaserATeaserATeaserTitleInlineSpaceLg = "12px";
282
- export const ComponentTeaserATeaserATeaserTitleInlineSpaceMd = "12px";
283
- export const ComponentTeaserATeaserATeaserTitleInlineSpaceXs = "8px";
284
- export const ComponentTeaserATeaserATeaserTitleInlineSpaceSm = "8px";
285
- export const ComponentTeaserBTeaserBTeaserTitleInlineSpace = "8px";
286
- export const ComponentTeaser2xaTeaser2xaTeaserTitleInlineSpace = "8px";
287
- export const ComponentTeaserMiniQMiniQTeaserTitleInlineSpaceMd = "8px";
288
- export const ComponentTeaserMiniQMiniQTeaserTitleInlineSpaceLg = "8px";
289
- export const ComponentTeaserMiniQMiniQTeaserTitleInlineSpaceSm = "8px";
290
- export const ComponentTeaserMiniQMiniQTeaserTitleInlineSpaceXs = "8px";
291
- export const ComponentTeaserSuperASuperAteaserTitleInlineSpace = "16px";
292
- export const ComponentAvatarAvatarFontFamily = "Gotham XNarrow";
293
- export const ComponentAvatarAvatarFontSizeSm = "16px";
294
- export const ComponentAvatarAvatarFontSizeLg = "18px";
295
- export const ComponentBreakingNewsBreakingNewsContentFontSize = "21px";
296
- export const ComponentAccordionAccordionLabelFontFamily = "Gotham XNarrow";
297
- export const ComponentFooterFooterLinkFontFamily = "Gotham XNarrow";
298
- export const ComponentMediaPlayerVideoTimeBadgeFontFamily = "Gotham XNarrow";
299
- export const ComponentInputfieldInputFieldLabelFontFamily = "Gotham XNarrow";
300
- export const ComponentButtonLabelFontWeightSt = "600";
301
- export const BrandName = "BILD";
7
+ // ============================================
8
+ // COMPONENT
9
+ // ============================================
10
+
11
+ export const buttonLabelFontWeightSt = "600";
12
+
13
+ // Component - Accordion
14
+ export const accordionLabelFontFamily = "Gotham XNarrow";
15
+
16
+ // Component - Article - FontSize
17
+ /** --article-figure-caption-font-size-sm */
18
+ export const articleImageCaptionFontSizeXs = "16px";
19
+ /** --article-figure-caption-font-size-md */
20
+ export const articleImageCaptionFontSizeMd = "18px";
21
+ /** --article-figure-caption-font-size-lg */
22
+ export const articleImageCaptionFontSizeLg = "18px";
23
+ /** --article-figure-caption-font-size-sm */
24
+ export const articleImageCaptionFontSizeSm = "16px";
25
+ /** --article-figure-meta-font-size-sm */
26
+ export const articleImageSourceFontSizeXs = "16px";
27
+ /** --article-figure-meta-font-size-sm */
28
+ export const articleImageSourceFontSizeSm = "16px";
29
+ /** --article-figure-meta-font-size-sm */
30
+ export const articleImageSourceFontSizeMd = "16px";
31
+ /** --article-figure-meta-font-size-lg */
32
+ export const articleImageSourceFontSizeLg = "18px";
33
+
34
+ // Component - Article - LineHeight
35
+ /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
36
+ export const articleImageCaptionLineHeightXs = "19.5px";
37
+ /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
38
+ export const articleImageCaptionLineHeightMd = "24.75px";
39
+ /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
40
+ export const articleImageCaptionLineHeightLg = "24.75px";
41
+ /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
42
+ export const articleImageCaptionLineHeightSm = "19.5px";
43
+ /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
44
+ export const articleImageSourceLineHeightMd = "21px";
45
+ /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
46
+ export const articleImageSourceLineHeightLg = "23px";
47
+ /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
48
+ export const articleImageSourceLineHeightXs = "21px";
49
+ /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
50
+ export const articleImageSourceLineHeightSm = "21px";
51
+
52
+ // Component - Avatar
53
+ /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
54
+ export const avatarFontFamily = "Gotham XNarrow";
55
+ /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
56
+ export const avatarFontSizeSm = "16px";
57
+ /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
58
+ export const avatarFontSizeLg = "18px";
59
+
60
+ // Component - Breadcrumb - FontFamily
61
+ /** --breadcrumb-font */
62
+ export const breadcrumbFontFamily = "Gotham XNarrow";
63
+
64
+ // Component - Breadcrumb - FontSize
65
+ /** --breadcrumb-font-size-sm */
66
+ export const breadcrumbFontSizeXs = "15px";
67
+ /** --breadcrumb-font-size-sm */
68
+ export const breadcrumbFontSizeSm = "15px";
69
+ /** --breadcrumb-font-size-sm */
70
+ export const breadcrumbFontSizeMd = "15px";
71
+ /** --breadcrumb-font-size-lg */
72
+ export const breadcrumbFontSizeLg = "12px";
73
+
74
+ // Component - Breadcrumb - FontWeight
75
+ /** --breadcrumb-font-size-sm */
76
+ export const breadcrumbFontWeight = "700";
77
+
78
+ // Component - Breadcrumb - LineHeight
79
+ /** not defined as variable */
80
+ export const breadcrumbLineHeightXs = "15px";
81
+ /** not defined as variable */
82
+ export const breadcrumbLineHeightSm = "15px";
83
+ /** not defined as variable */
84
+ export const breadcrumbLineHeightMd = "15px";
85
+ /** not defined as variable */
86
+ export const breadcrumbLineHeightLg = "12px";
87
+
88
+ // Component - BreakingNews
89
+ export const breakingNewsContentFontSize = "21px";
90
+
91
+ // Component - Footer
92
+ export const footerLinkFontFamily = "Gotham XNarrow";
93
+
94
+ // Component - Inputfield
95
+ export const inputFieldLabelFontFamily = "Gotham XNarrow";
96
+
97
+ // Component - MediaPlayer
98
+ export const videoTimeBadgeFontFamily = "Gotham XNarrow";
99
+
100
+ // Component - Menu
101
+ /** --nav-btn-font-size */
102
+ export const menuItemFontSize = "15px";
103
+ /** --caption-1-font-size-md */
104
+ export const appTopBarTitleFontSizeMd = "14px";
105
+ /** --caption-1-font-size-lg */
106
+ export const appTopBarTitleFontSizeLg = "14px";
107
+ /** --caption-1-font-size-sm */
108
+ export const appTopBarTitleFontSizeXs = "12px";
109
+ /** --caption-1-font-size-sm */
110
+ export const appTopBarTitleFontSizeSm = "12px";
111
+ export const appTopBarTitleLineHeightMd = "17px";
112
+ export const appTopBarTitleLineHeightLg = "17px";
113
+ export const appTopBarTitleLineHeightXs = "14px";
114
+ export const appTopBarTitleLineHeightSm = "14px";
115
+ export const menuItemFontWeight = "700";
116
+
117
+ // Component - Teaser
118
+ /** --teaser-title-padding-lg */
119
+ export const teaserTitleInlineSpaceLg = "12px";
120
+ /** --teaser-title-padding-md */
121
+ export const teaserTitleInlineSpaceMd = "12px";
122
+ /** --teaser-title-padding-sm */
123
+ export const teaserTitleInlineSpaceSm = "8px";
124
+ /** --teaser-title-padding-xs */
125
+ export const teaserTitleInlineSpaceXs = "8px";
126
+
127
+ // Component - Teaser - 2xaTeaser
128
+ export const _2xaTeaserTitleInlineSpace = "8px";
129
+
130
+ // Component - Teaser - Quad
131
+ export const qTeaserTitleInlineSpaceLg = "12px";
132
+ export const qTeaserTitleInlineSpaceMd = "16px";
133
+ export const qTeaserTitleInlineSpaceSm = "8px";
134
+ export const qTeaserTitleInlineSpaceXs = "8px";
135
+
136
+ // Component - Teaser - aTeaser
137
+ export const aTeaserTitleInlineSpaceLg = "12px";
138
+ export const aTeaserTitleInlineSpaceMd = "12px";
139
+ export const aTeaserTitleInlineSpaceXs = "8px";
140
+ export const aTeaserTitleInlineSpaceSm = "8px";
141
+
142
+ // Component - Teaser - bTeaser
143
+ export const bTeaserTitleInlineSpace = "8px";
144
+
145
+ // Component - Teaser - miniQ
146
+ export const miniQteaserTitleInlineSpaceMd = "8px";
147
+ export const miniQteaserTitleInlineSpaceLg = "8px";
148
+ export const miniQteaserTitleInlineSpaceSm = "8px";
149
+ export const miniQteaserTitleInlineSpaceXs = "8px";
150
+
151
+ // Component - Teaser - superA
152
+ export const superAteaserTitleInlineSpace = "16px";
153
+
154
+
155
+ // ============================================
156
+ // GLOBAL
157
+ // ============================================
158
+
159
+ // Global - Typography - FontFamily
160
+ /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
161
+ export const kickerFontFamily = "Gotham XNarrow";
162
+ /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
163
+ export const displayFontFamily = "Gotham";
164
+ /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
165
+ export const headlineFontFamily = "Gotham Condensed";
166
+ /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
167
+ export const subheadlineFontFamily = "Gotham Condensed";
168
+ /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
169
+ export const bodyFontFamily = "Gotham XNarrow";
170
+ /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
171
+ export const footnoteFontFamily = "Gotham XNarrow";
172
+ /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
173
+ export const labelFontFamily = "Gotham XNarrow";
174
+ /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
175
+ export const quoteFontFamily = "Gotham";
176
+ /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
177
+ export const titleFontFamily = "Gotham";
178
+ /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
179
+ export const calloutFontFamily = "Gotham";
180
+
181
+ // Global - Typography - FontSize - Body
182
+ /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
183
+ export const bodyFontSizeXs = "21px";
184
+ /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
185
+ export const bodyFontSizeSm = "21px";
186
+ /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size */
187
+ export const bodyFontSizeMd = "21px";
188
+ /** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size */
189
+ export const bodyFontSizeLg = "21px";
190
+
191
+ // Global - Typography - FontSize - Callout
192
+ /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
193
+ export const callout1FontSizeXs = "18px";
194
+ /** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
195
+ export const callout1FontSizeSm = "18px";
196
+ /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css: */
197
+ export const callout1FontSizeMd = "22px";
198
+ /** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css: */
199
+ export const callout1FontSizeLg = "22px";
200
+
201
+ // Global - Typography - FontSize - Display
202
+ /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
203
+ export const display1FontSizeXs = "40px";
204
+ /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
205
+ export const display1FontSizeSm = "40px";
206
+ /** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
207
+ export const display1FontSizeMd = "72px";
208
+ /** Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes. */
209
+ export const display1FontSizeLg = "120px";
210
+ /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
211
+ export const display2FontSizeXs = "36px";
212
+ /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
213
+ export const display2FontSizeSm = "36px";
214
+ /** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
215
+ export const display2FontSizeMd = "42px";
216
+ /** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
217
+ export const display2FontSizeLg = "64px";
218
+ /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
219
+ export const display3FontSizeSm = "28px";
220
+ /** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
221
+ export const display3FontSizeMd = "32px";
222
+ /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
223
+ export const display3FontSizeLg = "40px";
224
+ /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
225
+ export const display3FontSizeXs = "28px";
226
+
227
+ // Global - Typography - FontSize - Footnote
228
+ /** --footnote-font-size-sm */
229
+ export const footnote1FontSizeXs = "16px";
230
+ /** --footnote-font-size-sm */
231
+ export const footnote1FontSizeSm = "16px";
232
+ export const footnote1FontSizeMd = "16px";
233
+ /** --footnote-font-size-lg */
234
+ export const footnote1FontSizeLg = "18px";
235
+ export const footnote2FontSizeXs = "12px";
236
+ export const footnote2FontSizeSm = "12px";
237
+ export const footnote2FontSizeMd = "12px";
238
+ export const footnote2FontSizeLg = "16px";
239
+
240
+ // Global - Typography - FontSize - Headline
241
+ /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
242
+ export const headline1FontSizeXs = "48px";
243
+ /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
244
+ export const headline1FontSizeSm = "48px";
245
+ /** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
246
+ export const headline1FontSizeMd = "72px";
247
+ /** Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes. */
248
+ export const headline1FontSizeLg = "100px";
249
+ /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
250
+ export const headline2FontSizeXs = "40px";
251
+ /** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
252
+ export const headline2FontSizeSm = "40px";
253
+ /** Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes. */
254
+ export const headline2FontSizeMd = "48px";
255
+ /** Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes. */
256
+ export const headline2FontSizeLg = "64px";
257
+ /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
258
+ export const headline3FontSizeXs = "28px";
259
+ /** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
260
+ export const headline3FontSizeSm = "28px";
261
+ /** Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes. */
262
+ export const headline3FontSizeMd = "36px";
263
+ /** Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes. */
264
+ export const headline3FontSizeLg = "40px";
265
+ /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
266
+ export const headline4FontSizeXs = "22px";
267
+ /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
268
+ export const headline4FontSizeSm = "22px";
269
+ /** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
270
+ export const headline4FontSizeMd = "26px";
271
+ /** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
272
+ export const headline4FontSizeLg = "32px";
273
+ /** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
274
+ export const headlineTextAlign = "center";
275
+
276
+ // Global - Typography - FontSize - Kicker
277
+ /** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
278
+ export const kicker1FontSizeXs = "18px";
279
+ /** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
280
+ export const kicker1FontSizeSm = "18px";
281
+ /** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md */
282
+ export const kicker1FontSizeMd = "22px";
283
+ /** Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg */
284
+ export const kicker1FontSizeLg = "30px";
285
+ /** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
286
+ export const kicker2FontSizeXs = "18px";
287
+ /** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
288
+ export const kicker2FontSizeSm = "18px";
289
+ /** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md */
290
+ export const kicker2FontSizeMd = "22px";
291
+ /** Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg */
292
+ export const kicker2FontSizeLg = "24px";
293
+ /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
294
+ export const kicker3FontSizeXs = "16px";
295
+ /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
296
+ export const kicker3FontSizeSm = "16px";
297
+ /** Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md */
298
+ export const kicker3FontSizeMd = "18px";
299
+ /** Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg */
300
+ export const kicker3FontSizeLg = "20px";
301
+ /** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
302
+ export const kicker4FontSizeXs = "14px";
303
+ /** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
304
+ export const kicker4FontSizeSm = "14px";
305
+ /** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md */
306
+ export const kicker4FontSizeMd = "16px";
307
+ /** Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg */
308
+ export const kicker4FontSizeLg = "16px";
309
+
310
+ // Global - Typography - FontSize - Label
311
+ export const label1FontSize = "17px";
312
+ export const label2FontSize = "15px";
313
+ export const label3FontSize = "12px";
314
+ export const label4FontSize = "8px";
315
+ export const label1RespFontSizeXs = "10px";
316
+ export const label1RespFontSizeSm = "10px";
317
+ export const label1RespFontSizeMd = "15px";
318
+ export const label1RespFontSizeLg = "17px";
319
+
320
+ // Global - Typography - FontSize - Quote
321
+ export const quoteFontSizeXs = "16px";
322
+ export const quoteFontSizeSm = "16px";
323
+ export const quoteFontSizeMd = "18px";
324
+ export const quoteFontSizeLg = "20px";
325
+
326
+ // Global - Typography - FontSize - Subheadline
327
+ /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
328
+ export const subheadline1FontSizeXs = "24px";
329
+ /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
330
+ export const subheadline1FontSizeSm = "24px";
331
+ /** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
332
+ export const subheadline1FontSizeMd = "32px";
333
+ /** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
334
+ export const subheadline1FontSizeLg = "36px";
335
+
336
+ // Global - Typography - FontSize - Title
337
+ /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
338
+ export const title1FontSizeXs = "22px";
339
+ /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
340
+ export const title1FontSizeSm = "22px";
341
+ /** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
342
+ export const title1FontSizeMd = "22px";
343
+ /** Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg */
344
+ export const title1FontSizeLg = "28px";
345
+ /** Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm */
346
+ export const title2FontSizeXs = "16px";
347
+ /** Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm */
348
+ export const title2FontSizeSm = "16px";
349
+ /** Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md */
350
+ export const title2FontSizeMd = "18px";
351
+ /** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
352
+ export const title2FontSizeLg = "20px";
353
+
354
+ // Global - Typography - FontWeight - Body
355
+ export const bodyFontWeightBook = "400";
356
+ export const bodyFontWeightBold = "700";
357
+
358
+ // Global - Typography - FontWeight - Callout
359
+ export const calloutFontWeight = "800";
360
+
361
+ // Global - Typography - FontWeight - Display
362
+ export const displayFontWeight = "800";
363
+
364
+ // Global - Typography - FontWeight - Footnote
365
+ export const footnoteFontWeightBook = "400";
366
+ export const footnoteFontWeightBold = "700";
367
+
368
+ // Global - Typography - FontWeight - Headline
369
+ export const headline1FontWeightSt = "700";
370
+ export const headline1FontWeight = "700";
371
+ export const headline2FontWeight = "700";
372
+ export const headline3FontWeight = "700";
373
+ export const headline4FontWeight = "600";
374
+ export const headline2FontWeightSt = "700";
375
+ export const headline3FontWeightSt = "700";
376
+ export const headline4FontWeightSt = "600";
377
+
378
+ // Global - Typography - FontWeight - Kicker
379
+ export const kickerFontWeight = "700";
380
+ export const kickerFontWeightSt = "700";
381
+
382
+ // Global - Typography - FontWeight - Label
383
+ export const labelFontWeightBook = "400";
384
+ export const labelFontWeightBold = "700";
385
+
386
+ // Global - Typography - FontWeight - Quote
387
+ export const quoteFontWeight = "800";
388
+
389
+ // Global - Typography - FontWeight - Subheadline
390
+ export const subheadlineFontWeight = "700";
391
+
392
+ // Global - Typography - FontWeight - Title
393
+ export const titleFontWeight = "800";
394
+
395
+ // Global - Typography - LineHeight - Body
396
+ export const bodyLineHeightXs = "28px";
397
+ export const bodyLineHeightSm = "28px";
398
+ export const bodyLineHeightMd = "28px";
399
+ export const bodyLineHeightLg = "32px";
400
+
401
+ // Global - Typography - LineHeight - Callout
402
+ export const callout1LineHeightXs = "18px";
403
+ export const callout1LineHeightSm = "18px";
404
+ export const callout1LineHeightMd = "22px";
405
+ export const callout1LineHeightLg = "22px";
406
+
407
+ // Global - Typography - LineHeight - Display
408
+ export const display1LineHeightXs = "40px";
409
+ export const display1LineHeightSm = "40px";
410
+ export const display1LineHeightMd = "72px";
411
+ export const display1LineHeightLg = "120px";
412
+ export const display2LineHeightXs = "36px";
413
+ export const display2LineHeightSm = "36px";
414
+ export const display2LineHeightMd = "42px";
415
+ export const display2LineHeightLg = "64px";
416
+ export const display3LineHeightLg = "40px";
417
+ export const display3LineHeightMd = "32px";
418
+ export const display3LineHeightSm = "28px";
419
+ export const display3LineHeightXs = "28px";
420
+
421
+ // Global - Typography - LineHeight - Footnote
422
+ export const footnote1LineHeightXs = "21px";
423
+ export const footnote1LineHeightSm = "21px";
424
+ export const footnote1LineHeightMd = "21px";
425
+ export const footnote1LineHeightLg = "23px";
426
+ export const footnote2LineHeightXs = "15.600000381469727px";
427
+ export const footnote2LineHeightSm = "15.600000381469727px";
428
+ export const footnote2LineHeightMd = "15.800000190734863px";
429
+ export const footnote2LineHeightLg = "21px";
430
+
431
+ // Global - Typography - LineHeight - Headline
432
+ export const headline1LineHeightXs = "48px";
433
+ export const headline1LineHeightSm = "48px";
434
+ export const headline1LineHeightMd = "72px";
435
+ export const headline1LineHeightLg = "100px";
436
+ export const headline2LineHeightXs = "40px";
437
+ export const headline2LineHeightSm = "40px";
438
+ export const headline2LineHeightMd = "48px";
439
+ export const headline2LineHeightLg = "64px";
440
+ export const headline3LineHeightXs = "28px";
441
+ export const headline3LineHeightSm = "28px";
442
+ export const headline3LineHeightMd = "36px";
443
+ export const headline3LineHeightLg = "40px";
444
+ export const headline4LineHeightXs = "22px";
445
+ export const headline4LineHeightSm = "22px";
446
+ export const headline4LineHeightMd = "22px";
447
+ export const headline4LineHeightLg = "30px";
448
+
449
+ // Global - Typography - LineHeight - Kicker
450
+ export const kicker1LineHeightXs = "19.799999237060547px";
451
+ export const kicker1LineHeightSm = "19.799999237060547px";
452
+ export const kicker1LineHeightMd = "22px";
453
+ export const kicker1LineHeightLg = "30px";
454
+ export const kicker2LineHeightXs = "19.799999237060547px";
455
+ export const kicker2LineHeightSm = "19.799999237060547px";
456
+ export const kicker2LineHeightMd = "22px";
457
+ export const kicker2LineHeightLg = "24px";
458
+ export const kicker3LineHeightXs = "17.600000381469727px";
459
+ export const kicker3LineHeightSm = "17.600000381469727px";
460
+ export const kicker3LineHeightMd = "18px";
461
+ export const kicker3LineHeightLg = "20px";
462
+ export const kicker4LineHeightXs = "15.399999618530273px";
463
+ export const kicker4LineHeightSm = "15.399999618530273px";
464
+ export const kicker4LineHeightMd = "17.600000381469727px";
465
+ export const kicker4LineHeightLg = "16px";
466
+
467
+ // Global - Typography - LineHeight - Label
468
+ /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
469
+ export const label1LineHeight = "17px";
470
+ /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
471
+ export const label1RespLineHeightXs = "10px";
472
+ /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
473
+ export const label1RespLineHeightSm = "10px";
474
+ /** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
475
+ export const label1RespLineHeightMd = "15px";
476
+ /** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
477
+ export const label1RespLineHeightLg = "17px";
478
+ /** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
479
+ export const label2LineHeight = "16px";
480
+ /** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
481
+ export const label3LineHeight = "14.399999618530273px";
482
+ /** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
483
+ export const label4LineHeight = "10px";
484
+
485
+ // Global - Typography - LineHeight - Quote
486
+ export const quoteLineHeightXs = "16px";
487
+ export const quoteLineHeightSm = "16px";
488
+ export const quoteLineHeightMd = "18px";
489
+ export const quoteLineHeightLg = "22px";
490
+
491
+ // Global - Typography - LineHeight - Subheadline
492
+ export const subheadline1LineHeightXs = "24px";
493
+ export const subheadline1LineHeightSm = "24px";
494
+ export const subheadline1LineHeightMd = "32px";
495
+ export const subheadline1LineHeightLg = "36px";
496
+
497
+ // Global - Typography - LineHeight - Title
498
+ export const title1LineHeightXs = "22px";
499
+ export const title1LineHeightSm = "22px";
500
+ export const title1LineHeightMd = "22px";
501
+ export const title1LineHeightLg = "28px";
502
+ export const title2LineHeightXs = "17.600000381469727px";
503
+ export const title2LineHeightSm = "17.600000381469727px";
504
+ export const title2LineHeightMd = "19.799999237060547px";
505
+ export const title2LineHeightLg = "22px";
506
+
507
+ // Global - Visibilty
508
+ export const hideOnBild = "false";
509
+ export const hideOnSportBild = "true";
510
+ export const onlyAdvertorial = "false";
511
+ export const hideOnAdvertorial = "true";
512
+ export const onlyBild = "true";
513
+ export const onlySportBild = "false";
514
+
515
+
516
+ // ============================================
517
+ // OTHER
518
+ // ============================================
519
+
520
+ export const brandName = "BILD";
521
+