@marioschmidt/design-system-tokens 1.0.13 → 1.0.15

package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json

@@ -8,26 +8,26 @@
         "borderRadiusMD": 8,
         "borderRadiusLG": 16,
         "borderRadiusXL": 24,
-        "borderRadiusFull": 9999
+        "borderRadiusFull": "9999px"
       },
       "BorderWidth": {
-        "BorderWidthHairline": 0.33,
+        "BorderWidthHairline": "0.33px",
         "BorderWidthThin": 1,
         "BorderWidthThick": 2
       }
     },
     "Layout": {
-      "canvasWidthSizeWeb": 600,
-      "canvasHeightSizeWeb": 960,
-      "canvasWidthSizeApp": 834,
-      "canvasHeightSizeApp": 1194,
+      "canvasWidthSizeWeb": "600px",
+      "canvasHeightSizeWeb": "960px",
+      "canvasWidthSizeApp": "834px",
+      "canvasHeightSizeApp": "1194px",
       "Breakpoints": {
-        "breakpointMinWidthSize": 600,
-        "breakpointMaxWidthSize": 1023
+        "breakpointMinWidthSize": "600px",
+        "breakpointMaxWidthSize": "1023px"
       },
       "ContentWidth": {
-        "contentMaxWidthMedium": 700,
-        "contentMaxWidthFull": 1024
+        "contentMaxWidthMedium": "700px",
+        "contentMaxWidthFull": "1024px"
       },
       "Grid": {
         "Responsive": {
@@ -42,7 +42,7 @@
           "gridSpaceConstLG": 16
         },
         "LayoutGuide": {
-          "LayoutGuideGridColums": 8
+          "LayoutGuideGridColums": "8px"
         }
       },
       "Section": {
@@ -330,7 +330,7 @@
       "avatarArticleSize": 48,
       "avatarAuthorPageSize": 130,
       "avatarLabelFontSize": 16,
-      "avatarLabelLineHeight": 21,
+      "avatarLabelLineHeight": "21px",
       "avatarFontFamily": "Gotham XNarrow",
       "avatarLaneGapSpace": 24,
       "appAvatarFontFamily": "Gotham"
@@ -340,7 +340,7 @@
       "articleHeadlineFontSize": 72,
       "articleImageCaptionFontSize": 18,
       "articleImageCaptionLineHeight": 24.75,
-      "articleMetaFontSize": 14,
+      "articleMetaFontSize": "14px",
       "articleMetaFontFamily": "Gotham",
       "articleTopMarginSpace": 12,
       "aricleMobile1ColGridImageMarginSpace": 72,
@@ -348,7 +348,7 @@
       "articleHeadingsInlineSpace": 72,
       "articleContentStackSpace": 24,
       "articleContentInlineSpace": 72,
-      "articleGalleryATeaserWidth": 260,
+      "articleGalleryATeaserWidth": "260px",
       "articleImageSourceFontSize": 16,
       "articleImageSourceLineHeight": 21,
       "articleImageContainerStackSpace": 12,
@@ -358,10 +358,10 @@
       "articleInfoboxStackSpace": 24
     },
     "AudioPlayer": {
-      "audioPlayerFontSize": 16
+      "audioPlayerFontSize": "16px"
     },
     "Badge": {
-      "adLabelBadgeHeightSize": 30,
+      "adLabelBadgeHeightSize": "30px",
       "BadgesInnerStackSpace": 2,
       "BadgesInnerInlineSpace": 4
     },
@@ -369,22 +369,22 @@
       "breadcrumbFontFamily": "Gotham XNarrow",
       "breadcrumbFontSize": 15,
       "breadcrumbLineHeight": 15,
-      "breadcrumb&ArrowLeftInlineSpace1": 3,
-      "breadcrumb&ArrowRightInlineSpace2": 5,
+      "breadcrumb&ArrowLeftInlineSpace1": "3px",
+      "breadcrumb&ArrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": 12,
       "breadcrumbFontWeight": 700,
-      "breadcrumbStackSpace": 14
+      "breadcrumbStackSpace": "14px"
     },
     "BreakingNews": {
       "breakingNewsContainerHeightSize": 56,
       "breakingNewsBadgeInlineSpace": 12,
       "breakingNewsBadgeTitelsStackSpace": 4,
-      "breakingNewsBadgeUpperTitleFontSize": 17,
-      "breakingNewsBadgeUpperTitleLineHeight": 12,
-      "breakingNewsBadgeLowerTitleFontSize": 30,
-      "breakingNewsBadgeLowerTitleLineHeight": 21,
-      "breakingNewsScrollingTextFontSize": 21,
-      "breakingNewsScrollingTextLineHeight": 24
+      "breakingNewsBadgeUpperTitleFontSize": "17px",
+      "breakingNewsBadgeUpperTitleLineHeight": "12px",
+      "breakingNewsBadgeLowerTitleFontSize": "30px",
+      "breakingNewsBadgeLowerTitleLineHeight": "21px",
+      "breakingNewsScrollingTextFontSize": "21px",
+      "breakingNewsScrollingTextLineHeight": "24px"
     },
     "Button": {
       "buttonLabelFontSize": 15,
@@ -394,24 +394,24 @@
       "buttonStackSpace": 6,
       "buttonBorderWidthSize": 2,
       "buttonContentMinHeightSize": 24,
-      "partnerLinkButtonLabelFontSize": 16,
+      "partnerLinkButtonLabelFontSize": "16px",
       "partnerLinkButtonInlineSpace": 8,
       "partnerLinkButtonLabelHeightSize": 48,
       "buttonBorderRadius": 8
     },
     "Cards": {
-      "searchResultCardImageWidthSize": 216,
-      "searchResultCardImageHeightSizeStacked": 189,
-      "newstickerImageCardWidthSize": 206
+      "searchResultCardImageWidthSize": "216px",
+      "searchResultCardImageHeightSizeStacked": "189px",
+      "newstickerImageCardWidthSize": "206px"
     },
     "Carousel": {
       "galleryTeaserTitleBottomSpace": 36,
       "galleryTeaserAppGapSpace": 8,
-      "appEpaperCarouselItemDefaultWidth": 172,
-      "appEpaperCarouselItemFocusWidth": 240,
-      "appEpaperCarouseBeilageItemWidth": 172,
-      "standardTeaserGalleryTeaserWidthWeb": 260,
-      "standardTeaserGalleryTeaserWidthApp": 280
+      "appEpaperCarouselItemDefaultWidth": "172px",
+      "appEpaperCarouselItemFocusWidth": "240px",
+      "appEpaperCarouseBeilageItemWidth": "172px",
+      "standardTeaserGalleryTeaserWidthWeb": "260px",
+      "standardTeaserGalleryTeaserWidthApp": "280px"
     },
     "Chips": {
       "chipsFontSize": 16,
@@ -419,15 +419,15 @@
       "chipsStackSpace": 8
     },
     "Datepicker": {
-      "datepickerItemDayWidthSize": 44,
-      "datepickerItemYearWidthSize": 77,
-      "datepickerItemHeightSize": 44
+      "datepickerItemDayWidthSize": "44px",
+      "datepickerItemYearWidthSize": "77px",
+      "datepickerItemHeightSize": "44px"
     },
     "Drawers": {
-      "mobileMenuDrawerStackSpace": 20,
-      "mobileMenuDrawerLeftInlineSpace": 20,
-      "mobileMenuDrawerRightInlineSpace": 16,
-      "mobileMenuDrawerMaxWidthSize": 400
+      "mobileMenuDrawerStackSpace": "20px",
+      "mobileMenuDrawerLeftInlineSpace": "20px",
+      "mobileMenuDrawerRightInlineSpace": "16px",
+      "mobileMenuDrawerMaxWidthSize": "400px"
     },
     "Dropdown": {
       "dropDownItemStackSpace": 8,
@@ -436,18 +436,18 @@
     },
     "Footer": {
       "footerFontFamily": "Gotham XNarrow",
-      "footerFontSize": 11,
-      "footerLineHeight": 14,
-      "footerFontSizeUserOfferPages": 18,
-      "footerLineHeightUserOfferPages": 26
+      "footerFontSize": "11px",
+      "footerLineHeight": "14px",
+      "footerFontSizeUserOfferPages": "18px",
+      "footerLineHeightUserOfferPages": "26px"
     },
     "Icon": {
       "iconSize": 24,
-      "iconSizeEmbeddMedia": 40
+      "iconSizeEmbeddMedia": "40px"
     },
     "InfoElement": {
       "infoElementTeaserBadgeMarginSpace": 4,
-      "infoElementTeaserImageHeightSize": 83,
+      "infoElementTeaserImageHeightSize": "83px",
       "infoElementTeaserImageWidthSize": 148,
       "infoElementTeaserBadgeHeightSize": 16
     },
@@ -463,26 +463,26 @@
       "heyInputContainerInlineSpace": 8
     },
     "Liveticker": {
-      "liveTickerAppCardHeightSize": 128,
-      "liveTickerAppCardWidthSize": 300,
+      "liveTickerAppCardHeightSize": "128px",
+      "liveTickerAppCardWidthSize": "300px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerheadlineFontWeight": 600,
-      "liveTickerHeadlinesFontSize": 32,
-      "liveTickerTimeStampFontSize": 16,
+      "liveTickerHeadlinesFontSize": "32px",
+      "liveTickerTimeStampFontSize": "16px",
       "liveTickerTime&HeadlineStackSpace": 4,
-      "liveTickerSliderItemWidthMaxSize": 257
+      "liveTickerSliderItemWidthMaxSize": "257px"
     },
     "Mediaplayer": {
       "audioPlayerHeaderStackSpace": 56,
       "podcastPlayButtonSize": 48,
-      "vidPlayerBottomBarGapSpace": 0,
+      "vidPlayerBottomBarGapSpace": "0px",
       "videoTimeBadgeFontFamily": "Gotham XNarrow",
       "vidPlayerControlButtonSize": 42,
       "vidPlayerControlButtonIconSizeHover": 28,
-      "vidPlayerTimecodeFontSize": 16,
-      "vidPlayerTimecodeContainerMinWidthSize": 58,
-      "vidPlayerProgressBarContainerHeightSize": 24,
-      "vidPlayerUnmuteButtonWidthSize": 220
+      "vidPlayerTimecodeFontSize": "16px",
+      "vidPlayerTimecodeContainerMinWidthSize": "58px",
+      "vidPlayerProgressBarContainerHeightSize": "24px",
+      "vidPlayerUnmuteButtonWidthSize": "220px"
     },
     "Menu": {
       "menuLinkLaneHeightSize": 48,
@@ -491,7 +491,7 @@
       "menuUtillinkItemHeightSize": 48,
       "menuItemUtilFontSize": 12,
       "menuItemFontSize": 15,
-      "menuSpecialNaviItemHeightSize": 48,
+      "menuSpecialNaviItemHeightSize": "48px",
       "menuItemSpace": 8,
       "menuLinkItemInlineSpace": 4,
       "menuItemUtilStackSpace": 10,
@@ -505,19 +505,19 @@
       "menuUtilityLinksDividerHeightSize": 40,
       "menuShadowVisibility": "rgba(0, 0, 0, 0.1)",
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
-      "iOSappTopBarHeightSize": 48,
-      "iOSappTopBarLeftInlineSpace": 19,
-      "iOSappTopBarRightInlineSpace": 19,
+      "iOSappTopBarHeightSize": "48px",
+      "iOSappTopBarLeftInlineSpace": "19px",
+      "iOSappTopBarRightInlineSpace": "19px",
       "appTopbarTitleFontSize": 14,
       "appTopbarStageTitleHeight": 17
     },
     "Newsticker": {
-      "newsTickerAppCardHeightSize": 150,
-      "newsTickerAppCardWidthSize": 300,
+      "newsTickerAppCardHeightSize": "150px",
+      "newsTickerAppCardWidthSize": "300px",
       "newsTickerTimeFontFamily": "Gotham XNarrow",
       "newsTickerTimeFontWeight": 700,
-      "newsTickerTimeFontSize": 16,
-      "newsTickerTimeLineHeight": 20.8,
+      "newsTickerTimeFontSize": "16px",
+      "newsTickerTimeLineHeight": "20.8px",
       "newsTickerBadgesInlineSpace": 12,
       "newsTickerEntriesStackSpace": 22,
       "newsTickerEntriesLeftInlineSpace": 22,
@@ -526,9 +526,9 @@
       "newsTickerKickerInnerStackSpace": 2,
       "newsTickerTime&KickerStackSpace": 6,
       "newsTickerTitlesInlineSpace": 24,
-      "newsTickerSkeletonBottomSpace": 0,
+      "newsTickerSkeletonBottomSpace": "0px",
       "newsTickerRedDotSize": 14,
-      "newsTickerLineInlineSpace": 7
+      "newsTickerLineInlineSpace": "7px"
     },
     "Pagination": {
       "galleryPaginationItemHeightSize": 4,
@@ -538,12 +538,12 @@
       "scrollBarThicknessSize": 8
     },
     "Paywall": {
-      "paywallCardMaxWidthSize": 346,
+      "paywallCardMaxWidthSize": "346px",
       "paywallCardPriceTagFontSize": 64,
       "paywallCardPriceTagLineHeight": 64,
       "paywallCardPriceNoteFontSize": 40,
       "paywallCardPriceNoteLineHeight": 40,
-      "paywallContainerGapSpace": -48,
+      "paywallContainerGapSpace": "-48px",
       "paywallHeaderBottomStackSpace": 80
     },
     "Quotes": {
@@ -561,8 +561,8 @@
     },
     "SectionTitle": {
       "sectionTitleInnerStackBottomSpace": 12,
-      "sectionTitle&ArrowInlineSpace": 5,
-      "sectionTitle&ArrowInlineSpaceActive": 5,
+      "sectionTitle&ArrowInlineSpace": "5px",
+      "sectionTitle&ArrowInlineSpaceActive": "5px",
       "sectionTitleHeightSize": 32
     },
     "Separators": {
@@ -572,7 +572,7 @@
       "headlinesSkeletonImagePlaceholderMaxWidth": 160,
       "articleSkeletonImageInlineSpace": 48,
       "articleSkeletonTextInlineSpace": 48,
-      "articleTextSkeletonHeightSize": 720
+      "articleTextSkeletonHeightSize": "720px"
     },
     "SpecialNavi": {
       "specialNaviInlineSpace": 24
@@ -585,17 +585,17 @@
     },
     "Spinners": {
       "videoSpinnerSize": 80,
-      "videoSpinnerSize0_5x": 40,
-      "videoSpinnerStrokeSize": 4
+      "videoSpinnerSize0_5x": "40px",
+      "videoSpinnerStrokeSize": "4px"
     },
     "Tabs": {
-      "tabLabelFontSize": 16,
-      "tabLabelFontSizeLine": 16,
-      "iosTabbarHeightSize": 49,
-      "androidTabbarHeightSize": 74,
-      "appsTabsLabelFontSize": 16,
-      "appsTabsLabelLineHeight": 23.4,
-      "topBarTabItemHeightSize": 44
+      "tabLabelFontSize": "16px",
+      "tabLabelFontSizeLine": "16px",
+      "iosTabbarHeightSize": "49px",
+      "androidTabbarHeightSize": "74px",
+      "appsTabsLabelFontSize": "16px",
+      "appsTabsLabelLineHeight": "23.4px",
+      "topBarTabItemHeightSize": "44px"
     },
     "Table": {
       "tableColumnWidthSize0_5x": 48,
@@ -605,7 +605,7 @@
       "tableColumnWidthSize2x": 180,
       "tableColumnWidthSize2_5x": 240,
       "tableColumnWidthSize3x": 280,
-      "tableItemMaxWidthSize": 224
+      "tableItemMaxWidthSize": "224px"
     },
     "Teaser": {
       "aTeaser": {
@@ -619,7 +619,7 @@
         "bTeaserTitleInlineSpace": 8
       },
       "bildPlay": {
-        "bildPlayTeaserWidthSize": 169
+        "bildPlayTeaserWidthSize": "169px"
       },
       "mQTeaser": {
         "mQTeaserHeadlineFontSize": 36,
@@ -653,33 +653,33 @@
       "teaserTitleBottomStackSpace": 16
     },
     "ToggleSwitch": {
-      "appToggleItemLabelFontSize": 16,
-      "appToggleItemLabelLineHeight": 16.2
+      "appToggleItemLabelFontSize": "16px",
+      "appToggleItemLabelLineHeight": "16.2px"
     },
     "Video": {
-      "videoBadgeTimeLineHeight": 23.8,
-      "videoTimeBadgeFontSize": 18,
-      "verticalVideoMockHeadlineFontSize": 32,
+      "videoBadgeTimeLineHeight": "23.8px",
+      "videoTimeBadgeFontSize": "18px",
+      "verticalVideoMockHeadlineFontSize": "32px",
       "videoFrameInlineSpace": 12,
       "videoRedPlayIconHeightSize": 14,
       "videoRedPlayIconWidthSize": 12,
-      "videoSkeletonContainerHeight": 464,
+      "videoSkeletonContainerHeight": "464px",
       "videoTimeBadgeSize": 32,
       "videoTimeBadgeCornerSize": 2,
-      "videoAdBadgeFontSize": 16
+      "videoAdBadgeFontSize": "16px"
     },
     "_DSysDocs": {
       "specsFontFamily": "Gotham",
-      "1columnMobile": 930,
-      "DSysDocsWidthSize": 962,
+      "1columnMobile": "930px",
+      "DSysDocsWidthSize": "962px",
       "dsCaptionStackSpace0_5x": 6,
       "dsCaptionStackSpace1x": 12,
       "dsMainContainerSpace": 68,
       "foundationsBannerHeightSize": 80,
       "mainContentStageSize": 962,
-      "thinBannerVerticalHeightSize": 558,
+      "thinBannerVerticalHeightSize": "558px",
       "bildDesignFrameSpace": 64,
-      "docHeaderHeightSize": 160
+      "docHeaderHeightSize": "160px"
     }
   },
   "breakpointName": "md"