@marioschmidt/design-system-tokens 1.0.23 → 1.0.24

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 (216) 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/bild/overrides/brandcolormapping.dart +91 -91
  65. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
  66. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  67. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  68. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  69. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  70. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
  71. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
  72. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
  73. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
  74. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  75. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  76. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  77. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  78. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
  79. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
  80. package/dist/flutter/shared/colorprimitive.dart +82 -82
  81. package/dist/flutter/shared/fontprimitive.dart +21 -21
  82. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
  83. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  84. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  85. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  86. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  87. package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
  88. package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
  89. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
  90. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
  91. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  92. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  93. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  94. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  95. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
  96. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
  97. package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
  98. package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
  99. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
  100. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
  101. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  102. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  103. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  104. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  105. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
  106. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
  107. package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
  108. package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
  109. package/dist/ios/shared/Colorprimitive.swift +82 -82
  110. package/dist/ios/shared/Fontprimitive.swift +21 -21
  111. package/dist/js/brands/advertorial/density/density-compact.js +1 -1
  112. package/dist/js/brands/advertorial/density/density-default.js +1 -1
  113. package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
  114. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
  115. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  116. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  117. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  118. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  119. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +13 -13
  120. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +13 -13
  121. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +210 -210
  122. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +210 -210
  123. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +210 -210
  124. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +210 -210
  125. package/dist/js/brands/bild/density/density-compact.js +1 -1
  126. package/dist/js/brands/bild/density/density-default.js +1 -1
  127. package/dist/js/brands/bild/density/density-spacious.js +1 -1
  128. package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
  129. package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
  130. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  131. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  132. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  133. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  134. package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
  135. package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
  136. package/dist/js/brands/bild/semantic/effects/effects-dark.js +13 -13
  137. package/dist/js/brands/bild/semantic/effects/effects-light.js +13 -13
  138. package/dist/js/brands/bild/semantic/typography/typography-lg.js +210 -210
  139. package/dist/js/brands/bild/semantic/typography/typography-md.js +210 -210
  140. package/dist/js/brands/bild/semantic/typography/typography-sm.js +210 -210
  141. package/dist/js/brands/bild/semantic/typography/typography-xs.js +210 -210
  142. package/dist/js/brands/sportbild/density/density-compact.js +1 -1
  143. package/dist/js/brands/sportbild/density/density-default.js +1 -1
  144. package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
  145. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
  146. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
  147. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  148. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  149. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  150. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  151. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
  152. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
  153. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +13 -13
  154. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +13 -13
  155. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +210 -210
  156. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +210 -210
  157. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +210 -210
  158. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +210 -210
  159. package/dist/js/shared/colorprimitive.js +83 -83
  160. package/dist/js/shared/fontprimitive.js +22 -22
  161. package/dist/js/shared/sizeprimitive.js +1 -1
  162. package/dist/js/shared/spaceprimitive.js +1 -1
  163. package/dist/manifest.json +1 -1
  164. package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
  165. package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
  166. package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
  167. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
  168. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  169. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  170. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  171. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  172. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +13 -13
  173. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +13 -13
  174. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +210 -210
  175. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +210 -210
  176. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +210 -210
  177. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +210 -210
  178. package/dist/scss/brands/bild/density/density-compact.scss +1 -1
  179. package/dist/scss/brands/bild/density/density-default.scss +1 -1
  180. package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
  181. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
  182. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
  183. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  184. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  185. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  186. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  187. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
  188. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
  189. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +13 -13
  190. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +13 -13
  191. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +210 -210
  192. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +210 -210
  193. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +210 -210
  194. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +210 -210
  195. package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
  196. package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
  197. package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
  198. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
  199. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
  200. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  201. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  202. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  203. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  204. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
  205. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
  206. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +13 -13
  207. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +13 -13
  208. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +210 -210
  209. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +210 -210
  210. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +210 -210
  211. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +210 -210
  212. package/dist/scss/shared/colorprimitive.scss +83 -83
  213. package/dist/scss/shared/fontprimitive.scss +22 -22
  214. package/dist/scss/shared/sizeprimitive.scss +1 -1
  215. package/dist/scss/shared/spaceprimitive.scss +1 -1
  216. package/package.json +1 -1
@@ -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.090, green: 0.267, blue: 0.510, 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.400, green: 0.420, blue: 0.439, alpha: 1.000)
21
- /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
22
- public static let AvatarLabelColorDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, 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.090, green: 0.267, blue: 0.510, 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: 0.137, green: 0.149, blue: 0.161, 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: 1.000, green: 0.749, blue: 0.000, 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.039, green: 0.153, blue: 0.314, 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: 1.000, green: 0.749, blue: 0.000, 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: 1.000, green: 0.749, blue: 0.000, 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: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
41
-
42
- // MARK: - Component - Button - PrimaryBrand
43
- /** Bild: 046 ; SpoBi: 029 */
44
- public static let PrimaryBrandButtonPrimaryBgColorIdle = UIColor(red: 0.090, green: 0.267, blue: 0.510, 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.192, green: 0.349, blue: 0.596, alpha: 1.000)
47
- /** Bild: 035 ; SpoBi: 016 */
48
- public static let PrimaryBrandButtonPrimaryBgColorHover = UIColor(red: 0.039, green: 0.153, blue: 0.314, 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.090, green: 0.267, blue: 0.510, 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.741, green: 0.792, blue: 0.859, 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: 0.039, green: 0.153, blue: 0.314, 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.808, green: 0.831, blue: 0.855, alpha: 1.000)
67
- public static let MenuLinkLaneLabelColorDark = UIColor(red: 0.682, green: 0.706, blue: 0.725, 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.039, green: 0.153, blue: 0.314, alpha: 1.000)
70
- public static let MenuLinkColorBorderActive = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 1.000)
71
- public static let MenuLinkColorBorderActiveDark = UIColor(red: 0.969, green: 0.976, blue: 0.992, 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: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
74
- public static let AppTopBarSurfaceColor = UIColor(red: 0.173, green: 0.192, blue: 0.220, alpha: 1.000)
75
- public static let AppTopBarBgColorDark = UIColor(red: 0.173, green: 0.192, blue: 0.220, 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.173, green: 0.192, blue: 0.220, alpha: 1.000)
78
- public static let AppTopBarIconColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, 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.914, green: 0.925, blue: 0.937, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
83
- public static let AppTobBarTabNavBottomBorderDark = UIColor(red: 0.090, green: 0.267, blue: 0.510, alpha: 1.000)
84
- public static let AppTobBarTabNavBottomBorderActive = UIColor(red: 0.808, green: 0.831, blue: 0.855, 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.039, green: 0.153, blue: 0.314, alpha: 0.700)
89
- public static let TeaserTitleBackgroundGradientStop = UIColor(red: 0.039, green: 0.153, blue: 0.314, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
99
- /** Bild: 100 ; SpoBi: 098 */
100
- public static let AccentColorPrimaryDark = UIColor(red: 0.969, green: 0.976, blue: 0.992, 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.039, green: 0.153, blue: 0.314, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
117
- /** Bild: 046 ; SpoBi: 098 */
118
- public static let ColorPrimaryActiveDark = UIColor(red: 0.969, green: 0.976, blue: 0.992, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
31
+ /** Bild: 100 ; SpoBi: 098 */
32
+ public static let AccentColorPrimaryDark = UIColor(red: 0.969, green: 0.976, blue: 0.992, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
55
+ /** Bild: 046 ; SpoBi: 098 */
56
+ public static let ColorPrimaryActiveDark = UIColor(red: 0.969, green: 0.976, blue: 0.992, 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.741, green: 0.792, blue: 0.859, alpha: 1.000)
96
+
97
+ // MARK: - Component - Button - PrimaryBrand
98
+ /** Bild: 046 ; SpoBi: 029 */
99
+ public static let PrimaryBrandButtonPrimaryBgColorIdle = UIColor(red: 0.090, green: 0.267, blue: 0.510, 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.192, green: 0.349, blue: 0.596, alpha: 1.000)
102
+ /** Bild: 035 ; SpoBi: 016 */
103
+ public static let PrimaryBrandButtonPrimaryBgColorHover = UIColor(red: 0.039, green: 0.153, blue: 0.314, 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.090, green: 0.267, blue: 0.510, 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: 0.137, green: 0.149, blue: 0.161, 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: 1.000, green: 0.749, blue: 0.000, 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.039, green: 0.153, blue: 0.314, 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: 1.000, green: 0.749, blue: 0.000, 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: 1.000, green: 0.749, blue: 0.000, 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: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
122
+
123
+ // MARK: - Component - Teaser
124
+ public static let TeaserTitleBackgroundGradientStart = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.700)
125
+ public static let TeaserTitleBackgroundGradientStop = UIColor(red: 0.039, green: 0.153, blue: 0.314, 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: 0.039, green: 0.153, blue: 0.314, 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.808, green: 0.831, blue: 0.855, alpha: 1.000)
132
+ public static let MenuLinkLaneLabelColorDark = UIColor(red: 0.682, green: 0.706, blue: 0.725, 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.039, green: 0.153, blue: 0.314, alpha: 1.000)
135
+ public static let MenuLinkColorBorderActive = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 1.000)
136
+ public static let MenuLinkColorBorderActiveDark = UIColor(red: 0.969, green: 0.976, blue: 0.992, 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: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
139
+ public static let AppTopBarSurfaceColor = UIColor(red: 0.173, green: 0.192, blue: 0.220, alpha: 1.000)
140
+ public static let AppTopBarBgColorDark = UIColor(red: 0.173, green: 0.192, blue: 0.220, 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.173, green: 0.192, blue: 0.220, alpha: 1.000)
143
+ public static let AppTopBarIconColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, 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.914, green: 0.925, blue: 0.937, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
148
+ public static let AppTobBarTabNavBottomBorderDark = UIColor(red: 0.090, green: 0.267, blue: 0.510, alpha: 1.000)
149
+ public static let AppTobBarTabNavBottomBorderActive = UIColor(red: 0.808, green: 0.831, blue: 0.855, 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.400, green: 0.420, blue: 0.439, alpha: 1.000)
155
+ /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
156
+ public static let AvatarLabelColorDark = UIColor(red: 0.914, green: 0.925, blue: 0.937, 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.090, green: 0.267, blue: 0.510, alpha: 1.000)
159
+
160
+ public static let ChipColorActive = UIColor(red: 0.090, green: 0.267, blue: 0.510, alpha: 1.000)
161
+
162
162
  }