@marioschmidt/design-system-tokens 1.0.62 → 1.0.64

package/dist/css/advertorial/components/menu.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Menu Component Tokens
@@ -41,8 +41,8 @@
   .menu-item-util-label {
     font-family: var(--font-family-lucida-grande, Lucida Grande);
     font-weight: 700;
-    font-size: var(--size1-5x, 12px);
-    line-height: var(--size1-5x, 12px);
+    font-size: var(--size1p5x, 12px);
+    line-height: var(--size1p5x, 12px);
     text-transform: uppercase;
   }
 
@@ -53,15 +53,15 @@
 [data-brand="advertorial"] {
   --menu-item-space: var(--space1x, 8px);
   --menu-item-font-size: 15px;
-  --menu-item-util-font-size: var(--size1-5x, 12px);
-  --menu-item-util-stack-space: var(--space1-25x, 10px);
+  --menu-item-util-font-size: var(--size1p5x, 12px);
+  --menu-item-util-stack-space: var(--space1p25x, 10px);
   --menu-link-lane-height-size: var(--size6x, 48px);
   --menu-utillink-item-height-size: var(--size6x, 48px);
-  --menu-link-item-inline-space: var(--space0-5x, 4px);
+  --menu-link-item-inline-space: var(--space0p5x, 4px);
   --menu-logo-default-size: var(--size7x, 56px);
   --menu-logo-scrolled-size: var(--size7x, 56px);
   --menu-special-navi-item-height-size: 48px;
-  --sub-nav-bar-height-size: var(--size5-25x, 42px);
+  --sub-nav-bar-height-size: var(--size5p25x, 42px);
   --menu-utility-links-container-height-size: var(--size-const-lg, 56px);
   --menu-top-stack-space: var(--stack-space-const-sm, 8px);
   --menu-left-inline-space: var(--inline-space-const-sm, 8px);
@@ -69,10 +69,10 @@
   --menu-right-inline-space: var(--space0x, 0px);
   --menu-bottom-stack-space: var(--stack-space-const-sm, 8px);
   --menu-utility-links-divider-height-size: var(--size-const-sm, 40px);
-  --menu-shadow-visibility: var(--alpha-black10, rgba(0, 0, 0, 0.1));
-  --hey-input-shadow-visibility: var(--alpha-black0, rgba(0, 0, 0, 0));
+  --menu-shadow-visibility: var(--black-alpha10, rgba(0, 0, 0, 0.1));
+  --hey-input-shadow-visibility: var(--black-alpha0, rgba(0, 0, 0, 0));
   --app-topbar-title-font-size: 12px;
-  --app-topbar-stage-title-height: 14px;
+  --app-topbar-stage-title-height: 14;
   --i-osapp-top-bar-height-size: 44px;
   --i-osapp-top-bar-left-inline-space: 12px;
   --i-osapp-top-bar-right-inline-space: 16px;
@@ -81,7 +81,7 @@
 @media (min-width: 600px) {
   [data-brand="advertorial"] {
     --app-topbar-title-font-size: 14px;
-    --app-topbar-stage-title-height: 17px;
+    --app-topbar-stage-title-height: 17;
     --i-osapp-top-bar-height-size: 48px;
     --i-osapp-top-bar-left-inline-space: 19px;
     --i-osapp-top-bar-right-inline-space: 19px;
@@ -90,19 +90,19 @@
 
 @media (min-width: 1024px) {
   [data-brand="advertorial"] {
-    --menu-logo-default-size: var(--size18-5x, 148px);
+    --menu-logo-default-size: var(--size18p5x, 148px);
     --menu-special-navi-item-height-size: 56px;
-    --menu-utility-links-container-height-size: var(--size12-5x, 100px);
+    --menu-utility-links-container-height-size: var(--size12p5x, 100px);
     --menu-top-stack-space: var(--stack-space-const-md, 12px);
     --menu-left-inline-space: var(--inline-space-const-lg, 16px);
     --menu-utility-links-gap-space: var(--gap-space-const2-xl, 32px);
     --menu-right-inline-space: var(--inline-space-const-lg, 16px);
     --menu-bottom-stack-space: var(--space0x, 0px);
     --menu-utility-links-divider-height-size: var(--size-const-md, 48px);
-    --menu-shadow-visibility: var(--alpha-black0, rgba(0, 0, 0, 0));
-    --hey-input-shadow-visibility: var(--alpha-black10, rgba(0, 0, 0, 0.1));
+    --menu-shadow-visibility: var(--black-alpha0, rgba(0, 0, 0, 0));
+    --hey-input-shadow-visibility: var(--black-alpha10, rgba(0, 0, 0, 0.1));
     --app-topbar-title-font-size: 14px;
-    --app-topbar-stage-title-height: 17px;
+    --app-topbar-stage-title-height: 17;
     --i-osapp-top-bar-height-size: 48px;
     --i-osapp-top-bar-left-inline-space: 19px;
     --i-osapp-top-bar-right-inline-space: 19px;
@@ -116,11 +116,11 @@
    ============================================ */
 
 [data-brand="advertorial"][data-theme="dark"] .menu-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black10, rgba(0, 0, 0, 0.1));
+  box-shadow: 0px 8px 10px -8px var(--black-alpha10, rgba(0, 0, 0, 0.1));
 }
 
 [data-brand="advertorial"][data-theme="dark"] .hey-input-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black0, rgba(0, 0, 0, 0));
+  box-shadow: 0px 8px 10px -8px var(--black-alpha0, rgba(0, 0, 0, 0));
 }
 
 /* ============================================
@@ -128,9 +128,9 @@
    ============================================ */
 
 [data-brand="advertorial"][data-theme="light"] .menu-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black10, rgba(0, 0, 0, 0.1));
+  box-shadow: 0px 8px 10px -8px var(--black-alpha10, rgba(0, 0, 0, 0.1));
 }
 
 [data-brand="advertorial"][data-theme="light"] .hey-input-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black0, rgba(0, 0, 0, 0));
+  box-shadow: 0px 8px 10px -8px var(--black-alpha0, rgba(0, 0, 0, 0));
 }

package/dist/css/advertorial/components/newsticker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: NewsTicker Component Tokens
@@ -44,18 +44,18 @@
   --news-ticker-time-font-size: 16px;
   --news-ticker-time-font-weight: var(--font-weight-bold, 700);
   --news-ticker-time-font-family: var(--font-family-lucida-grande, Lucida Grande);
-  --news-ticker-time-line-height: 20.8px;
+  --news-ticker-time-line-height: 20.8;
   --news-ticker-content-stack-space: var(--gap-space-const-xs, 4px);
-  --news-ticker-kicker-inner-stack-space: var(--space0-25x, 2px);
+  --news-ticker-kicker-inner-stack-space: var(--space0p25x, 2px);
   --news-ticker-titles-inline-space: 18px;
   --news-ticker-badges-inline-space: var(--space1x, 8px);
-  --news-ticker-time-kicker-stack-space: var(--space0-5x, 4px);
-  --news-ticker-entries-stack-space: var(--space2-75x, 22px);
-  --news-ticker-kicker-inner-inline-space: var(--space0-5x, 4px);
+  --news-ticker-time-kicker-stack-space: var(--space0p5x, 4px);
+  --news-ticker-entries-stack-space: var(--space2p75x, 22px);
+  --news-ticker-kicker-inner-inline-space: var(--space0p5x, 4px);
   --news-ticker-skeleton-bottom-space: var(--space8x, 64px);
-  --news-ticker-red-dot-size: var(--size1-5x, 12px);
-  --news-ticker-entries-left-inline-space: var(--space2-75x, 22px);
-  --news-ticker-line-inline-space: var(--space0-75x, 6px);
+  --news-ticker-red-dot-size: var(--size1p5x, 12px);
+  --news-ticker-entries-left-inline-space: var(--space2p75x, 22px);
+  --news-ticker-line-inline-space: var(--space0p75x, 6px);
   --news-ticker-app-card-height-size: 116px;
   --news-ticker-app-card-width-size: 250px;
 }
@@ -70,10 +70,10 @@
   [data-brand="advertorial"] {
     --news-ticker-time-font-family: var(--label-font-family, Lucida Grande);
     --news-ticker-titles-inline-space: var(--space3x, 24px);
-    --news-ticker-badges-inline-space: var(--space1-5x, 12px);
-    --news-ticker-time-kicker-stack-space: var(--space0-75x, 6px);
+    --news-ticker-badges-inline-space: var(--space1p5x, 12px);
+    --news-ticker-time-kicker-stack-space: var(--space0p75x, 6px);
     --news-ticker-skeleton-bottom-space: 0px;
-    --news-ticker-red-dot-size: var(--size1-75x, 14px);
+    --news-ticker-red-dot-size: var(--size1p75x, 14px);
     --news-ticker-line-inline-space: 7px;
     --news-ticker-app-card-height-size: 150px;
     --news-ticker-app-card-width-size: 300px;
@@ -84,10 +84,10 @@
   [data-brand="advertorial"] {
     --news-ticker-time-font-size: 18px;
     --news-ticker-time-font-family: var(--label-font-family, Lucida Grande);
-    --news-ticker-time-line-height: 23.4px;
+    --news-ticker-time-line-height: 23.4;
     --news-ticker-titles-inline-space: 30px;
     --news-ticker-badges-inline-space: var(--space2x, 16px);
-    --news-ticker-time-kicker-stack-space: var(--space0-75x, 6px);
+    --news-ticker-time-kicker-stack-space: var(--space0p75x, 6px);
     --news-ticker-skeleton-bottom-space: 0px;
     --news-ticker-red-dot-size: var(--size2x, 16px);
     --news-ticker-line-inline-space: var(--space1x, 8px);

package/dist/css/advertorial/components/pagination.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Pagination Component Tokens
@@ -20,7 +20,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label1-font-size, 17px);
     line-height: var(--label1-line-height, 20.4px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
     text-decoration: underline;
   }
 

package/dist/css/advertorial/components/paywall.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Paywall Component Tokens
@@ -20,7 +20,7 @@
     font-weight: var(--font-weight-black, 800);
     font-size: var(--size8x, 64px);
     line-height: var(--size8x, 64px);
-    letter-spacing: var(--letter-space-neg0-5, -0.5px);
+    letter-spacing: var(--letter-space-neg0p5, -0.5px);
   }
 
   .paywall-card-note {
@@ -28,7 +28,7 @@
     font-weight: var(--font-weight-black, 800);
     font-size: var(--size5x, 40px);
     line-height: var(--size5x, 40px);
-    letter-spacing: var(--letter-space-neg0-5, -0.5px);
+    letter-spacing: var(--letter-space-neg0p5, -0.5px);
   }
 
 }
@@ -40,7 +40,7 @@
   --paywall-header-bottom-stack-space: var(--space10x, 80px);
   --paywall-card-max-width-size: 346px;
   --paywall-card-price-tag-font-size: var(--size8x, 64px);
-  --paywall-card-price-tag-line-height: var(--size8x, 64px);
-  --paywall-card-price-note-line-height: var(--size5x, 40px);
+  --paywall-card-price-tag-line-height: var(--size8x, 64);
+  --paywall-card-price-note-line-height: var(--size5x, 40);
   --paywall-card-price-note-font-size: var(--size5x, 40px);
 }

package/dist/css/advertorial/components/quote.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Quote Component Tokens
@@ -17,7 +17,7 @@
 [data-brand="advertorial"] {
   --quote-container-inline-space: var(--inline-space-const-lg, 16px);
   --quote-container-stack-space: var(--stack-space-resp-lg, 16px);
-  --quote-quotation-marks-font-size: var(--size3-5x, 28px);
+  --quote-quotation-marks-font-size: var(--size3p5x, 28px);
   --quote-content-gap-space: var(--gap-space-const-lg, 16px);
 }
 
@@ -31,9 +31,9 @@
 
 @media (min-width: 1024px) {
   [data-brand="advertorial"] {
-    --quote-container-inline-space: var(--space3-5x, 28px);
+    --quote-container-inline-space: var(--space3p5x, 28px);
     --quote-container-stack-space: var(--stack-space-resp-lg, 32px);
-    --quote-quotation-marks-font-size: var(--size4-5x, 36px);
+    --quote-quotation-marks-font-size: var(--size4p5x, 36px);
     --quote-content-gap-space: var(--gap-space-const3-xl, 48px);
   }
 }

package/dist/css/advertorial/components/radiobutton.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: RadioButton Component Tokens
@@ -15,6 +15,6 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="advertorial"] {
-  --radio-selector-size: var(--size2-5x, 20px);
-  --radio-selector-dot-active-size: var(--size1-5x, 12px);
+  --radio-selector-size: var(--size2p5x, 20px);
+  --radio-selector-dot-active-size: var(--size1p5x, 12px);
 }

package/dist/css/advertorial/components/search.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Search Component Tokens
@@ -15,5 +15,5 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="advertorial"] {
-  --search-result-badge-height-size: var(--size2-25x, 18px);
+  --search-result-badge-height-size: var(--size2p25x, 18px);
 }

package/dist/css/advertorial/components/sectiontitle.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: SectionTitle Component Tokens
@@ -15,7 +15,7 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="advertorial"] {
-  --section-title-inner-stack-bottom-space: var(--space1-5x, 12px);
+  --section-title-inner-stack-bottom-space: var(--space1p5x, 12px);
   --section-title-height-size: var(--size4x, 32px);
   --section-title-arrow-inline-space: 5px;
   --section-title-arrow-inline-space-active: 5px;

package/dist/css/advertorial/components/separator.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Separator Component Tokens

package/dist/css/advertorial/components/skeletons.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Skeletons Component Tokens

package/dist/css/advertorial/components/slider.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Slider Component Tokens
@@ -17,6 +17,6 @@
 [data-brand="advertorial"] {
   --slider-progress-bar-idle-height-size: var(--size0-5x, 4px);
   --slider-progress-bar-hover-height-size: var(--size1x, 8px);
-  --slider-progress-inactive-height-size: var(--size0-25x, 2px);
-  --vid-player-progress-bar-height-size: var(--size1-5x, 12px);
+  --slider-progress-inactive-height-size: var(--size0p25x, 2px);
+  --vid-player-progress-bar-height-size: var(--size1p5x, 12px);
 }

package/dist/css/advertorial/components/specialnavi.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens

package/dist/css/advertorial/components/spinner.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Spinner Component Tokens

package/dist/css/advertorial/components/tab.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Tab Component Tokens
@@ -46,7 +46,7 @@
   --android-tabbar-height-size: 56px;
   --tab-label-font-size-line: 12px;
   --apps-tabs-label-font-size: 11px;
-  --apps-tabs-label-line-height: 14.4px;
+  --apps-tabs-label-line-height: 14.4;
   --top-bar-tab-item-height-size: 44px;
 }
 
@@ -61,7 +61,7 @@
     --android-tabbar-height-size: 74px;
     --tab-label-font-size-line: 16px;
     --apps-tabs-label-font-size: 16px;
-    --apps-tabs-label-line-height: 23.4px;
+    --apps-tabs-label-line-height: 23.4;
   }
 }
 
@@ -70,6 +70,6 @@
     --android-tabbar-height-size: 74px;
     --tab-label-font-size-line: 16px;
     --apps-tabs-label-font-size: 16px;
-    --apps-tabs-label-line-height: 23.4px;
+    --apps-tabs-label-line-height: 23.4;
   }
 }

package/dist/css/advertorial/components/table.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Table Component Tokens
@@ -16,11 +16,11 @@
 
 [data-brand="advertorial"] {
   --table-column-width-size1x: var(--size10x, 80px);
-  --table-column-width-size2x: var(--size17-5x, 140px);
-  --table-column-width-size0-5x: var(--size5x, 40px);
-  --table-column-width-size1-5x: var(--size15x, 120px);
-  --table-column-width-size2-5x: var(--size22-5x, 180px);
-  --table-column-width-size0-75x: var(--size7x, 56px);
+  --table-column-width-size2x: var(--size17p5x, 140px);
+  --table-column-width-size0p5x: var(--size5x, 40px);
+  --table-column-width-size1p5x: var(--size15x, 120px);
+  --table-column-width-size2p5x: var(--size22p5x, 180px);
+  --table-column-width-size0p75x: var(--size7x, 56px);
   --table-column-width-size3x: var(--size25x, 200px);
   --table-item-max-width-size: 224px;
 }
@@ -28,23 +28,23 @@
 @media (min-width: 600px) {
   [data-brand="advertorial"] {
     --table-column-width-size1x: var(--size12x, 96px);
-    --table-column-width-size2x: var(--size22-5x, 180px);
-    --table-column-width-size0-5x: var(--size6x, 48px);
-    --table-column-width-size1-5x: var(--size20x, 160px);
-    --table-column-width-size2-5x: var(--size30x, 240px);
-    --table-column-width-size0-75x: var(--size8x, 64px);
+    --table-column-width-size2x: var(--size22p5x, 180px);
+    --table-column-width-size0p5x: var(--size6x, 48px);
+    --table-column-width-size1p5x: var(--size20x, 160px);
+    --table-column-width-size2p5x: var(--size30x, 240px);
+    --table-column-width-size0p75x: var(--size8x, 64px);
     --table-column-width-size3x: var(--size35x, 280px);
   }
 }
 
 @media (min-width: 1024px) {
   [data-brand="advertorial"] {
-    --table-column-width-size1x: var(--size17-5x, 140px);
-    --table-column-width-size2x: var(--size27-5x, 220px);
-    --table-column-width-size0-5x: var(--size9x, 72px);
-    --table-column-width-size1-5x: var(--size22-5x, 180px);
-    --table-column-width-size2-5x: var(--size30x, 240px);
-    --table-column-width-size0-75x: var(--size12-5x, 100px);
+    --table-column-width-size1x: var(--size17p5x, 140px);
+    --table-column-width-size2x: var(--size27p5x, 220px);
+    --table-column-width-size0p5x: var(--size9x, 72px);
+    --table-column-width-size1p5x: var(--size22p5x, 180px);
+    --table-column-width-size2p5x: var(--size30x, 240px);
+    --table-column-width-size0p75x: var(--size12p5x, 100px);
     --table-column-width-size3x: var(--size35x, 280px);
   }
 }

package/dist/css/advertorial/components/teaser.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Teaser Component Tokens
@@ -63,30 +63,30 @@
 
 [data-brand="advertorial"] {
   --teaser-title-inline-left-space: var(--grid-space-resp-base, 12px);
-  --teaser-title-stack-space: var(--space0-5x, 4px);
+  --teaser-title-stack-space: var(--space0p5x, 4px);
   --teaser-title-gap-space: var(--gap-space-const-xs, 4px);
   --teaser-kicker-bg-inline-space: var(--inline-space-const-xs, 6px);
   --teaser-kicker-bg-stack-space: var(--stack-space-const3-xs, 2px);
   --teaser-badges-margin-space: var(--inline-space-const-sm, 8px);
   --teaser-badges-height-size-lg: var(--size-const-xs, 32px);
-  --teaser-title-bottom-stack-space: var(--space1-5x, 12px);
+  --teaser-title-bottom-stack-space: var(--space1p5x, 12px);
   --teaser-badges-height-size-sm: var(--size-resp2-xs, 24px);
   --teaser-layout-grid-space: var(--grid-space-resp-base, 12px);
   --m-qteaser-headline-font-size: var(--headline4-font-size, 16px);
   --m-qteaser-headline-font-weight: var(--headline4-font-weight, 600);
-  --m-qteaser-headline-line-height: var(--headline4-line-height, 18.4px);
+  --m-qteaser-headline-line-height: var(--headline4-line-height, 18.4);
   --mq-teaser-title-inline-space: var(--space1x, 8px);
   --a-teaser-kicker-font-size: var(--kicker3-font-size, 14px);
   --a-teaser-headline-font-size: var(--headline3-font-size, 24px);
-  --a-teaser-kicker-line-height: var(--kicker3-font-size, 14px);
-  --a-teaser-headline-line-height: var(--headline3-font-size, 24px);
+  --a-teaser-kicker-line-height: var(--kicker3-font-size, 14);
+  --a-teaser-headline-line-height: var(--headline3-font-size, 24);
   --a-teaser-title-inline-space: var(--space1x, 8px);
   --std-teaser-image-title-gap-space: var(--gap-space-const-xs, 4px);
-  --std-teaser-badges-margin-space: var(--space0-5x, 4px);
+  --std-teaser-badges-margin-space: var(--space0p5x, 4px);
   --std-teaser-kicker-headline-stack-space: var(--stack-space-const3-xs, 2px);
   --quad-headline-font-size: var(--headline1-font-size, 36px);
   --quad-kicker-font-size: var(--kicker1-font-size, 16px);
-  --quad-headline-line-height: var(--headline1-line-height, 37.8px);
+  --quad-headline-line-height: var(--headline1-line-height, 37.8);
   --q-teaser-title-inline-space: var(--space1x, 8px);
   --bild-play-teaser-width-size: 145px;
   --super-ateaser-title-inline-space: var(--space2x, 16px);
@@ -100,17 +100,17 @@
     --teaser-badges-height-size-sm: var(--size-resp2-xs, 32px);
     --m-qteaser-headline-font-size: var(--headline3-font-size, 26px);
     --m-qteaser-headline-font-weight: var(--headline3-font-weight, 700);
-    --m-qteaser-headline-line-height: var(--headline3-line-height, 28.6px);
+    --m-qteaser-headline-line-height: var(--headline3-line-height, 28.6);
     --a-teaser-kicker-font-size: var(--kicker2-font-size, 18px);
     --a-teaser-headline-font-size: var(--headline2-font-size, 36px);
-    --a-teaser-kicker-line-height: var(--kicker2-font-size, 18px);
-    --a-teaser-headline-line-height: var(--headline2-line-height, 39.6px);
-    --a-teaser-title-inline-space: var(--space1-5x, 12px);
-    --std-teaser-image-title-gap-space: var(--space0-75x, 6px);
+    --a-teaser-kicker-line-height: var(--kicker2-font-size, 18);
+    --a-teaser-headline-line-height: var(--headline2-line-height, 39.6);
+    --a-teaser-title-inline-space: var(--space1p5x, 12px);
+    --std-teaser-image-title-gap-space: var(--space0p75x, 6px);
     --std-teaser-badges-margin-space: var(--space1x, 8px);
     --quad-headline-font-size: var(--headline1-font-size, 54px);
     --quad-kicker-font-size: var(--kicker2-font-size, 18px);
-    --quad-headline-line-height: var(--headline1-line-height, 56.7px);
+    --quad-headline-line-height: var(--headline1-line-height, 56.7);
     --q-teaser-title-inline-space: var(--space2x, 16px);
     --bild-play-teaser-width-size: 169px;
   }
@@ -119,25 +119,25 @@
 @media (min-width: 1024px) {
   [data-brand="advertorial"] {
     --teaser-title-inline-left-space: var(--space0x, 0px);
-    --teaser-title-stack-space: var(--space0-75x, 6px);
+    --teaser-title-stack-space: var(--space0p75x, 6px);
     --teaser-badges-height-size-lg: var(--size-const-sm, 40px);
     --teaser-title-bottom-stack-space: var(--space2x, 16px);
     --teaser-badges-height-size-sm: var(--size-resp2-xs, 32px);
     --teaser-layout-grid-space: var(--grid-space-resp-base, 16px);
     --m-qteaser-headline-font-size: var(--headline3-font-size, 32px);
     --m-qteaser-headline-font-weight: var(--headline3-font-weight, 700);
-    --m-qteaser-headline-line-height: var(--headline3-line-height, 35.2px);
+    --m-qteaser-headline-line-height: var(--headline3-line-height, 35.2);
     --a-teaser-kicker-font-size: var(--kicker2-font-size, 21px);
     --a-teaser-headline-font-size: var(--headline2-font-size, 48px);
-    --a-teaser-kicker-line-height: var(--kicker2-font-size, 21px);
-    --a-teaser-headline-line-height: var(--headline2-line-height, 52.8px);
-    --a-teaser-title-inline-space: var(--space1-5x, 12px);
-    --std-teaser-image-title-gap-space: var(--space0-75x, 6px);
+    --a-teaser-kicker-line-height: var(--kicker2-font-size, 21);
+    --a-teaser-headline-line-height: var(--headline2-line-height, 52.8);
+    --a-teaser-title-inline-space: var(--space1p5x, 12px);
+    --std-teaser-image-title-gap-space: var(--space0p75x, 6px);
     --std-teaser-badges-margin-space: var(--space1x, 8px);
     --quad-headline-font-size: var(--headline1-font-size, 70px);
     --quad-kicker-font-size: var(--kicker2-font-size, 21px);
-    --quad-headline-line-height: var(--headline1-line-height, 77px);
-    --q-teaser-title-inline-space: var(--space1-5x, 12px);
+    --quad-headline-line-height: var(--headline1-line-height, 77);
+    --q-teaser-title-inline-space: var(--space1p5x, 12px);
     --bild-play-teaser-width-size: 193px;
   }
 }

package/dist/css/advertorial/components/toggleswitch.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: ToggleSwitch Component Tokens
@@ -29,19 +29,19 @@
 
 [data-brand="advertorial"] {
   --app-toggle-item-label-font-size: 14px;
-  --app-toggle-item-label-line-height: 14.1px;
+  --app-toggle-item-label-line-height: 14.1;
 }
 
 @media (min-width: 600px) {
   [data-brand="advertorial"] {
     --app-toggle-item-label-font-size: 16px;
-    --app-toggle-item-label-line-height: 16.2px;
+    --app-toggle-item-label-line-height: 16.2;
   }
 }
 
 @media (min-width: 1024px) {
   [data-brand="advertorial"] {
     --app-toggle-item-label-font-size: 18px;
-    --app-toggle-item-label-line-height: 18.2px;
+    --app-toggle-item-label-line-height: 18.2;
   }
 }

package/dist/css/advertorial/components/video.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.62
+ * ADVERTORIAL Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Video Component Tokens
@@ -19,8 +19,8 @@
   --video-time-badge-font-size: 16px;
   --video-time-badge-size: var(--size3x, 24px);
   --video-red-play-icon-width-size: var(--size1x, 8px);
-  --video-red-play-icon-height-size: var(--size1-25x, 10px);
-  --video-badge-time-line-height: 21px;
+  --video-red-play-icon-height-size: var(--size1p25x, 10px);
+  --video-badge-time-line-height: 21;
   --video-skeleton-container-height: 180px;
   --video-frame-inline-space: 0px;
   --vertical-video-mock-headline-font-size: 22px;
@@ -31,9 +31,9 @@
   [data-brand="advertorial"] {
     --video-time-badge-font-size: 18px;
     --video-time-badge-size: var(--size4x, 32px);
-    --video-red-play-icon-width-size: var(--size1-5x, 12px);
-    --video-red-play-icon-height-size: var(--size1-75x, 14px);
-    --video-badge-time-line-height: 23.8px;
+    --video-red-play-icon-width-size: var(--size1p5x, 12px);
+    --video-red-play-icon-height-size: var(--size1p75x, 14px);
+    --video-badge-time-line-height: 23.8;
     --video-skeleton-container-height: 464px;
     --video-frame-inline-space: var(--grid-space-resp-base, 12px);
     --vertical-video-mock-headline-font-size: 32px;
@@ -45,9 +45,9 @@
   [data-brand="advertorial"] {
     --video-time-badge-font-size: 18px;
     --video-time-badge-size: var(--size5x, 40px);
-    --video-red-play-icon-width-size: var(--size1-75x, 14px);
-    --video-red-play-icon-height-size: var(--size2-25x, 18px);
-    --video-badge-time-line-height: 23.8px;
+    --video-red-play-icon-width-size: var(--size1p75x, 14px);
+    --video-red-play-icon-height-size: var(--size2p25x, 18px);
+    --video-badge-time-line-height: 23.8;
     --video-skeleton-container-height: 464px;
     --video-frame-inline-space: var(--grid-space-resp-base, 16px);
     --vertical-video-mock-headline-font-size: 32px;