@marioschmidt/design-system-tokens 1.0.15 → 1.0.17

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 (591) hide show
  1. package/README.md +549 -493
  2. package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +669 -0
  3. package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +669 -0
  4. package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +669 -0
  5. package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +669 -0
  6. package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +668 -0
  7. package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +668 -0
  8. package/dist/android/res/values/brands/advertorial/density/density-compact.xml +15 -0
  9. package/dist/android/res/values/brands/advertorial/density/density-default.xml +15 -0
  10. package/dist/android/res/values/brands/advertorial/density/density-spacious.xml +15 -0
  11. package/dist/android/res/values/{mapping/brand_advertorial.xml → brands/advertorial/overrides/brandtokenmapping.xml} +250 -250
  12. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +473 -0
  13. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.xml +473 -0
  14. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.xml +473 -0
  15. package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.xml +473 -0
  16. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-dark.xml +20 -0
  17. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-light.xml +20 -0
  18. package/dist/android/res/values/brands/bild/density/density-compact.xml +15 -0
  19. package/dist/android/res/values/brands/bild/density/density-default.xml +15 -0
  20. package/dist/android/res/values/brands/bild/density/density-spacious.xml +15 -0
  21. package/dist/android/res/values/{mapping/brand_color_bild.xml → brands/bild/overrides/brandcolormapping.xml} +52 -52
  22. package/dist/android/res/values/{mapping/brand_bild.xml → brands/bild/overrides/brandtokenmapping.xml} +250 -250
  23. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +473 -0
  24. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-md-600px.xml +473 -0
  25. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +473 -0
  26. package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-xs-320px.xml +473 -0
  27. package/dist/android/res/values/{semantic/advertorial/color/color_advertorial_dark.xml → brands/bild/semantic/color/colormode-dark.xml} +221 -221
  28. package/dist/android/res/values/{semantic/advertorial/color/color_advertorial_light.xml → brands/bild/semantic/color/colormode-light.xml} +226 -226
  29. package/dist/android/res/values/brands/bild/semantic/effects/effects-dark.xml +20 -0
  30. package/dist/android/res/values/brands/bild/semantic/effects/effects-light.xml +20 -0
  31. package/dist/android/res/values/brands/sportbild/density/density-compact.xml +15 -0
  32. package/dist/android/res/values/brands/sportbild/density/density-default.xml +15 -0
  33. package/dist/android/res/values/brands/sportbild/density/density-spacious.xml +15 -0
  34. package/dist/android/res/values/{mapping/brand_color_sportbild.xml → brands/sportbild/overrides/brandcolormapping.xml} +53 -53
  35. package/dist/android/res/values/{mapping/brand_sportbild.xml → brands/sportbild/overrides/brandtokenmapping.xml} +250 -250
  36. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +473 -0
  37. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.xml +473 -0
  38. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +473 -0
  39. package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.xml +473 -0
  40. package/dist/android/res/values/{semantic/bild/color/color_bild_dark.xml → brands/sportbild/semantic/color/colormode-dark.xml} +221 -221
  41. package/dist/android/res/values/{semantic/bild/color/color_bild_light.xml → brands/sportbild/semantic/color/colormode-light.xml} +226 -226
  42. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-dark.xml +20 -0
  43. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-light.xml +20 -0
  44. package/dist/android/res/values/{base/primitive_color_value.xml → shared/colorprimitive.xml} +74 -74
  45. package/dist/android/res/values/{base/primitive_font_value.xml → shared/fontprimitive.xml} +23 -23
  46. package/dist/android/res/values/shared/sizeprimitive.xml +56 -0
  47. package/dist/android/res/values/shared/spaceprimitive.xml +32 -0
  48. package/dist/css/brands/advertorial/density/density-compact.css +14 -0
  49. package/dist/css/brands/advertorial/density/density-default.css +14 -0
  50. package/dist/css/brands/advertorial/density/density-spacious.css +14 -0
  51. package/dist/css/{mapping/brand-advertorial-global.css → brands/advertorial/overrides/brandtokenmapping.css} +131 -131
  52. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +490 -0
  53. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +490 -0
  54. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +490 -0
  55. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +490 -0
  56. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +66 -0
  57. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +66 -0
  58. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +989 -0
  59. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +989 -0
  60. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +989 -0
  61. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +989 -0
  62. package/dist/css/brands/bild/density/density-compact.css +14 -0
  63. package/dist/css/brands/bild/density/density-default.css +14 -0
  64. package/dist/css/brands/bild/density/density-spacious.css +14 -0
  65. package/dist/css/brands/bild/overrides/brandcolormapping.css +74 -0
  66. package/dist/css/{mapping/brand-bild-global.css → brands/bild/overrides/brandtokenmapping.css} +94 -94
  67. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +490 -0
  68. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +490 -0
  69. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +490 -0
  70. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +490 -0
  71. package/dist/css/{semantic/bild/color/color-bild-dark-global.css → brands/bild/semantic/color/colormode-dark.css} +302 -302
  72. package/dist/css/{semantic/bild/color/color-bild-light-global.css → brands/bild/semantic/color/colormode-light.css} +301 -301
  73. package/dist/css/brands/bild/semantic/effects/effects-dark.css +66 -0
  74. package/dist/css/brands/bild/semantic/effects/effects-light.css +66 -0
  75. package/dist/css/brands/bild/semantic/typography/typography-lg.css +989 -0
  76. package/dist/css/brands/bild/semantic/typography/typography-md.css +989 -0
  77. package/dist/css/brands/bild/semantic/typography/typography-sm.css +989 -0
  78. package/dist/css/brands/bild/semantic/typography/typography-xs.css +989 -0
  79. package/dist/css/brands/sportbild/density/density-compact.css +14 -0
  80. package/dist/css/brands/sportbild/density/density-default.css +14 -0
  81. package/dist/css/brands/sportbild/density/density-spacious.css +14 -0
  82. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +74 -0
  83. package/dist/css/{mapping/brand-sportbild-global.css → brands/sportbild/overrides/brandtokenmapping.css} +128 -128
  84. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +490 -0
  85. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +490 -0
  86. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +490 -0
  87. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +490 -0
  88. package/dist/css/{semantic/advertorial/color/color-advertorial-dark-global.css → brands/sportbild/semantic/color/colormode-dark.css} +302 -302
  89. package/dist/css/{semantic/advertorial/color/color-advertorial-light-global.css → brands/sportbild/semantic/color/colormode-light.css} +301 -301
  90. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +66 -0
  91. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +66 -0
  92. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +989 -0
  93. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +989 -0
  94. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +989 -0
  95. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +989 -0
  96. package/dist/css/shared/colorprimitive.css +100 -0
  97. package/dist/flutter/brands/advertorial/density/density-compact.dart +23 -0
  98. package/dist/flutter/brands/advertorial/density/density-default.dart +23 -0
  99. package/dist/flutter/brands/advertorial/density/density-spacious.dart +23 -0
  100. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +286 -0
  101. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +499 -0
  102. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +499 -0
  103. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +499 -0
  104. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +499 -0
  105. package/dist/flutter/brands/advertorial/semantic/effects/effects-dark.dart +28 -0
  106. package/dist/flutter/brands/advertorial/semantic/effects/effects-light.dart +28 -0
  107. package/dist/flutter/brands/advertorial/semantic/typography/typography-lg.dart +147 -0
  108. package/dist/flutter/brands/advertorial/semantic/typography/typography-md.dart +147 -0
  109. package/dist/flutter/brands/advertorial/semantic/typography/typography-sm.dart +147 -0
  110. package/dist/flutter/brands/advertorial/semantic/typography/typography-xs.dart +147 -0
  111. package/dist/flutter/brands/bild/density/density-compact.dart +23 -0
  112. package/dist/flutter/brands/bild/density/density-default.dart +23 -0
  113. package/dist/flutter/brands/bild/density/density-spacious.dart +23 -0
  114. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +83 -0
  115. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +286 -0
  116. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +499 -0
  117. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +499 -0
  118. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +499 -0
  119. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +499 -0
  120. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +435 -0
  121. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +435 -0
  122. package/dist/flutter/brands/bild/semantic/effects/effects-dark.dart +28 -0
  123. package/dist/flutter/brands/bild/semantic/effects/effects-light.dart +28 -0
  124. package/dist/flutter/brands/bild/semantic/typography/typography-lg.dart +147 -0
  125. package/dist/flutter/brands/bild/semantic/typography/typography-md.dart +147 -0
  126. package/dist/flutter/brands/bild/semantic/typography/typography-sm.dart +147 -0
  127. package/dist/flutter/brands/bild/semantic/typography/typography-xs.dart +147 -0
  128. package/dist/flutter/brands/sportbild/density/density-compact.dart +23 -0
  129. package/dist/flutter/brands/sportbild/density/density-default.dart +23 -0
  130. package/dist/flutter/brands/sportbild/density/density-spacious.dart +23 -0
  131. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +83 -0
  132. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +286 -0
  133. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +499 -0
  134. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +499 -0
  135. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +499 -0
  136. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +499 -0
  137. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +435 -0
  138. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +435 -0
  139. package/dist/flutter/brands/sportbild/semantic/effects/effects-dark.dart +28 -0
  140. package/dist/flutter/brands/sportbild/semantic/effects/effects-light.dart +28 -0
  141. package/dist/flutter/brands/sportbild/semantic/typography/typography-lg.dart +147 -0
  142. package/dist/flutter/brands/sportbild/semantic/typography/typography-md.dart +147 -0
  143. package/dist/flutter/brands/sportbild/semantic/typography/typography-sm.dart +147 -0
  144. package/dist/flutter/brands/sportbild/semantic/typography/typography-xs.dart +147 -0
  145. package/dist/flutter/shared/colorprimitive.dart +109 -0
  146. package/dist/flutter/shared/fontprimitive.dart +58 -0
  147. package/dist/flutter/shared/sizeprimitive.dart +64 -0
  148. package/dist/flutter/shared/spaceprimitive.dart +40 -0
  149. package/dist/ios/brands/advertorial/density/DensityCompact.swift +20 -0
  150. package/dist/ios/brands/advertorial/density/DensityDefault.swift +20 -0
  151. package/dist/ios/brands/advertorial/density/DensitySpacious.swift +20 -0
  152. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +283 -0
  153. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +496 -0
  154. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +496 -0
  155. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +496 -0
  156. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +496 -0
  157. package/dist/ios/brands/advertorial/semantic/effects/EffectsDark.swift +25 -0
  158. package/dist/ios/brands/advertorial/semantic/effects/EffectsLight.swift +25 -0
  159. package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +245 -0
  160. package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +245 -0
  161. package/dist/ios/brands/bild/density/DensityCompact.swift +20 -0
  162. package/dist/ios/brands/bild/density/DensityDefault.swift +20 -0
  163. package/dist/ios/brands/bild/density/DensitySpacious.swift +20 -0
  164. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +80 -0
  165. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +283 -0
  166. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +496 -0
  167. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +496 -0
  168. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +496 -0
  169. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +496 -0
  170. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +432 -0
  171. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +432 -0
  172. package/dist/ios/brands/bild/semantic/effects/EffectsDark.swift +25 -0
  173. package/dist/ios/brands/bild/semantic/effects/EffectsLight.swift +25 -0
  174. package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +245 -0
  175. package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +245 -0
  176. package/dist/ios/brands/sportbild/density/DensityCompact.swift +20 -0
  177. package/dist/ios/brands/sportbild/density/DensityDefault.swift +20 -0
  178. package/dist/ios/brands/sportbild/density/DensitySpacious.swift +20 -0
  179. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +80 -0
  180. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +283 -0
  181. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +496 -0
  182. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +496 -0
  183. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +496 -0
  184. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +496 -0
  185. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +432 -0
  186. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +432 -0
  187. package/dist/ios/brands/sportbild/semantic/effects/EffectsDark.swift +25 -0
  188. package/dist/ios/brands/sportbild/semantic/effects/EffectsLight.swift +25 -0
  189. package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +245 -0
  190. package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +245 -0
  191. package/dist/ios/shared/Colorprimitive.swift +106 -0
  192. package/dist/ios/shared/Fontprimitive.swift +55 -0
  193. package/dist/ios/shared/Sizeprimitive.swift +61 -0
  194. package/dist/ios/shared/Spaceprimitive.swift +37 -0
  195. package/dist/js/brands/advertorial/density/density-compact.js +12 -0
  196. package/dist/js/brands/advertorial/density/density-default.js +12 -0
  197. package/dist/js/brands/advertorial/density/density-spacious.js +12 -0
  198. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +332 -0
  199. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +494 -0
  200. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +498 -0
  201. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +496 -0
  202. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +496 -0
  203. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +219 -0
  204. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +219 -0
  205. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +1135 -0
  206. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +1135 -0
  207. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +1135 -0
  208. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +1135 -0
  209. package/dist/js/brands/bild/density/density-compact.js +12 -0
  210. package/dist/js/brands/bild/density/density-default.js +12 -0
  211. package/dist/js/brands/bild/density/density-spacious.js +12 -0
  212. package/dist/js/brands/bild/overrides/brandcolormapping.js +76 -0
  213. package/dist/js/brands/bild/overrides/brandtokenmapping.js +301 -0
  214. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +482 -0
  215. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +485 -0
  216. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +488 -0
  217. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +488 -0
  218. package/dist/js/brands/bild/semantic/color/colormode-dark.js +229 -0
  219. package/dist/js/brands/bild/semantic/color/colormode-light.js +229 -0
  220. package/dist/js/brands/bild/semantic/effects/effects-dark.js +219 -0
  221. package/dist/js/brands/bild/semantic/effects/effects-light.js +219 -0
  222. package/dist/js/brands/bild/semantic/typography/typography-lg.js +1135 -0
  223. package/dist/js/brands/bild/semantic/typography/typography-md.js +1135 -0
  224. package/dist/js/brands/bild/semantic/typography/typography-sm.js +1135 -0
  225. package/dist/js/brands/bild/semantic/typography/typography-xs.js +1135 -0
  226. package/dist/js/brands/sportbild/density/density-compact.js +12 -0
  227. package/dist/js/brands/sportbild/density/density-default.js +12 -0
  228. package/dist/js/brands/sportbild/density/density-spacious.js +12 -0
  229. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +76 -0
  230. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +332 -0
  231. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +497 -0
  232. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +497 -0
  233. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +497 -0
  234. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +497 -0
  235. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +229 -0
  236. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +229 -0
  237. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +219 -0
  238. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +219 -0
  239. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +1135 -0
  240. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +1135 -0
  241. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +1135 -0
  242. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +1135 -0
  243. package/dist/js/shared/colorprimitive.js +98 -0
  244. package/dist/js/shared/fontprimitive.js +47 -0
  245. package/dist/js/shared/sizeprimitive.js +53 -0
  246. package/dist/js/shared/spaceprimitive.js +29 -0
  247. package/dist/json/brands/advertorial/density/density-compact.json +330 -0
  248. package/dist/json/brands/advertorial/density/density-default.json +330 -0
  249. package/dist/json/brands/advertorial/density/density-spacious.json +330 -0
  250. package/dist/json/brands/advertorial/overrides/brandtokenmapping.json +11695 -0
  251. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.json +19186 -0
  252. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.json +19186 -0
  253. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.json +19186 -0
  254. package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.json +19186 -0
  255. package/dist/json/brands/advertorial/semantic/effects/effects-dark.json +1301 -0
  256. package/dist/json/brands/advertorial/semantic/effects/effects-light.json +1301 -0
  257. package/dist/json/brands/advertorial/semantic/typography/typography-lg.json +8329 -0
  258. package/dist/json/brands/advertorial/semantic/typography/typography-md.json +8329 -0
  259. package/dist/json/brands/advertorial/semantic/typography/typography-sm.json +8329 -0
  260. package/dist/json/brands/advertorial/semantic/typography/typography-xs.json +8329 -0
  261. package/dist/json/brands/bild/density/density-compact.json +330 -0
  262. package/dist/json/brands/bild/density/density-default.json +330 -0
  263. package/dist/json/brands/bild/density/density-spacious.json +330 -0
  264. package/dist/json/brands/bild/overrides/brandcolormapping.json +2796 -0
  265. package/dist/json/brands/bild/overrides/brandtokenmapping.json +11695 -0
  266. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +19186 -0
  267. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-md-600px.json +19186 -0
  268. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.json +19186 -0
  269. package/dist/json/brands/bild/semantic/breakpoints/breakpoint-xs-320px.json +19186 -0
  270. package/dist/json/brands/bild/semantic/color/colormode-dark.json +8588 -0
  271. package/dist/json/brands/bild/semantic/color/colormode-light.json +8588 -0
  272. package/dist/json/brands/bild/semantic/effects/effects-dark.json +1301 -0
  273. package/dist/json/brands/bild/semantic/effects/effects-light.json +1301 -0
  274. package/dist/json/brands/bild/semantic/typography/typography-lg.json +8329 -0
  275. package/dist/json/brands/bild/semantic/typography/typography-md.json +8329 -0
  276. package/dist/json/brands/bild/semantic/typography/typography-sm.json +8329 -0
  277. package/dist/json/brands/bild/semantic/typography/typography-xs.json +8329 -0
  278. package/dist/json/brands/sportbild/density/density-compact.json +330 -0
  279. package/dist/json/brands/sportbild/density/density-default.json +330 -0
  280. package/dist/json/brands/sportbild/density/density-spacious.json +330 -0
  281. package/dist/json/brands/sportbild/overrides/brandcolormapping.json +2796 -0
  282. package/dist/json/brands/sportbild/overrides/brandtokenmapping.json +11695 -0
  283. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +19186 -0
  284. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.json +19186 -0
  285. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.json +19186 -0
  286. package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.json +19186 -0
  287. package/dist/json/brands/sportbild/semantic/color/colormode-dark.json +8588 -0
  288. package/dist/json/brands/sportbild/semantic/color/colormode-light.json +8588 -0
  289. package/dist/json/brands/sportbild/semantic/effects/effects-dark.json +1301 -0
  290. package/dist/json/brands/sportbild/semantic/effects/effects-light.json +1301 -0
  291. package/dist/json/brands/sportbild/semantic/typography/typography-lg.json +8329 -0
  292. package/dist/json/brands/sportbild/semantic/typography/typography-md.json +8329 -0
  293. package/dist/json/brands/sportbild/semantic/typography/typography-sm.json +8329 -0
  294. package/dist/json/brands/sportbild/semantic/typography/typography-xs.json +8329 -0
  295. package/dist/json/shared/colorprimitive.json +3704 -0
  296. package/dist/json/shared/fontprimitive.json +1581 -0
  297. package/dist/json/shared/sizeprimitive.json +1717 -0
  298. package/dist/json/shared/spaceprimitive.json +877 -0
  299. package/dist/manifest.json +66 -258
  300. package/dist/scss/brands/advertorial/density/density-compact.scss +11 -0
  301. package/dist/scss/brands/advertorial/density/density-default.scss +11 -0
  302. package/dist/scss/brands/advertorial/density/density-spacious.scss +11 -0
  303. package/dist/scss/{mapping/brand-advertorial.scss → brands/advertorial/overrides/brandtokenmapping.scss} +131 -131
  304. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +475 -0
  305. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +475 -0
  306. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +475 -0
  307. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +475 -0
  308. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +16 -0
  309. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +16 -0
  310. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +127 -0
  311. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +127 -0
  312. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +127 -0
  313. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +127 -0
  314. package/dist/scss/brands/bild/density/density-compact.scss +11 -0
  315. package/dist/scss/brands/bild/density/density-default.scss +11 -0
  316. package/dist/scss/brands/bild/density/density-spacious.scss +11 -0
  317. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +71 -0
  318. package/dist/scss/{mapping/brand-bild.scss → brands/bild/overrides/brandtokenmapping.scss} +94 -94
  319. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +475 -0
  320. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +475 -0
  321. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +475 -0
  322. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +475 -0
  323. package/dist/scss/{semantic/advertorial/color/color-advertorial-dark.scss → brands/bild/semantic/color/colormode-dark.scss} +282 -282
  324. package/dist/scss/{semantic/bild/color/color-bild-light.scss → brands/bild/semantic/color/colormode-light.scss} +281 -281
  325. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +16 -0
  326. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +16 -0
  327. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +127 -0
  328. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +127 -0
  329. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +127 -0
  330. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +127 -0
  331. package/dist/scss/brands/sportbild/density/density-compact.scss +11 -0
  332. package/dist/scss/brands/sportbild/density/density-default.scss +11 -0
  333. package/dist/scss/brands/sportbild/density/density-spacious.scss +11 -0
  334. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +71 -0
  335. package/dist/scss/{mapping/brand-sportbild.scss → brands/sportbild/overrides/brandtokenmapping.scss} +128 -128
  336. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +475 -0
  337. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +475 -0
  338. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +475 -0
  339. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +475 -0
  340. package/dist/scss/{semantic/bild/color/color-bild-dark.scss → brands/sportbild/semantic/color/colormode-dark.scss} +282 -282
  341. package/dist/scss/{semantic/advertorial/color/color-advertorial-light.scss → brands/sportbild/semantic/color/colormode-light.scss} +281 -281
  342. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +16 -0
  343. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +16 -0
  344. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +127 -0
  345. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +127 -0
  346. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +127 -0
  347. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +127 -0
  348. package/dist/scss/shared/colorprimitive.scss +97 -0
  349. package/package.json +4 -4
  350. package/dist/android/res/values/base/primitive_size_value.xml +0 -56
  351. package/dist/android/res/values/base/primitive_space_value.xml +0 -32
  352. package/dist/android/res/values/density/density_compact.xml +0 -15
  353. package/dist/android/res/values/density/density_default.xml +0 -15
  354. package/dist/android/res/values/density/density_spacious.xml +0 -15
  355. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.xml +0 -473
  356. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_md.xml +0 -473
  357. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.xml +0 -473
  358. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.xml +0 -473
  359. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_lg.xml +0 -473
  360. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_md.xml +0 -473
  361. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_sm.xml +0 -473
  362. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_xs.xml +0 -473
  363. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.xml +0 -473
  364. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_md.xml +0 -473
  365. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.xml +0 -473
  366. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.xml +0 -473
  367. package/dist/android/res/values/semantic/sportbild/color/color_sportbild_dark.xml +0 -271
  368. package/dist/android/res/values/semantic/sportbild/color/color_sportbild_light.xml +0 -271
  369. package/dist/css/base/index.css +0 -8
  370. package/dist/css/base/primitive-color-value-global.css +0 -100
  371. package/dist/css/base/primitive-color-value.css +0 -100
  372. package/dist/css/base/primitive-font-value.css +0 -49
  373. package/dist/css/base/primitive-size-value.css +0 -55
  374. package/dist/css/base/primitive-space-value.css +0 -31
  375. package/dist/css/density/density-compact-global.css +0 -14
  376. package/dist/css/density/density-compact.css +0 -14
  377. package/dist/css/density/density-default-global.css +0 -14
  378. package/dist/css/density/density-default.css +0 -14
  379. package/dist/css/density/density-spacious-global.css +0 -14
  380. package/dist/css/density/density-spacious.css +0 -14
  381. package/dist/css/density/index.css +0 -7
  382. package/dist/css/mapping/brand-advertorial.css +0 -277
  383. package/dist/css/mapping/brand-bild.css +0 -277
  384. package/dist/css/mapping/brand-color-bild-global.css +0 -74
  385. package/dist/css/mapping/brand-color-bild.css +0 -74
  386. package/dist/css/mapping/brand-color-sportbild-global.css +0 -74
  387. package/dist/css/mapping/brand-color-sportbild.css +0 -74
  388. package/dist/css/mapping/brand-sportbild.css +0 -277
  389. package/dist/css/mapping/index.css +0 -9
  390. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +0 -490
  391. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +0 -490
  392. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +0 -490
  393. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +0 -490
  394. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +0 -490
  395. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +0 -490
  396. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +0 -490
  397. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +0 -490
  398. package/dist/css/semantic/advertorial/breakpoints/index.css +0 -8
  399. package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +0 -426
  400. package/dist/css/semantic/advertorial/color/color-advertorial-light.css +0 -426
  401. package/dist/css/semantic/advertorial/color/index.css +0 -6
  402. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +0 -490
  403. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +0 -490
  404. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +0 -490
  405. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +0 -490
  406. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +0 -490
  407. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +0 -490
  408. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +0 -490
  409. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +0 -490
  410. package/dist/css/semantic/bild/breakpoints/index.css +0 -8
  411. package/dist/css/semantic/bild/color/color-bild-dark.css +0 -426
  412. package/dist/css/semantic/bild/color/color-bild-light.css +0 -426
  413. package/dist/css/semantic/bild/color/index.css +0 -6
  414. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +0 -490
  415. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +0 -490
  416. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +0 -490
  417. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +0 -490
  418. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +0 -490
  419. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +0 -490
  420. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +0 -490
  421. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +0 -490
  422. package/dist/css/semantic/sportbild/breakpoints/index.css +0 -8
  423. package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +0 -426
  424. package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +0 -426
  425. package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +0 -426
  426. package/dist/css/semantic/sportbild/color/color-sportbild-light.css +0 -426
  427. package/dist/css/semantic/sportbild/color/index.css +0 -6
  428. package/dist/flutter/base/primitive_color_value.dart +0 -143
  429. package/dist/flutter/base/primitive_font_value.dart +0 -70
  430. package/dist/flutter/base/primitive_size_value.dart +0 -64
  431. package/dist/flutter/base/primitive_space_value.dart +0 -40
  432. package/dist/flutter/density/density_compact.dart +0 -28
  433. package/dist/flutter/density/density_default.dart +0 -28
  434. package/dist/flutter/density/density_spacious.dart +0 -28
  435. package/dist/flutter/mapping/brand_advertorial.dart +0 -410
  436. package/dist/flutter/mapping/brand_bild.dart +0 -410
  437. package/dist/flutter/mapping/brand_color_bild.dart +0 -133
  438. package/dist/flutter/mapping/brand_color_sportbild.dart +0 -133
  439. package/dist/flutter/mapping/brand_sportbild.dart +0 -410
  440. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.dart +0 -701
  441. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_md.dart +0 -701
  442. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.dart +0 -701
  443. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.dart +0 -701
  444. package/dist/flutter/semantic/advertorial/color/color_advertorial_dark.dart +0 -381
  445. package/dist/flutter/semantic/advertorial/color/color_advertorial_light.dart +0 -381
  446. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_lg.dart +0 -701
  447. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_md.dart +0 -701
  448. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_sm.dart +0 -701
  449. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_xs.dart +0 -701
  450. package/dist/flutter/semantic/bild/color/color_bild_dark.dart +0 -381
  451. package/dist/flutter/semantic/bild/color/color_bild_light.dart +0 -381
  452. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.dart +0 -701
  453. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_md.dart +0 -701
  454. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.dart +0 -701
  455. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.dart +0 -701
  456. package/dist/flutter/semantic/sportbild/color/color_sportbild_dark.dart +0 -381
  457. package/dist/flutter/semantic/sportbild/color/color_sportbild_light.dart +0 -381
  458. package/dist/ios/base/PrimitiveColorValue.swift +0 -140
  459. package/dist/ios/base/PrimitiveFontValue.swift +0 -67
  460. package/dist/ios/base/PrimitiveSizeValue.swift +0 -61
  461. package/dist/ios/base/PrimitiveSpaceValue.swift +0 -37
  462. package/dist/ios/density/DensityCompact.swift +0 -25
  463. package/dist/ios/density/DensityDefault.swift +0 -25
  464. package/dist/ios/density/DensitySpacious.swift +0 -25
  465. package/dist/ios/mapping/BrandAdvertorial.swift +0 -407
  466. package/dist/ios/mapping/BrandBild.swift +0 -407
  467. package/dist/ios/mapping/BrandColorBild.swift +0 -130
  468. package/dist/ios/mapping/BrandColorSportbild.swift +0 -130
  469. package/dist/ios/mapping/BrandSportbild.swift +0 -407
  470. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialLg.swift +0 -698
  471. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialMd.swift +0 -698
  472. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialSm.swift +0 -698
  473. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialXs.swift +0 -698
  474. package/dist/ios/semantic/advertorial/color/ColorAdvertorialDark.swift +0 -378
  475. package/dist/ios/semantic/advertorial/color/ColorAdvertorialLight.swift +0 -378
  476. package/dist/ios/semantic/bild/breakpoints/BreakpointBildLg.swift +0 -698
  477. package/dist/ios/semantic/bild/breakpoints/BreakpointBildMd.swift +0 -698
  478. package/dist/ios/semantic/bild/breakpoints/BreakpointBildSm.swift +0 -698
  479. package/dist/ios/semantic/bild/breakpoints/BreakpointBildXs.swift +0 -698
  480. package/dist/ios/semantic/bild/color/ColorBildDark.swift +0 -378
  481. package/dist/ios/semantic/bild/color/ColorBildLight.swift +0 -378
  482. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildLg.swift +0 -698
  483. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildMd.swift +0 -698
  484. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildSm.swift +0 -698
  485. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildXs.swift +0 -698
  486. package/dist/ios/semantic/sportbild/color/ColorSportbildDark.swift +0 -378
  487. package/dist/ios/semantic/sportbild/color/ColorSportbildLight.swift +0 -378
  488. package/dist/js/base/index.js +0 -15
  489. package/dist/js/base/primitive-color-value.js +0 -98
  490. package/dist/js/base/primitive-font-value.js +0 -47
  491. package/dist/js/base/primitive-size-value.js +0 -53
  492. package/dist/js/base/primitive-space-value.js +0 -29
  493. package/dist/js/density/density-compact.js +0 -12
  494. package/dist/js/density/density-default.js +0 -12
  495. package/dist/js/density/density-spacious.js +0 -12
  496. package/dist/js/density/index.js +0 -13
  497. package/dist/js/mapping/brand-advertorial.js +0 -283
  498. package/dist/js/mapping/brand-bild.js +0 -285
  499. package/dist/js/mapping/brand-color-bild.js +0 -78
  500. package/dist/js/mapping/brand-color-sportbild.js +0 -78
  501. package/dist/js/mapping/brand-sportbild.js +0 -292
  502. package/dist/js/mapping/index.js +0 -17
  503. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +0 -469
  504. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +0 -469
  505. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +0 -470
  506. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +0 -470
  507. package/dist/js/semantic/advertorial/breakpoints/index.js +0 -15
  508. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +0 -244
  509. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +0 -240
  510. package/dist/js/semantic/advertorial/color/index.js +0 -11
  511. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +0 -470
  512. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +0 -470
  513. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +0 -471
  514. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +0 -471
  515. package/dist/js/semantic/bild/breakpoints/index.js +0 -15
  516. package/dist/js/semantic/bild/color/color-bild-dark.js +0 -244
  517. package/dist/js/semantic/bild/color/color-bild-light.js +0 -240
  518. package/dist/js/semantic/bild/color/index.js +0 -11
  519. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +0 -471
  520. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +0 -471
  521. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +0 -472
  522. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +0 -472
  523. package/dist/js/semantic/sportbild/breakpoints/index.js +0 -15
  524. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +0 -244
  525. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +0 -240
  526. package/dist/js/semantic/sportbild/color/index.js +0 -11
  527. package/dist/json/base/primitive-color-value.json +0 -148
  528. package/dist/json/base/primitive-font-value.json +0 -59
  529. package/dist/json/base/primitive-size-value.json +0 -51
  530. package/dist/json/base/primitive-space-value.json +0 -27
  531. package/dist/json/density/density-compact.json +0 -16
  532. package/dist/json/density/density-default.json +0 -16
  533. package/dist/json/density/density-spacious.json +0 -16
  534. package/dist/json/mapping/brand-advertorial.json +0 -393
  535. package/dist/json/mapping/brand-bild.json +0 -393
  536. package/dist/json/mapping/brand-color-bild.json +0 -98
  537. package/dist/json/mapping/brand-color-sportbild.json +0 -98
  538. package/dist/json/mapping/brand-sportbild.json +0 -393
  539. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +0 -686
  540. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +0 -686
  541. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +0 -686
  542. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +0 -686
  543. package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +0 -308
  544. package/dist/json/semantic/advertorial/color/color-advertorial-light.json +0 -308
  545. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +0 -686
  546. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +0 -686
  547. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +0 -686
  548. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +0 -686
  549. package/dist/json/semantic/bild/color/color-bild-dark.json +0 -308
  550. package/dist/json/semantic/bild/color/color-bild-light.json +0 -308
  551. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +0 -686
  552. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +0 -686
  553. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +0 -686
  554. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +0 -686
  555. package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +0 -308
  556. package/dist/json/semantic/sportbild/color/color-sportbild-light.json +0 -308
  557. package/dist/scss/base/index.scss +0 -8
  558. package/dist/scss/base/primitive-color-value.scss +0 -97
  559. package/dist/scss/density/density-compact.scss +0 -11
  560. package/dist/scss/density/density-default.scss +0 -11
  561. package/dist/scss/density/density-spacious.scss +0 -11
  562. package/dist/scss/density/index.scss +0 -7
  563. package/dist/scss/mapping/brand-color-bild.scss +0 -71
  564. package/dist/scss/mapping/brand-color-sportbild.scss +0 -71
  565. package/dist/scss/mapping/index.scss +0 -9
  566. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +0 -475
  567. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +0 -475
  568. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +0 -475
  569. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +0 -475
  570. package/dist/scss/semantic/advertorial/breakpoints/index.scss +0 -8
  571. package/dist/scss/semantic/advertorial/color/index.scss +0 -6
  572. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +0 -475
  573. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +0 -475
  574. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +0 -475
  575. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +0 -475
  576. package/dist/scss/semantic/bild/breakpoints/index.scss +0 -8
  577. package/dist/scss/semantic/bild/color/index.scss +0 -6
  578. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +0 -475
  579. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +0 -475
  580. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +0 -475
  581. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +0 -475
  582. package/dist/scss/semantic/sportbild/breakpoints/index.scss +0 -8
  583. package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +0 -319
  584. package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +0 -319
  585. package/dist/scss/semantic/sportbild/color/index.scss +0 -6
  586. package/dist/css/{base/primitive-font-value-global.css → shared/fontprimitive.css} +23 -23
  587. package/dist/css/{base/primitive-size-value-global.css → shared/sizeprimitive.css} +41 -41
  588. package/dist/css/{base/primitive-space-value-global.css → shared/spaceprimitive.css} +20 -20
  589. package/dist/scss/{base/primitive-font-value.scss → shared/fontprimitive.scss} +23 -23
  590. package/dist/scss/{base/primitive-size-value.scss → shared/sizeprimitive.scss} +41 -41
  591. package/dist/scss/{base/primitive-space-value.scss → shared/spaceprimitive.scss} +20 -20
@@ -1,378 +0,0 @@
1
-
2
- //
3
- // ColorSportbildLight.swift
4
- //
5
-
6
- // Do not edit directly, this file was auto-generated.
7
-
8
-
9
- import UIKit
10
-
11
- public class ColorSportbildLight {
12
- /** Used as the main brand color for key interactive elements such as primary buttons, active states, and prominent highlights. It remains constant across Light and Dark Mode. */
13
- public static let SemanticCoreCoreColorPrimary = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
14
- /** Defines the secondary brand tone. This variable changes across Light and Dark Mode. */
15
- public static let SemanticCoreCoreColorSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
16
- /** Represents tertiary brand accents. This variable changes across Light and Dark Mode. */
17
- public static let SemanticCoreCoreColorTertiary = UIColor(red: 0.031, green: 0.090, blue: 0.161, alpha: 1.000)
18
- /** Use this on elements that must maintain the white color even in dark mode. */
19
- public static let SemanticCoreCoreColorSecondaryConstant = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
20
- /** Use this on elements that need to maintain the dark color across themes and color modes. */
21
- public static let SemanticCoreCoreColorTertiaryConstant = UIColor(red: 0.031, green: 0.090, blue: 0.161, alpha: 1.000)
22
- /** this is a test for the token pipeline */
23
- public static let SemanticCoreCoreColorTertiaryVvPipeTEST = UIColor(red: 0.278, green: 0.431, blue: 0.580, alpha: 1.000)
24
- /** this is a test for the token pipeline */
25
- public static let SemanticCoreNpmTest = UIColor(red: 0.278, green: 0.431, blue: 0.580, alpha: 1.000)
26
- /** this is a test for the token pipeline */
27
- public static let SemanticCoreFelipeTestColor = UIColor(red: 0.910, green: 0.341, blue: 0.039, alpha: 1.000)
28
- /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
29
- public static let SemanticAttentionAccentColorPrimary = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
30
- /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
31
- public static let SemanticAttentionAccentColorPrimaryConstant = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
32
- /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
33
- public static let SemanticAttentionAttentionColorSuccessPrimary = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
34
- /** Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. */
35
- public static let SemanticAttentionAttentionColorSuccessSecondary = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1.000)
36
- /** Very low-contrast background tone used for information or system-neutral surfaces, often for tooltips or quiet information highlights. Dynamic — light neutral in Light mode and dark neutral in Dark mode. */
37
- public static let SemanticAttentionAttentionColorExtraLow = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
38
- /** Low-level warning or attention tone, typically used for informational or cautionary messages. Same yellow tone across Light and Dark to maintain recognition. */
39
- public static let SemanticAttentionAttentionColorLow = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1.000)
40
- /** Medium-level attention tone representing stronger caution or intermediate alert states. Commonly applied in warning messages. Constant — identical in both modes. */
41
- public static let SemanticAttentionAttentionColorMedium = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1.000)
42
- /** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
43
- public static let SemanticAttentionAttentionColorHigh = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
44
- /** Used for subtle dividers and low-emphasis borders in neutral areas (e.g., card outlines, input containers).
45
- Dynamic — light gray in Light mode, dark gray in Dark mode. */
46
- public static let SemanticBorderBorderColorLowContrast = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
47
- /** Applies to UI elements that must visually remain the same regardless of theme (e.g., brand containers, static illustrations). Identical tone across Light and Dark mode. */
48
- public static let SemanticBorderBorderColorLowContrastConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
49
- /** Medium-emphasis border color for standard outlines, input fields, or separators that require visible yet non-dominant contrast.
50
- Behavior: Dynamic — adjusts to maintain legibility in Light and Dark themes. */
51
- public static let SemanticBorderBorderColorMediumContrast = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
52
- /** High-emphasis border color for clear delineation between surfaces (e.g., focus rings, high-contrast UI zones).
53
- Behavior: Dynamic — light surfaces use a darker neutral, dark surfaces a light neutral tone. */
54
- public static let SemanticBorderBorderColorHighContrast = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
55
- /** Used for success states and validation borders (e.g., input success outlines or confirmation frames).
56
- Behavior: Constant — same success tone across modes for consistent feedback semantics. */
57
- public static let SemanticBorderBorderColorSuccess = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
58
- /** Defines border color for warning and error-related components, typically used for input validation or caution zones.
59
- Behavior: Constant — retains the same red warning tone in both Light and Dark modes. */
60
- public static let SemanticBorderBorderColorWarning = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
61
- /** Applied to disabled states of primary elements (e.g., buttons, inputs) to visually reduce emphasis and indicate inactivity. */
62
- public static let SemanticBorderBorderColorPrimaryDisabled = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
63
- /** Used for secondary component borders in a disabled state (e.g., secondary buttons, inactive input outlines). */
64
- public static let SemanticBorderBorderColorSecondaryDisabled = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
65
- /** Primary icon color on primary surfaces. */
66
- public static let SemanticIconIconColorPrimary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
67
- /** Used for icons that must remain visually consistent regardless of mode (e.g., icons that are on surfaces that don't change color).
68
- Identical tone in both Light and Dark mode. */
69
- public static let SemanticIconIconColorPrimaryConstant = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
70
- /** Inverse icon color for use on contrasting backgrounds (e.g., light icons on dark surfaces or dark icons on bright surfaces).
71
- Behavior: Dynamic — switches between light and dark. */
72
- public static let SemanticIconIconColorInverse = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
73
- /** Secondary icon tone for less prominent actions or supportive iconography (e.g., secondary buttons, tool icons). Remains unchanged across modes. */
74
- public static let SemanticIconIconColorSecondaryConstant = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
75
- /** Used for icons displayed on dark backgrounds that don´t change colors, ensuring sufficient contrast and legibility.
76
- Behavior: Constant — always uses a neutral bright value. */
77
- public static let SemanticIconIconColorConstantOnDark = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
78
- /** Represents success or confirmation icons (e.g., checkmarks, completion indicators).
79
- Behavior: Constant — same success green tone across Light and Dark mode. */
80
- public static let SemanticIconIconColorSuccess = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
81
- /** A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. */
82
- public static let SemanticOverlayOverlayScrimBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
83
- /** A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels.
84
- Behavior: Constant — same opacity level across modes to preserve uniform layering behavior. */
85
- public static let SemanticOverlayOverlayScrimWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.700)
86
- /** Used to represent the active or pressed state of primary actions such as tabs or links.
87
- Behavior: Constant — identical value across modes for consistent interaction feedback. */
88
- public static let SemanticStateColorPrimaryActive = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
89
- /** Defines the active state color for secondary actions (e.g., secondary buttons, tabs, or toggles).
90
- Behavior: Dynamic — light gray in Light mode and bright gray in Dark mode to maintain perceptual balance. */
91
- public static let SemanticStateColorSecondaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
92
- /** Inverse variant of the secondary active state, applied on dark backgrounds or inverse layouts.
93
- Behavior: Dynamic — switches between bright and dark tones depending on the background. */
94
- public static let SemanticStateColorSecondaryActiveInverse = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
95
- /** Represents active or pressed states for tertiary elements (e.g., link highlights, icons, or subtle interactive surfaces).
96
- Behavior: Constant — uses the same green success tone across Light and Dark mode. */
97
- public static let SemanticStateColorTertiaryActive = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
98
- /** Defines the disabled color for primary components (e.g., disabled primary buttons, inputs). Reduces emphasis and contrast to signal inactivity.
99
- Behavior: Dynamic — slightly lighter in Light mode and darker in Dark mode to remain visually accessible. */
100
- public static let SemanticStateColorPrimaryDisabled = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
101
- /** Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility.
102
- Behavior: Dynamic — adapts neutral tones based on theme brightness. */
103
- public static let SemanticStateColorSecondaryDisabled = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
104
- /** Represents disabled states for tertiary levels, maintaining subtle visibility without drawing attention.
105
- Behavior: Dynamic — adjusts between gray tones for Light and Dark mode consistency. */
106
- public static let SemanticStateColorTertiaryDisabled = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
107
- /** Primary surface color used for main backgrounds and large layout areas (e.g., page background, primary containers).
108
- Behavior: Dynamic — adapts between light and dark surface tokens to maintain legibility and hierarchy. */
109
- public static let SemanticSurfaceSurfaceColorPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
110
- /** Inverse of the primary surface, used when Light and Dark surfaces are swapped (e.g., inverse cards or elevated sections).
111
- Behavior: Dynamic — switches between dark and light values depending on mode. */
112
- public static let SemanticSurfaceSurfaceColorPrimaryInverse = UIColor(red: 0.031, green: 0.090, blue: 0.161, alpha: 1.000)
113
- /** A fixed light surface tone used when a consistent light background is required (e.g., light panels within dark layouts).
114
- Behavior: Constant — remains the same in both modes. */
115
- public static let SemanticSurfaceSurfaceColorPrimaryConstantLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
116
- /** A fixed dark surface tone used for dark overlays or nested dark sections inside light layouts.
117
- Behavior: Constant — identical across Light and Dark mode. */
118
- public static let SemanticSurfaceSurfaceColorPrimaryConstantDark = UIColor(red: 0.031, green: 0.090, blue: 0.161, alpha: 1.000)
119
- /** Used for secondary surface layers such as cards, panels, or nested containers that need to differentiate themselves from the primary surface. .
120
- Behavior: Dynamic — adapts brightness level based on mode for appropriate depth contrast. */
121
- public static let SemanticSurfaceSurfaceColorSecondary = UIColor(red: 0.969, green: 0.980, blue: 0.988, alpha: 1.000)
122
- /** Tertiary background layer for inner containers, grouped content, or subtle elevation steps that need to differentiate themselves from the primary and secondary surfaces.
123
- Behavior: Dynamic — switches between light and dark tertiary tones. */
124
- public static let SemanticSurfaceSurfaceColorTertiary = UIColor(red: 0.741, green: 0.788, blue: 0.859, alpha: 1.000)
125
- /** Inverse tertiary background, applied when Light and Dark surfaces are reversed (e.g., dark-on-light cards).
126
- Behavior: Dynamic — swaps values between modes for contrast preservation. */
127
- public static let SemanticSurfaceSurfaceColorTertiaryInverse = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
128
- /** HIghtest elevation surface color, typically used for grouping or background accents to differentiate themselves from all previous surface color options. Uses corresponding light/dark tones for consistent layering. */
129
- public static let SemanticSurfaceSurfaceColorQuartenary = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
130
- /** Inverse of the quartenary surface, used for background reversals in mixed-layout areas.
131
- Behavior: Dynamic — inverts between dark and light tones depending on mode. */
132
- public static let SemanticSurfaceSurfaceColorQuartenaryInverse = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
133
- /** Success-related background used for positive notifications, confirmation surfaces, or success banners.
134
- Behavior: Constant — remains the same across Light and Dark mode to ensure brand alignment. */
135
- public static let SemanticSurfaceSurfaceColorSuccess = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1.000)
136
- /** Defines the end stops for primary surface gradients, creating visual depth or elevation. Used next to sliders buttons and slider container edges for fading out content. Behavior: Dynamic — light gradients in Light mode, dark gradients in Dark mode. */
137
- public static let SemanticSurfaceSurfaceColorPrimaryGradientStop = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.000)
138
- /** Used for secondary surface gradients or subtle depth layers across backgrounds.
139
- Behavior: Dynamic — adapts to mode brightness for smooth gradient transitions. */
140
- public static let SemanticSurfaceSurfaceColorSecondaryGradientStop = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 0.000)
141
- /** Represents tertiary-level gradient background.
142
- Currently used on skeletons. */
143
- public static let SemanticSurfaceSurfaceColorTertiaryGradientStop = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 0.000)
144
- /** Primary color for headings and display typography. Ensures clear hierarchy and optimal readability on main surfaces. Adapds it´s color based on the brand mode for brand recognition.
145
- Behavior: Dynamic — dark text in Light mode, light text in Dark mode. */
146
- public static let SemanticHeadingHeadlineColorPrimary = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
147
- /** Fixed white heading color used on dark or colored backgrounds (e.g., hero sections, banners) that remain constant across modes.
148
- Behavior: Constant — remains white in both Light and Dark mode. */
149
- public static let SemanticHeadingHeadlineColorWhiteConst = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
150
- /** Used for kicker text and category labels placed directly on standard surface backgrounds.
151
- Behavior: Dynamic — adjusts between red for Light and a neutral tone in Dark modes. */
152
- public static let SemanticHeadingKickerTextColorOnSurface = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
153
- /** Specialized kicker color for use on red or brand-colored backgrounds (e.g., red kicker bg within teaser cards).
154
- Behavior: Constant — remains consistent across light and darkmode. */
155
- public static let SemanticHeadingKickerTextColorOnRed = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
156
- /** Applied to kicker or meta text on dark colored backgrounds to maintain high legibility.
157
- Behavior: Constant — always uses semi-transparent white for consistent readability. */
158
- public static let SemanticHeadingKickerTextColorOnDarkBg = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.800)
159
- /** Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance.
160
- Behavior: Constant — remains semi-transparent black across both modes. */
161
- public static let SemanticHeadingKickerTextColorOnBrightBg = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
162
- /** Main text color used for body copy and all primary textual content. Ensures optimal readability and contrast on standard surfaces.
163
- Behavior: Dynamic — switches between dark text on light backgrounds and light text on dark backgrounds. */
164
- public static let SemanticTextTextColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
165
- /** Used when primary text color must remain fixed regardless of mode (e.g., on light constant backgrounds).
166
- Behavior: Constant — same tone across Light and Dark mode. */
167
- public static let SemanticTextTextColorPrimaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
168
- /** Inverse text color used on opposing surfaces (e.g., white text on red or dark backgrounds).
169
- Behavior: Dynamic — alternates between light and dark mode. */
170
- public static let SemanticTextTextColorPrimaryInverse = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
171
- /** Fixed inverse tone for text that always appears on dark surfaces (e.g., hero headlines or persistent dark cards).
172
- Behavior: Constant — unchanged across modes. */
173
- public static let SemanticTextTextColorPrimaryInverseConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
174
- /** Secondary text color used for supportive information, subtitles, and less prominent text.
175
- Behavior: Dynamic — adapts between neutral tones to maintain proper contrast per theme. In 2025 css it is called figure meta. */
176
- public static let SemanticTextTextColorSecondary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
177
- /** Muted text tone for subtle information, timestamps, or inactive text elements.
178
- Behavior: Dynamic — adjusts between mid-gray in Light mode and lighter gray in Dark mode. */
179
- public static let SemanticTextTextColorMuted = UIColor(red: 0.400, green: 0.420, blue: 0.439, alpha: 1.000)
180
- /** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
181
- Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
182
- public static let SemanticTextTextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
183
- /** Accent text color used for links, interactive text, or highlighted key words. Changes from a red in light mode to a white in dark mode. */
184
- public static let SemanticTextTextColorAccent = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
185
- /** Applies to text elements requiring fixed brand color usage (e.g., permanent links, brand slogans on constant backgrounds).
186
- Behavior: Constant — maintains identical red tone across Light and Dark mode. */
187
- public static let SemanticTextTextColorAccentConstant = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
188
- /** Used for positive or success-related messages (e.g., “Saved”, “Success”, or confirmation text) on success surface colors.
189
- Behavior: Constant — green tone remains consistent across both modes. */
190
- public static let SemanticTextTextColorSuccessConstant = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1.000)
191
- /** Used for strong warnings, errors, or destructive action labels.
192
- Behavior: Constant — red color remains unchanged between Light and Dark mode for visibility and recognition. */
193
- public static let SemanticTextTextColorAttentionHigh = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
194
- /** Represents medium attention states, often used in warnings or pending states.
195
- Behavior: Constant — same orange tone across Light and Dark mode. */
196
- public static let SemanticTextTextColorAttentionMedium = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1.000)
197
- /** Primary label color used for labels, badges, or tag text on light backgrounds. Ensures strong readability and visual hierarchy.
198
- Behavior: Dynamic — dark neutral in Light mode, light neutral in Dark mode. */
199
- public static let SemanticLabelLabelColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
200
- /** Inverse version of the primary label color, used on dark or colored backgrounds.
201
- Behavior: Dynamic — switches between light and dark. */
202
- public static let SemanticLabelLabelColorPrimaryInverse = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
203
- /** Used when primary label color should remain unchanged across modes in static UI areas.
204
- Behavior: Constant — identical tone in both Light and Dark mode. */
205
- public static let SemanticLabelLabelColorPrimaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
206
- /** Fixed inverse label tone applied where white or bright text must always appear, regardless of theme.
207
- Behavior: Constant — remains bright neutral in both Light and Dark mode. */
208
- public static let SemanticLabelLabelColorPrimaryInverseConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
209
- /** Secondary label tone used for less prominent text such as secondary badges or supporting labels.
210
- Behavior: Dynamic — adapts between mid-grays for Light and Dark surfaces. */
211
- public static let SemanticLabelLabelColorSecondary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
212
- /** Tertiary label tone for subtle, low-emphasis UI text such as placeholder text or tertiary badges.
213
- Behavior: Constant — identical tone across both modes for stable hierarchy. */
214
- public static let SemanticLabelLabelColorTertiary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
215
- /** Disabled label tone indicating inactive or unavailable states in UI elements.
216
- Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. */
217
- public static let SemanticLabelLabelColorDisabled = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
218
- public static let SemanticLayerOpacityLayerOpacity00 = 0
219
- public static let SemanticLayerOpacityLayerOpacity05 = 5
220
- public static let SemanticLayerOpacityLayerOpacity10 = 10
221
- public static let SemanticLayerOpacityLayerOpacity20 = 20
222
- public static let SemanticLayerOpacityLayerOpacity30 = 30
223
- public static let SemanticLayerOpacityLayerOpacity40 = 40
224
- public static let SemanticLayerOpacityLayerOpacity50 = 50
225
- public static let SemanticLayerOpacityLayerOpacity60 = 60
226
- public static let SemanticLayerOpacityLayerOpacity70 = 70
227
- public static let SemanticLayerOpacityLayerOpacity80 = 80
228
- public static let SemanticLayerOpacityLayerOpacity90 = 90
229
- public static let SemanticLayerOpacityLayerOpacity100 = 100
230
- /** 09-2025 css --article-author-name-color */
231
- public static let ComponentAvatarAvatarLabelColor = UIColor(red: 0.400, green: 0.420, blue: 0.439, alpha: 1.000)
232
- /** 09-2025 css --article-author-name-color */
233
- public static let ComponentAvatarAvatarLabelColorHover = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
234
- /** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
235
- public static let ComponentAlertAlertSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
236
- /** On marketing offer surfaces this variable is used. */
237
- public static let ComponentAlertAlertSurfaceColorConstant = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
238
- /** Use this token on breadcrumbs that are in their default idle state. This token changes color between light and dark modes. L:035 / D:096 */
239
- public static let ComponentBreadcrumbBreadcrumbTextColorIdle = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
240
- /** Use this token on breadcrumbs that the user's pointer is hovering on or clicked on. This token changes color between light and dark modes. L:015 / D:100 */
241
- public static let ComponentBreadcrumbBreadcrumbTextColorHover = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
242
- public static let ComponentBreakingNewsBreakingNewsTopTitleTextColor = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1.000)
243
- public static let ComponentBreakingNewsBreakingNewsBottomTitleTextColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
244
- public static let ComponentBreakingNewsBreakingNewsTitleSurfaceColor = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
245
- public static let ComponentBreakingNewsBreakingNewsSurfaceColor = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1.000)
246
- public static let ComponentBreakingNewsBreakingNewsTextContentColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
247
- public static let ComponentButtonPrimaryButtonPrimaryLabelColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
248
- /** Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100 */
249
- public static let ComponentButtonPrimaryButtonPrimaryNeutralBgColorIdle = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
250
- public static let ComponentButtonPrimaryButtonPrimaryNeutralBgColorHover = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
251
- public static let ComponentButtonPrimaryButtonPrimaryBrandBgColorIdle = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
252
- public static let ComponentButtonPrimaryButtonPrimaryBrandBgColorHover = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
253
- public static let ComponentButtonPrimaryButtonPrimarySuccessColorIdle = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1.000)
254
- public static let ComponentButtonPrimaryButtonPrimarySuccessColorHover = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1.000)
255
- public static let ComponentButtonSecondaryButtonSecondaryLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
256
- public static let ComponentButtonSecondaryButtonSecondaryBgColorIdle = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
257
- public static let ComponentButtonSecondaryButtonSecondaryBgColorHover = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
258
- public static let ComponentButtonTertiaryButtonTertiaryLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
259
- public static let ComponentButtonTertiaryButtonTertiaryBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
260
- public static let ComponentButtonTertiaryButtonTertiaryBorderColorHover = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
261
- public static let ComponentButtonTertiaryButtonTertiarySuccessBgColorHover = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1.000)
262
- public static let ComponentButtonTertiaryButtonTertiarySuccessBorderColor = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1.000)
263
- public static let ComponentButtonGhostButtonGhostBgColorHover = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
264
- public static let ComponentButtonButtonLiveTickerLoadNewSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
265
- public static let ComponentButtonButtonLiveTickerLoadNewLabelColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
266
- public static let ComponentCardCardSurfaceBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
267
- public static let ComponentChipsChipsBgColorIdle = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
268
- public static let ComponentChipsChipsBgColorActive = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
269
- public static let ComponentChipsChipsBgColorHover = UIColor(red: 0.690, green: 0.000, blue: 0.012, alpha: 1.000)
270
- public static let ComponentChipsChipsLabelColorIdle = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
271
- public static let ComponentChipsChipsLabelColorHover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
272
- public static let ComponentDropdownDropdownBgColorIdle = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
273
- public static let ComponentDropdownDropdownBgColorHover = UIColor(red: 0.969, green: 0.980, blue: 0.988, alpha: 1.000)
274
- public static let ComponentEmptiesEmptiesLogoColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
275
- public static let ComponentEmptiesEmptiesBgColor = UIColor(red: 0.969, green: 0.980, blue: 0.988, alpha: 1.000)
276
- public static let ComponentFoldoutFoldoutLabelColorIdle = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
277
- public static let ComponentFoldoutFoldoutLabelColorActive = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
278
- public static let ComponentGalleryAppImageLightboxGalleryBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1.000)
279
- public static let ComponentHeyHeyDrawerSurfaceColor = UIColor(red: 0.969, green: 0.980, blue: 0.988, alpha: 1.000)
280
- public static let ComponentHeyHeyFavInputFieldSurfaceColor = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
281
- public static let ComponentHeyHeyIconUtilColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
282
- /** This is the most used color for separators across Bild products. */
283
- public static let ComponentHeyHeySeparatorColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
284
- public static let ComponentHeyHeyTextColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
285
- public static let ComponentInputFieldInputFieldBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
286
- public static let ComponentInputFieldInputFieldBorderColorActive = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
287
- public static let ComponentInputFieldInputFieldBorderColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
288
- public static let ComponentInputFieldInputFieldBorderColorDarkActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
289
- public static let ComponentInputFieldInputFieldBgColorDarkLowContrast = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
290
- public static let ComponentInputFieldInputFieldBgColorDarkMediumContrast = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
291
- public static let ComponentInputFieldInputFieldBgColorDarkHighContrast = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
292
- public static let ComponentKickerStandardKickerBgColorOnSurface = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
293
- public static let ComponentKickerPartnerKickerBzBgColor = UIColor(red: 0.890, green: 0.000, blue: 0.110, alpha: 1.000)
294
- public static let ComponentKickerPartnerKickerFitbookBgColor = UIColor(red: 1.000, green: 0.588, blue: 0.722, alpha: 1.000)
295
- public static let ComponentKickerPartnerKickerPetbookBgColor = UIColor(red: 0.729, green: 0.859, blue: 0.569, alpha: 1.000)
296
- public static let ComponentKickerPartnerKickerMyhomebookBgColor = UIColor(red: 0.400, green: 0.800, blue: 0.800, alpha: 1.000)
297
- public static let ComponentKickerPartnerKickerTravelbookBgColor = UIColor(red: 0.561, green: 0.941, blue: 0.929, alpha: 1.000)
298
- public static let ComponentKickerPartnerKickerTechbookBgColor = UIColor(red: 0.580, green: 0.890, blue: 1.000, alpha: 1.000)
299
- public static let ComponentKickerPartnerKickerKaufberaterBgColor = UIColor(red: 0.329, green: 0.278, blue: 0.431, alpha: 1.000)
300
- public static let ComponentKickerPartnerKickerCobiBgColor = UIColor(red: 0.859, green: 0.141, blue: 0.110, alpha: 1.000)
301
- public static let ComponentKickerPartnerKickerAubiBgColor = UIColor(red: 0.941, green: 0.000, blue: 0.000, alpha: 1.000)
302
- public static let ComponentKickerPartnerKickerSpobiBgColor = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
303
- public static let ComponentMediaplayerVidPlayerControlsAutoplayButtonBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
304
- /** This variable is used for hover states of video player control buttons. */
305
- public static let ComponentMediaplayerVidPlayerControlButtonsBgHoverColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.800)
306
- public static let ComponentMediaplayerVidPlayerControlButtonsBgColorHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
307
- public static let ComponentMediaplayerVidPlayerControlButtonsBgColorPressed = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050)
308
- public static let ComponentMediaplayerVidPlayerOverlayScrimColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.500)
309
- public static let ComponentMediaplayerAudioPlayerPlayButtonBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.300)
310
- public static let ComponentMediaplayerVidPlayerTooltipBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
311
- public static let ComponentMediaplayerVidPlayerProgressBarPreloadBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.300)
312
- public static let ComponentMediaplayerVidPlayerUnmuteButtonBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
313
- public static let ComponentMediaplayerVidPlayerUnmuteButtonBgColorHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.350)
314
- public static let ComponentMenuMenuSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
315
- /** Used on a thin part at the top of header in navigation menu. */
316
- public static let ComponentMenuMenuScrolledSurfaceGradientColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.950)
317
- public static let ComponentMenuMenuLinkLaneSurfaceColor = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
318
- public static let ComponentMenuMenuLinkLaneLabelColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
319
- public static let ComponentMenuMenuLinkLaneLabelColorActive = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
320
- public static let ComponentMenuAppTopBarSurfaceColor = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
321
- public static let ComponentMenuAppTopBarIconColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
322
- public static let ComponentMenuAppTopBarTextColorPrimary = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
323
- public static let ComponentMenuAppTobBarTabNavBottomBorder = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
324
- public static let ComponentMenuAppTobBarTabNavBottomBorderActive = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
325
- public static let ComponentMenuItemMenuItemLabelColorPrimary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
326
- public static let ComponentMenuItemMenuItemLabelColorPrimaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
327
- /** The variable can be used on secondary menus that many times show up on dedicated home pages specific to a topic. The menu labels are often times using the color white across color modes. */
328
- public static let ComponentMenuItemMenuItemLabelColorSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
329
- public static let ComponentMenuItemMenuItemBorderColorActive = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1.000)
330
- /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
331
- public static let ComponentPartnerLinksPartnerLinksBgColorIdle = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
332
- /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
333
- public static let ComponentPartnerLinksPartnerLinksBgColorActive = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
334
- /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
335
- public static let ComponentPartnerLinksPartnerLinksBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
336
- /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
337
- public static let ComponentPartnerLinksPartnerLinksBorderColorActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
338
- /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
339
- public static let ComponentPartnerLinksPartnerLinksContainerBorderColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
340
- public static let ComponentNewstickerNewsTickerTimestampColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
341
- public static let ComponentNewstickerNewsTickerBadgeIconsColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
342
- public static let ComponentPaginationPaginationElementColorDefault = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
343
- public static let ComponentPaginationPaginationElementColorActive = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
344
- /** Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. */
345
- public static let ComponentPaginationGalleryPaginationElementActiveOpacity = 100
346
- /** Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. */
347
- public static let ComponentPaginationScrollBarTrackBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.100)
348
- /** Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. */
349
- public static let ComponentPaginationScrollBarThumbBgColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
350
- /** Checkboxes and Radio buttons use this variable for their border. */
351
- public static let ComponentSelectionSelectionBorderColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
352
- /** When users hover on gallery slider buttons the opacity changes to 90%. */
353
- public static let ComponentSliderSliderButtonOpacity = 90
354
- /** This variable is used on audio player slider bars. It references a pure white with 35% opacity. */
355
- public static let ComponentSliderSliderTrackBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.350)
356
- public static let ComponentSocialShareButtonSocialShareButtonLabelColorDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
357
- public static let ComponentSocialShareButtonSocialShareButtonLabelColorActive = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
358
- public static let ComponentSocialShareButtonSocialShareButtonBgColorDefault = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
359
- public static let ComponentSocialShareButtonSocialShareButtonBgColorActive = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
360
- public static let ComponentSubheaderSubheadersColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
361
- public static let ComponentTabTabBgColorHover = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
362
- public static let ComponentTabTabLabelColorActive = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
363
- public static let ComponentTabTabLabelColorDefault = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
364
- public static let ComponentTabAppBottomTabBarBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
365
- /** When users hover over graphical teasers the image reduces opacity to 80%. */
366
- public static let ComponentTeaserTeaserHoverOpacity = 80
367
- public static let ComponentTeaserTeaserTitleBackgroundGradientStart = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 0.700)
368
- public static let ComponentTeaserTeaserTitleBackgroundGradientStop = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 0.000)
369
- public static let ComponentTextLinkTextLinkColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
370
- public static let ComponentTextLinkTextLinkColorSecondary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
371
- public static let ComponentTextLinkTextLinkColorSecondaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
372
- public static let Component_DSysDocDsDocSpacingItemBgColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.100)
373
- public static let Component_DSysDocDsDocSpacingItemBorderColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.500)
374
- /** This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages. */
375
- public static let Component_DSysDoc_DSysDocs_labelTextSurfaceColorPrimaryPrimitiveName = "BILD100"
376
- /** This is currently for use in this design system's documentation texts. It is a text string made for being used in light and dark mode documentation texts. */
377
- public static let Component_DSysDoc_DSysDocs_labelTextColorMode = "(Light Mode)"
378
- }
@@ -1,15 +0,0 @@
1
- /**
2
- * BASE - JavaScript Index
3
- */
4
-
5
- import primitive_color_value from './primitive-color-value.js';
6
- import primitive_font_value from './primitive-font-value.js';
7
- import primitive_size_value from './primitive-size-value.js';
8
- import primitive_space_value from './primitive-space-value.js';
9
-
10
- export {
11
- primitive_color_value,
12
- primitive_font_value,
13
- primitive_size_value,
14
- primitive_space_value,
15
- };
@@ -1,98 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const bildAlphaAlphablack0 = "rgba(0, 0, 0, 0)";
6
- export const bildAlphaAlphablack05 = "rgba(0, 0, 0, 0.05)";
7
- export const bildAlphaAlphablack10 = "rgba(0, 0, 0, 0.1)";
8
- export const bildAlphaAlphablack20 = "rgba(0, 0, 0, 0.2)";
9
- export const bildAlphaAlphablack30 = "rgba(0, 0, 0, 0.3)";
10
- export const bildAlphaAlphablack35 = "rgba(0, 0, 0, 0.35)";
11
- export const bildAlphaAlphablack50 = "rgba(0, 0, 0, 0.5)";
12
- export const bildAlphaAlphablack60 = "rgba(0, 0, 0, 0.6)";
13
- export const bildAlphaAlphablack70 = "rgba(0, 0, 0, 0.7)";
14
- export const bildAlphaAlphablack80 = "rgba(0, 0, 0, 0.8)";
15
- export const bildAlphaAlphawhite10 = "rgba(255, 255, 255, 0.1)";
16
- export const bildAlphaAlphawhite20 = "rgba(255, 255, 255, 0.2)";
17
- export const bildAlphaAlphawhite30 = "rgba(255, 255, 255, 0.3)";
18
- export const bildAlphaAlphawhite35 = "rgba(255, 255, 255, 0.35)";
19
- export const bildAlphaAlphawhite60 = "rgba(255, 255, 255, 0.6)";
20
- export const bildAlphaAlphawhite70 = "rgba(255, 255, 255, 0.7)";
21
- export const bildAlphaAlphawhite80 = "rgba(255, 255, 255, 0.8)";
22
- export const bildAlphaAlphabildred80 = "rgba(222, 0, 0, 0.8)";
23
- export const bildBlueBildblue = "#00b0ff";
24
- export const bildGrayBild096 = "#f2f5f5";
25
- export const bildGrayBild093 = "#e8edf0";
26
- export const bildGrayBild085 = "#cfd4d9";
27
- export const bildGrayBild08550 = "rgba(207, 212, 217, 0.5)";
28
- export const bildGrayBild073 = "#adb5ba";
29
- export const bildGrayBild060 = "#8c9196";
30
- export const bildGrayBild045 = "#666b70";
31
- export const bildGrayBild035 = "#4a5259";
32
- export const bildGrayBild025 = "#333d40";
33
- export const bildGrayBild020 = "#2b3038";
34
- export const bildGrayBild015 = "#242629";
35
- export const bildGrayBild010 = "#1c1c1c";
36
- export const bildGreenBildgreen09350 = "rgba(207, 245, 227, 0.5)";
37
- export const bildGreenBildgreen093 = "#cff5e3";
38
- export const bildGreenBildgreen070 = "#00c273";
39
- export const bildGreenBildgreen063 = "#00b066";
40
- export const bildGreenBildgreen05650 = "rgba(0, 156, 89, 0.5)";
41
- export const bildGreenBildgreen056 = "#17995c";
42
- export const bildGreenBildgreen040 = "#006e3d";
43
- export const bildNeutralBild100 = "#ffffff";
44
- export const bildNeutralBildblack = "#000000";
45
- export const bildRedBildred053 = "#f52e2e";
46
- export const bildRedBildred = "#de0000";
47
- export const bildRedBildred035 = "#b00003";
48
- export const bildOrangeBildorange = "#fc8226";
49
- export const bildPurpleBildberry = "#541a38";
50
- export const bildYellowBildyellow = "#ffbf00";
51
- export const bildTextlabelsBildred = "BILDRed";
52
- export const bildTextlabelsBild100 = "BILD100";
53
- export const bildTextlabelsBild096 = "BILD096";
54
- export const bildTextlabelsBild093 = "BILD093";
55
- export const bildTextlabelsBild085 = "BILD085";
56
- export const bildTextlabelsBild073 = "BILD073";
57
- export const bildTextlabelsBild060 = "BILD060";
58
- export const bildTextlabelsBild045 = "BILD045";
59
- export const bildTextlabelsBild035 = "BILD035";
60
- export const bildTextlabelsBild025 = "BILD025";
61
- export const bildTextlabelsBild015 = "BILD015";
62
- export const bildTextlabelsBildyellow = "BILDYellow";
63
- export const bildTextlabelsBildorange = "BILDOrange";
64
- export const bildTextlabelsBildred053 = "BILDRed053";
65
- export const bildTextlabelsBildred035 = "BILDRed035";
66
- export const bildTextlabelsBildgreen093 = "BILDGreen093";
67
- export const bildTextlabelsBildgreen070 = "BILDGreen070";
68
- export const bildTextlabelsBildgreen063 = "BILDGreen063";
69
- export const sportbildAlphaSpobiblue0160 = "rgba(10, 38, 79, 0)";
70
- export const sportbildAlphaSpobiblue01670 = "rgba(10, 38, 79, 0.7)";
71
- export const sportbildBlueSpobiblue098 = "#f7fafc";
72
- export const sportbildBlueSpobiblue081 = "#bdc9db";
73
- export const sportbildBlueSpobiblue038 = "#305999";
74
- export const sportbildBlueSpobiblue029 = "#174582";
75
- export const sportbildBlueSpobiblue016 = "#0a264f";
76
- export const sportbildBlueSpobiblue010 = "#081729";
77
- export const sportbildRedSpobired = "#e62629";
78
- export const partnerAubiAubicore = "#f00000";
79
- export const partnerBzBzcore = "#e3001c";
80
- export const partnerTravelbookTravelbookcore = "#8ff0ed";
81
- export const partnerTechbookTechbookcore = "#94e3ff";
82
- export const partnerKaufberaterKaufberatercore = "#54476e";
83
- export const partnerComputerbildCobicore = "#db241c";
84
- export const partnerFitbookFitbookcore = "#ff96b8";
85
- export const partnerPetbookPetbookcore = "#badb91";
86
- export const partnerMyhomeMyhomecore = "#66cccc";
87
- export const opacityOpacity00 = 0;
88
- export const opacityOpacity05 = 5;
89
- export const opacityOpacity10 = 10;
90
- export const opacityOpacity20 = 20;
91
- export const opacityOpacity30 = 30;
92
- export const opacityOpacity40 = 40;
93
- export const opacityOpacity50 = 50;
94
- export const opacityOpacity60 = 60;
95
- export const opacityOpacity70 = 70;
96
- export const opacityOpacity80 = 80;
97
- export const opacityOpacity90 = 90;
98
- export const opacityOpacity100 = 100;
@@ -1,47 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const fontfamilyBildFontfamilygothamcond = "Gotham Condensed";
6
- export const fontfamilyBildFontfamilygothamxnarrow = "Gotham XNarrow";
7
- export const fontfamilyBildFontfamilygotham = "Gotham";
8
- export const fontfamilySportbildFontfamilyantennaextracond = "AntennaExtraCond";
9
- export const fontfamilySportbildFontfamilyantennacond = "AntennaCond";
10
- export const fontfamilySportbildFontfamilyinter = "Inter";
11
- export const fontfamilyAdvertorialFontfamilylucidagrande = "Lucida Grande";
12
- export const fontweight1000ultrafontweight = 1000;
13
- export const fontweight900extrablackfontweight = 900;
14
- export const fontweight800blackfontweight = 800;
15
- export const fontweight700blackfontweight = 700;
16
- export const fontweightBolditalicfontweightst = "Bold Italic";
17
- export const fontweightBlackfontweightst = "Black";
18
- export const fontweight600boldfontweight = 600;
19
- export const fontweight500mediumfontweight = 500;
20
- export const fontweight400bookfontweight = 400;
21
- export const fontweight350bookfontweight = 350;
22
- export const fontweight300lightfontweight = 300;
23
- export const fontweight200extralightfontweight = 200;
24
- export const fontweight100thinfontweight = 100;
25
- export const fontweightstring1000ultrafontweight = "1000";
26
- export const fontweightstring900extrablackfontweight = "900";
27
- export const fontweightstring800blackfontweight = "800";
28
- export const fontweightstring700blackitalicfontweight = "Black Italic";
29
- export const fontweightstring700blackfontweight = "700";
30
- export const fontweightstring600bolditalicfontweight = "Bold Italic";
31
- export const fontweightstring600boldfontweight = "600";
32
- export const fontweightstring500mediumfontweight = "500";
33
- export const fontweightstring400bookfontweight = "400";
34
- export const fontweightstring350bookfontweight = "350";
35
- export const fontweightstring200extralightfontweight = "200";
36
- export const fontweightstring100thinfontweight = "100";
37
- export const letterspacingLetterspace3 = "3px";
38
- export const letterspacingLetterspace2 = "2px";
39
- export const letterspacingLetterspace1 = "1px";
40
- export const letterspacingLetterspace05 = "0.5px";
41
- export const letterspacingLetterspace025 = "0.25px";
42
- export const letterspacingLetterspace0 = "0px";
43
- export const letterspacingLetterspace025 = "-0.25px";
44
- export const letterspacingLetterspace05 = "-0.5px";
45
- export const letterspacingLetterspace1 = "-1px";
46
- export const letterspacingLetterspace2 = "-2px";
47
- export const letterspacingLetterspace3 = "-3px";
@@ -1,53 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const size168x = "1344px";
6
- export const size128x = "1024px";
7
- export const size124x = "992px";
8
- export const size11625x = "930px";
9
- export const size100x = "800px";
10
- export const size875x = "700px";
11
- export const size80x = "640px";
12
- export const size60x = "480px";
13
- export const size50x = "400px";
14
- export const size40x = "320px";
15
- export const size35x = "280px";
16
- export const size30x = "240px";
17
- export const size275x = "220px";
18
- export const size25x = "200px";
19
- export const size225x = "180px";
20
- export const size20x = "160px";
21
- export const size185x = "148px";
22
- export const size175x = "140px";
23
- export const size1625 = "130px";
24
- export const size15x = "120px";
25
- export const size125x = "100px";
26
- export const size12x = "96px";
27
- export const size115x = "92px";
28
- export const size10x = "80px";
29
- export const size9x = "72px";
30
- export const size8x = "64px";
31
- export const size7x = "56px";
32
- export const size6x = "48px";
33
- export const size525x = "42px";
34
- export const size5x = "40px";
35
- export const size45x = "36px";
36
- export const size4x = "32px";
37
- export const size375x = "30px";
38
- export const size35x = "28px";
39
- export const size325x = "26px";
40
- export const size3x = "24px";
41
- export const size275x = "22px";
42
- export const size25x = "20px";
43
- export const size225x = "18px";
44
- export const size2x = "16px";
45
- export const size175x = "14px";
46
- export const size15x = "12px";
47
- export const size125x = "10px";
48
- export const size1x = "8px";
49
- export const size075x = "6px";
50
- export const size05x = "4px";
51
- export const size025x = "2px";
52
- export const size0125x = "1px";
53
- export const size0x = "0px";