@marioschmidt/design-system-tokens 1.0.14 → 1.0.16

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 (590) hide show
  1. package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +669 -0
  2. package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +669 -0
  3. package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +669 -0
  4. package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +669 -0
  5. package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +668 -0
  6. package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +668 -0
  7. package/dist/android/res/values/brands/advertorial/density/density-compact.xml +15 -0
  8. package/dist/android/res/values/brands/advertorial/density/density-default.xml +15 -0
  9. package/dist/android/res/values/brands/advertorial/density/density-spacious.xml +15 -0
  10. package/dist/android/res/values/{mapping/brand_advertorial.xml → brands/advertorial/overrides/brandtokenmapping.xml} +250 -250
  11. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +473 -0
  12. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.xml +473 -0
  13. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.xml +473 -0
  14. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.xml +473 -0
  15. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-dark.xml +20 -0
  16. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-light.xml +20 -0
  17. package/dist/android/res/values/brands/bild/density/density-compact.xml +15 -0
  18. package/dist/android/res/values/brands/bild/density/density-default.xml +15 -0
  19. package/dist/android/res/values/brands/bild/density/density-spacious.xml +15 -0
  20. package/dist/android/res/values/{mapping/brand_color_bild.xml → brands/bild/overrides/brandcolormapping.xml} +52 -52
  21. package/dist/android/res/values/{mapping/brand_bild.xml → brands/bild/overrides/brandtokenmapping.xml} +250 -250
  22. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +473 -0
  23. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-md-600px.xml +473 -0
  24. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +473 -0
  25. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-xs-320px.xml +473 -0
  26. package/dist/android/res/values/{semantic/advertorial/color/color_advertorial_dark.xml → brands/bild/semantic/color/colormode-dark.xml} +222 -221
  27. package/dist/android/res/values/{semantic/advertorial/color/color_advertorial_light.xml → brands/bild/semantic/color/colormode-light.xml} +227 -226
  28. package/dist/android/res/values/brands/bild/semantic/effects/effects-dark.xml +20 -0
  29. package/dist/android/res/values/brands/bild/semantic/effects/effects-light.xml +20 -0
  30. package/dist/android/res/values/brands/sportbild/density/density-compact.xml +15 -0
  31. package/dist/android/res/values/brands/sportbild/density/density-default.xml +15 -0
  32. package/dist/android/res/values/brands/sportbild/density/density-spacious.xml +15 -0
  33. package/dist/android/res/values/{mapping/brand_color_sportbild.xml → brands/sportbild/overrides/brandcolormapping.xml} +53 -53
  34. package/dist/android/res/values/{mapping/brand_sportbild.xml → brands/sportbild/overrides/brandtokenmapping.xml} +250 -250
  35. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +473 -0
  36. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.xml +473 -0
  37. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +473 -0
  38. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.xml +473 -0
  39. package/dist/android/res/values/{semantic/bild/color/color_bild_dark.xml → brands/sportbild/semantic/color/colormode-dark.xml} +222 -221
  40. package/dist/android/res/values/{semantic/bild/color/color_bild_light.xml → brands/sportbild/semantic/color/colormode-light.xml} +227 -226
  41. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-dark.xml +20 -0
  42. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-light.xml +20 -0
  43. package/dist/android/res/values/{base/primitive_color_value.xml → shared/colorprimitive.xml} +74 -74
  44. package/dist/android/res/values/{base/primitive_font_value.xml → shared/fontprimitive.xml} +23 -23
  45. package/dist/android/res/values/shared/sizeprimitive.xml +56 -0
  46. package/dist/android/res/values/shared/spaceprimitive.xml +32 -0
  47. package/dist/css/brands/advertorial/density/density-compact.css +14 -0
  48. package/dist/css/brands/advertorial/density/density-default.css +14 -0
  49. package/dist/css/brands/advertorial/density/density-spacious.css +14 -0
  50. package/dist/css/{mapping/brand-advertorial-global.css → brands/advertorial/overrides/brandtokenmapping.css} +131 -131
  51. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +490 -0
  52. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +490 -0
  53. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +490 -0
  54. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +490 -0
  55. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +66 -0
  56. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +66 -0
  57. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +989 -0
  58. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +989 -0
  59. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +989 -0
  60. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +989 -0
  61. package/dist/css/brands/bild/density/density-compact.css +14 -0
  62. package/dist/css/brands/bild/density/density-default.css +14 -0
  63. package/dist/css/brands/bild/density/density-spacious.css +14 -0
  64. package/dist/css/brands/bild/overrides/brandcolormapping.css +74 -0
  65. package/dist/css/{mapping/brand-bild-global.css → brands/bild/overrides/brandtokenmapping.css} +94 -94
  66. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +490 -0
  67. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +490 -0
  68. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +490 -0
  69. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +490 -0
  70. package/dist/css/{semantic/bild/color/color-bild-dark-global.css → brands/bild/semantic/color/colormode-dark.css} +303 -302
  71. package/dist/css/{semantic/bild/color/color-bild-light-global.css → brands/bild/semantic/color/colormode-light.css} +302 -301
  72. package/dist/css/brands/bild/semantic/effects/effects-dark.css +66 -0
  73. package/dist/css/brands/bild/semantic/effects/effects-light.css +66 -0
  74. package/dist/css/brands/bild/semantic/typography/typography-lg.css +989 -0
  75. package/dist/css/brands/bild/semantic/typography/typography-md.css +989 -0
  76. package/dist/css/brands/bild/semantic/typography/typography-sm.css +989 -0
  77. package/dist/css/brands/bild/semantic/typography/typography-xs.css +989 -0
  78. package/dist/css/brands/sportbild/density/density-compact.css +14 -0
  79. package/dist/css/brands/sportbild/density/density-default.css +14 -0
  80. package/dist/css/brands/sportbild/density/density-spacious.css +14 -0
  81. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +74 -0
  82. package/dist/css/{mapping/brand-sportbild-global.css → brands/sportbild/overrides/brandtokenmapping.css} +128 -128
  83. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +490 -0
  84. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +490 -0
  85. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +490 -0
  86. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +490 -0
  87. package/dist/css/{semantic/advertorial/color/color-advertorial-dark-global.css → brands/sportbild/semantic/color/colormode-dark.css} +303 -302
  88. package/dist/css/{semantic/advertorial/color/color-advertorial-light-global.css → brands/sportbild/semantic/color/colormode-light.css} +302 -301
  89. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +66 -0
  90. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +66 -0
  91. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +989 -0
  92. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +989 -0
  93. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +989 -0
  94. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +989 -0
  95. package/dist/css/shared/colorprimitive.css +100 -0
  96. package/dist/flutter/brands/advertorial/density/density-compact.dart +23 -0
  97. package/dist/flutter/brands/advertorial/density/density-default.dart +23 -0
  98. package/dist/flutter/brands/advertorial/density/density-spacious.dart +23 -0
  99. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +286 -0
  100. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +499 -0
  101. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +499 -0
  102. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +499 -0
  103. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +499 -0
  104. package/dist/flutter/brands/advertorial/semantic/effects/effects-dark.dart +28 -0
  105. package/dist/flutter/brands/advertorial/semantic/effects/effects-light.dart +28 -0
  106. package/dist/flutter/brands/advertorial/semantic/typography/typography-lg.dart +147 -0
  107. package/dist/flutter/brands/advertorial/semantic/typography/typography-md.dart +147 -0
  108. package/dist/flutter/brands/advertorial/semantic/typography/typography-sm.dart +147 -0
  109. package/dist/flutter/brands/advertorial/semantic/typography/typography-xs.dart +147 -0
  110. package/dist/flutter/brands/bild/density/density-compact.dart +23 -0
  111. package/dist/flutter/brands/bild/density/density-default.dart +23 -0
  112. package/dist/flutter/brands/bild/density/density-spacious.dart +23 -0
  113. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +83 -0
  114. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +286 -0
  115. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +499 -0
  116. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +499 -0
  117. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +499 -0
  118. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +499 -0
  119. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +436 -0
  120. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +436 -0
  121. package/dist/flutter/brands/bild/semantic/effects/effects-dark.dart +28 -0
  122. package/dist/flutter/brands/bild/semantic/effects/effects-light.dart +28 -0
  123. package/dist/flutter/brands/bild/semantic/typography/typography-lg.dart +147 -0
  124. package/dist/flutter/brands/bild/semantic/typography/typography-md.dart +147 -0
  125. package/dist/flutter/brands/bild/semantic/typography/typography-sm.dart +147 -0
  126. package/dist/flutter/brands/bild/semantic/typography/typography-xs.dart +147 -0
  127. package/dist/flutter/brands/sportbild/density/density-compact.dart +23 -0
  128. package/dist/flutter/brands/sportbild/density/density-default.dart +23 -0
  129. package/dist/flutter/brands/sportbild/density/density-spacious.dart +23 -0
  130. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +83 -0
  131. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +286 -0
  132. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +499 -0
  133. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +499 -0
  134. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +499 -0
  135. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +499 -0
  136. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +436 -0
  137. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +436 -0
  138. package/dist/flutter/brands/sportbild/semantic/effects/effects-dark.dart +28 -0
  139. package/dist/flutter/brands/sportbild/semantic/effects/effects-light.dart +28 -0
  140. package/dist/flutter/brands/sportbild/semantic/typography/typography-lg.dart +147 -0
  141. package/dist/flutter/brands/sportbild/semantic/typography/typography-md.dart +147 -0
  142. package/dist/flutter/brands/sportbild/semantic/typography/typography-sm.dart +147 -0
  143. package/dist/flutter/brands/sportbild/semantic/typography/typography-xs.dart +147 -0
  144. package/dist/flutter/shared/colorprimitive.dart +109 -0
  145. package/dist/flutter/shared/fontprimitive.dart +58 -0
  146. package/dist/flutter/shared/sizeprimitive.dart +64 -0
  147. package/dist/flutter/shared/spaceprimitive.dart +40 -0
  148. package/dist/ios/brands/advertorial/density/DensityCompact.swift +20 -0
  149. package/dist/ios/brands/advertorial/density/DensityDefault.swift +20 -0
  150. package/dist/ios/brands/advertorial/density/DensitySpacious.swift +20 -0
  151. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +283 -0
  152. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +496 -0
  153. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +496 -0
  154. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +496 -0
  155. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +496 -0
  156. package/dist/ios/brands/advertorial/semantic/effects/EffectsDark.swift +25 -0
  157. package/dist/ios/brands/advertorial/semantic/effects/EffectsLight.swift +25 -0
  158. package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +245 -0
  159. package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +245 -0
  160. package/dist/ios/brands/bild/density/DensityCompact.swift +20 -0
  161. package/dist/ios/brands/bild/density/DensityDefault.swift +20 -0
  162. package/dist/ios/brands/bild/density/DensitySpacious.swift +20 -0
  163. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +80 -0
  164. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +283 -0
  165. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +496 -0
  166. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +496 -0
  167. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +496 -0
  168. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +496 -0
  169. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +433 -0
  170. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +433 -0
  171. package/dist/ios/brands/bild/semantic/effects/EffectsDark.swift +25 -0
  172. package/dist/ios/brands/bild/semantic/effects/EffectsLight.swift +25 -0
  173. package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +245 -0
  174. package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +245 -0
  175. package/dist/ios/brands/sportbild/density/DensityCompact.swift +20 -0
  176. package/dist/ios/brands/sportbild/density/DensityDefault.swift +20 -0
  177. package/dist/ios/brands/sportbild/density/DensitySpacious.swift +20 -0
  178. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +80 -0
  179. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +283 -0
  180. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +496 -0
  181. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +496 -0
  182. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +496 -0
  183. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +496 -0
  184. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +433 -0
  185. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +433 -0
  186. package/dist/ios/brands/sportbild/semantic/effects/EffectsDark.swift +25 -0
  187. package/dist/ios/brands/sportbild/semantic/effects/EffectsLight.swift +25 -0
  188. package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +245 -0
  189. package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +245 -0
  190. package/dist/ios/shared/Colorprimitive.swift +106 -0
  191. package/dist/ios/shared/Fontprimitive.swift +55 -0
  192. package/dist/ios/shared/Sizeprimitive.swift +61 -0
  193. package/dist/ios/shared/Spaceprimitive.swift +37 -0
  194. package/dist/js/brands/advertorial/density/density-compact.js +12 -0
  195. package/dist/js/brands/advertorial/density/density-default.js +12 -0
  196. package/dist/js/brands/advertorial/density/density-spacious.js +12 -0
  197. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +332 -0
  198. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +494 -0
  199. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +498 -0
  200. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +496 -0
  201. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +496 -0
  202. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +219 -0
  203. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +219 -0
  204. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +1135 -0
  205. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +1135 -0
  206. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +1135 -0
  207. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +1135 -0
  208. package/dist/js/brands/bild/density/density-compact.js +12 -0
  209. package/dist/js/brands/bild/density/density-default.js +12 -0
  210. package/dist/js/brands/bild/density/density-spacious.js +12 -0
  211. package/dist/js/brands/bild/overrides/brandcolormapping.js +76 -0
  212. package/dist/js/brands/bild/overrides/brandtokenmapping.js +301 -0
  213. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +482 -0
  214. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +485 -0
  215. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +488 -0
  216. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +488 -0
  217. package/dist/js/brands/bild/semantic/color/colormode-dark.js +231 -0
  218. package/dist/js/brands/bild/semantic/color/colormode-light.js +231 -0
  219. package/dist/js/brands/bild/semantic/effects/effects-dark.js +219 -0
  220. package/dist/js/brands/bild/semantic/effects/effects-light.js +219 -0
  221. package/dist/js/brands/bild/semantic/typography/typography-lg.js +1135 -0
  222. package/dist/js/brands/bild/semantic/typography/typography-md.js +1135 -0
  223. package/dist/js/brands/bild/semantic/typography/typography-sm.js +1135 -0
  224. package/dist/js/brands/bild/semantic/typography/typography-xs.js +1135 -0
  225. package/dist/js/brands/sportbild/density/density-compact.js +12 -0
  226. package/dist/js/brands/sportbild/density/density-default.js +12 -0
  227. package/dist/js/brands/sportbild/density/density-spacious.js +12 -0
  228. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +76 -0
  229. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +332 -0
  230. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +497 -0
  231. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +497 -0
  232. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +497 -0
  233. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +497 -0
  234. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +231 -0
  235. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +231 -0
  236. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +219 -0
  237. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +219 -0
  238. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +1135 -0
  239. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +1135 -0
  240. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +1135 -0
  241. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +1135 -0
  242. package/dist/js/shared/colorprimitive.js +98 -0
  243. package/dist/js/shared/fontprimitive.js +47 -0
  244. package/dist/js/shared/sizeprimitive.js +53 -0
  245. package/dist/js/shared/spaceprimitive.js +29 -0
  246. package/dist/json/brands/advertorial/density/density-compact.json +330 -0
  247. package/dist/json/brands/advertorial/density/density-default.json +330 -0
  248. package/dist/json/brands/advertorial/density/density-spacious.json +330 -0
  249. package/dist/json/brands/advertorial/overrides/brandtokenmapping.json +11695 -0
  250. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.json +19186 -0
  251. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.json +19186 -0
  252. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.json +19186 -0
  253. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.json +19186 -0
  254. package/dist/json/brands/advertorial/semantic/effects/effects-dark.json +1301 -0
  255. package/dist/json/brands/advertorial/semantic/effects/effects-light.json +1301 -0
  256. package/dist/json/brands/advertorial/semantic/typography/typography-lg.json +8329 -0
  257. package/dist/json/brands/advertorial/semantic/typography/typography-md.json +8329 -0
  258. package/dist/json/brands/advertorial/semantic/typography/typography-sm.json +8329 -0
  259. package/dist/json/brands/advertorial/semantic/typography/typography-xs.json +8329 -0
  260. package/dist/json/brands/bild/density/density-compact.json +330 -0
  261. package/dist/json/brands/bild/density/density-default.json +330 -0
  262. package/dist/json/brands/bild/density/density-spacious.json +330 -0
  263. package/dist/json/brands/bild/overrides/brandcolormapping.json +2796 -0
  264. package/dist/json/brands/bild/overrides/brandtokenmapping.json +11695 -0
  265. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +19186 -0
  266. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-md-600px.json +19186 -0
  267. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.json +19186 -0
  268. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-xs-320px.json +19186 -0
  269. package/dist/json/brands/bild/semantic/color/colormode-dark.json +8629 -0
  270. package/dist/json/brands/bild/semantic/color/colormode-light.json +8629 -0
  271. package/dist/json/brands/bild/semantic/effects/effects-dark.json +1301 -0
  272. package/dist/json/brands/bild/semantic/effects/effects-light.json +1301 -0
  273. package/dist/json/brands/bild/semantic/typography/typography-lg.json +8329 -0
  274. package/dist/json/brands/bild/semantic/typography/typography-md.json +8329 -0
  275. package/dist/json/brands/bild/semantic/typography/typography-sm.json +8329 -0
  276. package/dist/json/brands/bild/semantic/typography/typography-xs.json +8329 -0
  277. package/dist/json/brands/sportbild/density/density-compact.json +330 -0
  278. package/dist/json/brands/sportbild/density/density-default.json +330 -0
  279. package/dist/json/brands/sportbild/density/density-spacious.json +330 -0
  280. package/dist/json/brands/sportbild/overrides/brandcolormapping.json +2796 -0
  281. package/dist/json/brands/sportbild/overrides/brandtokenmapping.json +11695 -0
  282. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +19186 -0
  283. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.json +19186 -0
  284. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.json +19186 -0
  285. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.json +19186 -0
  286. package/dist/json/brands/sportbild/semantic/color/colormode-dark.json +8629 -0
  287. package/dist/json/brands/sportbild/semantic/color/colormode-light.json +8629 -0
  288. package/dist/json/brands/sportbild/semantic/effects/effects-dark.json +1301 -0
  289. package/dist/json/brands/sportbild/semantic/effects/effects-light.json +1301 -0
  290. package/dist/json/brands/sportbild/semantic/typography/typography-lg.json +8329 -0
  291. package/dist/json/brands/sportbild/semantic/typography/typography-md.json +8329 -0
  292. package/dist/json/brands/sportbild/semantic/typography/typography-sm.json +8329 -0
  293. package/dist/json/brands/sportbild/semantic/typography/typography-xs.json +8329 -0
  294. package/dist/json/shared/colorprimitive.json +3704 -0
  295. package/dist/json/shared/fontprimitive.json +1581 -0
  296. package/dist/json/shared/sizeprimitive.json +1717 -0
  297. package/dist/json/shared/spaceprimitive.json +877 -0
  298. package/dist/manifest.json +66 -258
  299. package/dist/scss/brands/advertorial/density/density-compact.scss +11 -0
  300. package/dist/scss/brands/advertorial/density/density-default.scss +11 -0
  301. package/dist/scss/brands/advertorial/density/density-spacious.scss +11 -0
  302. package/dist/scss/{mapping/brand-advertorial.scss → brands/advertorial/overrides/brandtokenmapping.scss} +131 -131
  303. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +475 -0
  304. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +475 -0
  305. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +475 -0
  306. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +475 -0
  307. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +16 -0
  308. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +16 -0
  309. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +127 -0
  310. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +127 -0
  311. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +127 -0
  312. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +127 -0
  313. package/dist/scss/brands/bild/density/density-compact.scss +11 -0
  314. package/dist/scss/brands/bild/density/density-default.scss +11 -0
  315. package/dist/scss/brands/bild/density/density-spacious.scss +11 -0
  316. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +71 -0
  317. package/dist/scss/{mapping/brand-bild.scss → brands/bild/overrides/brandtokenmapping.scss} +94 -94
  318. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +475 -0
  319. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +475 -0
  320. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +475 -0
  321. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +475 -0
  322. package/dist/scss/{semantic/advertorial/color/color-advertorial-dark.scss → brands/bild/semantic/color/colormode-dark.scss} +283 -282
  323. package/dist/scss/{semantic/bild/color/color-bild-light.scss → brands/bild/semantic/color/colormode-light.scss} +282 -281
  324. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +16 -0
  325. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +16 -0
  326. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +127 -0
  327. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +127 -0
  328. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +127 -0
  329. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +127 -0
  330. package/dist/scss/brands/sportbild/density/density-compact.scss +11 -0
  331. package/dist/scss/brands/sportbild/density/density-default.scss +11 -0
  332. package/dist/scss/brands/sportbild/density/density-spacious.scss +11 -0
  333. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +71 -0
  334. package/dist/scss/{mapping/brand-sportbild.scss → brands/sportbild/overrides/brandtokenmapping.scss} +128 -128
  335. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +475 -0
  336. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +475 -0
  337. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +475 -0
  338. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +475 -0
  339. package/dist/scss/{semantic/bild/color/color-bild-dark.scss → brands/sportbild/semantic/color/colormode-dark.scss} +283 -282
  340. package/dist/scss/{semantic/advertorial/color/color-advertorial-light.scss → brands/sportbild/semantic/color/colormode-light.scss} +282 -281
  341. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +16 -0
  342. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +16 -0
  343. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +127 -0
  344. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +127 -0
  345. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +127 -0
  346. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +127 -0
  347. package/dist/scss/shared/colorprimitive.scss +97 -0
  348. package/package.json +4 -4
  349. package/dist/android/res/values/base/primitive_size_value.xml +0 -56
  350. package/dist/android/res/values/base/primitive_space_value.xml +0 -32
  351. package/dist/android/res/values/density/density_compact.xml +0 -15
  352. package/dist/android/res/values/density/density_default.xml +0 -15
  353. package/dist/android/res/values/density/density_spacious.xml +0 -15
  354. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.xml +0 -473
  355. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_md.xml +0 -473
  356. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.xml +0 -473
  357. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.xml +0 -473
  358. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_lg.xml +0 -473
  359. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_md.xml +0 -473
  360. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_sm.xml +0 -473
  361. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_xs.xml +0 -473
  362. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.xml +0 -473
  363. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_md.xml +0 -473
  364. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.xml +0 -473
  365. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.xml +0 -473
  366. package/dist/android/res/values/semantic/sportbild/color/color_sportbild_dark.xml +0 -271
  367. package/dist/android/res/values/semantic/sportbild/color/color_sportbild_light.xml +0 -271
  368. package/dist/css/base/index.css +0 -8
  369. package/dist/css/base/primitive-color-value-global.css +0 -100
  370. package/dist/css/base/primitive-color-value.css +0 -100
  371. package/dist/css/base/primitive-font-value.css +0 -49
  372. package/dist/css/base/primitive-size-value.css +0 -55
  373. package/dist/css/base/primitive-space-value.css +0 -31
  374. package/dist/css/density/density-compact-global.css +0 -14
  375. package/dist/css/density/density-compact.css +0 -14
  376. package/dist/css/density/density-default-global.css +0 -14
  377. package/dist/css/density/density-default.css +0 -14
  378. package/dist/css/density/density-spacious-global.css +0 -14
  379. package/dist/css/density/density-spacious.css +0 -14
  380. package/dist/css/density/index.css +0 -7
  381. package/dist/css/mapping/brand-advertorial.css +0 -277
  382. package/dist/css/mapping/brand-bild.css +0 -277
  383. package/dist/css/mapping/brand-color-bild-global.css +0 -74
  384. package/dist/css/mapping/brand-color-bild.css +0 -74
  385. package/dist/css/mapping/brand-color-sportbild-global.css +0 -74
  386. package/dist/css/mapping/brand-color-sportbild.css +0 -74
  387. package/dist/css/mapping/brand-sportbild.css +0 -277
  388. package/dist/css/mapping/index.css +0 -9
  389. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +0 -490
  390. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +0 -490
  391. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +0 -490
  392. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +0 -490
  393. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +0 -490
  394. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +0 -490
  395. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +0 -490
  396. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +0 -490
  397. package/dist/css/semantic/advertorial/breakpoints/index.css +0 -8
  398. package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +0 -426
  399. package/dist/css/semantic/advertorial/color/color-advertorial-light.css +0 -426
  400. package/dist/css/semantic/advertorial/color/index.css +0 -6
  401. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +0 -490
  402. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +0 -490
  403. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +0 -490
  404. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +0 -490
  405. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +0 -490
  406. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +0 -490
  407. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +0 -490
  408. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +0 -490
  409. package/dist/css/semantic/bild/breakpoints/index.css +0 -8
  410. package/dist/css/semantic/bild/color/color-bild-dark.css +0 -426
  411. package/dist/css/semantic/bild/color/color-bild-light.css +0 -426
  412. package/dist/css/semantic/bild/color/index.css +0 -6
  413. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +0 -490
  414. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +0 -490
  415. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +0 -490
  416. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +0 -490
  417. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +0 -490
  418. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +0 -490
  419. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +0 -490
  420. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +0 -490
  421. package/dist/css/semantic/sportbild/breakpoints/index.css +0 -8
  422. package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +0 -426
  423. package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +0 -426
  424. package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +0 -426
  425. package/dist/css/semantic/sportbild/color/color-sportbild-light.css +0 -426
  426. package/dist/css/semantic/sportbild/color/index.css +0 -6
  427. package/dist/flutter/base/primitive_color_value.dart +0 -143
  428. package/dist/flutter/base/primitive_font_value.dart +0 -70
  429. package/dist/flutter/base/primitive_size_value.dart +0 -64
  430. package/dist/flutter/base/primitive_space_value.dart +0 -40
  431. package/dist/flutter/density/density_compact.dart +0 -28
  432. package/dist/flutter/density/density_default.dart +0 -28
  433. package/dist/flutter/density/density_spacious.dart +0 -28
  434. package/dist/flutter/mapping/brand_advertorial.dart +0 -410
  435. package/dist/flutter/mapping/brand_bild.dart +0 -410
  436. package/dist/flutter/mapping/brand_color_bild.dart +0 -133
  437. package/dist/flutter/mapping/brand_color_sportbild.dart +0 -133
  438. package/dist/flutter/mapping/brand_sportbild.dart +0 -410
  439. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.dart +0 -701
  440. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_md.dart +0 -701
  441. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.dart +0 -701
  442. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.dart +0 -701
  443. package/dist/flutter/semantic/advertorial/color/color_advertorial_dark.dart +0 -381
  444. package/dist/flutter/semantic/advertorial/color/color_advertorial_light.dart +0 -381
  445. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_lg.dart +0 -701
  446. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_md.dart +0 -701
  447. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_sm.dart +0 -701
  448. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_xs.dart +0 -701
  449. package/dist/flutter/semantic/bild/color/color_bild_dark.dart +0 -381
  450. package/dist/flutter/semantic/bild/color/color_bild_light.dart +0 -381
  451. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.dart +0 -701
  452. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_md.dart +0 -701
  453. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.dart +0 -701
  454. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.dart +0 -701
  455. package/dist/flutter/semantic/sportbild/color/color_sportbild_dark.dart +0 -381
  456. package/dist/flutter/semantic/sportbild/color/color_sportbild_light.dart +0 -381
  457. package/dist/ios/base/PrimitiveColorValue.swift +0 -140
  458. package/dist/ios/base/PrimitiveFontValue.swift +0 -67
  459. package/dist/ios/base/PrimitiveSizeValue.swift +0 -61
  460. package/dist/ios/base/PrimitiveSpaceValue.swift +0 -37
  461. package/dist/ios/density/DensityCompact.swift +0 -25
  462. package/dist/ios/density/DensityDefault.swift +0 -25
  463. package/dist/ios/density/DensitySpacious.swift +0 -25
  464. package/dist/ios/mapping/BrandAdvertorial.swift +0 -407
  465. package/dist/ios/mapping/BrandBild.swift +0 -407
  466. package/dist/ios/mapping/BrandColorBild.swift +0 -130
  467. package/dist/ios/mapping/BrandColorSportbild.swift +0 -130
  468. package/dist/ios/mapping/BrandSportbild.swift +0 -407
  469. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialLg.swift +0 -698
  470. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialMd.swift +0 -698
  471. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialSm.swift +0 -698
  472. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialXs.swift +0 -698
  473. package/dist/ios/semantic/advertorial/color/ColorAdvertorialDark.swift +0 -378
  474. package/dist/ios/semantic/advertorial/color/ColorAdvertorialLight.swift +0 -378
  475. package/dist/ios/semantic/bild/breakpoints/BreakpointBildLg.swift +0 -698
  476. package/dist/ios/semantic/bild/breakpoints/BreakpointBildMd.swift +0 -698
  477. package/dist/ios/semantic/bild/breakpoints/BreakpointBildSm.swift +0 -698
  478. package/dist/ios/semantic/bild/breakpoints/BreakpointBildXs.swift +0 -698
  479. package/dist/ios/semantic/bild/color/ColorBildDark.swift +0 -378
  480. package/dist/ios/semantic/bild/color/ColorBildLight.swift +0 -378
  481. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildLg.swift +0 -698
  482. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildMd.swift +0 -698
  483. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildSm.swift +0 -698
  484. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildXs.swift +0 -698
  485. package/dist/ios/semantic/sportbild/color/ColorSportbildDark.swift +0 -378
  486. package/dist/ios/semantic/sportbild/color/ColorSportbildLight.swift +0 -378
  487. package/dist/js/base/index.js +0 -15
  488. package/dist/js/base/primitive-color-value.js +0 -98
  489. package/dist/js/base/primitive-font-value.js +0 -47
  490. package/dist/js/base/primitive-size-value.js +0 -53
  491. package/dist/js/base/primitive-space-value.js +0 -29
  492. package/dist/js/density/density-compact.js +0 -12
  493. package/dist/js/density/density-default.js +0 -12
  494. package/dist/js/density/density-spacious.js +0 -12
  495. package/dist/js/density/index.js +0 -13
  496. package/dist/js/mapping/brand-advertorial.js +0 -283
  497. package/dist/js/mapping/brand-bild.js +0 -285
  498. package/dist/js/mapping/brand-color-bild.js +0 -78
  499. package/dist/js/mapping/brand-color-sportbild.js +0 -78
  500. package/dist/js/mapping/brand-sportbild.js +0 -292
  501. package/dist/js/mapping/index.js +0 -17
  502. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +0 -469
  503. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +0 -469
  504. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +0 -470
  505. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +0 -470
  506. package/dist/js/semantic/advertorial/breakpoints/index.js +0 -15
  507. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +0 -244
  508. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +0 -240
  509. package/dist/js/semantic/advertorial/color/index.js +0 -11
  510. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +0 -470
  511. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +0 -470
  512. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +0 -471
  513. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +0 -471
  514. package/dist/js/semantic/bild/breakpoints/index.js +0 -15
  515. package/dist/js/semantic/bild/color/color-bild-dark.js +0 -244
  516. package/dist/js/semantic/bild/color/color-bild-light.js +0 -240
  517. package/dist/js/semantic/bild/color/index.js +0 -11
  518. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +0 -471
  519. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +0 -471
  520. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +0 -472
  521. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +0 -472
  522. package/dist/js/semantic/sportbild/breakpoints/index.js +0 -15
  523. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +0 -244
  524. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +0 -240
  525. package/dist/js/semantic/sportbild/color/index.js +0 -11
  526. package/dist/json/base/primitive-color-value.json +0 -148
  527. package/dist/json/base/primitive-font-value.json +0 -59
  528. package/dist/json/base/primitive-size-value.json +0 -51
  529. package/dist/json/base/primitive-space-value.json +0 -27
  530. package/dist/json/density/density-compact.json +0 -16
  531. package/dist/json/density/density-default.json +0 -16
  532. package/dist/json/density/density-spacious.json +0 -16
  533. package/dist/json/mapping/brand-advertorial.json +0 -393
  534. package/dist/json/mapping/brand-bild.json +0 -393
  535. package/dist/json/mapping/brand-color-bild.json +0 -98
  536. package/dist/json/mapping/brand-color-sportbild.json +0 -98
  537. package/dist/json/mapping/brand-sportbild.json +0 -393
  538. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +0 -686
  539. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +0 -686
  540. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +0 -686
  541. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +0 -686
  542. package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +0 -308
  543. package/dist/json/semantic/advertorial/color/color-advertorial-light.json +0 -308
  544. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +0 -686
  545. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +0 -686
  546. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +0 -686
  547. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +0 -686
  548. package/dist/json/semantic/bild/color/color-bild-dark.json +0 -308
  549. package/dist/json/semantic/bild/color/color-bild-light.json +0 -308
  550. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +0 -686
  551. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +0 -686
  552. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +0 -686
  553. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +0 -686
  554. package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +0 -308
  555. package/dist/json/semantic/sportbild/color/color-sportbild-light.json +0 -308
  556. package/dist/scss/base/index.scss +0 -8
  557. package/dist/scss/base/primitive-color-value.scss +0 -97
  558. package/dist/scss/density/density-compact.scss +0 -11
  559. package/dist/scss/density/density-default.scss +0 -11
  560. package/dist/scss/density/density-spacious.scss +0 -11
  561. package/dist/scss/density/index.scss +0 -7
  562. package/dist/scss/mapping/brand-color-bild.scss +0 -71
  563. package/dist/scss/mapping/brand-color-sportbild.scss +0 -71
  564. package/dist/scss/mapping/index.scss +0 -9
  565. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +0 -475
  566. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +0 -475
  567. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +0 -475
  568. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +0 -475
  569. package/dist/scss/semantic/advertorial/breakpoints/index.scss +0 -8
  570. package/dist/scss/semantic/advertorial/color/index.scss +0 -6
  571. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +0 -475
  572. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +0 -475
  573. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +0 -475
  574. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +0 -475
  575. package/dist/scss/semantic/bild/breakpoints/index.scss +0 -8
  576. package/dist/scss/semantic/bild/color/index.scss +0 -6
  577. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +0 -475
  578. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +0 -475
  579. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +0 -475
  580. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +0 -475
  581. package/dist/scss/semantic/sportbild/breakpoints/index.scss +0 -8
  582. package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +0 -319
  583. package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +0 -319
  584. package/dist/scss/semantic/sportbild/color/index.scss +0 -6
  585. package/dist/css/{base/primitive-font-value-global.css → shared/fontprimitive.css} +23 -23
  586. package/dist/css/{base/primitive-size-value-global.css → shared/sizeprimitive.css} +41 -41
  587. package/dist/css/{base/primitive-space-value-global.css → shared/spaceprimitive.css} +20 -20
  588. package/dist/scss/{base/primitive-font-value.scss → shared/fontprimitive.scss} +23 -23
  589. package/dist/scss/{base/primitive-size-value.scss → shared/sizeprimitive.scss} +41 -41
  590. package/dist/scss/{base/primitive-space-value.scss → shared/spaceprimitive.scss} +20 -20
@@ -0,0 +1,245 @@
1
+
2
+ //
3
+ // Typography - Advertorial / compact
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+ import UIKit
9
+
10
+ extension UIFont {
11
+ struct TypographyAdvertorialcompact {
12
+ /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120 */
13
+ static let display_display1 = UIFont(name: "Lucida Grande", size: 39)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 39, weight: .heavy)
14
+ /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64 */
15
+ static let display_display2 = UIFont(name: "Lucida Grande", size: 35)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 35, weight: .heavy)
16
+ /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40 */
17
+ static let display_display3 = UIFont(name: "Lucida Grande", size: 27)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 27, weight: .heavy)
18
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100 */
19
+ static let headline_headline1 = UIFont(name: "Lucida Grande", size: 36)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 36, weight: .light)
20
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64 */
21
+ static let headline_headline2 = UIFont(name: "Lucida Grande", size: 30)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 30, weight: .light)
22
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40 */
23
+ static let headline_headline3 = UIFont(name: "Lucida Grande", size: 24)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 24, weight: .light)
24
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32 */
25
+ static let headline_headline4 = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
26
+ /** This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36 */
27
+ static let subheadline_subheadline1 = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 18, weight: .bold)
28
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes */
29
+ static let kicker_kicker1 = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
30
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes */
31
+ static let kicker_kicker2 = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
32
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes */
33
+ static let kicker_kicker3 = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 14, weight: .light)
34
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes */
35
+ static let kicker_kicker4 = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
36
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
37
+ static let title_title1 = UIFont(name: "Lucida Grande", size: 22)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 22, weight: .heavy)
38
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
39
+ static let title_title1uppercase = UIFont(name: "Lucida Grande", size: 22)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 22, weight: .heavy)
40
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
41
+
42
+ In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
43
+ static let title_title2 = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
44
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
45
+
46
+ In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
47
+ static let title_title2uppercase = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
48
+ /** Callouts highlight key information, quotes, or important notes inside content. They stand apart from body text to draw attention. There is overlap between this text style and the title text styles. Font size: 18 - 18 - 22 - 22 */
49
+ static let callout_callout = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 16, weight: .heavy)
50
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
51
+ static let body_body = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
52
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
53
+ static let body_bodyitalic = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
54
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
55
+ static let body_bodybold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
56
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
57
+ static let body_bodybolditalic = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
58
+ /** Use this text style for styling elements that are clickable text links inside body texts. This style is often found in article texts. Font size remains constant at 21 across device sizes. */
59
+ static let textlink_textlink = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
60
+ /** Use this text style for styling elements that are clickable text links inside body texts that are using the italic style. This style is often found in article texts that need to show contrast for publications titles, specific words or names. Font size remains constant at 21 across device sizes. */
61
+ static let textlink_textlinkitalic = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
62
+ /** Use this text style for styling elements that are clickable text links inside emphasized body texts that are using the bold or html strong style. This style is often found in article texts that need to show contrast for specific words or names. Font size remains constant at 21 across device sizes. */
63
+ static let textlink_textlinkbold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
64
+ /** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
65
+ static let textlink_textlinkhover = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
66
+ /** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
67
+ static let textlink_textlinkboldhover = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
68
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18 */
69
+ static let footnote_footnote1 = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 13, weight: .light)
70
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18 */
71
+ static let footnote_footnote1bold = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 13, weight: .bold)
72
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
73
+ static let footnote_footnote2 = UIFont(name: "Lucida Grande", size: 10)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 10, weight: .light)
74
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
75
+ static let footnote_footnote2bold = UIFont(name: "Lucida Grande", size: 10)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 10, weight: .bold)
76
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
77
+ static let label_label1 = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
78
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
79
+ static let label_label1bold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
80
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
81
+ static let label_label1boldresp = UIFont(name: "Lucida Grande", size: 10)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 10, weight: .bold)
82
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
83
+ static let label_label1uppercasebold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
84
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
85
+ static let label_label2 = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
86
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
87
+ static let label_label2uppercase = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
88
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
89
+ static let label_label2bold = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
90
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes. */
91
+ static let label_label2uppercasebold = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
92
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
93
+ static let label_label3 = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
94
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn */
95
+ static let label_label3uppercase = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
96
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
97
+ static let label_label3bold = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
98
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
99
+ static let label_label3uppercasebold = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
100
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8. */
101
+ static let label_label4 = UIFont(name: "Lucida Grande", size: 8)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 8, weight: .light)
102
+ /** Use this text style for sections of text that are inside a fieldset with a quotation given by a person in an interview or a section of text from a larger body of text that need to be emphasized. */
103
+ static let quote_quote = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 16, weight: .heavy)
104
+ /** This text style is for use on accordion labels */
105
+ static let accordion_accordionlabel = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
106
+ /** This text style contains the variables necessary for setting how the font parameters for the article kicker behaves across breakpoints. For font size, this component level token currently references the semantic level token kicker1FontSize. */
107
+ static let article_articlekicker = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
108
+ /** This text style is used on image captions that show up in article pages only. */
109
+ static let article_articleimagecaption = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 13, weight: .bold)
110
+ /** This component level text style is reserved for article page headline texts that show up at the top of article pages. This text style references the generic text styles headline1 and headline2 font size variables. 40 - 40 - 72 - 100 */
111
+ static let article_articleheadline = UIFont(name: "Lucida Grande", size: 30)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 30, weight: .light)
112
+ /** This text style is used on short pieces of text that give information about where an image originated. It can also be used on short texts that give information about where a video originated. */
113
+ static let article_articlemetasource = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 13, weight: .light)
114
+ /** Use this text style for time and day text string that commonly shows up along with the article authors avatars. Font size: 12 - 12 - 14 - 16 */
115
+ static let article_articletimestamp = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 12, weight: .heavy)
116
+ /** This text style is used on audio player labels for elapsed time, reproduction speed and short functionality description text. Font size: 16 - 16 - 16 - 18 */
117
+ static let audioplayer_audioplayerlabel = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
118
+ /** This text style is used for avatar on iOS & Android apps. 12 - 12 - 14 - 16 */
119
+ static let avatar_appavatar = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 12, weight: .heavy)
120
+ /** This text style is used on article page avatar name labels in their default state. Font size: 16 - 16 - 16 - 18
121
+
122
+ 09-2025, on large devices this component uses the css var --footnote-font-size-lg at 1024px bp changes to --footnote-font-size-sm */
123
+ static let avatar_avatardefault = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 13, weight: .bold)
124
+ /** This text style is used on avatars that appear in article pages. Font size: 16 - 16 - 16 - 18 */
125
+ static let avatar_avatarhover = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 13, weight: .bold)
126
+ /** This text style is used on avatars that show up on article pages. Some avatars have the individual's first and last name on a single line. The second line of the avatar label is then used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
127
+ static let avatar_avatarsecondaryinfo = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 13, weight: .light)
128
+ /** This text style is used for the active state of the second line of avatar labels. This label text is used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
129
+ static let avatar_avatarsecondaryinfohover = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 13, weight: .light)
130
+ /** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during horizontal video advertisements. */
131
+ static let badges_videoadbadge = UIFont(name: "Gotham XNarrow", size: 14)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 14, weight: .light)
132
+ /** This text style is used on horizontal video badges that contain either the video's total duration or a live status identifier. Font size: 16 - 16 - 18 - 18 */
133
+ static let badges_videotimebadge = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
134
+ /** This text style is used for the last items in a breadcrumbs chain. It is commonly used in article pages and is a h1 in html. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
135
+ static let breadcrumb_breadcrumb = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
136
+ /** This text style is used for breadcrumb links that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
137
+ static let breadcrumb_breadcrumblink = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
138
+ /** This text style is used for the hover state of breadcrumbs that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
139
+ static let breadcrumb_breadcrumblinkhover = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
140
+ /** Use this text style on breaking news headlines that horizontally scroll in the breaking news animated strip. Font size constant 21. */
141
+ static let breakingnews_breakingnewstext = UIFont(name: "Lucida Grande", size: 21)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 21, weight: .bold)
142
+ /** Use this text style on the upper title of the breaking news headline strip. Font size constant 13. */
143
+ static let breakingnews_breakingnewsuppertitle = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 13, weight: .heavy)
144
+ /** Use this font style on the breaking news badge's lower title. Font size constant 23. */
145
+ static let breakingnews_breakingnewslowertitle = UIFont(name: "Lucida Grande", size: 23)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 23, weight: .heavy)
146
+ /** This text style is used on button labels. Its font size variable is currently in the Density collection. Font size changes across devices: 15 - 17 - 19 Current online CSS .btn--narrow & .btn */
147
+ static let button_buttonlabel = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
148
+ /** This text style is used on buttons that are commonly used inside of a container for advertizers and partners. This text is used in buttons that open links to external content. Font size: 16 - 16 - 16 - 18 */
149
+ static let button_partnerlinkbuttonlabel = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
150
+ /** This text style is used on the chips component. They are commonly used for filtering parameters. font size: 16 - 16 - 16 - 18 */
151
+ static let chips_chipslabel = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
152
+ /** This text style is used for link texts contained inside cards that commonly show up at the bottom of pages in footers. This link text style's font size parameter uses the label2 font size variable. */
153
+ static let footer_footercardlink = UIFont(name: "Gotham XNarrow", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
154
+ /** This text style is found on footers that separate links with a vertical bar. Font size remains constant at 20 px across devices. */
155
+ static let footer_footerlinkseparator = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
156
+ /** This text style is used in footer links that show up at the bottom of content pages. Font size constant at 11px. */
157
+ static let footer_footerlinks = UIFont(name: "Gotham XNarrow", size: 11)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 11, weight: .bold)
158
+ /** User data and offer pages use this text style on footer links. Font size remains constant at 18px. */
159
+ static let footer_footerlinkuser&offerpages = UIFont(name: "Gotham XNarrow", size: 18)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 18, weight: .light)
160
+ /** This text style is used in dropdowns and other text input fields such as date inputs, search input fields and other inputs for text found in forms for example. Font size references a variable from the density collection. 15 - 17 - 19 */
161
+ static let inputfield_textinputfieldlabel = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
162
+ /** This text style is used on live ticker headlines. The font size changes between device sizes. 22 - 22 - 32 -32 */
163
+ static let liveticker_livetickerheadline = UIFont(name: "Lucida Grande", size: 22)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 22, weight: .semibold)
164
+ /** Use this text style on the live ticker time stamps. 14 - 14 - 16 - 16 */
165
+ static let liveticker_livetickertimestamp = UIFont(name: "Gotham XNarrow", size: 14)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 14, weight: .bold)
166
+ /** This text style is used on controller labels of the podcast media player. Font size: 16 - 16 - 16 - 18 */
167
+ static let mediaplayers_podcastplayerlabel = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
168
+ /** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during the video advertisement. */
169
+ static let mediaplayers_videoadtime = UIFont(name: "Gotham", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
170
+ /** Use this text style on video player time badges that display elapsed, total or live information text labels. This text style references the label2 font size variable. 15px constant */
171
+ static let mediaplayers_videoplayertime = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
172
+ /** This text style is used on a small title that is placed above tab elements that are seen on iOS and Android top menu bar. */
173
+ static let menu_apptopbarstagetitle = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 12, weight: .heavy)
174
+ /** iOS and Android apps currently have a top bar with tabs that when selected display different content within the main view of the device. This text style is used for a title text that provides information for the user to situate where they are within the app's content possibilities. */
175
+ static let menu_apptopbartabstitle = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 12, weight: .heavy)
176
+ /** Used on menu link lane items and on mobile side menu drawer. Current online CSS naming: --nav-btn */
177
+ static let menu_menuitemlabel = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
178
+ /** Use this tokenized font style for menu items with icons that are more important than the menu link lane items. Current online CSS: .nav_btn--type-util */
179
+ static let menu_menuitemutillabel = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
180
+ /** The vertical newsticker component has timestamps that use this text style. 16 - 16 - 16 - 18 */
181
+ static let newsticker_newstickertimestamp = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
182
+ /** This text style is a component level option for the newsticker kicker. Currently the newsticker kicker uses the semantic text style kicker3. This text style references the semantic one. */
183
+ static let newsticker_newstickerkicker = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 14, weight: .bold)
184
+ /** This text style is used on NewsTicker Headlines. It references the semantic level text style headline3. 28 - 28 - 36 - 40 */
185
+ static let newsticker_newstickerheadline = UIFont(name: "Lucida Grande", size: 24)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 24, weight: .light)
186
+ /** This component level text style stores the variables for the pagination component's active state (label1 with red accent color underline). Its size remains constant at 17px across device sizes. */
187
+ static let pagination_numberedpaginationactive = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
188
+ /** This text style is used for the paywall price tag text. */
189
+ static let paywall_paywallcardpricetag = UIFont(name: "Lucida Grande", size: 64)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 64, weight: .heavy)
190
+ /** This text style is used on the paywall card under the price value. */
191
+ static let paywall_paywallcardnote = UIFont(name: "Lucida Grande", size: 40)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 40, weight: .heavy)
192
+ /** Used on menu link lane items and on mobile side menu drawer. */
193
+ static let specialnavi_specianaviitemlabel = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
194
+ /** This text style stores variables for the tab component. Tabs are similar to submenus and special navigation elements but tabs do not link to other URLs. */
195
+ static let tabs_tablabel = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
196
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
197
+ static let tabs_appbottombarlabeldefault = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
198
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
199
+ static let tabs_appbottombarlabelactive = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
200
+ /** 16 - 16 - 22 - 24 | This text style currently uses two different semantic styles within it, the kicker3 for XS & S, and kicker2 for MD & LG */
201
+ static let ateaser_ateaserkicker = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 14, weight: .light)
202
+ /** This text style references the semantic text styles headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 */
203
+ static let ateaser_ateaserheadline = UIFont(name: "Lucida Grande", size: 24)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 24, weight: .light)
204
+ /** This component level text style references size variables for the semantic level. Specifically kicker4. 14 - 14 - 16 - 16 */
205
+ static let mqteaser_mqteaserkicker = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
206
+ /** This component level text style references the semantic level text sizes of headline3 and headline4.
207
+ XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 */
208
+ static let mqteaser_mqteaserheadline = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
209
+ /** This component level text style is used on the quad teaser headline. Its font size parameter references the semantic level variable headline1. 48 - 48 - 72 - 100 */
210
+ static let qteaser_qteaserheadline = UIFont(name: "Lucida Grande", size: 36)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 36, weight: .light)
211
+ /** Standard teasers typography changes more than other teasers. On desktop they have a kicker, a headline and a short text. On mobile devices the short text is eliminated and the headline gains weight at device widths 600px. Then at small mobile sizes the weight drops once again. */
212
+ static let stdteaser_stdteaserheadline = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
213
+ /** This text style is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 */
214
+ static let toggleswitches_apptoogleitemlabel = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
215
+ static let .dsdocsstyles_.pageheaderdescription = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
216
+ /** This text style is only used on the design system's documentation for code syntax snippets. */
217
+ static let .dsdocsstyles_.codesnippets = UIFont(name: "Source Code Pro", size: 10)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 10, weight: .light)
218
+ /** This text style is only used for mockup pages of the design system website. */
219
+ static let .dsdocsstyles_.bilddesignsidemenu = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
220
+ /** This text style is only used for mockup pages of the design system website. */
221
+ static let .dsdocsstyles_.bilddesignsidemenuactive = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
222
+ /** This text style is only used for mockup pages of the design system website. */
223
+ static let .dsdocsstyles_.bilddesignsidemenuhover = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 16, weight: .semibold)
224
+ /** This text style is only used for mockups the vertical video component teaser headlines. */
225
+ static let .dsdocsstyles_.verticalvideosmockheadlines = UIFont(name: "Gotham Condensed", size: 22)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 22, weight: .semibold)
226
+ /** This text style is used on documentation pages that contain some token information. */
227
+ static let .dsdocsstyles_.tokenspecl = UIFont(name: "Source Code Pro", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
228
+ /** This text style is only used for audit pages of the design system. */
229
+ static let .specs_.specsxs = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
230
+ /** This text style is only used for audit pages of the design system. */
231
+ static let .specs_.specss = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
232
+ /** This text style is only used for audit pages of the design system. */
233
+ static let .specs_.specsms = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
234
+ /** This text style is only used for audit pages of the design system. */
235
+ static let .specs_.specsm = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
236
+ /** This text style is only used for audit pages of the design system. */
237
+ static let .specs_.specsml = UIFont(name: "Gotham", size: 64)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 64, weight: .light)
238
+ /** This text style is only used for audit pages of the design system. */
239
+ static let .specs_.specsl = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
240
+ /** This text style is only used for audit pages of the design system. */
241
+ static let .specs_.specsxl = UIFont(name: "Gotham", size: 16)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 16, weight: .semibold)
242
+ /** This text style is only used for audit pages of the design system. */
243
+ static let .specs_.specsxxl = UIFont(name: "Gotham", size: 16)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 16, weight: .semibold)
244
+ }
245
+ }
@@ -0,0 +1,245 @@
1
+
2
+ //
3
+ // Typography - Advertorial / regular
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+ import UIKit
9
+
10
+ extension UIFont {
11
+ struct TypographyAdvertorialregular {
12
+ /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120 */
13
+ static let display_display1 = UIFont(name: "Lucida Grande", size: 116)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 116, weight: .heavy)
14
+ /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64 */
15
+ static let display_display2 = UIFont(name: "Lucida Grande", size: 62)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 62, weight: .heavy)
16
+ /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40 */
17
+ static let display_display3 = UIFont(name: "Lucida Grande", size: 39)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 39, weight: .heavy)
18
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100 */
19
+ static let headline_headline1 = UIFont(name: "Lucida Grande", size: 70)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 70, weight: .light)
20
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64 */
21
+ static let headline_headline2 = UIFont(name: "Lucida Grande", size: 48)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 48, weight: .light)
22
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40 */
23
+ static let headline_headline3 = UIFont(name: "Lucida Grande", size: 32)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 32, weight: .light)
24
+ /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32 */
25
+ static let headline_headline4 = UIFont(name: "Lucida Grande", size: 22)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 22, weight: .light)
26
+ /** This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36 */
27
+ static let subheadline_subheadline1 = UIFont(name: "Lucida Grande", size: 28)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 28, weight: .bold)
28
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes */
29
+ static let kicker_kicker1 = UIFont(name: "Lucida Grande", size: 25)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 25, weight: .light)
30
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes */
31
+ static let kicker_kicker2 = UIFont(name: "Lucida Grande", size: 21)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 21, weight: .light)
32
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes */
33
+ static let kicker_kicker3 = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
34
+ /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes */
35
+ static let kicker_kicker4 = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 14, weight: .light)
36
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
37
+ static let title_title1 = UIFont(name: "Lucida Grande", size: 28)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 28, weight: .heavy)
38
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
39
+ static let title_title1uppercase = UIFont(name: "Lucida Grande", size: 28)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 28, weight: .heavy)
40
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
41
+
42
+ In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
43
+ static let title_title2 = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 18, weight: .heavy)
44
+ /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
45
+
46
+ In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
47
+ static let title_title2uppercase = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 18, weight: .heavy)
48
+ /** Callouts highlight key information, quotes, or important notes inside content. They stand apart from body text to draw attention. There is overlap between this text style and the title text styles. Font size: 18 - 18 - 22 - 22 */
49
+ static let callout_callout = UIFont(name: "Lucida Grande", size: 22)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 22, weight: .heavy)
50
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
51
+ static let body_body = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
52
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
53
+ static let body_bodyitalic = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
54
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
55
+ static let body_bodybold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
56
+ /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
57
+ static let body_bodybolditalic = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
58
+ /** Use this text style for styling elements that are clickable text links inside body texts. This style is often found in article texts. Font size remains constant at 21 across device sizes. */
59
+ static let textlink_textlink = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
60
+ /** Use this text style for styling elements that are clickable text links inside body texts that are using the italic style. This style is often found in article texts that need to show contrast for publications titles, specific words or names. Font size remains constant at 21 across device sizes. */
61
+ static let textlink_textlinkitalic = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
62
+ /** Use this text style for styling elements that are clickable text links inside emphasized body texts that are using the bold or html strong style. This style is often found in article texts that need to show contrast for specific words or names. Font size remains constant at 21 across device sizes. */
63
+ static let textlink_textlinkbold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
64
+ /** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
65
+ static let textlink_textlinkhover = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
66
+ /** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
67
+ static let textlink_textlinkboldhover = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
68
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18 */
69
+ static let footnote_footnote1 = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
70
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18 */
71
+ static let footnote_footnote1bold = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
72
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
73
+ static let footnote_footnote2 = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 13, weight: .light)
74
+ /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
75
+ static let footnote_footnote2bold = UIFont(name: "Lucida Grande", size: 13)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 13, weight: .bold)
76
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
77
+ static let label_label1 = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 17, weight: .light)
78
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
79
+ static let label_label1bold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
80
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
81
+ static let label_label1boldresp = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
82
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
83
+ static let label_label1uppercasebold = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
84
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
85
+ static let label_label2 = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
86
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
87
+ static let label_label2uppercase = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
88
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
89
+ static let label_label2bold = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
90
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes. */
91
+ static let label_label2uppercasebold = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
92
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
93
+ static let label_label3 = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
94
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn */
95
+ static let label_label3uppercase = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
96
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
97
+ static let label_label3bold = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
98
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
99
+ static let label_label3uppercasebold = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
100
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8. */
101
+ static let label_label4 = UIFont(name: "Lucida Grande", size: 8)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 8, weight: .light)
102
+ /** Use this text style for sections of text that are inside a fieldset with a quotation given by a person in an interview or a section of text from a larger body of text that need to be emphasized. */
103
+ static let quote_quote = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 18, weight: .heavy)
104
+ /** This text style is for use on accordion labels */
105
+ static let accordion_accordionlabel = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
106
+ /** This text style contains the variables necessary for setting how the font parameters for the article kicker behaves across breakpoints. For font size, this component level token currently references the semantic level token kicker1FontSize. */
107
+ static let article_articlekicker = UIFont(name: "Lucida Grande", size: 25)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 25, weight: .light)
108
+ /** This text style is used on image captions that show up in article pages only. */
109
+ static let article_articleimagecaption = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
110
+ /** This component level text style is reserved for article page headline texts that show up at the top of article pages. This text style references the generic text styles headline1 and headline2 font size variables. 40 - 40 - 72 - 100 */
111
+ static let article_articleheadline = UIFont(name: "Lucida Grande", size: 70)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 70, weight: .light)
112
+ /** This text style is used on short pieces of text that give information about where an image originated. It can also be used on short texts that give information about where a video originated. */
113
+ static let article_articlemetasource = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
114
+ /** Use this text style for time and day text string that commonly shows up along with the article authors avatars. Font size: 12 - 12 - 14 - 16 */
115
+ static let article_articletimestamp = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 16, weight: .heavy)
116
+ /** This text style is used on audio player labels for elapsed time, reproduction speed and short functionality description text. Font size: 16 - 16 - 16 - 18 */
117
+ static let audioplayer_audioplayerlabel = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 18, weight: .bold)
118
+ /** This text style is used for avatar on iOS & Android apps. 12 - 12 - 14 - 16 */
119
+ static let avatar_appavatar = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 16, weight: .heavy)
120
+ /** This text style is used on article page avatar name labels in their default state. Font size: 16 - 16 - 16 - 18
121
+
122
+ 09-2025, on large devices this component uses the css var --footnote-font-size-lg at 1024px bp changes to --footnote-font-size-sm */
123
+ static let avatar_avatardefault = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
124
+ /** This text style is used on avatars that appear in article pages. Font size: 16 - 16 - 16 - 18 */
125
+ static let avatar_avatarhover = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 15, weight: .bold)
126
+ /** This text style is used on avatars that show up on article pages. Some avatars have the individual's first and last name on a single line. The second line of the avatar label is then used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
127
+ static let avatar_avatarsecondaryinfo = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
128
+ /** This text style is used for the active state of the second line of avatar labels. This label text is used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
129
+ static let avatar_avatarsecondaryinfohover = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
130
+ /** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during horizontal video advertisements. */
131
+ static let badges_videoadbadge = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
132
+ /** This text style is used on horizontal video badges that contain either the video's total duration or a live status identifier. Font size: 16 - 16 - 18 - 18 */
133
+ static let badges_videotimebadge = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 18, weight: .light)
134
+ /** This text style is used for the last items in a breadcrumbs chain. It is commonly used in article pages and is a h1 in html. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
135
+ static let breadcrumb_breadcrumb = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
136
+ /** This text style is used for breadcrumb links that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
137
+ static let breadcrumb_breadcrumblink = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
138
+ /** This text style is used for the hover state of breadcrumbs that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
139
+ static let breadcrumb_breadcrumblinkhover = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 12, weight: .bold)
140
+ /** Use this text style on breaking news headlines that horizontally scroll in the breaking news animated strip. Font size constant 21. */
141
+ static let breakingnews_breakingnewstext = UIFont(name: "Lucida Grande", size: 21)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 21, weight: .bold)
142
+ /** Use this text style on the upper title of the breaking news headline strip. Font size constant 13. */
143
+ static let breakingnews_breakingnewsuppertitle = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 17, weight: .heavy)
144
+ /** Use this font style on the breaking news badge's lower title. Font size constant 23. */
145
+ static let breakingnews_breakingnewslowertitle = UIFont(name: "Lucida Grande", size: 30)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 30, weight: .heavy)
146
+ /** This text style is used on button labels. Its font size variable is currently in the Density collection. Font size changes across devices: 15 - 17 - 19 Current online CSS .btn--narrow & .btn */
147
+ static let button_buttonlabel = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
148
+ /** This text style is used on buttons that are commonly used inside of a container for advertizers and partners. This text is used in buttons that open links to external content. Font size: 16 - 16 - 16 - 18 */
149
+ static let button_partnerlinkbuttonlabel = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 18, weight: .light)
150
+ /** This text style is used on the chips component. They are commonly used for filtering parameters. font size: 16 - 16 - 16 - 18 */
151
+ static let chips_chipslabel = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 18, weight: .bold)
152
+ /** This text style is used for link texts contained inside cards that commonly show up at the bottom of pages in footers. This link text style's font size parameter uses the label2 font size variable. */
153
+ static let footer_footercardlink = UIFont(name: "Gotham XNarrow", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
154
+ /** This text style is found on footers that separate links with a vertical bar. Font size remains constant at 20 px across devices. */
155
+ static let footer_footerlinkseparator = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
156
+ /** This text style is used in footer links that show up at the bottom of content pages. Font size constant at 11px. */
157
+ static let footer_footerlinks = UIFont(name: "Gotham XNarrow", size: 11)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 11, weight: .bold)
158
+ /** User data and offer pages use this text style on footer links. Font size remains constant at 18px. */
159
+ static let footer_footerlinkuser&offerpages = UIFont(name: "Gotham XNarrow", size: 18)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 18, weight: .light)
160
+ /** This text style is used in dropdowns and other text input fields such as date inputs, search input fields and other inputs for text found in forms for example. Font size references a variable from the density collection. 15 - 17 - 19 */
161
+ static let inputfield_textinputfieldlabel = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
162
+ /** This text style is used on live ticker headlines. The font size changes between device sizes. 22 - 22 - 32 -32 */
163
+ static let liveticker_livetickerheadline = UIFont(name: "Lucida Grande", size: 32)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 32, weight: .semibold)
164
+ /** Use this text style on the live ticker time stamps. 14 - 14 - 16 - 16 */
165
+ static let liveticker_livetickertimestamp = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
166
+ /** This text style is used on controller labels of the podcast media player. Font size: 16 - 16 - 16 - 18 */
167
+ static let mediaplayers_podcastplayerlabel = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 18, weight: .light)
168
+ /** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during the video advertisement. */
169
+ static let mediaplayers_videoadtime = UIFont(name: "Gotham", size: 16)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 16, weight: .heavy)
170
+ /** Use this text style on video player time badges that display elapsed, total or live information text labels. This text style references the label2 font size variable. 15px constant */
171
+ static let mediaplayers_videoplayertime = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 18, weight: .heavy)
172
+ /** This text style is used on a small title that is placed above tab elements that are seen on iOS and Android top menu bar. */
173
+ static let menu_apptopbarstagetitle = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
174
+ /** iOS and Android apps currently have a top bar with tabs that when selected display different content within the main view of the device. This text style is used for a title text that provides information for the user to situate where they are within the app's content possibilities. */
175
+ static let menu_apptopbartabstitle = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 14, weight: .heavy)
176
+ /** Used on menu link lane items and on mobile side menu drawer. Current online CSS naming: --nav-btn */
177
+ static let menu_menuitemlabel = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
178
+ /** Use this tokenized font style for menu items with icons that are more important than the menu link lane items. Current online CSS: .nav_btn--type-util */
179
+ static let menu_menuitemutillabel = UIFont(name: "Lucida Grande", size: 12)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 12, weight: .light)
180
+ /** The vertical newsticker component has timestamps that use this text style. 16 - 16 - 16 - 18 */
181
+ static let newsticker_newstickertimestamp = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 18, weight: .bold)
182
+ /** This text style is a component level option for the newsticker kicker. Currently the newsticker kicker uses the semantic text style kicker3. This text style references the semantic one. */
183
+ static let newsticker_newstickerkicker = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
184
+ /** This text style is used on NewsTicker Headlines. It references the semantic level text style headline3. 28 - 28 - 36 - 40 */
185
+ static let newsticker_newstickerheadline = UIFont(name: "Lucida Grande", size: 32)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 32, weight: .light)
186
+ /** This component level text style stores the variables for the pagination component's active state (label1 with red accent color underline). Its size remains constant at 17px across device sizes. */
187
+ static let pagination_numberedpaginationactive = UIFont(name: "Lucida Grande", size: 17)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 17, weight: .bold)
188
+ /** This text style is used for the paywall price tag text. */
189
+ static let paywall_paywallcardpricetag = UIFont(name: "Lucida Grande", size: 64)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 64, weight: .heavy)
190
+ /** This text style is used on the paywall card under the price value. */
191
+ static let paywall_paywallcardnote = UIFont(name: "Lucida Grande", size: 40)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 40, weight: .heavy)
192
+ /** Used on menu link lane items and on mobile side menu drawer. */
193
+ static let specialnavi_specianaviitemlabel = UIFont(name: "Lucida Grande", size: 15)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 15, weight: .light)
194
+ /** This text style stores variables for the tab component. Tabs are similar to submenus and special navigation elements but tabs do not link to other URLs. */
195
+ static let tabs_tablabel = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
196
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
197
+ static let tabs_appbottombarlabeldefault = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
198
+ /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
199
+ static let tabs_appbottombarlabelactive = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
200
+ /** 16 - 16 - 22 - 24 | This text style currently uses two different semantic styles within it, the kicker3 for XS & S, and kicker2 for MD & LG */
201
+ static let ateaser_ateaserkicker = UIFont(name: "Lucida Grande", size: 21)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 21, weight: .light)
202
+ /** This text style references the semantic text styles headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 */
203
+ static let ateaser_ateaserheadline = UIFont(name: "Lucida Grande", size: 48)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 48, weight: .light)
204
+ /** This component level text style references size variables for the semantic level. Specifically kicker4. 14 - 14 - 16 - 16 */
205
+ static let mqteaser_mqteaserkicker = UIFont(name: "Lucida Grande", size: 14)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 14, weight: .light)
206
+ /** This component level text style references the semantic level text sizes of headline3 and headline4.
207
+ XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 */
208
+ static let mqteaser_mqteaserheadline = UIFont(name: "Lucida Grande", size: 32)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 32, weight: .light)
209
+ /** This component level text style is used on the quad teaser headline. Its font size parameter references the semantic level variable headline1. 48 - 48 - 72 - 100 */
210
+ static let qteaser_qteaserheadline = UIFont(name: "Lucida Grande", size: 70)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 70, weight: .light)
211
+ /** Standard teasers typography changes more than other teasers. On desktop they have a kicker, a headline and a short text. On mobile devices the short text is eliminated and the headline gains weight at device widths 600px. Then at small mobile sizes the weight drops once again. */
212
+ static let stdteaser_stdteaserheadline = UIFont(name: "Lucida Grande", size: 22)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 22, weight: .light)
213
+ /** This text style is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 */
214
+ static let toggleswitches_apptoogleitemlabel = UIFont(name: "Lucida Grande", size: 18)?.withWeight(.heavy) ?? UIFont.systemFont(ofSize: 18, weight: .heavy)
215
+ static let .dsdocsstyles_.pageheaderdescription = UIFont(name: "Lucida Grande", size: 16)?.withWeight(.bold) ?? UIFont.systemFont(ofSize: 16, weight: .bold)
216
+ /** This text style is only used on the design system's documentation for code syntax snippets. */
217
+ static let .dsdocsstyles_.codesnippets = UIFont(name: "Source Code Pro", size: 13)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 13, weight: .light)
218
+ /** This text style is only used for mockup pages of the design system website. */
219
+ static let .dsdocsstyles_.bilddesignsidemenu = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
220
+ /** This text style is only used for mockup pages of the design system website. */
221
+ static let .dsdocsstyles_.bilddesignsidemenuactive = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
222
+ /** This text style is only used for mockup pages of the design system website. */
223
+ static let .dsdocsstyles_.bilddesignsidemenuhover = UIFont(name: "Gotham XNarrow", size: 16)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 16, weight: .semibold)
224
+ /** This text style is only used for mockups the vertical video component teaser headlines. */
225
+ static let .dsdocsstyles_.verticalvideosmockheadlines = UIFont(name: "Gotham Condensed", size: 32)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 32, weight: .semibold)
226
+ /** This text style is used on documentation pages that contain some token information. */
227
+ static let .dsdocsstyles_.tokenspecl = UIFont(name: "Source Code Pro", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
228
+ /** This text style is only used for audit pages of the design system. */
229
+ static let .specs_.specsxs = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
230
+ /** This text style is only used for audit pages of the design system. */
231
+ static let .specs_.specss = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
232
+ /** This text style is only used for audit pages of the design system. */
233
+ static let .specs_.specsms = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
234
+ /** This text style is only used for audit pages of the design system. */
235
+ static let .specs_.specsm = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
236
+ /** This text style is only used for audit pages of the design system. */
237
+ static let .specs_.specsml = UIFont(name: "Gotham", size: 64)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 64, weight: .light)
238
+ /** This text style is only used for audit pages of the design system. */
239
+ static let .specs_.specsl = UIFont(name: "Gotham", size: 16)?.withWeight(.light) ?? UIFont.systemFont(ofSize: 16, weight: .light)
240
+ /** This text style is only used for audit pages of the design system. */
241
+ static let .specs_.specsxl = UIFont(name: "Gotham", size: 16)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 16, weight: .semibold)
242
+ /** This text style is only used for audit pages of the design system. */
243
+ static let .specs_.specsxxl = UIFont(name: "Gotham", size: 16)?.withWeight(.semibold) ?? UIFont.systemFont(ofSize: 16, weight: .semibold)
244
+ }
245
+ }
@@ -0,0 +1,20 @@
1
+
2
+ //
3
+ // DensityCompact.swift
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+
9
+ import UIKit
10
+
11
+ public class DensityCompact {
12
+ public static let componentButtonButtonContentGapSpace = CGFloat(96.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
13
+ public static let componentButtonButtonInlineSpace = CGFloat(256.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
14
+ public static let componentButtonButtonLabelFontSize = CGFloat(240.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
15
+ public static let componentButtonButtonStackSpace = CGFloat(96.00) /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
16
+ public static let componentInputfieldInputFieldHeightSize = CGFloat(576.00)
17
+ public static let componentInputfieldInputFieldInlineSpace = CGFloat(256.00)
18
+ public static let componentInputfieldInputFieldLabelFontSize = CGFloat(256.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
19
+ public static let componentInputfieldInputFieldStackSpace = CGFloat(96.00)
20
+ }