@marioschmidt/design-system-tokens 1.0.23 → 1.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (246) hide show
  1. package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +430 -430
  2. package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +431 -431
  3. package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +436 -436
  4. package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +434 -434
  5. package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +442 -442
  6. package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +442 -442
  7. package/dist/css/brands/advertorial/density/density-compact.css +1 -1
  8. package/dist/css/brands/advertorial/density/density-default.css +1 -1
  9. package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
  10. package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +494 -494
  11. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  12. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  13. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  14. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  15. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +23 -23
  16. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +23 -23
  17. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +626 -626
  18. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +627 -627
  19. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +624 -624
  20. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +624 -624
  21. package/dist/css/brands/bild/density/density-compact.css +1 -1
  22. package/dist/css/brands/bild/density/density-default.css +1 -1
  23. package/dist/css/brands/bild/density/density-spacious.css +1 -1
  24. package/dist/css/brands/bild/overrides/brandcolormapping.css +140 -140
  25. package/dist/css/brands/bild/overrides/brandtokenmapping.css +494 -494
  26. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  27. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  28. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  29. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  30. package/dist/css/brands/bild/semantic/color/colormode-dark.css +385 -385
  31. package/dist/css/brands/bild/semantic/color/colormode-light.css +385 -385
  32. package/dist/css/brands/bild/semantic/effects/effects-dark.css +23 -23
  33. package/dist/css/brands/bild/semantic/effects/effects-light.css +23 -23
  34. package/dist/css/brands/bild/semantic/typography/typography-lg.css +637 -637
  35. package/dist/css/brands/bild/semantic/typography/typography-md.css +632 -632
  36. package/dist/css/brands/bild/semantic/typography/typography-sm.css +632 -632
  37. package/dist/css/brands/bild/semantic/typography/typography-xs.css +633 -633
  38. package/dist/css/brands/sportbild/density/density-compact.css +1 -1
  39. package/dist/css/brands/sportbild/density/density-default.css +1 -1
  40. package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
  41. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +140 -140
  42. package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +494 -494
  43. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  44. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  45. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  46. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  47. package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +385 -385
  48. package/dist/css/brands/sportbild/semantic/color/colormode-light.css +385 -385
  49. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +23 -23
  50. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +23 -23
  51. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +632 -632
  52. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +631 -631
  53. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +631 -631
  54. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +631 -631
  55. package/dist/css/shared/colorprimitive.css +97 -97
  56. package/dist/css/shared/fontprimitive.css +22 -22
  57. package/dist/css/shared/sizeprimitive.css +1 -1
  58. package/dist/css/shared/spaceprimitive.css +1 -1
  59. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +291 -291
  60. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  61. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  62. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  63. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  64. package/dist/flutter/brands/advertorial/semantic/effects/effects-dark.dart +186 -15
  65. package/dist/flutter/brands/advertorial/semantic/effects/effects-light.dart +186 -15
  66. package/dist/flutter/brands/advertorial/semantic/typography/typography-lg.dart +1060 -138
  67. package/dist/flutter/brands/advertorial/semantic/typography/typography-md.dart +1059 -137
  68. package/dist/flutter/brands/advertorial/semantic/typography/typography-sm.dart +1060 -138
  69. package/dist/flutter/brands/advertorial/semantic/typography/typography-xs.dart +1059 -137
  70. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +91 -91
  71. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
  72. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  73. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  74. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  75. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  76. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
  77. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
  78. package/dist/flutter/brands/bild/semantic/effects/effects-dark.dart +186 -15
  79. package/dist/flutter/brands/bild/semantic/effects/effects-light.dart +186 -15
  80. package/dist/flutter/brands/bild/semantic/typography/typography-lg.dart +1060 -138
  81. package/dist/flutter/brands/bild/semantic/typography/typography-md.dart +1059 -137
  82. package/dist/flutter/brands/bild/semantic/typography/typography-sm.dart +1060 -138
  83. package/dist/flutter/brands/bild/semantic/typography/typography-xs.dart +1059 -137
  84. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
  85. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
  86. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  87. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  88. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  89. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  90. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
  91. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
  92. package/dist/flutter/brands/sportbild/semantic/effects/effects-dark.dart +186 -15
  93. package/dist/flutter/brands/sportbild/semantic/effects/effects-light.dart +186 -15
  94. package/dist/flutter/brands/sportbild/semantic/typography/typography-lg.dart +1060 -138
  95. package/dist/flutter/brands/sportbild/semantic/typography/typography-md.dart +1059 -137
  96. package/dist/flutter/brands/sportbild/semantic/typography/typography-sm.dart +1060 -138
  97. package/dist/flutter/brands/sportbild/semantic/typography/typography-xs.dart +1059 -137
  98. package/dist/flutter/shared/colorprimitive.dart +82 -82
  99. package/dist/flutter/shared/fontprimitive.dart +21 -21
  100. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
  101. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  102. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  103. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  104. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  105. package/dist/ios/brands/advertorial/semantic/effects/EffectsDark.swift +48 -16
  106. package/dist/ios/brands/advertorial/semantic/effects/EffectsLight.swift +48 -16
  107. package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
  108. package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
  109. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
  110. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
  111. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  112. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  113. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  114. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  115. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
  116. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
  117. package/dist/ios/brands/bild/semantic/effects/EffectsDark.swift +48 -16
  118. package/dist/ios/brands/bild/semantic/effects/EffectsLight.swift +48 -16
  119. package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
  120. package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
  121. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
  122. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
  123. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  124. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  125. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  126. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  127. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
  128. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
  129. package/dist/ios/brands/sportbild/semantic/effects/EffectsDark.swift +48 -16
  130. package/dist/ios/brands/sportbild/semantic/effects/EffectsLight.swift +48 -16
  131. package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
  132. package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
  133. package/dist/ios/shared/Colorprimitive.swift +82 -82
  134. package/dist/ios/shared/Fontprimitive.swift +21 -21
  135. package/dist/js/brands/advertorial/density/density-compact.js +1 -1
  136. package/dist/js/brands/advertorial/density/density-default.js +1 -1
  137. package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
  138. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
  139. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  140. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  141. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  142. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  143. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +181 -21
  144. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +181 -21
  145. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +892 -254
  146. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +892 -254
  147. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +892 -254
  148. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +892 -254
  149. package/dist/js/brands/bild/density/density-compact.js +1 -1
  150. package/dist/js/brands/bild/density/density-default.js +1 -1
  151. package/dist/js/brands/bild/density/density-spacious.js +1 -1
  152. package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
  153. package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
  154. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  155. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  156. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  157. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  158. package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
  159. package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
  160. package/dist/js/brands/bild/semantic/effects/effects-dark.js +181 -21
  161. package/dist/js/brands/bild/semantic/effects/effects-light.js +181 -21
  162. package/dist/js/brands/bild/semantic/typography/typography-lg.js +892 -254
  163. package/dist/js/brands/bild/semantic/typography/typography-md.js +892 -254
  164. package/dist/js/brands/bild/semantic/typography/typography-sm.js +892 -254
  165. package/dist/js/brands/bild/semantic/typography/typography-xs.js +892 -254
  166. package/dist/js/brands/sportbild/density/density-compact.js +1 -1
  167. package/dist/js/brands/sportbild/density/density-default.js +1 -1
  168. package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
  169. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
  170. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
  171. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  172. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  173. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  174. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  175. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
  176. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
  177. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +181 -21
  178. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +181 -21
  179. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +892 -254
  180. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +892 -254
  181. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +892 -254
  182. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +892 -254
  183. package/dist/js/shared/colorprimitive.js +83 -83
  184. package/dist/js/shared/fontprimitive.js +22 -22
  185. package/dist/js/shared/sizeprimitive.js +1 -1
  186. package/dist/js/shared/spaceprimitive.js +1 -1
  187. package/dist/manifest.json +1 -1
  188. package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
  189. package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
  190. package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
  191. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
  192. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  193. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  194. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  195. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  196. package/dist/scss/brands/bild/density/density-compact.scss +1 -1
  197. package/dist/scss/brands/bild/density/density-default.scss +1 -1
  198. package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
  199. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
  200. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
  201. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  202. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  203. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  204. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  205. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
  206. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
  207. package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
  208. package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
  209. package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
  210. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
  211. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
  212. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  213. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  214. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  215. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  216. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
  217. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
  218. package/dist/scss/shared/colorprimitive.scss +83 -83
  219. package/dist/scss/shared/fontprimitive.scss +22 -22
  220. package/dist/scss/shared/sizeprimitive.scss +1 -1
  221. package/dist/scss/shared/spaceprimitive.scss +1 -1
  222. package/package.json +1 -1
  223. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-dark.xml +0 -20
  224. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-light.xml +0 -20
  225. package/dist/android/res/values/brands/bild/semantic/effects/effects-dark.xml +0 -20
  226. package/dist/android/res/values/brands/bild/semantic/effects/effects-light.xml +0 -20
  227. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-dark.xml +0 -20
  228. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-light.xml +0 -20
  229. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +0 -56
  230. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +0 -56
  231. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +0 -459
  232. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +0 -459
  233. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +0 -459
  234. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +0 -459
  235. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +0 -56
  236. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +0 -56
  237. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +0 -459
  238. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +0 -459
  239. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +0 -459
  240. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +0 -459
  241. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +0 -56
  242. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +0 -56
  243. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +0 -459
  244. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +0 -459
  245. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +0 -459
  246. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +0 -459
@@ -1,459 +0,0 @@
1
- //
2
- // typography-xs.scss
3
- // Generiert am: 2025-11-24T21:07:32.601Z
4
- // Nicht manuell bearbeiten!
5
- //
6
-
7
- // ============================================
8
- // .DSDOCSSTYLES
9
- // ============================================
10
-
11
- $pageheaderdescription: [object Object];
12
- // This text style is only used on the design system's documentation for code syntax snippets.
13
- $codesnippets: [object Object];
14
- // This text style is only used for mockup pages of the design system website.
15
- $bilddesignsidemenu: [object Object];
16
- // This text style is only used for mockup pages of the design system website.
17
- $bilddesignsidemenuactive: [object Object];
18
- // This text style is only used for mockup pages of the design system website.
19
- $bilddesignsidemenuhover: [object Object];
20
- // This text style is only used for mockups the vertical video component teaser headlines.
21
- $verticalvideosmockheadlines: [object Object];
22
- // This text style is used on documentation pages that contain some token information.
23
- $tokenspecl: [object Object];
24
-
25
-
26
- // ============================================
27
- // .SPECS
28
- // ============================================
29
-
30
- // This text style is only used for audit pages of the design system.
31
- $specsxs: [object Object];
32
- // This text style is only used for audit pages of the design system.
33
- $specss: [object Object];
34
- // This text style is only used for audit pages of the design system.
35
- $specsms: [object Object];
36
- // This text style is only used for audit pages of the design system.
37
- $specsm: [object Object];
38
- // This text style is only used for audit pages of the design system.
39
- $specsml: [object Object];
40
- // This text style is only used for audit pages of the design system.
41
- $specsl: [object Object];
42
- // This text style is only used for audit pages of the design system.
43
- $specsxl: [object Object];
44
- // This text style is only used for audit pages of the design system.
45
- $specsxxl: [object Object];
46
-
47
-
48
- // ============================================
49
- // ACCORDION
50
- // ============================================
51
-
52
- // This text style is for use on accordion labels
53
- $accordionlabel: [object Object];
54
-
55
-
56
- // ============================================
57
- // ARTICLE
58
- // ============================================
59
-
60
- // This text style contains the variables necessary for setting how the font parameters for the article kicker behaves across breakpoints. For font size, this component level token currently references the semantic level token kicker1FontSize.
61
- $articlekicker: [object Object];
62
- // This text style is used on image captions that show up in article pages only.
63
- $articleimagecaption: [object Object];
64
- // This component level text style is reserved for article page headline texts that show up at the top of article pages. This text style references the generic text styles headline1 and headline2 font size variables. 40 - 40 - 72 - 100
65
- $articleheadline: [object Object];
66
- // This text style is used on short pieces of text that give information about where an image originated. It can also be used on short texts that give information about where a video originated.
67
- $articlemetasource: [object Object];
68
- // Use this text style for time and day text string that commonly shows up along with the article authors avatars. Font size: 12 - 12 - 14 - 16
69
- $articletimestamp: [object Object];
70
-
71
-
72
- // ============================================
73
- // ATEASER
74
- // ============================================
75
-
76
- // 16 - 16 - 22 - 24 | This text style currently uses two different semantic styles within it, the kicker3 for XS & S, and kicker2 for MD & LG
77
- $ateaserkicker: [object Object];
78
- // This text style references the semantic text styles headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64
79
- $ateaserheadline: [object Object];
80
-
81
-
82
- // ============================================
83
- // AUDIOPLAYER
84
- // ============================================
85
-
86
- // This text style is used on audio player labels for elapsed time, reproduction speed and short functionality description text. Font size: 16 - 16 - 16 - 18
87
- $audioplayerlabel: [object Object];
88
-
89
-
90
- // ============================================
91
- // AVATAR
92
- // ============================================
93
-
94
- // This text style is used for avatar on iOS & Android apps. 12 - 12 - 14 - 16
95
- $appavatar: [object Object];
96
- // This text style is used on article page avatar name labels in their default state. Font size: 16 - 16 - 16 - 18
97
-
98
- 09-2025, on large devices this component uses the css var --footnote-font-size-lg at 1024px bp changes to --footnote-font-size-sm
99
- $avatardefault: [object Object];
100
- // This text style is used on avatars that appear in article pages. Font size: 16 - 16 - 16 - 18
101
- $avatarhover: [object Object];
102
- // This text style is used on avatars that show up on article pages. Some avatars have the individual's first and last name on a single line. The second line of the avatar label is then used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18
103
- $avatarsecondaryinfo: [object Object];
104
- // This text style is used for the active state of the second line of avatar labels. This label text is used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18
105
- $avatarsecondaryinfohover: [object Object];
106
-
107
-
108
- // ============================================
109
- // BADGES
110
- // ============================================
111
-
112
- // 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during horizontal video advertisements.
113
- $videoadbadge: [object Object];
114
- // This text style is used on horizontal video badges that contain either the video's total duration or a live status identifier. Font size: 16 - 16 - 18 - 18
115
- $videotimebadge: [object Object];
116
-
117
-
118
- // ============================================
119
- // BODY
120
- // ============================================
121
-
122
- // Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes.
123
- $body: [object Object];
124
- // Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes.
125
- $bodyitalic: [object Object];
126
- // Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes.
127
- $bodybold: [object Object];
128
- // Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes.
129
- $bodybolditalic: [object Object];
130
-
131
-
132
- // ============================================
133
- // BREADCRUMB
134
- // ============================================
135
-
136
- // This text style is used for the last items in a breadcrumbs chain. It is commonly used in article pages and is a h1 in html. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices.
137
- $breadcrumb: [object Object];
138
- // This text style is used for breadcrumb links that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices.
139
- $breadcrumblink: [object Object];
140
- // This text style is used for the hover state of breadcrumbs that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices.
141
- $breadcrumblinkhover: [object Object];
142
-
143
-
144
- // ============================================
145
- // BREAKINGNEWS
146
- // ============================================
147
-
148
- // Use this text style on breaking news headlines that horizontally scroll in the breaking news animated strip. Font size constant 21.
149
- $breakingnewstext: [object Object];
150
- // Use this text style on the upper title of the breaking news headline strip. Font size constant 13.
151
- $breakingnewsuppertitle: [object Object];
152
- // Use this font style on the breaking news badge's lower title. Font size constant 23.
153
- $breakingnewslowertitle: [object Object];
154
-
155
-
156
- // ============================================
157
- // BUTTON
158
- // ============================================
159
-
160
- // This text style is used on button labels. Its font size variable is currently in the Density collection. Font size changes across devices: 15 - 17 - 19 Current online CSS .btn--narrow & .btn
161
- $buttonlabel: [object Object];
162
- // This text style is used on buttons that are commonly used inside of a container for advertizers and partners. This text is used in buttons that open links to external content. Font size: 16 - 16 - 16 - 18
163
- $partnerlinkbuttonlabel: [object Object];
164
-
165
-
166
- // ============================================
167
- // CALLOUT
168
- // ============================================
169
-
170
- // Callouts highlight key information, quotes, or important notes inside content. They stand apart from body text to draw attention. There is overlap between this text style and the title text styles. Font size: 18 - 18 - 22 - 22
171
- $callout: [object Object];
172
-
173
-
174
- // ============================================
175
- // CHIPS
176
- // ============================================
177
-
178
- // This text style is used on the chips component. They are commonly used for filtering parameters. font size: 16 - 16 - 16 - 18
179
- $chipslabel: [object Object];
180
-
181
-
182
- // ============================================
183
- // DISPLAY
184
- // ============================================
185
-
186
- // Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120
187
- $display1: [object Object];
188
- // Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64
189
- $display2: [object Object];
190
- // Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40
191
- $display3: [object Object];
192
-
193
-
194
- // ============================================
195
- // FOOTER
196
- // ============================================
197
-
198
- // This text style is used for link texts contained inside cards that commonly show up at the bottom of pages in footers. This link text style's font size parameter uses the label2 font size variable.
199
- $footercardlink: [object Object];
200
- // This text style is found on footers that separate links with a vertical bar. Font size remains constant at 20 px across devices.
201
- $footerlinkseparator: [object Object];
202
- // This text style is used in footer links that show up at the bottom of content pages. Font size constant at 11px.
203
- $footerlinks: [object Object];
204
- // User data and offer pages use this text style on footer links. Font size remains constant at 18px.
205
- $footerlinkuser-offerpages: [object Object];
206
-
207
-
208
- // ============================================
209
- // FOOTNOTE
210
- // ============================================
211
-
212
- // Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18
213
- $footnote1: [object Object];
214
- // Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18
215
- $footnote1bold: [object Object];
216
- // Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16
217
- $footnote2: [object Object];
218
- // Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16
219
- $footnote2bold: [object Object];
220
-
221
-
222
- // ============================================
223
- // HEADLINE
224
- // ============================================
225
-
226
- // Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100
227
- $headline1: [object Object];
228
- // Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64
229
- $headline2: [object Object];
230
- // Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40
231
- $headline3: [object Object];
232
- // Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32
233
- $headline4: [object Object];
234
-
235
-
236
- // ============================================
237
- // INPUTFIELD
238
- // ============================================
239
-
240
- // This text style is used in dropdowns and other text input fields such as date inputs, search input fields and other inputs for text found in forms for example. Font size references a variable from the density collection. 15 - 17 - 19
241
- $textinputfieldlabel: [object Object];
242
-
243
-
244
- // ============================================
245
- // KICKER
246
- // ============================================
247
-
248
- // Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes
249
- $kicker1: [object Object];
250
- // Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes
251
- $kicker2: [object Object];
252
- // Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes
253
- $kicker3: [object Object];
254
- // Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes
255
- $kicker4: [object Object];
256
-
257
-
258
- // ============================================
259
- // LABEL
260
- // ============================================
261
-
262
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes.
263
- $label1: [object Object];
264
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes.
265
- $label1bold: [object Object];
266
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17
267
- $label1boldresp: [object Object];
268
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes.
269
- $label1uppercasebold: [object Object];
270
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes.
271
- $label2: [object Object];
272
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes.
273
- $label2uppercase: [object Object];
274
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes.
275
- $label2bold: [object Object];
276
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes.
277
- $label2uppercasebold: [object Object];
278
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes.
279
- $label3: [object Object];
280
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn
281
- $label3uppercase: [object Object];
282
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes.
283
- $label3bold: [object Object];
284
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes.
285
- $label3uppercasebold: [object Object];
286
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8.
287
- $label4: [object Object];
288
-
289
-
290
- // ============================================
291
- // LIVETICKER
292
- // ============================================
293
-
294
- // This text style is used on live ticker headlines. The font size changes between device sizes. 22 - 22 - 32 -32
295
- $livetickerheadline: [object Object];
296
- // Use this text style on the live ticker time stamps. 14 - 14 - 16 - 16
297
- $livetickertimestamp: [object Object];
298
-
299
-
300
- // ============================================
301
- // MEDIAPLAYERS
302
- // ============================================
303
-
304
- // This text style is used on controller labels of the podcast media player. Font size: 16 - 16 - 16 - 18
305
- $podcastplayerlabel: [object Object];
306
- // 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during the video advertisement.
307
- $videoadtime: [object Object];
308
- // Use this text style on video player time badges that display elapsed, total or live information text labels. This text style references the label2 font size variable. 15px constant
309
- $videoplayertime: [object Object];
310
-
311
-
312
- // ============================================
313
- // MENU
314
- // ============================================
315
-
316
- // This text style is used on a small title that is placed above tab elements that are seen on iOS and Android top menu bar.
317
- $apptopbarstagetitle: [object Object];
318
- // iOS and Android apps currently have a top bar with tabs that when selected display different content within the main view of the device. This text style is used for a title text that provides information for the user to situate where they are within the app's content possibilities.
319
- $apptopbartabstitle: [object Object];
320
- // Used on menu link lane items and on mobile side menu drawer. Current online CSS naming: --nav-btn
321
- $menuitemlabel: [object Object];
322
- // Use this tokenized font style for menu items with icons that are more important than the menu link lane items. Current online CSS: .nav_btn--type-util
323
- $menuitemutillabel: [object Object];
324
-
325
-
326
- // ============================================
327
- // MQTEASER
328
- // ============================================
329
-
330
- // This component level text style references size variables for the semantic level. Specifically kicker4. 14 - 14 - 16 - 16
331
- $mqteaserkicker: [object Object];
332
- // This component level text style references the semantic level text sizes of headline3 and headline4.
333
- XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40
334
- $mqteaserheadline: [object Object];
335
-
336
-
337
- // ============================================
338
- // NEWSTICKER
339
- // ============================================
340
-
341
- // The vertical newsticker component has timestamps that use this text style. 16 - 16 - 16 - 18
342
- $newstickertimestamp: [object Object];
343
- // This text style is a component level option for the newsticker kicker. Currently the newsticker kicker uses the semantic text style kicker3. This text style references the semantic one.
344
- $newstickerkicker: [object Object];
345
- // This text style is used on NewsTicker Headlines. It references the semantic level text style headline3. 28 - 28 - 36 - 40
346
- $newstickerheadline: [object Object];
347
-
348
-
349
- // ============================================
350
- // PAGINATION
351
- // ============================================
352
-
353
- // This component level text style stores the variables for the pagination component's active state (label1 with red accent color underline). Its size remains constant at 17px across device sizes.
354
- $numberedpaginationactive: [object Object];
355
-
356
-
357
- // ============================================
358
- // PAYWALL
359
- // ============================================
360
-
361
- // This text style is used for the paywall price tag text.
362
- $paywallcardpricetag: [object Object];
363
- // This text style is used on the paywall card under the price value.
364
- $paywallcardnote: [object Object];
365
-
366
-
367
- // ============================================
368
- // QTEASER
369
- // ============================================
370
-
371
- // This component level text style is used on the quad teaser headline. Its font size parameter references the semantic level variable headline1. 48 - 48 - 72 - 100
372
- $qteaserheadline: [object Object];
373
-
374
-
375
- // ============================================
376
- // QUOTE
377
- // ============================================
378
-
379
- // Use this text style for sections of text that are inside a fieldset with a quotation given by a person in an interview or a section of text from a larger body of text that need to be emphasized.
380
- $quote: [object Object];
381
-
382
-
383
- // ============================================
384
- // SPECIALNAVI
385
- // ============================================
386
-
387
- // Used on menu link lane items and on mobile side menu drawer.
388
- $specianaviitemlabel: [object Object];
389
-
390
-
391
- // ============================================
392
- // STDTEASER
393
- // ============================================
394
-
395
- // Standard teasers typography changes more than other teasers. On desktop they have a kicker, a headline and a short text. On mobile devices the short text is eliminated and the headline gains weight at device widths 600px. Then at small mobile sizes the weight drops once again.
396
- $stdteaserheadline: [object Object];
397
-
398
-
399
- // ============================================
400
- // SUBHEADLINE
401
- // ============================================
402
-
403
- // This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36
404
- $subheadline1: [object Object];
405
-
406
-
407
- // ============================================
408
- // TABS
409
- // ============================================
410
-
411
- // This text style stores variables for the tab component. Tabs are similar to submenus and special navigation elements but tabs do not link to other URLs.
412
- $tablabel: [object Object];
413
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts.
414
- $appbottombarlabeldefault: [object Object];
415
- // Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts.
416
- $appbottombarlabelactive: [object Object];
417
-
418
-
419
- // ============================================
420
- // TEXTLINK
421
- // ============================================
422
-
423
- // Use this text style for styling elements that are clickable text links inside body texts. This style is often found in article texts. Font size remains constant at 21 across device sizes.
424
- $textlink: [object Object];
425
- // Use this text style for styling elements that are clickable text links inside body texts that are using the italic style. This style is often found in article texts that need to show contrast for publications titles, specific words or names. Font size remains constant at 21 across device sizes.
426
- $textlinkitalic: [object Object];
427
- // Use this text style for styling elements that are clickable text links inside emphasized body texts that are using the bold or html strong style. This style is often found in article texts that need to show contrast for specific words or names. Font size remains constant at 21 across device sizes.
428
- $textlinkbold: [object Object];
429
- // Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes.
430
- $textlinkhover: [object Object];
431
- // Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes.
432
- $textlinkboldhover: [object Object];
433
-
434
-
435
- // ============================================
436
- // TITLE
437
- // ============================================
438
-
439
- // Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28
440
- $title1: [object Object];
441
- // Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28
442
- $title1uppercase: [object Object];
443
- // Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
444
-
445
- In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20
446
- $title2: [object Object];
447
- // Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
448
-
449
- In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20
450
- $title2uppercase: [object Object];
451
-
452
-
453
- // ============================================
454
- // TOGGLESWITCHES
455
- // ============================================
456
-
457
- // This text style is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18
458
- $apptoogleitemlabel: [object Object];
459
-
@@ -1,56 +0,0 @@
1
- //
2
- // effects-dark.scss
3
- // Generiert am: 2025-11-24T21:07:33.156Z
4
- // Nicht manuell bearbeiten!
5
- //
6
-
7
- // ============================================
8
- // ALERT
9
- // ============================================
10
-
11
- $alertshadowdown: [object Object];
12
- $alertshadowup: [object Object];
13
-
14
-
15
- // ============================================
16
- // DROPSHADOWHARD
17
- // ============================================
18
-
19
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
20
- $shadowhardsm: [object Object],[object Object];
21
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
22
- $shadowhardmd: [object Object],[object Object];
23
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
24
- $shadowhardlg: [object Object],[object Object];
25
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
26
- $shadowhardxl: [object Object],[object Object];
27
-
28
-
29
- // ============================================
30
- // DROPSHADOWSOFT
31
- // ============================================
32
-
33
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
34
- $shadowsoftsm: [object Object],[object Object];
35
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
36
- $shadowsoftmd: [object Object],[object Object];
37
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
38
- $shadowsoftlg: [object Object],[object Object];
39
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
40
- $shadowsoftxl: [object Object],[object Object];
41
-
42
-
43
- // ============================================
44
- // MENU
45
- // ============================================
46
-
47
- $menushadow: [object Object];
48
- $heyinputshadow: [object Object];
49
-
50
-
51
- // ============================================
52
- // TEASER
53
- // ============================================
54
-
55
- $teaserheadlinesshadow: [object Object];
56
-
@@ -1,56 +0,0 @@
1
- //
2
- // effects-light.scss
3
- // Generiert am: 2025-11-24T21:07:33.093Z
4
- // Nicht manuell bearbeiten!
5
- //
6
-
7
- // ============================================
8
- // ALERT
9
- // ============================================
10
-
11
- $alertshadowdown: [object Object];
12
- $alertshadowup: [object Object];
13
-
14
-
15
- // ============================================
16
- // DROPSHADOWHARD
17
- // ============================================
18
-
19
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
20
- $shadowhardsm: [object Object],[object Object];
21
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
22
- $shadowhardmd: [object Object],[object Object];
23
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
24
- $shadowhardlg: [object Object],[object Object];
25
- // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
26
- $shadowhardxl: [object Object],[object Object];
27
-
28
-
29
- // ============================================
30
- // DROPSHADOWSOFT
31
- // ============================================
32
-
33
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
34
- $shadowsoftsm: [object Object],[object Object];
35
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
36
- $shadowsoftmd: [object Object],[object Object];
37
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
38
- $shadowsoftlg: [object Object],[object Object];
39
- // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
40
- $shadowsoftxl: [object Object],[object Object];
41
-
42
-
43
- // ============================================
44
- // MENU
45
- // ============================================
46
-
47
- $menushadow: [object Object];
48
- $heyinputshadow: [object Object];
49
-
50
-
51
- // ============================================
52
- // TEASER
53
- // ============================================
54
-
55
- $teaserheadlinesshadow: [object Object];
56
-