@marioschmidt/design-system-tokens 1.0.63 → 1.0.65

package/dist/css/sportbild/components/hey.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Hey Component Tokens
@@ -19,11 +19,11 @@
      OTHER
      ============================================ */
 
-  --hey-fav-input-field-surface-color: var(--bild093, #E9ECEF);
-  --hey-text-color: var(--bild035, #4B525A);
-  --hey-icon-util-color: var(--bild035, #4B525A);
-  --hey-separator-color: var(--bild085, #CED4DA);
-  --hey-drawer-surface-color: var(--surface-color-secondary, #F7F9FD);
+  --hey-fav-input-field-surface-color: var(--color-neutral93, #E9ECEF);
+  --hey-text-color: var(--color-neutral35, #4B525A);
+  --hey-icon-util-color: var(--color-neutral35, #4B525A);
+  --hey-separator-color: var(--color-neutral85, #CED4DA);
+  --hey-drawer-surface-color: var(--surface-color-secondary);
 
 }
 
@@ -34,10 +34,10 @@
      OTHER
      ============================================ */
 
-  --hey-fav-input-field-surface-color: var(--bild035, #4B525A);
-  --hey-text-color: var(--bild093, #E9ECEF);
-  --hey-icon-util-color: var(--bild100, #FFFFFF);
-  --hey-separator-color: var(--bild045, #666B70);
-  --hey-drawer-surface-color: var(--surface-color-tertiary, #174482);
+  --hey-fav-input-field-surface-color: var(--color-neutral35, #4B525A);
+  --hey-text-color: var(--color-neutral93, #E9ECEF);
+  --hey-icon-util-color: var(--color-neutral100, #FFFFFF);
+  --hey-separator-color: var(--color-neutral45, #666B70);
+  --hey-drawer-surface-color: var(--surface-color-tertiary);
 
 }

package/dist/css/sportbild/components/icon.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Icon Component Tokens
@@ -15,6 +15,6 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="sportbild"] {
-  --icon-size: var(--size-const2-xs, 24px);
+  --icon-size: var(--size-const2-xs);
   --icon-size-embedd-media: 40px;
 }

package/dist/css/sportbild/components/infoelement.css

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

package/dist/css/sportbild/components/inputfield.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
- * Brand: Sportbild | Bundle: Inputfield Component Tokens
+ * Brand: Sportbild | Bundle: InputField Component Tokens
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
@@ -12,6 +12,28 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
 
+/* === COLOR TOKENS (LIGHT MODE) === */
+
+[data-brand="sportbild"][data-theme="light"] {
+  --input-field-border-color-idle: var(--color-neutral85, #CED4DA);
+  --input-field-border-color-active: var(--color-neutral35, #4B525A);
+  --input-field-border-color-dark: var(--color-neutral60, #8C9196);
+  --input-field-bg-color-dark-low-contrast: var(--color-neutral25, #343C41);
+  --input-field-bg-color-dark-medium-contrast: var(--color-neutral35, #4B525A);
+  --input-field-bg-color-dark-high-contrast: var(--color-neutral93, #E9ECEF);
+}
+
+/* === COLOR TOKENS (DARK MODE) === */
+
+[data-brand="sportbild"][data-theme="dark"] {
+  --input-field-border-color-idle: var(--color-neutral60, #8C9196);
+  --input-field-border-color-active: var(--color-neutral93, #E9ECEF);
+  --input-field-border-color-dark: var(--color-neutral85, #CED4DA);
+  --input-field-bg-color-dark-low-contrast: var(--color-neutral25, #343C41);
+  --input-field-bg-color-dark-medium-contrast: var(--color-neutral35, #4B525A);
+  --input-field-bg-color-dark-high-contrast: var(--color-neutral93, #E9ECEF);
+}
+
 /* === DENSITY TOKENS === */
 
 [data-brand="sportbild"][data-density="default"] {
@@ -49,3 +71,41 @@
   --density-input-field-label-font-size: 19px;
 
 }
+
+/* === TYPOGRAPHY TOKENS === */
+
+[data-brand="sportbild"] {
+  .text-input-field-label {
+    font-family: var(--font-family-inter, Inter);
+    font-weight: var(--font-weight-book, 400);
+    font-size: 16px;
+    line-height: 16px;
+  }
+
+}
+
+/* === BREAKPOINT TOKENS === */
+
+[data-brand="sportbild"] {
+  --input-field-stack-space: var(--density-input-field-stack-space, 6px);
+  --input-field-inline-space: var(--density-input-field-inline-space, 16px);
+  --input-field-mini-label-inline-space: var(--space0p5x, 4px);
+  --input-field-font-size: var(--density-input-field-label-font-size, 16px);
+  --input-field-imessage-inline-space: var(--inline-space-const-lg);
+  --input-field-height-size: var(--density-input-field-height-size, 36px);
+  --hey-input-container-inline-space: var(--inline-space-const-sm);
+  --input-field-message-gap-space: var(--gap-space-const-xs);
+  --input-field-font-family: var(--font-family-inter, Inter);
+}
+
+@media (min-width: 1024px) {
+  [data-brand="sportbild"] {
+    --hey-input-container-inline-space: var(--inline-space-const-lg);
+  }
+}
+
+/* === OTHER TOKENS === */
+
+[data-brand="sportbild"] {
+  --input-field-border-color-dark-active: var(--border-color-high-contrast);
+}

package/dist/css/sportbild/components/kicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Kicker Component Tokens
@@ -19,23 +19,23 @@
      STANDARD
      ============================================ */
 
-  --kicker-bg-color-on-surface: var(--spobi-blue029, #174482);
+  --kicker-bg-color-on-surface: var(--color-spobi-blue29, #174482);
 
 
   /* ============================================
      PARTNER
      ============================================ */
 
-  --kicker-fitbook-bg-color: var(--fitbook-core, #FF97B7);
-  --kicker-petbook-bg-color: var(--petbook-core, #B9DB91);
-  --kicker-myhomebook-bg-color: var(--myhome-core, #66CCCC);
-  --kicker-travelbook-bg-color: var(--travelbook-core, #8EF0ED);
-  --kicker-techbook-bg-color: var(--techbook-core, #93E4FF);
-  --kicker-kaufberater-bg-color: var(--kaufberater-core, #55476E);
-  --kicker-cobi-bg-color: var(--cobi-core, #DC231C);
-  --kicker-aubi-bg-color: var(--aubi-core, #F00000);
-  --kicker-spobi-bg-color: var(--spobi-blue029, #174482);
-  --kicker-bz-bg-color: var(--bz-core, #E3001B);
+  --kicker-fitbook-bg-color: var(--color-partner-fitbook, #FF97B7);
+  --kicker-petbook-bg-color: var(--color-partner-petbook, #B9DB91);
+  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66CCCC);
+  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8EF0ED);
+  --kicker-techbook-bg-color: var(--color-partner-techbook, #93E4FF);
+  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476E);
+  --kicker-cobi-bg-color: var(--color-cobi-red50, #DC231C);
+  --kicker-aubi-bg-color: var(--color-aubi-red50, #F00000);
+  --kicker-spobi-bg-color: var(--color-spobi-blue29, #174482);
+  --kicker-bz-bg-color: var(--color-bz-red50, #E3001B);
 
 }
 
@@ -46,22 +46,22 @@
      STANDARD
      ============================================ */
 
-  --kicker-bg-color-on-surface: var(--bild060, #8C9196);
+  --kicker-bg-color-on-surface: var(--color-neutral60, #8C9196);
 
 
   /* ============================================
      PARTNER
      ============================================ */
 
-  --kicker-fitbook-bg-color: var(--fitbook-core, #FF97B7);
-  --kicker-petbook-bg-color: var(--petbook-core, #B9DB91);
-  --kicker-myhomebook-bg-color: var(--myhome-core, #66CCCC);
-  --kicker-travelbook-bg-color: var(--travelbook-core, #8EF0ED);
-  --kicker-techbook-bg-color: var(--techbook-core, #93E4FF);
-  --kicker-kaufberater-bg-color: var(--kaufberater-core, #55476E);
-  --kicker-cobi-bg-color: var(--cobi-core, #DC231C);
-  --kicker-aubi-bg-color: var(--aubi-core, #F00000);
-  --kicker-spobi-bg-color: var(--spobi-blue029, #174482);
-  --kicker-bz-bg-color: var(--bz-core, #E3001B);
+  --kicker-fitbook-bg-color: var(--color-partner-fitbook, #FF97B7);
+  --kicker-petbook-bg-color: var(--color-partner-petbook, #B9DB91);
+  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66CCCC);
+  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8EF0ED);
+  --kicker-techbook-bg-color: var(--color-partner-techbook, #93E4FF);
+  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476E);
+  --kicker-cobi-bg-color: var(--color-cobi-red50, #DC231C);
+  --kicker-aubi-bg-color: var(--color-aubi-red50, #F00000);
+  --kicker-spobi-bg-color: var(--color-spobi-blue29, #174482);
+  --kicker-bz-bg-color: var(--color-bz-red50, #E3001B);
 
 }

package/dist/css/sportbild/components/liveticker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: LiveTicker Component Tokens
@@ -55,10 +55,6 @@
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --live-ticker-headlines-font-size: 32px;
-    --live-ticker-time-stamp-font-size: 16px;
     --live-ticker-slider-item-width-max-size: 537px;
-    --live-ticker-app-card-height-size: 128px;
-    --live-ticker-app-card-width-size: 300px;
   }
 }

package/dist/css/sportbild/components/mediaplayer.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
- * Brand: Sportbild | Bundle: Mediaplayer Component Tokens
+ * Brand: Sportbild | Bundle: MediaPlayer Component Tokens
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
@@ -20,12 +20,12 @@
      ============================================ */
 
   --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-hover-color: var(--alpha-red50a80, 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-control-buttons-bg-color-pressed: var(--alpha-black5, 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));
@@ -40,14 +40,70 @@
      ============================================ */
 
   --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-hover-color: var(--alpha-red50a80, 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-control-buttons-bg-color-pressed: var(--alpha-black5, 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));
 
 }
+
+/* === TYPOGRAPHY TOKENS === */
+
+[data-brand="sportbild"] {
+  .podcast-player-label {
+    font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+    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-antenna-cond, AntennaCond);
+    font-weight: var(--font-weight-black, 800);
+    font-size: 14px;
+    text-transform: uppercase;
+  }
+
+}
+
+/* === BREAKPOINT TOKENS === */
+
+[data-brand="sportbild"] {
+  --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-inter, Inter);
+  --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="sportbild"] {
+    --vid-player-timecode-font-size: 16px;
+    --vid-player-timecode-container-min-width-size: 58px;
+  }
+}
+
+@media (min-width: 1024px) {
+  [data-brand="sportbild"] {
+    --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg);
+    --vid-player-timecode-font-size: 18px;
+    --vid-player-progress-bar-container-height-size: 42px;
+  }
+}

package/dist/css/sportbild/components/menu.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Menu Component Tokens
@@ -15,41 +15,29 @@
 /* === COLOR TOKENS (LIGHT MODE) === */
 
 [data-brand="sportbild"][data-theme="light"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --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(--spobi-blue016, #0A2750);
-  --menu-link-lane-label-color: var(--bild085, #CED4DA);
-  --menu-link-lane-label-color-active: var(--bild100, #FFFFFF);
-  --app-top-bar-surface-color: var(--spobi-blue016, #0A2750);
-  --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(--spobi-blue029, #174482);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--bild085, #CED4DA);
-
+  --menu-link-lane-surface-color: var(--color-spobi-blue16, #0A2750);
+  --menu-link-lane-label-color: var(--color-neutral85, #CED4DA);
+  --menu-link-lane-label-color-active: var(--color-neutral100, #FFFFFF);
+  --app-top-bar-surface-color: var(--color-spobi-blue16, #0A2750);
+  --app-top-bar-icon-color: var(--color-neutral60, #8C9196);
+  --app-top-bar-text-color-primary: var(--color-neutral93, #E9ECEF);
+  --app-tob-bar-tab-nav-bottom-border: var(--color-spobi-blue29, #174482);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral85, #CED4DA);
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-brand="sportbild"][data-theme="dark"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --menu-surface-color: var(--surface-color-primary, #081828);
   --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
-  --menu-link-lane-surface-color: var(--spobi-blue016, #0A2750);
-  --menu-link-lane-label-color: var(--bild073, #AEB4B9);
-  --menu-link-lane-label-color-active: var(--spobi-blue098, #F7F9FD);
-  --app-top-bar-surface-color: var(--spobi-blue016, #0A2750);
-  --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(--spobi-blue029, #174482);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--bild100, #FFFFFF);
-
+  --menu-link-lane-surface-color: var(--color-spobi-blue16, #0A2750);
+  --menu-link-lane-label-color: var(--color-neutral73, #AEB4B9);
+  --menu-link-lane-label-color-active: var(--color-spobi-blue98, #F7F9FD);
+  --app-top-bar-surface-color: var(--color-spobi-blue16, #0A2750);
+  --app-top-bar-icon-color: var(--color-neutral60, #8C9196);
+  --app-top-bar-text-color-primary: var(--color-neutral93, #E9ECEF);
+  --app-tob-bar-tab-nav-bottom-border: var(--color-spobi-blue29, #174482);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral100, #FFFFFF);
 }
 
 /* === TYPOGRAPHY TOKENS === */
@@ -104,13 +92,13 @@
   --menu-logo-scrolled-size: var(--size7x, 56px);
   --menu-special-navi-item-height-size: 48px;
   --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);
-  --menu-utility-links-gap-space: var(--gap-space-const-xl, 24px);
+  --menu-utility-links-container-height-size: var(--size-const-lg);
+  --menu-top-stack-space: var(--stack-space-const-sm);
+  --menu-left-inline-space: var(--inline-space-const-sm);
+  --menu-utility-links-gap-space: var(--gap-space-const-xl);
   --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-bottom-stack-space: var(--stack-space-const-sm);
+  --menu-utility-links-divider-height-size: var(--size-const-sm);
   --menu-shadow-visibility: var(--alpha-black10, rgba(0, 0, 0, 0.1));
   --hey-input-shadow-visibility: var(--alpha-black0, rgba(0, 0, 0, 0));
   --app-topbar-title-font-size: 12px;
@@ -135,44 +123,27 @@
     --menu-logo-default-size: var(--size18p5x, 148px);
     --menu-special-navi-item-height-size: 56px;
     --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-top-stack-space: var(--stack-space-const-md);
+    --menu-left-inline-space: var(--inline-space-const-lg);
+    --menu-utility-links-gap-space: var(--gap-space-const2-xl);
+    --menu-right-inline-space: var(--inline-space-const-lg);
     --menu-bottom-stack-space: var(--space0x, 0px);
-    --menu-utility-links-divider-height-size: var(--size-const-md, 48px);
+    --menu-utility-links-divider-height-size: var(--size-const-md);
     --menu-shadow-visibility: var(--alpha-black0, rgba(0, 0, 0, 0));
     --hey-input-shadow-visibility: var(--alpha-black10, rgba(0, 0, 0, 0.1));
-    --app-topbar-title-font-size: 13px;
-    --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;
   }
 }
 
 /* === OTHER TOKENS === */
 
-/* ============================================
-   OTHER
-   ============================================ */
-
-[data-brand="sportbild"][data-theme="dark"] .menu-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black10, rgba(0, 0, 0, 0.1));
-}
-
-[data-brand="sportbild"][data-theme="dark"] .hey-input-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black0, rgba(0, 0, 0, 0));
+[data-brand="sportbild"] {
+  --menu-surface-color: var(--surface-color-primary);
 }
 
-/* ============================================
-   OTHER
-   ============================================ */
-
-[data-brand="sportbild"][data-theme="light"] .menu-shadow {
+[data-brand="sportbild"] .menu-shadow {
   box-shadow: 0px 8px 10px -8px var(--alpha-black10, rgba(0, 0, 0, 0.1));
 }
 
-[data-brand="sportbild"][data-theme="light"] .hey-input-shadow {
+[data-brand="sportbild"] .hey-input-shadow {
   box-shadow: 0px 8px 10px -8px var(--alpha-black0, rgba(0, 0, 0, 0));
 }

package/dist/css/sportbild/components/menuitem.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: MenuItem Component Tokens
@@ -19,10 +19,10 @@
      OTHER
      ============================================ */
 
-  --menu-item-border-color-active: var(--spobi-blue016, #0A2750);
-  --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-border-color-active: var(--color-spobi-blue16, #0A2750);
+  --menu-item-label-color-primary: var(--label-color-secondary);
+  --menu-item-label-color-primary-active: var(--label-color-primary);
+  --menu-item-label-color-secondary: var(--color-neutral100, #FFFFFF);
 
 }
 
@@ -33,9 +33,9 @@
      OTHER
      ============================================ */
 
-  --menu-item-border-color-active: var(--spobi-blue098, #F7F9FD);
-  --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-border-color-active: var(--color-spobi-blue98, #F7F9FD);
+  --menu-item-label-color-primary: var(--label-color-tertiary);
+  --menu-item-label-color-primary-active: var(--color-neutral96, #F2F4F5);
+  --menu-item-label-color-secondary: var(--color-neutral100, #FFFFFF);
 
 }

package/dist/css/sportbild/components/newsticker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.63
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: NewsTicker Component Tokens
@@ -12,30 +12,6 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
 
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-brand="sportbild"][data-theme="light"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --news-ticker-timestamp-color: var(--label-color-tertiary, #8C9196);
-  --news-ticker-badge-icons-color: var(--label-color-tertiary, #8C9196);
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-brand="sportbild"][data-theme="dark"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --news-ticker-timestamp-color: var(--label-color-tertiary, #8C9196);
-  --news-ticker-badge-icons-color: var(--label-color-tertiary, #8C9196);
-
-}
-
 /* === TYPOGRAPHY TOKENS === */
 
 [data-brand="sportbild"] {
@@ -70,7 +46,7 @@
   --news-ticker-time-font-weight: var(--font-weight-bold, 700);
   --news-ticker-time-font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
   --news-ticker-time-line-height: 20.8;
-  --news-ticker-content-stack-space: var(--gap-space-const-xs, 4px);
+  --news-ticker-content-stack-space: var(--gap-space-const-xs);
   --news-ticker-kicker-inner-stack-space: var(--space0p25x, 2px);
   --news-ticker-titles-inline-space: 18px;
   --news-ticker-badges-inline-space: var(--space1x, 8px);
@@ -87,13 +63,12 @@
 
 @media (min-width: 390px) {
   [data-brand="sportbild"] {
-    --news-ticker-time-font-family: var(--label-font-family, AntennaExtraCond);
+    --news-ticker-time-font-family: var(--label-font-family);
   }
 }
 
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --news-ticker-time-font-family: var(--label-font-family, AntennaExtraCond);
     --news-ticker-titles-inline-space: var(--space3x, 24px);
     --news-ticker-badges-inline-space: var(--space1p5x, 12px);
     --news-ticker-time-kicker-stack-space: var(--space0p75x, 6px);
@@ -108,15 +83,17 @@
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
     --news-ticker-time-font-size: 18px;
-    --news-ticker-time-font-family: var(--label-font-family, AntennaExtraCond);
     --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(--space0p75x, 6px);
-    --news-ticker-skeleton-bottom-space: 0px;
     --news-ticker-red-dot-size: var(--size2x, 16px);
     --news-ticker-line-inline-space: var(--space1x, 8px);
-    --news-ticker-app-card-height-size: 150px;
-    --news-ticker-app-card-width-size: 300px;
   }
 }
+
+/* === OTHER TOKENS === */
+
+[data-brand="sportbild"] {
+  --news-ticker-timestamp-color: var(--label-color-tertiary);
+  --news-ticker-badge-icons-color: var(--label-color-tertiary);
+}