@marioschmidt/design-system-tokens 1.0.13 → 1.0.14

package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.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": 320,
-      "canvasHeightSizeWeb": 568,
-      "canvasWidthSizeApp": 320,
-      "canvasHeightSizeApp": 568,
+      "canvasWidthSizeWeb": "320px",
+      "canvasHeightSizeWeb": "568px",
+      "canvasWidthSizeApp": "320px",
+      "canvasHeightSizeApp": "568px",
       "Breakpoints": {
-        "breakpointMinWidthSize": 320,
-        "breakpointMaxWidthSize": 389
+        "breakpointMinWidthSize": "320px",
+        "breakpointMaxWidthSize": "389px"
       },
       "ContentWidth": {
-        "contentMaxWidthMedium": 700,
-        "contentMaxWidthFull": 1024
+        "contentMaxWidthMedium": "700px",
+        "contentMaxWidthFull": "1024px"
       },
       "Grid": {
         "Responsive": {
@@ -42,7 +42,7 @@
           "gridSpaceConstLG": 16
         },
         "LayoutGuide": {
-          "LayoutGuideGridColums": 4
+          "LayoutGuideGridColums": "4px"
         }
       },
       "Section": {
@@ -330,7 +330,7 @@
       "avatarArticleSize": 48,
       "avatarAuthorPageSize": 96,
       "avatarLabelFontSize": 13,
-      "avatarLabelLineHeight": 21,
+      "avatarLabelLineHeight": "21px",
       "avatarFontFamily": "Inter",
       "avatarLaneGapSpace": 16,
       "appAvatarFontFamily": "AntennaCond"
@@ -340,7 +340,7 @@
       "articleHeadlineFontSize": 42,
       "articleImageCaptionFontSize": 13,
       "articleImageCaptionLineHeight": 16.9,
-      "articleMetaFontSize": 12,
+      "articleMetaFontSize": "12px",
       "articleMetaFontFamily": "AntennaCond",
       "articleTopMarginSpace": 8,
       "aricleMobile1ColGridImageMarginSpace": 0,
@@ -348,7 +348,7 @@
       "articleHeadingsInlineSpace": 16,
       "articleContentStackSpace": 16,
       "articleContentInlineSpace": 16,
-      "articleGalleryATeaserWidth": 145,
+      "articleGalleryATeaserWidth": "145px",
       "articleImageSourceFontSize": 13,
       "articleImageSourceLineHeight": 17,
       "articleImageContainerStackSpace": 8,
@@ -358,10 +358,10 @@
       "articleInfoboxStackSpace": 16
     },
     "AudioPlayer": {
-      "audioPlayerFontSize": 16
+      "audioPlayerFontSize": "16px"
     },
     "Badge": {
-      "adLabelBadgeHeightSize": 30,
+      "adLabelBadgeHeightSize": "30px",
       "BadgesInnerStackSpace": 2,
       "BadgesInnerInlineSpace": 4
     },
@@ -369,22 +369,22 @@
       "breadcrumbFontFamily": "Inter",
       "breadcrumbFontSize": 14,
       "breadcrumbLineHeight": 14,
-      "breadcrumb&ArrowLeftInlineSpace1": 3,
-      "breadcrumb&ArrowRightInlineSpace2": 5,
+      "breadcrumb&ArrowLeftInlineSpace1": "3px",
+      "breadcrumb&ArrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": 12,
       "breadcrumbFontWeight": 400,
-      "breadcrumbStackSpace": 14
+      "breadcrumbStackSpace": "14px"
     },
     "BreakingNews": {
       "breakingNewsContainerHeightSize": 56,
       "breakingNewsBadgeInlineSpace": 6,
       "breakingNewsBadgeTitelsStackSpace": 0,
-      "breakingNewsBadgeUpperTitleFontSize": 13,
-      "breakingNewsBadgeUpperTitleLineHeight": 13,
-      "breakingNewsBadgeLowerTitleFontSize": 23,
-      "breakingNewsBadgeLowerTitleLineHeight": 21,
-      "breakingNewsScrollingTextFontSize": 21,
-      "breakingNewsScrollingTextLineHeight": 24
+      "breakingNewsBadgeUpperTitleFontSize": "13px",
+      "breakingNewsBadgeUpperTitleLineHeight": "13px",
+      "breakingNewsBadgeLowerTitleFontSize": "23px",
+      "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": 28,
       "galleryTeaserAppGapSpace": 0,
-      "appEpaperCarouselItemDefaultWidth": 144,
-      "appEpaperCarouselItemFocusWidth": 182,
-      "appEpaperCarouseBeilageItemWidth": 110,
-      "standardTeaserGalleryTeaserWidthWeb": 145,
-      "standardTeaserGalleryTeaserWidthApp": 280
+      "appEpaperCarouselItemDefaultWidth": "144px",
+      "appEpaperCarouselItemFocusWidth": "182px",
+      "appEpaperCarouseBeilageItemWidth": "110px",
+      "standardTeaserGalleryTeaserWidthWeb": "145px",
+      "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,14 +436,14 @@
     },
     "Footer": {
       "footerFontFamily": "Inter",
-      "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,
@@ -463,26 +463,26 @@
       "heyInputContainerInlineSpace": 8
     },
     "Liveticker": {
-      "liveTickerAppCardHeightSize": 96,
-      "liveTickerAppCardWidthSize": 250,
+      "liveTickerAppCardHeightSize": "96px",
+      "liveTickerAppCardWidthSize": "250px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerheadlineFontWeight": 600,
-      "liveTickerHeadlinesFontSize": 22,
-      "liveTickerTimeStampFontSize": 14,
+      "liveTickerHeadlinesFontSize": "22px",
+      "liveTickerTimeStampFontSize": "14px",
       "liveTickerTime&HeadlineStackSpace": 4,
-      "liveTickerSliderItemWidthMaxSize": 257
+      "liveTickerSliderItemWidthMaxSize": "257px"
     },
     "Mediaplayer": {
       "audioPlayerHeaderStackSpace": 56,
       "podcastPlayButtonSize": 48,
-      "vidPlayerBottomBarGapSpace": 0,
+      "vidPlayerBottomBarGapSpace": "0px",
       "videoTimeBadgeFontFamily": "Inter",
       "vidPlayerControlButtonSize": 42,
       "vidPlayerControlButtonIconSizeHover": 28,
-      "vidPlayerTimecodeFontSize": 14,
-      "vidPlayerTimecodeContainerMinWidthSize": 45,
-      "vidPlayerProgressBarContainerHeightSize": 24,
-      "vidPlayerUnmuteButtonWidthSize": 220
+      "vidPlayerTimecodeFontSize": "14px",
+      "vidPlayerTimecodeContainerMinWidthSize": "45px",
+      "vidPlayerProgressBarContainerHeightSize": "24px",
+      "vidPlayerUnmuteButtonWidthSize": "220px"
     },
     "Menu": {
       "menuLinkLaneHeightSize": 48,
@@ -491,7 +491,7 @@
       "menuUtillinkItemHeightSize": 48,
       "menuItemUtilFontSize": 12,
       "menuItemFontSize": 18,
-      "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": 44,
-      "iOSappTopBarLeftInlineSpace": 12,
-      "iOSappTopBarRightInlineSpace": 16,
+      "iOSappTopBarHeightSize": "44px",
+      "iOSappTopBarLeftInlineSpace": "12px",
+      "iOSappTopBarRightInlineSpace": "16px",
       "appTopbarTitleFontSize": 12,
       "appTopbarStageTitleHeight": 14
     },
     "Newsticker": {
-      "newsTickerAppCardHeightSize": 116,
-      "newsTickerAppCardWidthSize": 250,
+      "newsTickerAppCardHeightSize": "116px",
+      "newsTickerAppCardWidthSize": "250px",
       "newsTickerTimeFontFamily": "AntennaExtraCond",
       "newsTickerTimeFontWeight": 700,
-      "newsTickerTimeFontSize": 16,
-      "newsTickerTimeLineHeight": 20.8,
+      "newsTickerTimeFontSize": "16px",
+      "newsTickerTimeLineHeight": "20.8px",
       "newsTickerBadgesInlineSpace": 8,
       "newsTickerEntriesStackSpace": 22,
       "newsTickerEntriesLeftInlineSpace": 22,
@@ -525,7 +525,7 @@
       "newsTickerKickerInnerInlineSpace": 4,
       "newsTickerKickerInnerStackSpace": 2,
       "newsTickerTime&KickerStackSpace": 4,
-      "newsTickerTitlesInlineSpace": 18,
+      "newsTickerTitlesInlineSpace": "18px",
       "newsTickerSkeletonBottomSpace": 64,
       "newsTickerRedDotSize": 12,
       "newsTickerLineInlineSpace": 6
@@ -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,18 +561,18 @@
     },
     "SectionTitle": {
       "sectionTitleInnerStackBottomSpace": 12,
-      "sectionTitle&ArrowInlineSpace": 5,
-      "sectionTitle&ArrowInlineSpaceActive": 5,
+      "sectionTitle&ArrowInlineSpace": "5px",
+      "sectionTitle&ArrowInlineSpaceActive": "5px",
       "sectionTitleHeightSize": 32
     },
     "Separators": {
       "separatorThicknessSize": 2
     },
     "Skeletons": {
-      "headlinesSkeletonImagePlaceholderMaxWidth": 282,
+      "headlinesSkeletonImagePlaceholderMaxWidth": "282px",
       "articleSkeletonImageInlineSpace": 12,
-      "articleSkeletonTextInlineSpace": 0,
-      "articleTextSkeletonHeightSize": 270
+      "articleSkeletonTextInlineSpace": "0px",
+      "articleTextSkeletonHeightSize": "270px"
     },
     "SpecialNavi": {
       "specialNaviInlineSpace": 24
@@ -585,17 +585,17 @@
     },
     "Spinners": {
       "videoSpinnerSize": 40,
-      "videoSpinnerSize0_5x": 20,
-      "videoSpinnerStrokeSize": 2
+      "videoSpinnerSize0_5x": "20px",
+      "videoSpinnerStrokeSize": "2px"
     },
     "Tabs": {
-      "tabLabelFontSize": 16,
-      "tabLabelFontSizeLine": 12,
-      "iosTabbarHeightSize": 49,
-      "androidTabbarHeightSize": 56,
-      "appsTabsLabelFontSize": 11,
-      "appsTabsLabelLineHeight": 14.4,
-      "topBarTabItemHeightSize": 44
+      "tabLabelFontSize": "16px",
+      "tabLabelFontSizeLine": "12px",
+      "iosTabbarHeightSize": "49px",
+      "androidTabbarHeightSize": "56px",
+      "appsTabsLabelFontSize": "11px",
+      "appsTabsLabelLineHeight": "14.4px",
+      "topBarTabItemHeightSize": "44px"
     },
     "Table": {
       "tableColumnWidthSize0_5x": 40,
@@ -605,7 +605,7 @@
       "tableColumnWidthSize2x": 140,
       "tableColumnWidthSize2_5x": 180,
       "tableColumnWidthSize3x": 200,
-      "tableItemMaxWidthSize": 224
+      "tableItemMaxWidthSize": "224px"
     },
     "Teaser": {
       "aTeaser": {
@@ -619,7 +619,7 @@
         "bTeaserTitleInlineSpace": 16
       },
       "bildPlay": {
-        "bildPlayTeaserWidthSize": 145
+        "bildPlayTeaserWidthSize": "145px"
       },
       "mQTeaser": {
         "mQTeaserHeadlineFontSize": 21,
@@ -653,33 +653,33 @@
       "teaserTitleBottomStackSpace": 12
     },
     "ToggleSwitch": {
-      "appToggleItemLabelFontSize": 14,
-      "appToggleItemLabelLineHeight": 14.1
+      "appToggleItemLabelFontSize": "14px",
+      "appToggleItemLabelLineHeight": "14.1px"
     },
     "Video": {
-      "videoBadgeTimeLineHeight": 21,
-      "videoTimeBadgeFontSize": 16,
-      "verticalVideoMockHeadlineFontSize": 22,
-      "videoFrameInlineSpace": 0,
+      "videoBadgeTimeLineHeight": "21px",
+      "videoTimeBadgeFontSize": "16px",
+      "verticalVideoMockHeadlineFontSize": "22px",
+      "videoFrameInlineSpace": "0px",
       "videoRedPlayIconHeightSize": 10,
       "videoRedPlayIconWidthSize": 8,
-      "videoSkeletonContainerHeight": 180,
+      "videoSkeletonContainerHeight": "180px",
       "videoTimeBadgeSize": 24,
       "videoTimeBadgeCornerSize": 2,
-      "videoAdBadgeFontSize": 14
+      "videoAdBadgeFontSize": "14px"
     },
     "_DSysDocs": {
       "specsFontFamily": "Gotham",
-      "1columnMobile": 320,
-      "DSysDocsWidthSize": 320,
+      "1columnMobile": "320px",
+      "DSysDocsWidthSize": "320px",
       "dsCaptionStackSpace0_5x": 4,
       "dsCaptionStackSpace1x": 8,
       "dsMainContainerSpace": 0,
       "foundationsBannerHeightSize": 80,
       "mainContentStageSize": 320,
-      "thinBannerVerticalHeightSize": 558,
+      "thinBannerVerticalHeightSize": "558px",
       "bildDesignFrameSpace": 12,
-      "docHeaderHeightSize": 144
+      "docHeaderHeightSize": "144px"
     }
   },
   "breakpointName": "xs"

package/dist/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-11-21T19:46:45.266Z",
+  "generated": "2025-11-22T10:32:14.133Z",
   "version": "1.0.0",
   "platforms": {
     "css": {

package/dist/scss/base/primitive-font-value.scss

@@ -33,14 +33,14 @@ $font-weight-string-400-book-font-weight: 400;
 $font-weight-string-350-book-font-weight: 350;
 $font-weight-string-200-extra-light-font-weight: 200;
 $font-weight-string-100-thin-font-weight: 100;
-$letter-spacing-letter-space3: 3; // This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes.
-$letter-spacing-letter-space2: 2; // This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
-$letter-spacing-letter-space1: 1; // This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
-$letter-spacing-letter-space0-5: 0.5; // This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5.
-$letter-spacing-letter-space0-25: 0.25; // This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25.
-$letter-spacing-letter-space-0: 0; // This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
-$letter-spacing-letter-space-0-25: -0.25; // This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25.
-$letter-spacing-letter-space-0-5: -0.5; // This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
-$letter-spacing-letter-space-1: -1; // This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
-$letter-spacing-letter-space-2: -2; // This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines.
-$letter-spacing-letter-space-3: -3; // This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes.
+$letter-spacing-letter-space3: 3px; // This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes.
+$letter-spacing-letter-space2: 2px; // This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
+$letter-spacing-letter-space1: 1px; // This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
+$letter-spacing-letter-space0-5: 0.5px; // This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5.
+$letter-spacing-letter-space0-25: 0.25px; // This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25.
+$letter-spacing-letter-space-0: 0px; // This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
+$letter-spacing-letter-space-0-25: -0.25px; // This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25.
+$letter-spacing-letter-space-0-5: -0.5px; // This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
+$letter-spacing-letter-space-1: -1px; // This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
+$letter-spacing-letter-space-2: -2px; // This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines.
+$letter-spacing-letter-space-3: -3px; // This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes.

package/dist/scss/base/primitive-size-value.scss

@@ -1,52 +1,52 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$size168x: 1344;
-$size128x: 1024;
-$size124x: 992;
-$size116-25x: 930;
-$size100x: 800;
-$size87-5x: 700;
-$size80x: 640;
-$size60x: 480;
-$size50x: 400;
-$size40x: 320;
-$size35x: 280;
-$size30x: 240;
-$size27-5x: 220;
-$size25x: 200;
-$size22-5x: 180;
-$size20x: 160;
-$size18-5x: 148;
-$size17-5x: 140;
-$size16-25: 130;
-$size15x: 120;
-$size12-5x: 100;
-$size12x: 96;
-$size11-5x: 92;
-$size10x: 80;
-$size9x: 72;
-$size8x: 64;
-$size7x: 56;
-$size6x: 48;
-$size5-25x: 42;
-$size5x: 40;
-$size4-5x: 36;
-$size4x: 32;
-$size3-75x: 30;
-$size3-5x: 28;
-$size3-25x: 26;
-$size3x: 24;
-$size2-75x: 22;
-$size2-5x: 20;
-$size2-25x: 18;
-$size2x: 16;
-$size1-75x: 14;
-$size1-5x: 12;
-$size1-25x: 10;
-$size1x: 8;
-$size0-75x: 6;
-$size0-5x: 4;
-$size0-25x: 2;
-$size0-125x: 1;
-$size0x: 0;
+$size168x: 1344px;
+$size128x: 1024px;
+$size124x: 992px;
+$size116-25x: 930px;
+$size100x: 800px;
+$size87-5x: 700px;
+$size80x: 640px;
+$size60x: 480px;
+$size50x: 400px;
+$size40x: 320px;
+$size35x: 280px;
+$size30x: 240px;
+$size27-5x: 220px;
+$size25x: 200px;
+$size22-5x: 180px;
+$size20x: 160px;
+$size18-5x: 148px;
+$size17-5x: 140px;
+$size16-25: 130px;
+$size15x: 120px;
+$size12-5x: 100px;
+$size12x: 96px;
+$size11-5x: 92px;
+$size10x: 80px;
+$size9x: 72px;
+$size8x: 64px;
+$size7x: 56px;
+$size6x: 48px;
+$size5-25x: 42px;
+$size5x: 40px;
+$size4-5x: 36px;
+$size4x: 32px;
+$size3-75x: 30px;
+$size3-5x: 28px;
+$size3-25x: 26px;
+$size3x: 24px;
+$size2-75x: 22px;
+$size2-5x: 20px;
+$size2-25x: 18px;
+$size2x: 16px;
+$size1-75x: 14px;
+$size1-5x: 12px;
+$size1-25x: 10px;
+$size1x: 8px;
+$size0-75x: 6px;
+$size0-5x: 4px;
+$size0-25x: 2px;
+$size0-125x: 1px;
+$size0x: 0px;

package/dist/scss/base/primitive-space-value.scss

@@ -1,28 +1,28 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$space20x: 160;
-$space12x: 96;
-$space10x: 80;
-$space9x: 72;
-$space8-5x: 68;
-$space8x: 64;
-$space7-5x: 60;
-$space6x: 48;
-$space5x: 40;
-$space4-5x: 36;
-$space4x: 32;
-$space3-5x: 28;
-$space3x: 24;
-$space2-75x: 22;
-$space2-5x: 20;
-$space2x: 16;
-$space1-75x: 14;
-$space1-5x: 12;
-$space1-25x: 10;
-$space1x: 8;
-$space0-75x: 6;
-$space0-5x: 4;
-$space0-25x: 2;
-$space0x: 0;
-$space-0-25x: -2;
+$space20x: 160px;
+$space12x: 96px;
+$space10x: 80px;
+$space9x: 72px;
+$space8-5x: 68px;
+$space8x: 64px;
+$space7-5x: 60px;
+$space6x: 48px;
+$space5x: 40px;
+$space4-5x: 36px;
+$space4x: 32px;
+$space3-5x: 28px;
+$space3x: 24px;
+$space2-75x: 22px;
+$space2-5x: 20px;
+$space2x: 16px;
+$space1-75x: 14px;
+$space1-5x: 12px;
+$space1-25x: 10px;
+$space1x: 8px;
+$space0-75x: 6px;
+$space0-5x: 4px;
+$space0-25x: 2px;
+$space0x: 0px;
+$space-0-25x: -2px;

package/dist/scss/density/density-compact.scss

@@ -1,11 +1,11 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$component-button-button-label-font-size: 15; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
+$component-button-button-label-font-size: 15px; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
 $component-button-button-content-gap-space: 6; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
 $component-button-button-inline-space: 16; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
 $component-button-button-stack-space: 6; // This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
-$component-inputfield-input-field-label-font-size: 16; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
+$component-inputfield-input-field-label-font-size: 16px; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
 $component-inputfield-input-field-inline-space: 16;
 $component-inputfield-input-field-height-size: 36;
 $component-inputfield-input-field-stack-space: 6;

package/dist/scss/density/density-default.scss

@@ -1,11 +1,11 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$component-button-button-label-font-size: 17; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
+$component-button-button-label-font-size: 17px; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
 $component-button-button-content-gap-space: 8; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
 $component-button-button-inline-space: 20; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
 $component-button-button-stack-space: 8; // This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
-$component-inputfield-input-field-label-font-size: 17; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
+$component-inputfield-input-field-label-font-size: 17px; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
 $component-inputfield-input-field-inline-space: 16;
 $component-inputfield-input-field-height-size: 40;
 $component-inputfield-input-field-stack-space: 8;

package/dist/scss/density/density-spacious.scss

@@ -1,11 +1,11 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$component-button-button-label-font-size: 19; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
+$component-button-button-label-font-size: 19px; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
 $component-button-button-content-gap-space: 8; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
 $component-button-button-inline-space: 24; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
 $component-button-button-stack-space: 12; // This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
-$component-inputfield-input-field-label-font-size: 19; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
+$component-inputfield-input-field-label-font-size: 19px; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
 $component-inputfield-input-field-inline-space: 16;
 $component-inputfield-input-field-height-size: 48;
 $component-inputfield-input-field-stack-space: 12;