@marioschmidt/design-system-tokens 1.0.13 → 1.0.15
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.
- package/dist/android/res/values/base/primitive_color_value.xml +12 -12
- package/dist/android/res/values/base/primitive_font_value.xml +22 -22
- package/dist/android/res/values/base/primitive_size_value.xml +49 -49
- package/dist/android/res/values/base/primitive_space_value.xml +25 -25
- package/dist/android/res/values/density/density_compact.xml +8 -8
- package/dist/android/res/values/density/density_default.xml +8 -8
- package/dist/android/res/values/density/density_spacious.xml +8 -8
- package/dist/android/res/values/mapping/brand_advertorial.xml +240 -240
- package/dist/android/res/values/mapping/brand_bild.xml +240 -240
- package/dist/android/res/values/mapping/brand_sportbild.xml +240 -240
- package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.xml +423 -423
- package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_md.xml +423 -423
- package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.xml +423 -423
- package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.xml +423 -423
- package/dist/android/res/values/semantic/advertorial/color/color_advertorial_dark.xml +15 -15
- package/dist/android/res/values/semantic/advertorial/color/color_advertorial_light.xml +15 -15
- package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_lg.xml +423 -423
- package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_md.xml +423 -423
- package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_sm.xml +423 -423
- package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_xs.xml +423 -423
- package/dist/android/res/values/semantic/bild/color/color_bild_dark.xml +15 -15
- package/dist/android/res/values/semantic/bild/color/color_bild_light.xml +15 -15
- package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.xml +423 -423
- package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_md.xml +423 -423
- package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.xml +423 -423
- package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.xml +423 -423
- package/dist/android/res/values/semantic/sportbild/color/color_sportbild_dark.xml +15 -15
- package/dist/android/res/values/semantic/sportbild/color/color_sportbild_light.xml +15 -15
- package/dist/css/base/primitive-font-value-global.css +11 -11
- package/dist/css/base/primitive-font-value.css +11 -11
- package/dist/css/base/primitive-size-value-global.css +49 -49
- package/dist/css/base/primitive-size-value.css +49 -49
- package/dist/css/base/primitive-space-value-global.css +25 -25
- package/dist/css/base/primitive-space-value.css +25 -25
- package/dist/css/density/density-compact-global.css +2 -2
- package/dist/css/density/density-compact.css +2 -2
- package/dist/css/density/density-default-global.css +2 -2
- package/dist/css/density/density-default.css +2 -2
- package/dist/css/density/density-spacious-global.css +2 -2
- package/dist/css/density/density-spacious.css +2 -2
- package/dist/css/mapping/brand-advertorial-global.css +203 -203
- package/dist/css/mapping/brand-advertorial.css +203 -203
- package/dist/css/mapping/brand-bild-global.css +203 -203
- package/dist/css/mapping/brand-bild.css +203 -203
- package/dist/css/mapping/brand-sportbild-global.css +203 -203
- package/dist/css/mapping/brand-sportbild.css +203 -203
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +97 -97
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +97 -97
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +94 -94
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +94 -94
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +95 -95
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +95 -95
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +95 -95
- package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +95 -95
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +97 -97
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +97 -97
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +94 -94
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +94 -94
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +95 -95
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +95 -95
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +95 -95
- package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +95 -95
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +97 -97
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +97 -97
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +94 -94
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +94 -94
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +95 -95
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +95 -95
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +95 -95
- package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +95 -95
- package/dist/flutter/base/primitive_color_value.dart +119 -85
- package/dist/flutter/base/primitive_font_value.dart +58 -46
- package/dist/flutter/base/primitive_size_value.dart +49 -49
- package/dist/flutter/base/primitive_space_value.dart +26 -26
- package/dist/flutter/density/density_compact.dart +16 -11
- package/dist/flutter/density/density_default.dart +16 -11
- package/dist/flutter/density/density_spacious.dart +16 -11
- package/dist/flutter/mapping/brand_advertorial.dart +398 -274
- package/dist/flutter/mapping/brand_bild.dart +398 -274
- package/dist/flutter/mapping/brand_color_bild.dart +121 -71
- package/dist/flutter/mapping/brand_color_sportbild.dart +121 -71
- package/dist/flutter/mapping/brand_sportbild.dart +398 -274
- package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.dart +689 -487
- package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_md.dart +689 -487
- package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.dart +689 -487
- package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.dart +689 -487
- package/dist/flutter/semantic/advertorial/color/color_advertorial_dark.dart +369 -423
- package/dist/flutter/semantic/advertorial/color/color_advertorial_light.dart +369 -423
- package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_lg.dart +689 -487
- package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_md.dart +689 -487
- package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_sm.dart +689 -487
- package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_xs.dart +689 -487
- package/dist/flutter/semantic/bild/color/color_bild_dark.dart +369 -423
- package/dist/flutter/semantic/bild/color/color_bild_light.dart +369 -423
- package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.dart +689 -487
- package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_md.dart +689 -487
- package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.dart +689 -487
- package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.dart +689 -487
- package/dist/flutter/semantic/sportbild/color/color_sportbild_dark.dart +369 -423
- package/dist/flutter/semantic/sportbild/color/color_sportbild_light.dart +369 -423
- package/dist/ios/base/PrimitiveColorValue.swift +130 -96
- package/dist/ios/base/PrimitiveFontValue.swift +57 -45
- package/dist/ios/base/PrimitiveSizeValue.swift +51 -51
- package/dist/ios/base/PrimitiveSpaceValue.swift +27 -27
- package/dist/ios/density/DensityCompact.swift +15 -10
- package/dist/ios/density/DensityDefault.swift +15 -10
- package/dist/ios/density/DensitySpacious.swift +15 -10
- package/dist/ios/mapping/BrandAdvertorial.swift +397 -273
- package/dist/ios/mapping/BrandBild.swift +397 -273
- package/dist/ios/mapping/BrandColorBild.swift +120 -70
- package/dist/ios/mapping/BrandColorSportbild.swift +120 -70
- package/dist/ios/mapping/BrandSportbild.swift +397 -273
- package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialLg.swift +688 -486
- package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialMd.swift +688 -486
- package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialSm.swift +688 -486
- package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialXs.swift +688 -486
- package/dist/ios/semantic/advertorial/color/ColorAdvertorialDark.swift +368 -422
- package/dist/ios/semantic/advertorial/color/ColorAdvertorialLight.swift +368 -422
- package/dist/ios/semantic/bild/breakpoints/BreakpointBildLg.swift +688 -486
- package/dist/ios/semantic/bild/breakpoints/BreakpointBildMd.swift +688 -486
- package/dist/ios/semantic/bild/breakpoints/BreakpointBildSm.swift +688 -486
- package/dist/ios/semantic/bild/breakpoints/BreakpointBildXs.swift +688 -486
- package/dist/ios/semantic/bild/color/ColorBildDark.swift +368 -422
- package/dist/ios/semantic/bild/color/ColorBildLight.swift +368 -422
- package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildLg.swift +688 -486
- package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildMd.swift +688 -486
- package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildSm.swift +688 -486
- package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildXs.swift +688 -486
- package/dist/ios/semantic/sportbild/color/ColorSportbildDark.swift +368 -422
- package/dist/ios/semantic/sportbild/color/ColorSportbildLight.swift +368 -422
- package/dist/js/base/primitive-color-value.js +34 -34
- package/dist/js/base/primitive-font-value.js +12 -12
- package/dist/js/base/primitive-size-value.js +49 -49
- package/dist/js/base/primitive-space-value.js +25 -25
- package/dist/js/density/density-compact.js +5 -5
- package/dist/js/density/density-default.js +5 -5
- package/dist/js/density/density-spacious.js +5 -5
- package/dist/js/mapping/brand-advertorial.js +229 -222
- package/dist/js/mapping/brand-bild.js +230 -222
- package/dist/js/mapping/brand-color-bild.js +50 -50
- package/dist/js/mapping/brand-color-sportbild.js +50 -50
- package/dist/js/mapping/brand-sportbild.js +234 -222
- package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +285 -293
- package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +283 -291
- package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +285 -292
- package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +285 -292
- package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +50 -154
- package/dist/js/semantic/advertorial/color/color-advertorial-light.js +50 -154
- package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +285 -293
- package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +283 -291
- package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +285 -292
- package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +285 -292
- package/dist/js/semantic/bild/color/color-bild-dark.js +50 -154
- package/dist/js/semantic/bild/color/color-bild-light.js +50 -154
- package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +285 -293
- package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +283 -291
- package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +285 -292
- package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +285 -292
- package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +50 -154
- package/dist/js/semantic/sportbild/color/color-sportbild-light.js +50 -154
- package/dist/json/base/primitive-font-value.json +11 -11
- package/dist/json/base/primitive-size-value.json +49 -49
- package/dist/json/base/primitive-space-value.json +25 -25
- package/dist/json/density/density-compact.json +2 -2
- package/dist/json/density/density-default.json +2 -2
- package/dist/json/density/density-spacious.json +2 -2
- package/dist/json/mapping/brand-advertorial.json +203 -203
- package/dist/json/mapping/brand-bild.json +203 -203
- package/dist/json/mapping/brand-sportbild.json +203 -203
- package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +97 -97
- package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +94 -94
- package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +95 -95
- package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +95 -95
- package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +97 -97
- package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +94 -94
- package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +95 -95
- package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +95 -95
- package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +97 -97
- package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +94 -94
- package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +95 -95
- package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +95 -95
- package/dist/manifest.json +1 -1
- package/dist/scss/base/primitive-font-value.scss +11 -11
- package/dist/scss/base/primitive-size-value.scss +49 -49
- package/dist/scss/base/primitive-space-value.scss +25 -25
- package/dist/scss/density/density-compact.scss +2 -2
- package/dist/scss/density/density-default.scss +2 -2
- package/dist/scss/density/density-spacious.scss +2 -2
- package/dist/scss/mapping/brand-advertorial.scss +203 -203
- package/dist/scss/mapping/brand-bild.scss +203 -203
- package/dist/scss/mapping/brand-sportbild.scss +203 -203
- package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +97 -97
- package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +94 -94
- package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +95 -95
- package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +95 -95
- package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +97 -97
- package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +94 -94
- package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +95 -95
- package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +95 -95
- package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +97 -97
- package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +94 -94
- package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +95 -95
- package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +95 -95
- package/package.json +1 -1
|
@@ -8,26 +8,26 @@
|
|
|
8
8
|
"borderRadiusMD": 8,
|
|
9
9
|
"borderRadiusLG": 16,
|
|
10
10
|
"borderRadiusXL": 24,
|
|
11
|
-
"borderRadiusFull":
|
|
11
|
+
"borderRadiusFull": "9999px"
|
|
12
12
|
},
|
|
13
13
|
"BorderWidth": {
|
|
14
|
-
"BorderWidthHairline": 0.
|
|
14
|
+
"BorderWidthHairline": "0.33px",
|
|
15
15
|
"BorderWidthThin": 1,
|
|
16
16
|
"BorderWidthThick": 2
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"Layout": {
|
|
20
|
-
"canvasWidthSizeWeb":
|
|
21
|
-
"canvasHeightSizeWeb":
|
|
22
|
-
"canvasWidthSizeApp":
|
|
23
|
-
"canvasHeightSizeApp":
|
|
20
|
+
"canvasWidthSizeWeb": "390px",
|
|
21
|
+
"canvasHeightSizeWeb": "844px",
|
|
22
|
+
"canvasWidthSizeApp": "390px",
|
|
23
|
+
"canvasHeightSizeApp": "844px",
|
|
24
24
|
"Breakpoints": {
|
|
25
|
-
"breakpointMinWidthSize":
|
|
26
|
-
"breakpointMaxWidthSize":
|
|
25
|
+
"breakpointMinWidthSize": "390px",
|
|
26
|
+
"breakpointMaxWidthSize": "599px"
|
|
27
27
|
},
|
|
28
28
|
"ContentWidth": {
|
|
29
|
-
"contentMaxWidthMedium":
|
|
30
|
-
"contentMaxWidthFull":
|
|
29
|
+
"contentMaxWidthMedium": "700px",
|
|
30
|
+
"contentMaxWidthFull": "1024px"
|
|
31
31
|
},
|
|
32
32
|
"Grid": {
|
|
33
33
|
"Responsive": {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"gridSpaceConstLG": 16
|
|
43
43
|
},
|
|
44
44
|
"LayoutGuide": {
|
|
45
|
-
"LayoutGuideGridColums":
|
|
45
|
+
"LayoutGuideGridColums": "4px"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"Section": {
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
"avatarArticleSize": 48,
|
|
331
331
|
"avatarAuthorPageSize": 96,
|
|
332
332
|
"avatarLabelFontSize": 16,
|
|
333
|
-
"avatarLabelLineHeight":
|
|
333
|
+
"avatarLabelLineHeight": "21px",
|
|
334
334
|
"avatarFontFamily": "Gotham XNarrow",
|
|
335
335
|
"avatarLaneGapSpace": 16,
|
|
336
336
|
"appAvatarFontFamily": "Gotham"
|
|
@@ -340,7 +340,7 @@
|
|
|
340
340
|
"articleHeadlineFontSize": 40,
|
|
341
341
|
"articleImageCaptionFontSize": 16,
|
|
342
342
|
"articleImageCaptionLineHeight": 19.5,
|
|
343
|
-
"articleMetaFontSize":
|
|
343
|
+
"articleMetaFontSize": "12px",
|
|
344
344
|
"articleMetaFontFamily": "Gotham",
|
|
345
345
|
"articleTopMarginSpace": 8,
|
|
346
346
|
"aricleMobile1ColGridImageMarginSpace": 0,
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
"articleHeadingsInlineSpace": 16,
|
|
349
349
|
"articleContentStackSpace": 16,
|
|
350
350
|
"articleContentInlineSpace": 16,
|
|
351
|
-
"articleGalleryATeaserWidth":
|
|
351
|
+
"articleGalleryATeaserWidth": "145px",
|
|
352
352
|
"articleImageSourceFontSize": 16,
|
|
353
353
|
"articleImageSourceLineHeight": 21,
|
|
354
354
|
"articleImageContainerStackSpace": 8,
|
|
@@ -358,10 +358,10 @@
|
|
|
358
358
|
"articleInfoboxStackSpace": 16
|
|
359
359
|
},
|
|
360
360
|
"AudioPlayer": {
|
|
361
|
-
"audioPlayerFontSize":
|
|
361
|
+
"audioPlayerFontSize": "16px"
|
|
362
362
|
},
|
|
363
363
|
"Badge": {
|
|
364
|
-
"adLabelBadgeHeightSize":
|
|
364
|
+
"adLabelBadgeHeightSize": "30px",
|
|
365
365
|
"BadgesInnerStackSpace": 2,
|
|
366
366
|
"BadgesInnerInlineSpace": 4
|
|
367
367
|
},
|
|
@@ -369,22 +369,22 @@
|
|
|
369
369
|
"breadcrumbFontFamily": "Gotham XNarrow",
|
|
370
370
|
"breadcrumbFontSize": 15,
|
|
371
371
|
"breadcrumbLineHeight": 15,
|
|
372
|
-
"breadcrumb&ArrowLeftInlineSpace1":
|
|
373
|
-
"breadcrumb&ArrowRightInlineSpace2":
|
|
372
|
+
"breadcrumb&ArrowLeftInlineSpace1": "3px",
|
|
373
|
+
"breadcrumb&ArrowRightInlineSpace2": "5px",
|
|
374
374
|
"breadcrumbInlineSpace": 12,
|
|
375
375
|
"breadcrumbFontWeight": 700,
|
|
376
|
-
"breadcrumbStackSpace":
|
|
376
|
+
"breadcrumbStackSpace": "14px"
|
|
377
377
|
},
|
|
378
378
|
"BreakingNews": {
|
|
379
379
|
"breakingNewsContainerHeightSize": 56,
|
|
380
380
|
"breakingNewsBadgeInlineSpace": 6,
|
|
381
381
|
"breakingNewsBadgeTitelsStackSpace": 0,
|
|
382
|
-
"breakingNewsBadgeUpperTitleFontSize":
|
|
383
|
-
"breakingNewsBadgeUpperTitleLineHeight":
|
|
384
|
-
"breakingNewsBadgeLowerTitleFontSize":
|
|
385
|
-
"breakingNewsBadgeLowerTitleLineHeight":
|
|
386
|
-
"breakingNewsScrollingTextFontSize":
|
|
387
|
-
"breakingNewsScrollingTextLineHeight":
|
|
382
|
+
"breakingNewsBadgeUpperTitleFontSize": "13px",
|
|
383
|
+
"breakingNewsBadgeUpperTitleLineHeight": "13px",
|
|
384
|
+
"breakingNewsBadgeLowerTitleFontSize": "23px",
|
|
385
|
+
"breakingNewsBadgeLowerTitleLineHeight": "21px",
|
|
386
|
+
"breakingNewsScrollingTextFontSize": "21px",
|
|
387
|
+
"breakingNewsScrollingTextLineHeight": "24px"
|
|
388
388
|
},
|
|
389
389
|
"Button": {
|
|
390
390
|
"buttonLabelFontSize": 15,
|
|
@@ -394,24 +394,24 @@
|
|
|
394
394
|
"buttonStackSpace": 6,
|
|
395
395
|
"buttonBorderWidthSize": 2,
|
|
396
396
|
"buttonContentMinHeightSize": 24,
|
|
397
|
-
"partnerLinkButtonLabelFontSize":
|
|
397
|
+
"partnerLinkButtonLabelFontSize": "16px",
|
|
398
398
|
"partnerLinkButtonInlineSpace": 8,
|
|
399
399
|
"partnerLinkButtonLabelHeightSize": 48,
|
|
400
400
|
"buttonBorderRadius": 8
|
|
401
401
|
},
|
|
402
402
|
"Cards": {
|
|
403
|
-
"searchResultCardImageWidthSize":
|
|
404
|
-
"searchResultCardImageHeightSizeStacked":
|
|
405
|
-
"newstickerImageCardWidthSize":
|
|
403
|
+
"searchResultCardImageWidthSize": "216px",
|
|
404
|
+
"searchResultCardImageHeightSizeStacked": "189px",
|
|
405
|
+
"newstickerImageCardWidthSize": "206px"
|
|
406
406
|
},
|
|
407
407
|
"Carousel": {
|
|
408
408
|
"galleryTeaserTitleBottomSpace": 28,
|
|
409
409
|
"galleryTeaserAppGapSpace": 0,
|
|
410
|
-
"appEpaperCarouselItemDefaultWidth":
|
|
411
|
-
"appEpaperCarouselItemFocusWidth":
|
|
412
|
-
"appEpaperCarouseBeilageItemWidth":
|
|
413
|
-
"standardTeaserGalleryTeaserWidthWeb":
|
|
414
|
-
"standardTeaserGalleryTeaserWidthApp":
|
|
410
|
+
"appEpaperCarouselItemDefaultWidth": "144px",
|
|
411
|
+
"appEpaperCarouselItemFocusWidth": "182px",
|
|
412
|
+
"appEpaperCarouseBeilageItemWidth": "110px",
|
|
413
|
+
"standardTeaserGalleryTeaserWidthWeb": "145px",
|
|
414
|
+
"standardTeaserGalleryTeaserWidthApp": "280px"
|
|
415
415
|
},
|
|
416
416
|
"Chips": {
|
|
417
417
|
"chipsFontSize": 16,
|
|
@@ -419,15 +419,15 @@
|
|
|
419
419
|
"chipsStackSpace": 8
|
|
420
420
|
},
|
|
421
421
|
"Datepicker": {
|
|
422
|
-
"datepickerItemDayWidthSize":
|
|
423
|
-
"datepickerItemYearWidthSize":
|
|
424
|
-
"datepickerItemHeightSize":
|
|
422
|
+
"datepickerItemDayWidthSize": "44px",
|
|
423
|
+
"datepickerItemYearWidthSize": "77px",
|
|
424
|
+
"datepickerItemHeightSize": "44px"
|
|
425
425
|
},
|
|
426
426
|
"Drawers": {
|
|
427
|
-
"mobileMenuDrawerStackSpace":
|
|
428
|
-
"mobileMenuDrawerLeftInlineSpace":
|
|
429
|
-
"mobileMenuDrawerRightInlineSpace":
|
|
430
|
-
"mobileMenuDrawerMaxWidthSize":
|
|
427
|
+
"mobileMenuDrawerStackSpace": "20px",
|
|
428
|
+
"mobileMenuDrawerLeftInlineSpace": "20px",
|
|
429
|
+
"mobileMenuDrawerRightInlineSpace": "16px",
|
|
430
|
+
"mobileMenuDrawerMaxWidthSize": "400px"
|
|
431
431
|
},
|
|
432
432
|
"Dropdown": {
|
|
433
433
|
"dropDownItemStackSpace": 8,
|
|
@@ -436,14 +436,14 @@
|
|
|
436
436
|
},
|
|
437
437
|
"Footer": {
|
|
438
438
|
"footerFontFamily": "Gotham XNarrow",
|
|
439
|
-
"footerFontSize":
|
|
440
|
-
"footerLineHeight":
|
|
441
|
-
"footerFontSizeUserOfferPages":
|
|
442
|
-
"footerLineHeightUserOfferPages":
|
|
439
|
+
"footerFontSize": "11px",
|
|
440
|
+
"footerLineHeight": "14px",
|
|
441
|
+
"footerFontSizeUserOfferPages": "18px",
|
|
442
|
+
"footerLineHeightUserOfferPages": "26px"
|
|
443
443
|
},
|
|
444
444
|
"Icon": {
|
|
445
445
|
"iconSize": 24,
|
|
446
|
-
"iconSizeEmbeddMedia":
|
|
446
|
+
"iconSizeEmbeddMedia": "40px"
|
|
447
447
|
},
|
|
448
448
|
"InfoElement": {
|
|
449
449
|
"infoElementTeaserBadgeMarginSpace": 4,
|
|
@@ -463,26 +463,26 @@
|
|
|
463
463
|
"heyInputContainerInlineSpace": 8
|
|
464
464
|
},
|
|
465
465
|
"Liveticker": {
|
|
466
|
-
"liveTickerAppCardHeightSize":
|
|
467
|
-
"liveTickerAppCardWidthSize":
|
|
466
|
+
"liveTickerAppCardHeightSize": "96px",
|
|
467
|
+
"liveTickerAppCardWidthSize": "250px",
|
|
468
468
|
"timeStampFontFamily": "Gotham XNarrow",
|
|
469
469
|
"liveTickerheadlineFontWeight": 600,
|
|
470
|
-
"liveTickerHeadlinesFontSize":
|
|
471
|
-
"liveTickerTimeStampFontSize":
|
|
470
|
+
"liveTickerHeadlinesFontSize": "22px",
|
|
471
|
+
"liveTickerTimeStampFontSize": "14px",
|
|
472
472
|
"liveTickerTime&HeadlineStackSpace": 4,
|
|
473
|
-
"liveTickerSliderItemWidthMaxSize":
|
|
473
|
+
"liveTickerSliderItemWidthMaxSize": "257px"
|
|
474
474
|
},
|
|
475
475
|
"Mediaplayer": {
|
|
476
476
|
"audioPlayerHeaderStackSpace": 56,
|
|
477
477
|
"podcastPlayButtonSize": 48,
|
|
478
|
-
"vidPlayerBottomBarGapSpace":
|
|
478
|
+
"vidPlayerBottomBarGapSpace": "0px",
|
|
479
479
|
"videoTimeBadgeFontFamily": "Gotham XNarrow",
|
|
480
480
|
"vidPlayerControlButtonSize": 42,
|
|
481
481
|
"vidPlayerControlButtonIconSizeHover": 28,
|
|
482
|
-
"vidPlayerTimecodeFontSize":
|
|
483
|
-
"vidPlayerTimecodeContainerMinWidthSize":
|
|
484
|
-
"vidPlayerProgressBarContainerHeightSize":
|
|
485
|
-
"vidPlayerUnmuteButtonWidthSize":
|
|
482
|
+
"vidPlayerTimecodeFontSize": "14px",
|
|
483
|
+
"vidPlayerTimecodeContainerMinWidthSize": "45px",
|
|
484
|
+
"vidPlayerProgressBarContainerHeightSize": "24px",
|
|
485
|
+
"vidPlayerUnmuteButtonWidthSize": "220px"
|
|
486
486
|
},
|
|
487
487
|
"Menu": {
|
|
488
488
|
"menuLinkLaneHeightSize": 48,
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
"menuUtillinkItemHeightSize": 48,
|
|
492
492
|
"menuItemUtilFontSize": 12,
|
|
493
493
|
"menuItemFontSize": 15,
|
|
494
|
-
"menuSpecialNaviItemHeightSize":
|
|
494
|
+
"menuSpecialNaviItemHeightSize": "48px",
|
|
495
495
|
"menuItemSpace": 8,
|
|
496
496
|
"menuLinkItemInlineSpace": 4,
|
|
497
497
|
"menuItemUtilStackSpace": 10,
|
|
@@ -505,19 +505,19 @@
|
|
|
505
505
|
"menuUtilityLinksDividerHeightSize": 40,
|
|
506
506
|
"menuShadowVisibility": "rgba(0, 0, 0, 0.1)",
|
|
507
507
|
"heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
|
|
508
|
-
"iOSappTopBarHeightSize":
|
|
509
|
-
"iOSappTopBarLeftInlineSpace":
|
|
510
|
-
"iOSappTopBarRightInlineSpace":
|
|
508
|
+
"iOSappTopBarHeightSize": "44px",
|
|
509
|
+
"iOSappTopBarLeftInlineSpace": "12px",
|
|
510
|
+
"iOSappTopBarRightInlineSpace": "16px",
|
|
511
511
|
"appTopbarTitleFontSize": 12,
|
|
512
512
|
"appTopbarStageTitleHeight": 14
|
|
513
513
|
},
|
|
514
514
|
"Newsticker": {
|
|
515
|
-
"newsTickerAppCardHeightSize":
|
|
516
|
-
"newsTickerAppCardWidthSize":
|
|
515
|
+
"newsTickerAppCardHeightSize": "116px",
|
|
516
|
+
"newsTickerAppCardWidthSize": "250px",
|
|
517
517
|
"newsTickerTimeFontFamily": "Gotham XNarrow",
|
|
518
518
|
"newsTickerTimeFontWeight": 700,
|
|
519
|
-
"newsTickerTimeFontSize":
|
|
520
|
-
"newsTickerTimeLineHeight": 20.
|
|
519
|
+
"newsTickerTimeFontSize": "16px",
|
|
520
|
+
"newsTickerTimeLineHeight": "20.8px",
|
|
521
521
|
"newsTickerBadgesInlineSpace": 8,
|
|
522
522
|
"newsTickerEntriesStackSpace": 22,
|
|
523
523
|
"newsTickerEntriesLeftInlineSpace": 22,
|
|
@@ -525,7 +525,7 @@
|
|
|
525
525
|
"newsTickerKickerInnerInlineSpace": 4,
|
|
526
526
|
"newsTickerKickerInnerStackSpace": 2,
|
|
527
527
|
"newsTickerTime&KickerStackSpace": 4,
|
|
528
|
-
"newsTickerTitlesInlineSpace":
|
|
528
|
+
"newsTickerTitlesInlineSpace": "18px",
|
|
529
529
|
"newsTickerSkeletonBottomSpace": 64,
|
|
530
530
|
"newsTickerRedDotSize": 12,
|
|
531
531
|
"newsTickerLineInlineSpace": 6
|
|
@@ -538,12 +538,12 @@
|
|
|
538
538
|
"scrollBarThicknessSize": 8
|
|
539
539
|
},
|
|
540
540
|
"Paywall": {
|
|
541
|
-
"paywallCardMaxWidthSize":
|
|
541
|
+
"paywallCardMaxWidthSize": "346px",
|
|
542
542
|
"paywallCardPriceTagFontSize": 64,
|
|
543
543
|
"paywallCardPriceTagLineHeight": 64,
|
|
544
544
|
"paywallCardPriceNoteFontSize": 40,
|
|
545
545
|
"paywallCardPriceNoteLineHeight": 40,
|
|
546
|
-
"paywallContainerGapSpace": -
|
|
546
|
+
"paywallContainerGapSpace": "-48px",
|
|
547
547
|
"paywallHeaderBottomStackSpace": 80
|
|
548
548
|
},
|
|
549
549
|
"Quotes": {
|
|
@@ -561,18 +561,18 @@
|
|
|
561
561
|
},
|
|
562
562
|
"SectionTitle": {
|
|
563
563
|
"sectionTitleInnerStackBottomSpace": 12,
|
|
564
|
-
"sectionTitle&ArrowInlineSpace":
|
|
565
|
-
"sectionTitle&ArrowInlineSpaceActive":
|
|
564
|
+
"sectionTitle&ArrowInlineSpace": "5px",
|
|
565
|
+
"sectionTitle&ArrowInlineSpaceActive": "5px",
|
|
566
566
|
"sectionTitleHeightSize": 32
|
|
567
567
|
},
|
|
568
568
|
"Separators": {
|
|
569
569
|
"separatorThicknessSize": 2
|
|
570
570
|
},
|
|
571
571
|
"Skeletons": {
|
|
572
|
-
"headlinesSkeletonImagePlaceholderMaxWidth":
|
|
572
|
+
"headlinesSkeletonImagePlaceholderMaxWidth": "282px",
|
|
573
573
|
"articleSkeletonImageInlineSpace": 12,
|
|
574
|
-
"articleSkeletonTextInlineSpace":
|
|
575
|
-
"articleTextSkeletonHeightSize":
|
|
574
|
+
"articleSkeletonTextInlineSpace": "0px",
|
|
575
|
+
"articleTextSkeletonHeightSize": "270px"
|
|
576
576
|
},
|
|
577
577
|
"SpecialNavi": {
|
|
578
578
|
"specialNaviInlineSpace": 24
|
|
@@ -585,17 +585,17 @@
|
|
|
585
585
|
},
|
|
586
586
|
"Spinners": {
|
|
587
587
|
"videoSpinnerSize": 40,
|
|
588
|
-
"videoSpinnerSize0_5x":
|
|
589
|
-
"videoSpinnerStrokeSize":
|
|
588
|
+
"videoSpinnerSize0_5x": "20px",
|
|
589
|
+
"videoSpinnerStrokeSize": "2px"
|
|
590
590
|
},
|
|
591
591
|
"Tabs": {
|
|
592
|
-
"tabLabelFontSize":
|
|
593
|
-
"tabLabelFontSizeLine":
|
|
594
|
-
"iosTabbarHeightSize":
|
|
595
|
-
"androidTabbarHeightSize":
|
|
596
|
-
"appsTabsLabelFontSize":
|
|
597
|
-
"appsTabsLabelLineHeight": 14.
|
|
598
|
-
"topBarTabItemHeightSize":
|
|
592
|
+
"tabLabelFontSize": "16px",
|
|
593
|
+
"tabLabelFontSizeLine": "12px",
|
|
594
|
+
"iosTabbarHeightSize": "49px",
|
|
595
|
+
"androidTabbarHeightSize": "56px",
|
|
596
|
+
"appsTabsLabelFontSize": "12px",
|
|
597
|
+
"appsTabsLabelLineHeight": "14.4px",
|
|
598
|
+
"topBarTabItemHeightSize": "44px"
|
|
599
599
|
},
|
|
600
600
|
"Table": {
|
|
601
601
|
"tableColumnWidthSize0_5x": 40,
|
|
@@ -605,7 +605,7 @@
|
|
|
605
605
|
"tableColumnWidthSize2x": 140,
|
|
606
606
|
"tableColumnWidthSize2_5x": 180,
|
|
607
607
|
"tableColumnWidthSize3x": 200,
|
|
608
|
-
"tableItemMaxWidthSize":
|
|
608
|
+
"tableItemMaxWidthSize": "224px"
|
|
609
609
|
},
|
|
610
610
|
"Teaser": {
|
|
611
611
|
"aTeaser": {
|
|
@@ -619,7 +619,7 @@
|
|
|
619
619
|
"bTeaserTitleInlineSpace": 8
|
|
620
620
|
},
|
|
621
621
|
"bildPlay": {
|
|
622
|
-
"bildPlayTeaserWidthSize":
|
|
622
|
+
"bildPlayTeaserWidthSize": "145px"
|
|
623
623
|
},
|
|
624
624
|
"mQTeaser": {
|
|
625
625
|
"mQTeaserHeadlineFontSize": 22,
|
|
@@ -653,33 +653,33 @@
|
|
|
653
653
|
"teaserTitleBottomStackSpace": 12
|
|
654
654
|
},
|
|
655
655
|
"ToggleSwitch": {
|
|
656
|
-
"appToggleItemLabelFontSize":
|
|
657
|
-
"appToggleItemLabelLineHeight": 14.
|
|
656
|
+
"appToggleItemLabelFontSize": "14px",
|
|
657
|
+
"appToggleItemLabelLineHeight": "14.1px"
|
|
658
658
|
},
|
|
659
659
|
"Video": {
|
|
660
|
-
"videoBadgeTimeLineHeight":
|
|
661
|
-
"videoTimeBadgeFontSize":
|
|
662
|
-
"verticalVideoMockHeadlineFontSize":
|
|
663
|
-
"videoFrameInlineSpace":
|
|
660
|
+
"videoBadgeTimeLineHeight": "21px",
|
|
661
|
+
"videoTimeBadgeFontSize": "16px",
|
|
662
|
+
"verticalVideoMockHeadlineFontSize": "22px",
|
|
663
|
+
"videoFrameInlineSpace": "0px",
|
|
664
664
|
"videoRedPlayIconHeightSize": 10,
|
|
665
665
|
"videoRedPlayIconWidthSize": 8,
|
|
666
|
-
"videoSkeletonContainerHeight":
|
|
666
|
+
"videoSkeletonContainerHeight": "180px",
|
|
667
667
|
"videoTimeBadgeSize": 24,
|
|
668
668
|
"videoTimeBadgeCornerSize": 2,
|
|
669
|
-
"videoAdBadgeFontSize":
|
|
669
|
+
"videoAdBadgeFontSize": "14px"
|
|
670
670
|
},
|
|
671
671
|
"_DSysDocs": {
|
|
672
672
|
"specsFontFamily": "Gotham",
|
|
673
|
-
"1columnMobile":
|
|
674
|
-
"DSysDocsWidthSize":
|
|
673
|
+
"1columnMobile": "320px",
|
|
674
|
+
"DSysDocsWidthSize": "750px",
|
|
675
675
|
"dsCaptionStackSpace0_5x": 4,
|
|
676
676
|
"dsCaptionStackSpace1x": 8,
|
|
677
677
|
"dsMainContainerSpace": 0,
|
|
678
678
|
"foundationsBannerHeightSize": 80,
|
|
679
679
|
"mainContentStageSize": 750,
|
|
680
|
-
"thinBannerVerticalHeightSize":
|
|
680
|
+
"thinBannerVerticalHeightSize": "558px",
|
|
681
681
|
"bildDesignFrameSpace": 12,
|
|
682
|
-
"docHeaderHeightSize":
|
|
682
|
+
"docHeaderHeightSize": "144px"
|
|
683
683
|
}
|
|
684
684
|
},
|
|
685
685
|
"breakpointName": "sm"
|