@marioschmidt/design-system-tokens 1.0.63 → 1.0.64

package/dist/css/bild/components/kicker.css

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

package/dist/css/bild/components/liveticker.css

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

package/dist/css/bild/components/mediaplayer.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
- * Brand: Bild | Bundle: Mediaplayer Component Tokens
+ * Brand: Bild | Bundle: MediaPlayer Component Tokens
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
@@ -19,16 +19,16 @@
      OTHER
      ============================================ */
 
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-bildred80, rgba(221, 0, 0, 0.8));
-  --vid-player-control-buttons-bg-color-hover: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-overlay-scrim-color: var(--alpha-black50, rgba(0, 0, 0, 0.5));
-  --audio-player-play-button-bg-color: var(--alpha-white30, rgba(255, 255, 255, 0.3));
-  --vid-player-tooltip-bg-color: var(--alpha-black70, rgba(0, 0, 0, 0.7));
-  --vid-player-control-buttons-bg-color-pressed: var(--alpha-black05, rgba(0, 0, 0, 0.05));
-  --vid-player-progress-bar-preload-bg-color: var(--alpha-white30, rgba(255, 255, 255, 0.3));
-  --vid-player-unmute-button-bg-color: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-unmute-button-bg-color-hover: var(--alpha-black35, rgba(0, 0, 0, 0.35));
+  --vid-player-controls-autoplay-button-bg-color: var(--black-alpha20, rgba(0, 0, 0, 0.2));
+  --vid-player-control-buttons-bg-hover-color: var(--bild-red-alpha80, rgba(221, 0, 0, 0.8));
+  --vid-player-control-buttons-bg-color-hover: var(--black-alpha20, rgba(0, 0, 0, 0.2));
+  --vid-player-overlay-scrim-color: var(--black-alpha50, rgba(0, 0, 0, 0.5));
+  --audio-player-play-button-bg-color: var(--white-alpha30, rgba(255, 255, 255, 0.3));
+  --vid-player-tooltip-bg-color: var(--black-alpha70, rgba(0, 0, 0, 0.7));
+  --vid-player-control-buttons-bg-color-pressed: var(--black-alpha05, rgba(0, 0, 0, 0.05));
+  --vid-player-progress-bar-preload-bg-color: var(--white-alpha30, rgba(255, 255, 255, 0.3));
+  --vid-player-unmute-button-bg-color: var(--black-alpha20, rgba(0, 0, 0, 0.2));
+  --vid-player-unmute-button-bg-color-hover: var(--black-alpha35, rgba(0, 0, 0, 0.35));
 
 }
 
@@ -39,15 +39,72 @@
      OTHER
      ============================================ */
 
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-bildred80, rgba(221, 0, 0, 0.8));
-  --vid-player-control-buttons-bg-color-hover: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-overlay-scrim-color: var(--alpha-black50, rgba(0, 0, 0, 0.5));
-  --audio-player-play-button-bg-color: var(--alpha-white30, rgba(255, 255, 255, 0.3));
-  --vid-player-tooltip-bg-color: var(--alpha-black70, rgba(0, 0, 0, 0.7));
-  --vid-player-control-buttons-bg-color-pressed: var(--alpha-black05, rgba(0, 0, 0, 0.05));
-  --vid-player-progress-bar-preload-bg-color: var(--alpha-white30, rgba(255, 255, 255, 0.3));
-  --vid-player-unmute-button-bg-color: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-unmute-button-bg-color-hover: var(--alpha-black35, rgba(0, 0, 0, 0.35));
+  --vid-player-controls-autoplay-button-bg-color: var(--black-alpha20, rgba(0, 0, 0, 0.2));
+  --vid-player-control-buttons-bg-hover-color: var(--bild-red-alpha80, rgba(221, 0, 0, 0.8));
+  --vid-player-control-buttons-bg-color-hover: var(--black-alpha20, rgba(0, 0, 0, 0.2));
+  --vid-player-overlay-scrim-color: var(--black-alpha50, rgba(0, 0, 0, 0.5));
+  --audio-player-play-button-bg-color: var(--white-alpha30, rgba(255, 255, 255, 0.3));
+  --vid-player-tooltip-bg-color: var(--black-alpha70, rgba(0, 0, 0, 0.7));
+  --vid-player-control-buttons-bg-color-pressed: var(--black-alpha05, rgba(0, 0, 0, 0.05));
+  --vid-player-progress-bar-preload-bg-color: var(--white-alpha30, rgba(255, 255, 255, 0.3));
+  --vid-player-unmute-button-bg-color: var(--black-alpha20, rgba(0, 0, 0, 0.2));
+  --vid-player-unmute-button-bg-color-hover: var(--black-alpha35, rgba(0, 0, 0, 0.35));
 
 }
+
+/* === TYPOGRAPHY TOKENS === */
+
+[data-brand="bild"] {
+  .podcast-player-label {
+    font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+    font-weight: var(--font-weight-book, 400);
+    font-size: 16px;
+    line-height: 16px;
+  }
+
+  .video-ad-time {
+    font-family: var(--font-family-gotham, Gotham);
+    font-weight: var(--font-weight-black, 800);
+    font-size: 14px;
+    text-transform: uppercase;
+  }
+
+  .video-player-time {
+    font-family: var(--font-family-gotham, Gotham);
+    font-weight: var(--font-weight-black, 800);
+    font-size: 14px;
+    text-transform: uppercase;
+  }
+
+}
+
+/* === BREAKPOINT TOKENS === */
+
+[data-brand="bild"] {
+  --podcast-play-button-size: var(--size6x, 48px);
+  --vid-player-bottom-bar-gap-space: 0px;
+  --audio-player-header-stack-space: var(--size7x, 56px);
+  --video-time-badge-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+  --vid-player-control-button-size: var(--size5p25x, 42px);
+  --vid-player-control-button-icon-size-hover: var(--size3p5x, 28px);
+  --vid-player-timecode-font-size: 14px;
+  --vid-player-timecode-container-min-width-size: 45px;
+  --vid-player-progress-bar-container-height-size: 24px;
+  --vid-player-unmute-button-width-size: 220;
+}
+
+@media (min-width: 600px) {
+  [data-brand="bild"] {
+    --vid-player-timecode-font-size: 16px;
+    --vid-player-timecode-container-min-width-size: 58px;
+  }
+}
+
+@media (min-width: 1024px) {
+  [data-brand="bild"] {
+    --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg, 16px);
+    --vid-player-timecode-font-size: 18px;
+    --vid-player-timecode-container-min-width-size: 58px;
+    --vid-player-progress-bar-container-height-size: 42px;
+  }
+}

package/dist/css/bild/components/menu.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Menu Component Tokens
@@ -21,10 +21,10 @@
 
   --menu-surface-color: var(--surface-color-primary, #FFFFFF);
   --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
-  --menu-link-lane-surface-color: var(--bild100, #FFFFFF);
+  --menu-link-lane-surface-color: var(--white100, #FFFFFF);
   --menu-link-lane-label-color: var(--bild035, #4B525A);
   --menu-link-lane-label-color-active: var(--bild015, #232629);
-  --app-top-bar-surface-color: var(--bild100, #FFFFFF);
+  --app-top-bar-surface-color: var(--white100, #FFFFFF);
   --app-top-bar-icon-color: var(--bild035, #4B525A);
   --app-top-bar-text-color-primary: var(--bild015, #232629);
   --app-tob-bar-tab-nav-bottom-border: var(--bild093, #E9ECEF);
@@ -43,12 +43,12 @@
   --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
   --menu-link-lane-surface-color: var(--bild015, #232629);
   --menu-link-lane-label-color: var(--bild060, #8C9196);
-  --menu-link-lane-label-color-active: var(--bild100, #FFFFFF);
+  --menu-link-lane-label-color-active: var(--white100, #FFFFFF);
   --app-top-bar-surface-color: var(--bild025, #343C41);
   --app-top-bar-icon-color: var(--bild060, #8C9196);
   --app-top-bar-text-color-primary: var(--bild093, #E9ECEF);
   --app-tob-bar-tab-nav-bottom-border: var(--bild035, #4B525A);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--bild100, #FFFFFF);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--white100, #FFFFFF);
 
 }
 
@@ -109,8 +109,8 @@
   --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: 14;
   --i-osapp-top-bar-height-size: 44px;
@@ -139,8 +139,8 @@
     --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: 17;
     --i-osapp-top-bar-height-size: 48px;
@@ -156,11 +156,11 @@
    ============================================ */
 
 [data-brand="bild"][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="bild"][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));
 }
 
 /* ============================================
@@ -168,9 +168,9 @@
    ============================================ */
 
 [data-brand="bild"][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="bild"][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/bild/components/menuitem.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: MenuItem Component Tokens
@@ -22,7 +22,7 @@
   --menu-item-border-color-active: var(--bildred, #DD0000);
   --menu-item-label-color-primary: var(--label-color-secondary, #4B525A);
   --menu-item-label-color-primary-active: var(--label-color-primary, #232629);
-  --menu-item-label-color-secondary: var(--bild100, #FFFFFF);
+  --menu-item-label-color-secondary: var(--white100, #FFFFFF);
 
 }
 
@@ -33,9 +33,9 @@
      OTHER
      ============================================ */
 
-  --menu-item-border-color-active: var(--bild100, #FFFFFF);
+  --menu-item-border-color-active: var(--white100, #FFFFFF);
   --menu-item-label-color-primary: var(--label-color-tertiary, #8C9196);
   --menu-item-label-color-primary-active: var(--bild096, #F2F4F5);
-  --menu-item-label-color-secondary: var(--bild100, #FFFFFF);
+  --menu-item-label-color-secondary: var(--white100, #FFFFFF);
 
 }

package/dist/css/bild/components/newsticker.css

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

package/dist/css/bild/components/pagination.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Pagination Component Tokens
@@ -22,7 +22,7 @@
   --pagination-element-color-default: var(--bild085, #CED4DA);
   --pagination-element-color-active: var(--accent-color-primary, #DD0000);
   --gallery-pagination-element-active-opacity: var(--layer-opacity100, 1);
-  --scroll-bar-track-bg-color: var(--alpha-black10, rgba(0, 0, 0, 0.1));
+  --scroll-bar-track-bg-color: var(--black-alpha10, rgba(0, 0, 0, 0.1));
   --scroll-bar-thumb-bg-color: var(--bild060, #8C9196);
 
 }
@@ -37,7 +37,7 @@
   --pagination-element-color-default: var(--bild060, #8C9196);
   --pagination-element-color-active: var(--accent-color-primary, #FFFFFF);
   --gallery-pagination-element-active-opacity: var(--layer-opacity100, 1);
-  --scroll-bar-track-bg-color: var(--alpha-white10, rgba(255, 255, 255, 0.1));
+  --scroll-bar-track-bg-color: var(--white-alpha10, rgba(255, 255, 255, 0.1));
   --scroll-bar-thumb-bg-color: var(--bild060, #8C9196);
 
 }
@@ -50,7 +50,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label1-font-size, 17px);
     line-height: var(--label1-line-height, 17px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
     text-decoration: underline;
   }
 

package/dist/css/bild/components/partnerlinks.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: PartnerLinks Component Tokens
@@ -21,7 +21,7 @@
 
   --partner-links-border-color-idle: var(--bild085, #CED4DA);
   --partner-links-border-color-active: var(--bild015, #232629);
-  --partner-links-bg-color-idle: var(--bild100, #FFFFFF);
+  --partner-links-bg-color-idle: var(--white100, #FFFFFF);
   --partner-links-bg-color-active: var(--bild093, #E9ECEF);
   --partner-links-container-border-color: var(--bild085, #CED4DA);
 

package/dist/css/bild/components/paywall.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | 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);
   }
 
 }

package/dist/css/bild/components/quote.css

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

package/dist/css/bild/components/radiobutton.css

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

package/dist/css/bild/components/search.css

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

package/dist/css/bild/components/sectiontitle.css

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

package/dist/css/bild/components/selection.css

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

package/dist/css/bild/components/separator.css

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

package/dist/css/bild/components/skeletons.css

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

package/dist/css/bild/components/slider.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Slider Component Tokens
@@ -20,7 +20,7 @@
      ============================================ */
 
   --slider-button-opacity: var(--layer-opacity90, 0.9);
-  --slider-track-bg-color: var(--alpha-white35, rgba(255, 255, 255, 0.35));
+  --slider-track-bg-color: var(--white-alpha35, rgba(255, 255, 255, 0.35));
 
 }
 
@@ -32,7 +32,7 @@
      ============================================ */
 
   --slider-button-opacity: var(--layer-opacity90, 0.9);
-  --slider-track-bg-color: var(--alpha-white35, rgba(255, 255, 255, 0.35));
+  --slider-track-bg-color: var(--white-alpha35, rgba(255, 255, 255, 0.35));
 
 }
 

package/dist/css/bild/components/socialsharebutton.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: SocialShareButton Component Tokens
@@ -19,8 +19,8 @@
      OTHER
      ============================================ */
 
-  --social-share-button-label-color-default: var(--bild100, #FFFFFF);
-  --social-share-button-label-color-active: var(--bild100, #FFFFFF);
+  --social-share-button-label-color-default: var(--white100, #FFFFFF);
+  --social-share-button-label-color-active: var(--white100, #FFFFFF);
   --social-share-button-bg-color-active: var(--bild025, #343C41);
   --social-share-button-bg-color-default: var(--bild035, #4B525A);
 
@@ -33,8 +33,8 @@
      OTHER
      ============================================ */
 
-  --social-share-button-label-color-default: var(--bild100, #FFFFFF);
-  --social-share-button-label-color-active: var(--bild100, #FFFFFF);
+  --social-share-button-label-color-default: var(--white100, #FFFFFF);
+  --social-share-button-label-color-active: var(--white100, #FFFFFF);
   --social-share-button-bg-color-active: var(--bild025, #343C41);
   --social-share-button-bg-color-default: var(--bild035, #4B525A);
 

package/dist/css/bild/components/specialnavi.css

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

package/dist/css/bild/components/spinner.css

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

package/dist/css/bild/components/subheader.css

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

package/dist/css/bild/components/tab.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Tab Component Tokens
@@ -22,7 +22,7 @@
   --tab-bg-color-hover: var(--bild093, #E9ECEF);
   --tab-label-color-active: var(--bild025, #343C41);
   --tab-label-color-default: var(--bild035, #4B525A);
-  --app-bottom-tab-bar-bg-color: var(--bild100, #FFFFFF);
+  --app-bottom-tab-bar-bg-color: var(--white100, #FFFFFF);
 
 }
 
@@ -35,7 +35,7 @@
 
   --tab-bg-color-hover: var(--bild025, #343C41);
   --tab-label-color-active: var(--bild096, #F2F4F5);
-  --tab-label-color-default: var(--bild100, #FFFFFF);
+  --tab-label-color-default: var(--white100, #FFFFFF);
   --app-bottom-tab-bar-bg-color: var(--bild025, #343C41);
 
 }

package/dist/css/bild/components/table.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Table Component Tokens
@@ -17,10 +17,10 @@
 [data-brand="bild"] {
   --table-column-width-size1x: var(--size10x, 80px);
   --table-column-width-size2x: var(--size17p5x, 140px);
-  --table-column-width-size0-5x: var(--size5x, 40px);
-  --table-column-width-size1-5x: var(--size15x, 120px);
-  --table-column-width-size2-5x: var(--size22p5x, 180px);
-  --table-column-width-size0-75x: var(--size7x, 56px);
+  --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;
 }
@@ -29,10 +29,10 @@
   [data-brand="bild"] {
     --table-column-width-size1x: var(--size12x, 96px);
     --table-column-width-size2x: var(--size22p5x, 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-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);
   }
 }
@@ -41,10 +41,10 @@
   [data-brand="bild"] {
     --table-column-width-size1x: var(--size17p5x, 140px);
     --table-column-width-size2x: var(--size27p5x, 220px);
-    --table-column-width-size0-5x: var(--size9x, 72px);
-    --table-column-width-size1-5x: var(--size22p5x, 180px);
-    --table-column-width-size2-5x: var(--size30x, 240px);
-    --table-column-width-size0-75x: var(--size12p5x, 100px);
+    --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/bild/components/teaser.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Teaser Component Tokens
@@ -20,8 +20,8 @@
      ============================================ */
 
   --teaser-hover-opacity: var(--layer-opacity80, 0.8);
-  --teaser-title-background-gradient-start: var(--alpha-black70, rgba(0, 0, 0, 0.7));
-  --teaser-title-background-gradient-stop: var(--alpha-black0, rgba(0, 0, 0, 0));
+  --teaser-title-background-gradient-start: var(--black-alpha70, rgba(0, 0, 0, 0.7));
+  --teaser-title-background-gradient-stop: var(--black-alpha0, rgba(0, 0, 0, 0));
 
 }
 
@@ -33,8 +33,8 @@
      ============================================ */
 
   --teaser-hover-opacity: var(--layer-opacity80, 0.8);
-  --teaser-title-background-gradient-start: var(--alpha-black70, rgba(0, 0, 0, 0.7));
-  --teaser-title-background-gradient-stop: var(--alpha-black0, rgba(0, 0, 0, 0));
+  --teaser-title-background-gradient-start: var(--black-alpha70, rgba(0, 0, 0, 0.7));
+  --teaser-title-background-gradient-stop: var(--black-alpha0, rgba(0, 0, 0, 0));
 
 }
 

package/dist/css/bild/components/textlink.css

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

package/dist/css/bild/components/toggleswitch.css

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

package/dist/css/bild/components/video.css

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