@marioschmidt/design-system-tokens 1.0.9

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 (181) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +767 -0
  3. package/dist/css/base/index.css +8 -0
  4. package/dist/css/base/primitive-color-value-global.css +100 -0
  5. package/dist/css/base/primitive-color-value.css +100 -0
  6. package/dist/css/base/primitive-font-value-global.css +49 -0
  7. package/dist/css/base/primitive-font-value.css +49 -0
  8. package/dist/css/base/primitive-size-value-global.css +55 -0
  9. package/dist/css/base/primitive-size-value.css +55 -0
  10. package/dist/css/base/primitive-space-value-global.css +31 -0
  11. package/dist/css/base/primitive-space-value.css +31 -0
  12. package/dist/css/density/density-compact-global.css +14 -0
  13. package/dist/css/density/density-compact.css +14 -0
  14. package/dist/css/density/density-default-global.css +14 -0
  15. package/dist/css/density/density-default.css +14 -0
  16. package/dist/css/density/density-spacious-global.css +14 -0
  17. package/dist/css/density/density-spacious.css +14 -0
  18. package/dist/css/density/index.css +7 -0
  19. package/dist/css/mapping/brand-advertorial-global.css +277 -0
  20. package/dist/css/mapping/brand-advertorial.css +277 -0
  21. package/dist/css/mapping/brand-bild-global.css +277 -0
  22. package/dist/css/mapping/brand-bild.css +277 -0
  23. package/dist/css/mapping/brand-color-bild-global.css +74 -0
  24. package/dist/css/mapping/brand-color-bild.css +74 -0
  25. package/dist/css/mapping/brand-color-sportbild-global.css +74 -0
  26. package/dist/css/mapping/brand-color-sportbild.css +74 -0
  27. package/dist/css/mapping/brand-sportbild-global.css +277 -0
  28. package/dist/css/mapping/brand-sportbild.css +277 -0
  29. package/dist/css/mapping/index.css +9 -0
  30. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +490 -0
  31. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +490 -0
  32. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +490 -0
  33. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +490 -0
  34. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +490 -0
  35. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +490 -0
  36. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +490 -0
  37. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +490 -0
  38. package/dist/css/semantic/advertorial/breakpoints/index.css +8 -0
  39. package/dist/css/semantic/advertorial/color/color-advertorial-dark-global.css +425 -0
  40. package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +425 -0
  41. package/dist/css/semantic/advertorial/color/color-advertorial-light-global.css +425 -0
  42. package/dist/css/semantic/advertorial/color/color-advertorial-light.css +425 -0
  43. package/dist/css/semantic/advertorial/color/index.css +6 -0
  44. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +490 -0
  45. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +490 -0
  46. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +490 -0
  47. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +490 -0
  48. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +490 -0
  49. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +490 -0
  50. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +490 -0
  51. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +490 -0
  52. package/dist/css/semantic/bild/breakpoints/index.css +8 -0
  53. package/dist/css/semantic/bild/color/color-bild-dark-global.css +425 -0
  54. package/dist/css/semantic/bild/color/color-bild-dark.css +425 -0
  55. package/dist/css/semantic/bild/color/color-bild-light-global.css +425 -0
  56. package/dist/css/semantic/bild/color/color-bild-light.css +425 -0
  57. package/dist/css/semantic/bild/color/index.css +6 -0
  58. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +490 -0
  59. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +490 -0
  60. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +490 -0
  61. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +490 -0
  62. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +490 -0
  63. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +490 -0
  64. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +490 -0
  65. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +490 -0
  66. package/dist/css/semantic/sportbild/breakpoints/index.css +8 -0
  67. package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +425 -0
  68. package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +425 -0
  69. package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +425 -0
  70. package/dist/css/semantic/sportbild/color/color-sportbild-light.css +425 -0
  71. package/dist/css/semantic/sportbild/color/index.css +6 -0
  72. package/dist/js/base/index.js +15 -0
  73. package/dist/js/base/primitive-color-value.js +98 -0
  74. package/dist/js/base/primitive-font-value.js +47 -0
  75. package/dist/js/base/primitive-size-value.js +53 -0
  76. package/dist/js/base/primitive-space-value.js +29 -0
  77. package/dist/js/density/density-compact.js +12 -0
  78. package/dist/js/density/density-default.js +12 -0
  79. package/dist/js/density/density-spacious.js +12 -0
  80. package/dist/js/density/index.js +13 -0
  81. package/dist/js/mapping/brand-advertorial.js +276 -0
  82. package/dist/js/mapping/brand-bild.js +277 -0
  83. package/dist/js/mapping/brand-color-bild.js +78 -0
  84. package/dist/js/mapping/brand-color-sportbild.js +78 -0
  85. package/dist/js/mapping/brand-sportbild.js +280 -0
  86. package/dist/js/mapping/index.js +17 -0
  87. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +477 -0
  88. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +477 -0
  89. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +477 -0
  90. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +477 -0
  91. package/dist/js/semantic/advertorial/breakpoints/index.js +15 -0
  92. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +347 -0
  93. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +343 -0
  94. package/dist/js/semantic/advertorial/color/index.js +11 -0
  95. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +478 -0
  96. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +478 -0
  97. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +478 -0
  98. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +478 -0
  99. package/dist/js/semantic/bild/breakpoints/index.js +15 -0
  100. package/dist/js/semantic/bild/color/color-bild-dark.js +347 -0
  101. package/dist/js/semantic/bild/color/color-bild-light.js +343 -0
  102. package/dist/js/semantic/bild/color/index.js +11 -0
  103. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +479 -0
  104. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +479 -0
  105. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +479 -0
  106. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +479 -0
  107. package/dist/js/semantic/sportbild/breakpoints/index.js +15 -0
  108. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +347 -0
  109. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +343 -0
  110. package/dist/js/semantic/sportbild/color/index.js +11 -0
  111. package/dist/json/base/primitive-color-value.json +148 -0
  112. package/dist/json/base/primitive-font-value.json +59 -0
  113. package/dist/json/base/primitive-size-value.json +51 -0
  114. package/dist/json/base/primitive-space-value.json +27 -0
  115. package/dist/json/density/density-compact.json +16 -0
  116. package/dist/json/density/density-default.json +16 -0
  117. package/dist/json/density/density-spacious.json +16 -0
  118. package/dist/json/mapping/brand-advertorial.json +393 -0
  119. package/dist/json/mapping/brand-bild.json +393 -0
  120. package/dist/json/mapping/brand-color-bild.json +98 -0
  121. package/dist/json/mapping/brand-color-sportbild.json +98 -0
  122. package/dist/json/mapping/brand-sportbild.json +393 -0
  123. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +686 -0
  124. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +686 -0
  125. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +686 -0
  126. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +686 -0
  127. package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +307 -0
  128. package/dist/json/semantic/advertorial/color/color-advertorial-light.json +307 -0
  129. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +686 -0
  130. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +686 -0
  131. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +686 -0
  132. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +686 -0
  133. package/dist/json/semantic/bild/color/color-bild-dark.json +307 -0
  134. package/dist/json/semantic/bild/color/color-bild-light.json +307 -0
  135. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +686 -0
  136. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +686 -0
  137. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +686 -0
  138. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +686 -0
  139. package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +307 -0
  140. package/dist/json/semantic/sportbild/color/color-sportbild-light.json +307 -0
  141. package/dist/manifest.json +183 -0
  142. package/dist/scss/base/index.scss +8 -0
  143. package/dist/scss/base/primitive-color-value.scss +97 -0
  144. package/dist/scss/base/primitive-font-value.scss +46 -0
  145. package/dist/scss/base/primitive-size-value.scss +52 -0
  146. package/dist/scss/base/primitive-space-value.scss +28 -0
  147. package/dist/scss/density/density-compact.scss +11 -0
  148. package/dist/scss/density/density-default.scss +11 -0
  149. package/dist/scss/density/density-spacious.scss +11 -0
  150. package/dist/scss/density/index.scss +7 -0
  151. package/dist/scss/mapping/brand-advertorial.scss +274 -0
  152. package/dist/scss/mapping/brand-bild.scss +274 -0
  153. package/dist/scss/mapping/brand-color-bild.scss +71 -0
  154. package/dist/scss/mapping/brand-color-sportbild.scss +71 -0
  155. package/dist/scss/mapping/brand-sportbild.scss +274 -0
  156. package/dist/scss/mapping/index.scss +9 -0
  157. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +475 -0
  158. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +475 -0
  159. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +475 -0
  160. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +475 -0
  161. package/dist/scss/semantic/advertorial/breakpoints/index.scss +8 -0
  162. package/dist/scss/semantic/advertorial/color/color-advertorial-dark.scss +318 -0
  163. package/dist/scss/semantic/advertorial/color/color-advertorial-light.scss +318 -0
  164. package/dist/scss/semantic/advertorial/color/index.scss +6 -0
  165. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +475 -0
  166. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +475 -0
  167. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +475 -0
  168. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +475 -0
  169. package/dist/scss/semantic/bild/breakpoints/index.scss +8 -0
  170. package/dist/scss/semantic/bild/color/color-bild-dark.scss +318 -0
  171. package/dist/scss/semantic/bild/color/color-bild-light.scss +318 -0
  172. package/dist/scss/semantic/bild/color/index.scss +6 -0
  173. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +475 -0
  174. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +475 -0
  175. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +475 -0
  176. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +475 -0
  177. package/dist/scss/semantic/sportbild/breakpoints/index.scss +8 -0
  178. package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +318 -0
  179. package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +318 -0
  180. package/dist/scss/semantic/sportbild/color/index.scss +6 -0
  181. package/package.json +62 -0
@@ -0,0 +1,686 @@
1
+ {
2
+ "Semantic": {
3
+ "Border": {
4
+ "BorderRadius": {
5
+ "borderRadiusNone": 0,
6
+ "borderRadiusXS": 2,
7
+ "borderRadiusSM": 4,
8
+ "borderRadiusMD": 8,
9
+ "borderRadiusLG": 16,
10
+ "borderRadiusXL": 24,
11
+ "borderRadiusFull": 9999
12
+ },
13
+ "BorderWidth": {
14
+ "BorderWidthHairline": 0.33,
15
+ "BorderWidthThin": 1,
16
+ "BorderWidthThick": 2
17
+ }
18
+ },
19
+ "Layout": {
20
+ "canvasWidthSizeWeb": 390,
21
+ "canvasHeightSizeWeb": 844,
22
+ "canvasWidthSizeApp": 390,
23
+ "canvasHeightSizeApp": 844,
24
+ "Breakpoints": {
25
+ "breakpointMinWidthSize": 390,
26
+ "breakpointMaxWidthSize": 599
27
+ },
28
+ "ContentWidth": {
29
+ "contentMaxWidthMedium": 700,
30
+ "contentMaxWidthFull": 1024
31
+ },
32
+ "Grid": {
33
+ "Responsive": {
34
+ "gridSpaceRespSM": 6,
35
+ "gridSpaceRespBase": 12,
36
+ "gridSpaceRespLG": 24,
37
+ "gridSpaceRespXL": 48,
38
+ "pageInlineSpace": 0
39
+ },
40
+ "Constant": {
41
+ "gridSpaceConstSM": 12,
42
+ "gridSpaceConstLG": 16
43
+ },
44
+ "LayoutGuide": {
45
+ "LayoutGuideGridColums": 4
46
+ }
47
+ },
48
+ "Section": {
49
+ "sectionSpaceSM": 24,
50
+ "sectionSpaceBase": 36,
51
+ "sectionSpaceLG": 72,
52
+ "paragraphEndSpace": 16
53
+ }
54
+ },
55
+ "Space": {
56
+ "Gap": {
57
+ "Responsive": {
58
+ "gapSpaceResp2XS": 2,
59
+ "gapSpaceRespXS": 4,
60
+ "gapSpaceRespSM": 8,
61
+ "gapSpaceRespMD": 12,
62
+ "gapSpaceRespLG": 16,
63
+ "gapSpaceRespXL": 24,
64
+ "gapSpaceResp2XL": 32,
65
+ "gapSpaceResp3XL": 48
66
+ },
67
+ "Constant": {
68
+ "gapSpaceConst2XS": 2,
69
+ "gapSpaceConstXS": 4,
70
+ "gapSpaceConstSM": 8,
71
+ "gapSpaceConstMD": 12,
72
+ "gapSpaceConstLG": 16,
73
+ "gapSpaceConstXL": 24,
74
+ "gapSpaceConst2XL": 32,
75
+ "gapSpaceConst3XL": 48
76
+ }
77
+ },
78
+ "Inline": {
79
+ "Responsive": {
80
+ "inlineSpaceRespSM": 8,
81
+ "inlineSpaceRespMD": 12,
82
+ "inlineSpaceRespLG": 16,
83
+ "inlineSpaceRespXL": 24,
84
+ "inlineSpaceResp2XL": 32
85
+ },
86
+ "Constant": {
87
+ "inlineSpaceConst3XS": 2,
88
+ "inlineSpaceConst2XS": 4,
89
+ "inlineSpaceConstXS": 6,
90
+ "inlineSpaceConstSM": 8,
91
+ "inlineSpaceConstMD": 12,
92
+ "inlineSpaceConstLG": 16,
93
+ "inlineSpaceConstXL": 24,
94
+ "inlineSpaceConst2XL": 32
95
+ }
96
+ },
97
+ "Stack": {
98
+ "Responsive": {
99
+ "stackSpaceRespSM": 8,
100
+ "stackSpaceRespMD": 12,
101
+ "stackSpaceRespLG": 16,
102
+ "stackSpaceRespXL": 24,
103
+ "stackSpaceResp2XL": 32
104
+ },
105
+ "Constant": {
106
+ "stackSpaceConst3XS": 2,
107
+ "stackSpaceConst2XS": 4,
108
+ "stackSpaceConstXS": 6,
109
+ "stackSpaceConstSM": 8,
110
+ "stackSpaceConstMD": 12,
111
+ "stackSpaceConstLG": 16,
112
+ "stackSpaceConstXL": 24,
113
+ "stackSpaceConst2XL": 32
114
+ }
115
+ }
116
+ },
117
+ "Size": {
118
+ "Responsive": {
119
+ "sizeResp4XS": 12,
120
+ "sizeResp3XS": 16,
121
+ "sizeResp2XS": 24,
122
+ "sizeRespXS": 32,
123
+ "sizeRespSM": 40,
124
+ "sizeRespMD": 48,
125
+ "sizeRespLG": 56,
126
+ "sizeRespXL": 64,
127
+ "sizeResp2XL": 72,
128
+ "sizeResp3XL": 96,
129
+ "sizeResp4XL": 148
130
+ },
131
+ "Constant": {
132
+ "sizeConst4XS": 8,
133
+ "sizeConst3XS": 16,
134
+ "sizeConst2XS": 24,
135
+ "sizeConstXS": 32,
136
+ "sizeConstSM": 40,
137
+ "sizeConstMD": 48,
138
+ "sizeConstLG": 56,
139
+ "sizeConstXL": 64,
140
+ "sizeConst2XL": 72,
141
+ "sizeConst3XL": 96,
142
+ "sizeConst4XL": 148
143
+ }
144
+ },
145
+ "Typography": {
146
+ "FontFamily": {
147
+ "bodyFontFamily": "Gotham XNarrow",
148
+ "calloutFontFamily": "Gotham",
149
+ "displayFontFamily": "Gotham",
150
+ "footnoteFontFamily": "Gotham XNarrow",
151
+ "headlineFontFamily": "Gotham Condensed",
152
+ "kickerFontFamily": "Gotham XNarrow",
153
+ "labelFontFamily": "Gotham XNarrow",
154
+ "subheadlineFontFamily": "Gotham Condensed",
155
+ "titleFontFamily": "Gotham",
156
+ "quoteFontFamily": "Gotham"
157
+ },
158
+ "FontSize": {
159
+ "Body": {
160
+ "bodyFontSize": 21
161
+ },
162
+ "Callout": {
163
+ "callout1FontSize": 18
164
+ },
165
+ "Display": {
166
+ "Display1FontSize": 40,
167
+ "Display2FontSize": 36,
168
+ "Display3FontSize": 28
169
+ },
170
+ "Footnote": {
171
+ "footnote1FontSize": 16,
172
+ "footnote2FontSize": 12
173
+ },
174
+ "Headline": {
175
+ "Headline1FontSize": 48,
176
+ "Headline2FontSize": 40,
177
+ "Headline3FontSize": 28,
178
+ "Headline4FontSize": 22
179
+ },
180
+ "Kicker": {
181
+ "Kicker1FontSize": 18,
182
+ "Kicker2FontSize": 18,
183
+ "Kicker3FontSize": 16,
184
+ "Kicker4FontSize": 14
185
+ },
186
+ "Label": {
187
+ "label1FontSize": 17,
188
+ "label1FontSizeResponsive": 10,
189
+ "label2FontSize": 15,
190
+ "label3FontSize": 12,
191
+ "label4FontSize": 8
192
+ },
193
+ "Subheadline": {
194
+ "subheadline1FontSize": 24
195
+ },
196
+ "Title": {
197
+ "title1FontSize": 22,
198
+ "title2FontSize": 16
199
+ },
200
+ "Quote": {
201
+ "quoteFontSize": 16
202
+ }
203
+ },
204
+ "FontWeight": {
205
+ "Body": {
206
+ "bodyFontWeightBook": 400,
207
+ "bodyFontWeightBold": 700
208
+ },
209
+ "Callout": {
210
+ "calloutFontWeight": 800
211
+ },
212
+ "Display": {
213
+ "displayFontWeight": 800
214
+ },
215
+ "Footnote": {
216
+ "footnoteFontWeightBold": 700,
217
+ "footnoteFontWeightBook": 400
218
+ },
219
+ "Headline": {
220
+ "headline1FontWeight": 700,
221
+ "headline1FontWeightST": "700",
222
+ "headline2FontWeight": 700,
223
+ "headline3FontWeight": 700,
224
+ "headline4FontWeight": 600
225
+ },
226
+ "Kicker": {
227
+ "kickerFontWeight": 700,
228
+ "kickerFontWeightST": "700"
229
+ },
230
+ "Label": {
231
+ "labelFontWeightBook": 400,
232
+ "labelFontWeightBold": 700
233
+ },
234
+ "Subheadline": {
235
+ "subheadlineFontWeight": 700
236
+ },
237
+ "Title": {
238
+ "titleFontWeight": 800
239
+ },
240
+ "Quote": {
241
+ "quoteFontWeight": 800
242
+ }
243
+ },
244
+ "LineHeight": {
245
+ "Body": {
246
+ "bodyLineHeight": 28
247
+ },
248
+ "Callout": {
249
+ "calloutLineHeight": 18
250
+ },
251
+ "Display": {
252
+ "display1LineHeight": 40,
253
+ "display2LineHeight": 36,
254
+ "display3LineHeight": 28
255
+ },
256
+ "Footnote": {
257
+ "footnote1LineHeight": 21,
258
+ "footnote2LineHeight": 15.6
259
+ },
260
+ "Headline": {
261
+ "Headline1LineHeight": 48,
262
+ "Headline2LineHeight": 40,
263
+ "Headline3LineHeight": 28,
264
+ "headline4LineHeight": 22
265
+ },
266
+ "Kicker": {
267
+ "Kicker1LineHeight": 19.8,
268
+ "Kicker2LineHeight": 19.8,
269
+ "Kicker3LineHeight": 17.6,
270
+ "Kicker4LineHeight": 15.4
271
+ },
272
+ "Label": {
273
+ "label1LineHeight": 17,
274
+ "label1ResponsiveLineHeight": 10,
275
+ "label2LineHeight": 16,
276
+ "label3LineHeight": 14.4,
277
+ "label4LineHeight": 10
278
+ },
279
+ "Subheadline": {
280
+ "subheadline1LineHeight": 24
281
+ },
282
+ "Title": {
283
+ "title1LineHeight": 22,
284
+ "title2LineHeight": 17.6
285
+ },
286
+ "Quote": {
287
+ "quoteLineHeight": 16
288
+ }
289
+ },
290
+ "LetterSpacing": {
291
+ "letterSpacingPositiveLG": 2,
292
+ "letterSpacingPositiveMD": 1,
293
+ "letterSpacingPositiveSM": 0.5,
294
+ "letterSpacingPositiveXS": 0.25,
295
+ "letterSpacingNone": 0,
296
+ "letterSpacingNegativeXS": -0.25,
297
+ "letterSpacingNegativeSM": -0.5,
298
+ "letterSpacingNegativeMD": -1,
299
+ "letterSpacingNegativeLG": -2,
300
+ "display": {
301
+ "display1LetterSpacing": -0.5,
302
+ "display2LetterSpacing": -0.5,
303
+ "display3LetterSpacing": -0.5
304
+ }
305
+ }
306
+ },
307
+ "Visibility": {
308
+ "Boolean": {
309
+ "visilbleDesktopOnly": false,
310
+ "visilbleTabletOnly": false,
311
+ "visilbleMobileOnly": true,
312
+ "visilbleAbove600px": false,
313
+ "visilbleBelow600px": true,
314
+ "hideOnDesktop": true,
315
+ "hideOnMobile": false
316
+ },
317
+ "VariantSwitch": {
318
+ "bpSpecificWeb": "xs/sm",
319
+ "bpSpecificApp": "compact",
320
+ "changeOnLG": "xs/sm/md",
321
+ "changeOnMD": "xs/sm"
322
+ }
323
+ }
324
+ },
325
+ "Component": {
326
+ "Accordion": {
327
+ "accordionLabelFontFamily": "Gotham XNarrow"
328
+ },
329
+ "Avatar": {
330
+ "avatarArticleSize": 48,
331
+ "avatarAuthorPageSize": 96,
332
+ "avatarLabelFontSize": 16,
333
+ "avatarLabelLineHeight": 21,
334
+ "avatarFontFamily": "Gotham XNarrow",
335
+ "avatarLaneGapSpace": 16,
336
+ "appAvatarFontFamily": "Gotham"
337
+ },
338
+ "Article": {
339
+ "articleKickerFontSize": 18,
340
+ "articleHeadlineFontSize": 40,
341
+ "articleImageCaptionFontSize": 16,
342
+ "articleImageCaptionLineHeight": 19.5,
343
+ "articleMetaFontSize": 12,
344
+ "articleMetaFontFamily": "Gotham",
345
+ "articleTopMarginSpace": 8,
346
+ "aricleMobile1ColGridImageMarginSpace": 0,
347
+ "articleHeadingsStackSpace": 12,
348
+ "articleHeadingsInlineSpace": 16,
349
+ "articleContentStackSpace": 16,
350
+ "articleContentInlineSpace": 16,
351
+ "articleGalleryATeaserWidth": 145,
352
+ "articleImageSourceFontSize": 16,
353
+ "articleImageSourceLineHeight": 21,
354
+ "articleImageContainerStackSpace": 8,
355
+ "articleImageLandscapeInlineSpace": 0,
356
+ "articleImagePortaitInlineSpace": 0,
357
+ "articleInfoboxInlineSpace": 16,
358
+ "articleInfoboxStackSpace": 16
359
+ },
360
+ "AudioPlayer": {
361
+ "audioPlayerFontSize": 16
362
+ },
363
+ "Badge": {
364
+ "adLabelBadgeHeightSize": 30,
365
+ "BadgesInnerStackSpace": 2,
366
+ "BadgesInnerInlineSpace": 4
367
+ },
368
+ "Breadcrumb": {
369
+ "breadcrumbFontFamily": "Gotham XNarrow",
370
+ "breadcrumbFontSize": 15,
371
+ "breadcrumbLineHeight": 15,
372
+ "breadcrumb&ArrowLeftInlineSpace1": 3,
373
+ "breadcrumb&ArrowRightInlineSpace2": 5,
374
+ "breadcrumbInlineSpace": 12,
375
+ "breadcrumbFontWeight": 700,
376
+ "breadcrumbStackSpace": 14
377
+ },
378
+ "BreakingNews": {
379
+ "breakingNewsContainerHeightSize": 56,
380
+ "breakingNewsBadgeInlineSpace": 6,
381
+ "breakingNewsBadgeTitelsStackSpace": 0,
382
+ "breakingNewsBadgeUpperTitleFontSize": 13,
383
+ "breakingNewsBadgeUpperTitleLineHeight": 13,
384
+ "breakingNewsBadgeLowerTitleFontSize": 23,
385
+ "breakingNewsBadgeLowerTitleLineHeight": 21,
386
+ "breakingNewsScrollingTextFontSize": 21,
387
+ "breakingNewsScrollingTextLineHeight": 24
388
+ },
389
+ "Button": {
390
+ "buttonLabelFontSize": 15,
391
+ "buttonLabelLineHeight": 15,
392
+ "buttonContentGapSpace": 6,
393
+ "buttonInlineSpace": 16,
394
+ "buttonStackSpace": 6,
395
+ "buttonBorderWidthSize": 2,
396
+ "buttonContentMinHeightSize": 24,
397
+ "partnerLinkButtonLabelFontSize": 16,
398
+ "partnerLinkButtonInlineSpace": 8,
399
+ "partnerLinkButtonLabelHeightSize": 48,
400
+ "buttonBorderRadius": 8
401
+ },
402
+ "Cards": {
403
+ "searchResultCardImageWidthSize": 216,
404
+ "searchResultCardImageHeightSizeStacked": 189,
405
+ "newstickerImageCardWidthSize": 206
406
+ },
407
+ "Carousel": {
408
+ "galleryTeaserTitleBottomSpace": 28,
409
+ "galleryTeaserAppGapSpace": 0,
410
+ "appEpaperCarouselItemDefaultWidth": 144,
411
+ "appEpaperCarouselItemFocusWidth": 182,
412
+ "appEpaperCarouseBeilageItemWidth": 110,
413
+ "standardTeaserGalleryTeaserWidthWeb": 145,
414
+ "standardTeaserGalleryTeaserWidthApp": 280
415
+ },
416
+ "Chips": {
417
+ "chipsFontSize": 16,
418
+ "chipsInlineSpace": 12,
419
+ "chipsStackSpace": 8
420
+ },
421
+ "Datepicker": {
422
+ "datepickerItemDayWidthSize": 44,
423
+ "datepickerItemYearWidthSize": 77,
424
+ "datepickerItemHeightSize": 44
425
+ },
426
+ "Drawers": {
427
+ "mobileMenuDrawerStackSpace": 20,
428
+ "mobileMenuDrawerLeftInlineSpace": 20,
429
+ "mobileMenuDrawerRightInlineSpace": 16,
430
+ "mobileMenuDrawerMaxWidthSize": 400
431
+ },
432
+ "Dropdown": {
433
+ "dropDownItemStackSpace": 8,
434
+ "dropDownItemInlineSpace": 12,
435
+ "DropDownBorderRadius": 4
436
+ },
437
+ "Footer": {
438
+ "footerFontFamily": "Gotham XNarrow",
439
+ "footerFontSize": 11,
440
+ "footerLineHeight": 14,
441
+ "footerFontSizeUserOfferPages": 18,
442
+ "footerLineHeightUserOfferPages": 26
443
+ },
444
+ "Icon": {
445
+ "iconSize": 24,
446
+ "iconSizeEmbeddMedia": 40
447
+ },
448
+ "InfoElement": {
449
+ "infoElementTeaserBadgeMarginSpace": 4,
450
+ "infoElementTeaserImageHeightSize": 80,
451
+ "infoElementTeaserImageWidthSize": 80,
452
+ "infoElementTeaserBadgeHeightSize": 16
453
+ },
454
+ "Inputfield": {
455
+ "inputFieldFontSize": 16,
456
+ "inputFieldFontFamily": "Gotham XNarrow",
457
+ "inputFieldInlineSpace": 16,
458
+ "inputFieldStackSpace": 6,
459
+ "inputFieldMessageGapSpace": 4,
460
+ "inputFieldIMessageInlineSpace": 16,
461
+ "inputFieldMiniLabelInlineSpace": 4,
462
+ "inputFieldHeightSize": 36,
463
+ "heyInputContainerInlineSpace": 8
464
+ },
465
+ "Liveticker": {
466
+ "liveTickerAppCardHeightSize": 96,
467
+ "liveTickerAppCardWidthSize": 250,
468
+ "timeStampFontFamily": "Gotham XNarrow",
469
+ "liveTickerheadlineFontWeight": 600,
470
+ "liveTickerHeadlinesFontSize": 22,
471
+ "liveTickerTimeStampFontSize": 14,
472
+ "liveTickerTime&HeadlineStackSpace": 4,
473
+ "liveTickerSliderItemWidthMaxSize": 257
474
+ },
475
+ "Mediaplayer": {
476
+ "audioPlayerHeaderStackSpace": 56,
477
+ "podcastPlayButtonSize": 48,
478
+ "vidPlayerBottomBarGapSpace": 0,
479
+ "videoTimeBadgeFontFamily": "Gotham XNarrow",
480
+ "vidPlayerControlButtonSize": 42,
481
+ "vidPlayerControlButtonIconSizeHover": 28,
482
+ "vidPlayerTimecodeFontSize": 14,
483
+ "vidPlayerTimecodeContainerMinWidthSize": 45,
484
+ "vidPlayerProgressBarContainerHeightSize": 24,
485
+ "vidPlayerUnmuteButtonWidthSize": 220
486
+ },
487
+ "Menu": {
488
+ "menuLinkLaneHeightSize": 48,
489
+ "menuLogoDefaultSize": 56,
490
+ "menuLogoScrolledSize": 56,
491
+ "menuUtillinkItemHeightSize": 48,
492
+ "menuItemUtilFontSize": 12,
493
+ "menuItemFontSize": 15,
494
+ "menuSpecialNaviItemHeightSize": 48,
495
+ "menuItemSpace": 8,
496
+ "menuLinkItemInlineSpace": 4,
497
+ "menuItemUtilStackSpace": 10,
498
+ "subNavBarHeightSize": 42,
499
+ "menuUtilityLinksContainerHeightSize": 56,
500
+ "menuTopStackSpace": 8,
501
+ "menuBottomStackSpace": 8,
502
+ "menuLeftInlineSpace": 8,
503
+ "menuRightInlineSpace": 0,
504
+ "menuUtilityLinksGapSpace": 24,
505
+ "menuUtilityLinksDividerHeightSize": 40,
506
+ "menuShadowVisibility": "rgba(0, 0, 0, 0.1)",
507
+ "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
508
+ "iOSappTopBarHeightSize": 44,
509
+ "iOSappTopBarLeftInlineSpace": 12,
510
+ "iOSappTopBarRightInlineSpace": 16,
511
+ "appTopbarTitleFontSize": 12,
512
+ "appTopbarStageTitleHeight": 14
513
+ },
514
+ "Newsticker": {
515
+ "newsTickerAppCardHeightSize": 116,
516
+ "newsTickerAppCardWidthSize": 250,
517
+ "newsTickerTimeFontFamily": "Gotham XNarrow",
518
+ "newsTickerTimeFontWeight": 700,
519
+ "newsTickerTimeFontSize": 16,
520
+ "newsTickerTimeLineHeight": 20.8,
521
+ "newsTickerBadgesInlineSpace": 8,
522
+ "newsTickerEntriesStackSpace": 22,
523
+ "newsTickerEntriesLeftInlineSpace": 22,
524
+ "newsTickerContentStackSpace": 4,
525
+ "newsTickerKickerInnerInlineSpace": 4,
526
+ "newsTickerKickerInnerStackSpace": 2,
527
+ "newsTickerTime&KickerStackSpace": 4,
528
+ "newsTickerTitlesInlineSpace": 18,
529
+ "newsTickerSkeletonBottomSpace": 64,
530
+ "newsTickerRedDotSize": 12,
531
+ "newsTickerLineInlineSpace": 6
532
+ },
533
+ "Pagination": {
534
+ "galleryPaginationItemHeightSize": 4,
535
+ "galleryPaginationContainerWebInlineSpace": 8,
536
+ "galleryPaginationContainerAppInlineSpace": 12,
537
+ "galleryPaginationContainerStackSpace": 12,
538
+ "scrollBarThicknessSize": 8
539
+ },
540
+ "Paywall": {
541
+ "paywallCardMaxWidthSize": 346,
542
+ "paywallCardPriceTagFontSize": 64,
543
+ "paywallCardPriceTagLineHeight": 64,
544
+ "paywallCardPriceNoteFontSize": 40,
545
+ "paywallCardPriceNoteLineHeight": 40,
546
+ "paywallContainerGapSpace": -48,
547
+ "paywallHeaderBottomStackSpace": 80
548
+ },
549
+ "Quotes": {
550
+ "quoteContainerInlineSpace": 16,
551
+ "quoteContentGapSpace": 16,
552
+ "quoteContainerStackSpace": 16,
553
+ "quoteQuotationMarksFontSize": 28
554
+ },
555
+ "RadioButtons": {
556
+ "radioSelectorSize": 20,
557
+ "radioSelectorDotActiveSize": 12
558
+ },
559
+ "Search": {
560
+ "searchResultBadgeHeightSize": 18
561
+ },
562
+ "SectionTitle": {
563
+ "sectionTitleInnerStackBottomSpace": 12,
564
+ "sectionTitle&ArrowInlineSpace": 5,
565
+ "sectionTitle&ArrowInlineSpaceActive": 5,
566
+ "sectionTitleHeightSize": 32
567
+ },
568
+ "Separators": {
569
+ "separatorThicknessSize": 2
570
+ },
571
+ "Skeletons": {
572
+ "headlinesSkeletonImagePlaceholderMaxWidth": 282,
573
+ "articleSkeletonImageInlineSpace": 12,
574
+ "articleSkeletonTextInlineSpace": 0,
575
+ "articleTextSkeletonHeightSize": 270
576
+ },
577
+ "SpecialNavi": {
578
+ "specialNaviInlineSpace": 24
579
+ },
580
+ "Sliders": {
581
+ "sliderProgressBarIdleHeightSize": 4,
582
+ "sliderProgressBarHoverHeightSize": 8,
583
+ "sliderProgressInactiveHeightSize": 2,
584
+ "vidPlayerProgressBarHeightSize": 12
585
+ },
586
+ "Spinners": {
587
+ "videoSpinnerSize": 40,
588
+ "videoSpinnerSize0_5x": 20,
589
+ "videoSpinnerStrokeSize": 2
590
+ },
591
+ "Tabs": {
592
+ "tabLabelFontSize": 16,
593
+ "tabLabelFontSizeLine": 12,
594
+ "iosTabbarHeightSize": 49,
595
+ "androidTabbarHeightSize": 56,
596
+ "appsTabsLabelFontSize": 12,
597
+ "appsTabsLabelLineHeight": 14.4,
598
+ "topBarTabItemHeightSize": 44
599
+ },
600
+ "Table": {
601
+ "tableColumnWidthSize0_5x": 40,
602
+ "tableColumnWidthSize0_75x": 56,
603
+ "tableColumnWidthSize1x": 80,
604
+ "tableColumnWidthSize1_5x": 120,
605
+ "tableColumnWidthSize2x": 140,
606
+ "tableColumnWidthSize2_5x": 180,
607
+ "tableColumnWidthSize3x": 200,
608
+ "tableItemMaxWidthSize": 224
609
+ },
610
+ "Teaser": {
611
+ "aTeaser": {
612
+ "aTeaserKickerFontSize": 16,
613
+ "aTeaserKickerLineHeight": 16,
614
+ "aTeaserHeadlineFontSize": 28,
615
+ "aTeaserHeadlineLineHeight": 28,
616
+ "aTeaserTitleInlineSpace": 8
617
+ },
618
+ "bTeaser": {
619
+ "bTeaserTitleInlineSpace": 8
620
+ },
621
+ "bildPlay": {
622
+ "bildPlayTeaserWidthSize": 145
623
+ },
624
+ "mQTeaser": {
625
+ "mQTeaserHeadlineFontSize": 22,
626
+ "mQTeaserHeadlineLineHeight": 22,
627
+ "mQTeaserHeadlineFontWeight": 600,
628
+ "mqTeaserTitleInlineSpace": 8
629
+ },
630
+ "teaserBadgesHeightSizeLG": 32,
631
+ "teaserBadgesHeightSizeSM": 24,
632
+ "teaserBadgesMarginSpace": 8,
633
+ "TeaserKickerBgInlineSpace": 6,
634
+ "teaserKickerBgStackSpace": 2,
635
+ "qTeaser": {
636
+ "quadKickerFontSize": 18,
637
+ "quadHeadlineFontSize": 48,
638
+ "quadHeadlineLineHeight": 48,
639
+ "qTeaserTitleInlineSpace": 8
640
+ },
641
+ "teaserLayoutGridSpace": 12,
642
+ "stdTeaser": {
643
+ "stdTeaserBadgesMarginSpace": 4,
644
+ "stdTeaserImageTitleGapSpace": 4,
645
+ "stdTeaserKickerHeadlineStackSpace": 2
646
+ },
647
+ "superA": {
648
+ "superATeaserTitleInlineSpace": 16
649
+ },
650
+ "teaserTitleInlineLeftSpace": 12,
651
+ "teaserTitleStackSpace": 4,
652
+ "teaserTitleGapSpace": 4,
653
+ "teaserTitleBottomStackSpace": 12
654
+ },
655
+ "ToggleSwitch": {
656
+ "appToggleItemLabelFontSize": 14,
657
+ "appToggleItemLabelLineHeight": 14.1
658
+ },
659
+ "Video": {
660
+ "videoBadgeTimeLineHeight": 21,
661
+ "videoTimeBadgeFontSize": 16,
662
+ "verticalVideoMockHeadlineFontSize": 22,
663
+ "videoFrameInlineSpace": 0,
664
+ "videoRedPlayIconHeightSize": 10,
665
+ "videoRedPlayIconWidthSize": 8,
666
+ "videoSkeletonContainerHeight": 180,
667
+ "videoTimeBadgeSize": 24,
668
+ "videoTimeBadgeCornerSize": 2,
669
+ "videoAdBadgeFontSize": 14
670
+ },
671
+ "_DSysDocs": {
672
+ "specsFontFamily": "Gotham",
673
+ "1columnMobile": 320,
674
+ "DSysDocsWidthSize": 750,
675
+ "dsCaptionStackSpace0_5x": 4,
676
+ "dsCaptionStackSpace1x": 8,
677
+ "dsMainContainerSpace": 0,
678
+ "foundationsBannerHeightSize": 80,
679
+ "mainContentStageSize": 750,
680
+ "thinBannerVerticalHeightSize": 558,
681
+ "bildDesignFrameSpace": 12,
682
+ "docHeaderHeightSize": 144
683
+ }
684
+ },
685
+ "breakpointName": "sm"
686
+ }