@marioschmidt/design-system-tokens 1.0.23 → 1.0.25

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 (246) hide show
  1. package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +430 -430
  2. package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +431 -431
  3. package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +436 -436
  4. package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +434 -434
  5. package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +442 -442
  6. package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +442 -442
  7. package/dist/css/brands/advertorial/density/density-compact.css +1 -1
  8. package/dist/css/brands/advertorial/density/density-default.css +1 -1
  9. package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
  10. package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +494 -494
  11. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  12. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  13. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  14. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  15. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +23 -23
  16. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +23 -23
  17. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +626 -626
  18. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +627 -627
  19. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +624 -624
  20. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +624 -624
  21. package/dist/css/brands/bild/density/density-compact.css +1 -1
  22. package/dist/css/brands/bild/density/density-default.css +1 -1
  23. package/dist/css/brands/bild/density/density-spacious.css +1 -1
  24. package/dist/css/brands/bild/overrides/brandcolormapping.css +140 -140
  25. package/dist/css/brands/bild/overrides/brandtokenmapping.css +494 -494
  26. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  27. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  28. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  29. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  30. package/dist/css/brands/bild/semantic/color/colormode-dark.css +385 -385
  31. package/dist/css/brands/bild/semantic/color/colormode-light.css +385 -385
  32. package/dist/css/brands/bild/semantic/effects/effects-dark.css +23 -23
  33. package/dist/css/brands/bild/semantic/effects/effects-light.css +23 -23
  34. package/dist/css/brands/bild/semantic/typography/typography-lg.css +637 -637
  35. package/dist/css/brands/bild/semantic/typography/typography-md.css +632 -632
  36. package/dist/css/brands/bild/semantic/typography/typography-sm.css +632 -632
  37. package/dist/css/brands/bild/semantic/typography/typography-xs.css +633 -633
  38. package/dist/css/brands/sportbild/density/density-compact.css +1 -1
  39. package/dist/css/brands/sportbild/density/density-default.css +1 -1
  40. package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
  41. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +140 -140
  42. package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +494 -494
  43. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  44. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  45. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  46. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  47. package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +385 -385
  48. package/dist/css/brands/sportbild/semantic/color/colormode-light.css +385 -385
  49. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +23 -23
  50. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +23 -23
  51. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +632 -632
  52. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +631 -631
  53. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +631 -631
  54. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +631 -631
  55. package/dist/css/shared/colorprimitive.css +97 -97
  56. package/dist/css/shared/fontprimitive.css +22 -22
  57. package/dist/css/shared/sizeprimitive.css +1 -1
  58. package/dist/css/shared/spaceprimitive.css +1 -1
  59. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +291 -291
  60. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  61. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  62. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  63. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  64. package/dist/flutter/brands/advertorial/semantic/effects/effects-dark.dart +186 -15
  65. package/dist/flutter/brands/advertorial/semantic/effects/effects-light.dart +186 -15
  66. package/dist/flutter/brands/advertorial/semantic/typography/typography-lg.dart +1060 -138
  67. package/dist/flutter/brands/advertorial/semantic/typography/typography-md.dart +1059 -137
  68. package/dist/flutter/brands/advertorial/semantic/typography/typography-sm.dart +1060 -138
  69. package/dist/flutter/brands/advertorial/semantic/typography/typography-xs.dart +1059 -137
  70. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +91 -91
  71. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
  72. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  73. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  74. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  75. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  76. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
  77. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
  78. package/dist/flutter/brands/bild/semantic/effects/effects-dark.dart +186 -15
  79. package/dist/flutter/brands/bild/semantic/effects/effects-light.dart +186 -15
  80. package/dist/flutter/brands/bild/semantic/typography/typography-lg.dart +1060 -138
  81. package/dist/flutter/brands/bild/semantic/typography/typography-md.dart +1059 -137
  82. package/dist/flutter/brands/bild/semantic/typography/typography-sm.dart +1060 -138
  83. package/dist/flutter/brands/bild/semantic/typography/typography-xs.dart +1059 -137
  84. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
  85. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
  86. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  87. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  88. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  89. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  90. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
  91. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
  92. package/dist/flutter/brands/sportbild/semantic/effects/effects-dark.dart +186 -15
  93. package/dist/flutter/brands/sportbild/semantic/effects/effects-light.dart +186 -15
  94. package/dist/flutter/brands/sportbild/semantic/typography/typography-lg.dart +1060 -138
  95. package/dist/flutter/brands/sportbild/semantic/typography/typography-md.dart +1059 -137
  96. package/dist/flutter/brands/sportbild/semantic/typography/typography-sm.dart +1060 -138
  97. package/dist/flutter/brands/sportbild/semantic/typography/typography-xs.dart +1059 -137
  98. package/dist/flutter/shared/colorprimitive.dart +82 -82
  99. package/dist/flutter/shared/fontprimitive.dart +21 -21
  100. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
  101. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  102. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  103. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  104. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  105. package/dist/ios/brands/advertorial/semantic/effects/EffectsDark.swift +48 -16
  106. package/dist/ios/brands/advertorial/semantic/effects/EffectsLight.swift +48 -16
  107. package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
  108. package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
  109. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
  110. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
  111. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  112. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  113. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  114. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  115. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
  116. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
  117. package/dist/ios/brands/bild/semantic/effects/EffectsDark.swift +48 -16
  118. package/dist/ios/brands/bild/semantic/effects/EffectsLight.swift +48 -16
  119. package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
  120. package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
  121. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
  122. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
  123. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  124. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  125. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  126. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  127. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
  128. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
  129. package/dist/ios/brands/sportbild/semantic/effects/EffectsDark.swift +48 -16
  130. package/dist/ios/brands/sportbild/semantic/effects/EffectsLight.swift +48 -16
  131. package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
  132. package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
  133. package/dist/ios/shared/Colorprimitive.swift +82 -82
  134. package/dist/ios/shared/Fontprimitive.swift +21 -21
  135. package/dist/js/brands/advertorial/density/density-compact.js +1 -1
  136. package/dist/js/brands/advertorial/density/density-default.js +1 -1
  137. package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
  138. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
  139. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  140. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  141. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  142. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  143. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +181 -21
  144. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +181 -21
  145. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +892 -254
  146. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +892 -254
  147. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +892 -254
  148. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +892 -254
  149. package/dist/js/brands/bild/density/density-compact.js +1 -1
  150. package/dist/js/brands/bild/density/density-default.js +1 -1
  151. package/dist/js/brands/bild/density/density-spacious.js +1 -1
  152. package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
  153. package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
  154. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  155. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  156. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  157. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  158. package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
  159. package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
  160. package/dist/js/brands/bild/semantic/effects/effects-dark.js +181 -21
  161. package/dist/js/brands/bild/semantic/effects/effects-light.js +181 -21
  162. package/dist/js/brands/bild/semantic/typography/typography-lg.js +892 -254
  163. package/dist/js/brands/bild/semantic/typography/typography-md.js +892 -254
  164. package/dist/js/brands/bild/semantic/typography/typography-sm.js +892 -254
  165. package/dist/js/brands/bild/semantic/typography/typography-xs.js +892 -254
  166. package/dist/js/brands/sportbild/density/density-compact.js +1 -1
  167. package/dist/js/brands/sportbild/density/density-default.js +1 -1
  168. package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
  169. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
  170. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
  171. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  172. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  173. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  174. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  175. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
  176. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
  177. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +181 -21
  178. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +181 -21
  179. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +892 -254
  180. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +892 -254
  181. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +892 -254
  182. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +892 -254
  183. package/dist/js/shared/colorprimitive.js +83 -83
  184. package/dist/js/shared/fontprimitive.js +22 -22
  185. package/dist/js/shared/sizeprimitive.js +1 -1
  186. package/dist/js/shared/spaceprimitive.js +1 -1
  187. package/dist/manifest.json +1 -1
  188. package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
  189. package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
  190. package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
  191. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
  192. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  193. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  194. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  195. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  196. package/dist/scss/brands/bild/density/density-compact.scss +1 -1
  197. package/dist/scss/brands/bild/density/density-default.scss +1 -1
  198. package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
  199. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
  200. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
  201. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  202. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  203. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  204. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  205. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
  206. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
  207. package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
  208. package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
  209. package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
  210. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
  211. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
  212. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  213. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  214. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  215. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  216. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
  217. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
  218. package/dist/scss/shared/colorprimitive.scss +83 -83
  219. package/dist/scss/shared/fontprimitive.scss +22 -22
  220. package/dist/scss/shared/sizeprimitive.scss +1 -1
  221. package/dist/scss/shared/spaceprimitive.scss +1 -1
  222. package/package.json +1 -1
  223. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-dark.xml +0 -20
  224. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-light.xml +0 -20
  225. package/dist/android/res/values/brands/bild/semantic/effects/effects-dark.xml +0 -20
  226. package/dist/android/res/values/brands/bild/semantic/effects/effects-light.xml +0 -20
  227. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-dark.xml +0 -20
  228. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-light.xml +0 -20
  229. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +0 -56
  230. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +0 -56
  231. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +0 -459
  232. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +0 -459
  233. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +0 -459
  234. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +0 -459
  235. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +0 -56
  236. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +0 -56
  237. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +0 -459
  238. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +0 -459
  239. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +0 -459
  240. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +0 -459
  241. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +0 -56
  242. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +0 -56
  243. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +0 -459
  244. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +0 -459
  245. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +0 -459
  246. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +0 -459
@@ -9,96 +9,10 @@
9
9
  import UIKit
10
10
 
11
11
  public class Brandcolormapping {
12
- // MARK: - ============================================
13
- // MARK: - COMPONENT
14
- // MARK: - ============================================
15
-
16
- public static let ChipColorActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
17
-
18
- // MARK: - Component - Avatar
19
- /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
20
- public static let AvatarLabelColor = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
21
- /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
22
- public static let AvatarLabelColorDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
23
- /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
24
- public static let AvatarLabelColorHover = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
25
-
26
- // MARK: - Component - BreakingNews
27
- /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
28
- public static let BreakingNewsTextContentColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
29
- /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
30
- public static let BreakingNewsSurfaceColor = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
31
- /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
32
- public static let BreakingNewsTitleSurfaceColor = UIColor(red: 0.992, green: 0.510, blue: 0.153, alpha: 1.000)
33
- /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
34
- public static let BreakingNewsTopTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
35
- /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode. Bild: 093 ; SpoBi: 081 */
36
- public static let BreakingNewsSurfaceColorDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
37
- /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
38
- public static let BreakingNewsTextContentColorDark = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
39
- /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
40
- public static let BreakingNewsBottomTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
41
-
42
- // MARK: - Component - Button - PrimaryBrand
43
- /** Bild: 046 ; SpoBi: 029 */
44
- public static let PrimaryBrandButtonPrimaryBgColorIdle = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
45
- /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
46
- public static let PrimaryBrandButtonPrimaryBgColorIdleDark = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
47
- /** Bild: 035 ; SpoBi: 016 */
48
- public static let PrimaryBrandButtonPrimaryBgColorHover = UIColor(red: 0.686, green: 0.000, blue: 0.008, alpha: 1.000)
49
- /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
50
- public static let PrimaryBrandButtonPrimaryBgColorHoverDark = UIColor(red: 0.686, green: 0.000, blue: 0.008, alpha: 1.000)
51
-
52
- // MARK: - Component - Button - PrimaryNeutral
53
- /** Bild & SpoBi: Tone 015 */
54
- public static let PrimaryNeutralButtonPrimaryBgColorIdle = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
55
- /** Bild & SpoBi: Tone 035 */
56
- public static let PrimaryNeutralButtonPrimaryBgColorHover = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
57
- /** Bild & SpoBi: Tone 100 */
58
- public static let PrimaryNeutralButtonPrimaryBgColorIdleDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
59
- /** Bild: 093 ; SpoBi: 081 */
60
- public static let PrimaryNeutralButtonPrimaryBgColorHoverDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
61
-
62
- // MARK: - Component - Menu
63
- /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
64
- public static let MenuLinkLaneSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
65
- /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
66
- public static let MenuLinkLaneLabelColor = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
67
- public static let MenuLinkLaneLabelColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
68
- /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. */
69
- public static let MenuLinkLaneSurfaceColorDark = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
70
- public static let MenuLinkColorBorderActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
71
- public static let MenuLinkColorBorderActiveDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
72
- /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
73
- public static let MenuLinkLaneLabelColorActive = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
74
- public static let AppTopBarSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
75
- public static let AppTopBarBgColorDark = UIColor(red: 0.204, green: 0.235, blue: 0.255, alpha: 1.000)
76
- public static let AppBottomTabBarBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
77
- public static let AppBottomTabBarBgDark = UIColor(red: 0.204, green: 0.235, blue: 0.255, alpha: 1.000)
78
- public static let AppTopBarIconColor = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
79
- public static let AppTopBarIconColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
80
- public static let AppTopBarTextColor = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
81
- public static let AppTopBarTextColorDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
82
- public static let AppTobBarTabNavBottomBorder = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
83
- public static let AppTobBarTabNavBottomBorderDark = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
84
- public static let AppTobBarTabNavBottomBorderActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
85
- public static let AppTobBarTabNavBottomBorderActiveDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
86
-
87
- // MARK: - Component - Teaser
88
- public static let TeaserTitleBackgroundGradientStart = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
89
- public static let TeaserTitleBackgroundGradientStop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.000)
90
-
91
-
92
12
  // MARK: - ============================================
93
13
  // MARK: - GLOBAL
94
14
  // MARK: - ============================================
95
15
 
96
- // MARK: - Global - Attention
97
- /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
98
- public static let AccentColorPrimary = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
99
- /** Bild: 100 ; SpoBi: 098 */
100
- public static let AccentColorPrimaryDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
101
-
102
16
  // MARK: - Global - Core
103
17
  /** Bild: 046; SpoBi: 016 current css calls this variable main tenant color */
104
18
  public static let CoreColorPrimary = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
@@ -111,11 +25,11 @@ public class Brandcolormapping {
111
25
  /** Bild&SpoBi: 100 */
112
26
  public static let CoreColorTertiaryDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
113
27
 
114
- // MARK: - Global - State
115
- /** Bild: 046 ; SpoBi: 029 */
116
- public static let ColorPrimaryActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
117
- /** Bild: 046 ; SpoBi: 098 */
118
- public static let ColorPrimaryActiveDark = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
28
+ // MARK: - Global - Attention
29
+ /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
30
+ public static let AccentColorPrimary = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
31
+ /** Bild: 100 ; SpoBi: 098 */
32
+ public static let AccentColorPrimaryDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
119
33
 
120
34
  // MARK: - Global - Surface
121
35
  /** Bild: 100 ; SpoBi: 100 */
@@ -135,6 +49,12 @@ public class Brandcolormapping {
135
49
  /** Bild: 035 ; SpoBi: 035 */
136
50
  public static let SurfaceColorQuartenaryDark = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
137
51
 
52
+ // MARK: - Global - State
53
+ /** Bild: 046 ; SpoBi: 029 */
54
+ public static let ColorPrimaryActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
55
+ /** Bild: 046 ; SpoBi: 098 */
56
+ public static let ColorPrimaryActiveDark = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
57
+
138
58
  // MARK: - Global - Text
139
59
  /** Bild & SpoBi: Tone 015 */
140
60
  public static let TextColorPrimary = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
@@ -159,4 +79,84 @@ public class Brandcolormapping {
159
79
  /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
160
80
  public static let KickerBgColorOnSurfaceDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
161
81
 
82
+
83
+ // MARK: - ============================================
84
+ // MARK: - COMPONENT
85
+ // MARK: - ============================================
86
+
87
+ // MARK: - Component - Button - PrimaryNeutral
88
+ /** Bild & SpoBi: Tone 015 */
89
+ public static let PrimaryNeutralButtonPrimaryBgColorIdle = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
90
+ /** Bild & SpoBi: Tone 035 */
91
+ public static let PrimaryNeutralButtonPrimaryBgColorHover = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
92
+ /** Bild & SpoBi: Tone 100 */
93
+ public static let PrimaryNeutralButtonPrimaryBgColorIdleDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
94
+ /** Bild: 093 ; SpoBi: 081 */
95
+ public static let PrimaryNeutralButtonPrimaryBgColorHoverDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
96
+
97
+ // MARK: - Component - Button - PrimaryBrand
98
+ /** Bild: 046 ; SpoBi: 029 */
99
+ public static let PrimaryBrandButtonPrimaryBgColorIdle = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
100
+ /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
101
+ public static let PrimaryBrandButtonPrimaryBgColorIdleDark = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
102
+ /** Bild: 035 ; SpoBi: 016 */
103
+ public static let PrimaryBrandButtonPrimaryBgColorHover = UIColor(red: 0.686, green: 0.000, blue: 0.008, alpha: 1.000)
104
+ /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
105
+ public static let PrimaryBrandButtonPrimaryBgColorHoverDark = UIColor(red: 0.686, green: 0.000, blue: 0.008, alpha: 1.000)
106
+
107
+ // MARK: - Component - BreakingNews
108
+ /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
109
+ public static let BreakingNewsTextContentColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
110
+ /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
111
+ public static let BreakingNewsSurfaceColor = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
112
+ /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
113
+ public static let BreakingNewsTitleSurfaceColor = UIColor(red: 0.992, green: 0.510, blue: 0.153, alpha: 1.000)
114
+ /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
115
+ public static let BreakingNewsTopTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
116
+ /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode. Bild: 093 ; SpoBi: 081 */
117
+ public static let BreakingNewsSurfaceColorDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
118
+ /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
119
+ public static let BreakingNewsTextContentColorDark = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
120
+ /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
121
+ public static let BreakingNewsBottomTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
122
+
123
+ // MARK: - Component - Teaser
124
+ public static let TeaserTitleBackgroundGradientStart = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
125
+ public static let TeaserTitleBackgroundGradientStop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.000)
126
+
127
+ // MARK: - Component - Menu
128
+ /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
129
+ public static let MenuLinkLaneSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
130
+ /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
131
+ public static let MenuLinkLaneLabelColor = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
132
+ public static let MenuLinkLaneLabelColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
133
+ /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. */
134
+ public static let MenuLinkLaneSurfaceColorDark = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
135
+ public static let MenuLinkColorBorderActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
136
+ public static let MenuLinkColorBorderActiveDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
137
+ /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
138
+ public static let MenuLinkLaneLabelColorActive = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
139
+ public static let AppTopBarSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
140
+ public static let AppTopBarBgColorDark = UIColor(red: 0.204, green: 0.235, blue: 0.255, alpha: 1.000)
141
+ public static let AppBottomTabBarBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
142
+ public static let AppBottomTabBarBgDark = UIColor(red: 0.204, green: 0.235, blue: 0.255, alpha: 1.000)
143
+ public static let AppTopBarIconColor = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
144
+ public static let AppTopBarIconColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
145
+ public static let AppTopBarTextColor = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
146
+ public static let AppTopBarTextColorDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
147
+ public static let AppTobBarTabNavBottomBorder = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
148
+ public static let AppTobBarTabNavBottomBorderDark = UIColor(red: 0.294, green: 0.322, blue: 0.353, alpha: 1.000)
149
+ public static let AppTobBarTabNavBottomBorderActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
150
+ public static let AppTobBarTabNavBottomBorderActiveDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
151
+
152
+ // MARK: - Component - Avatar
153
+ /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
154
+ public static let AvatarLabelColor = UIColor(red: 0.137, green: 0.149, blue: 0.161, alpha: 1.000)
155
+ /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
156
+ public static let AvatarLabelColorDark = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
157
+ /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
158
+ public static let AvatarLabelColorHover = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
159
+
160
+ public static let ChipColorActive = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
161
+
162
162
  }