@marioschmidt/design-system-components 1.0.79 → 1.1.0

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Kicker Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -20,7 +20,7 @@
      STANDARD
      ============================================ */
 
-  --kicker-bg-color-on-surface: var(--color-bild-red-50, #DD0000);
+  --kicker-bg-color-on-surface: var(--bg-color-brand-solid);
 
 
   /* ============================================
@@ -35,7 +35,7 @@
   --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476E);
   --kicker-cobi-bg-color: var(--color-cobi-red-50, #DC231C);
   --kicker-aubi-bg-color: var(--color-aubi-red-50, #F00000);
-  --kicker-spobi-bg-color: var(--color-spobi-blue-29, #174482);
+  --kicker-spobi-bg-color: var(--color-spobi-blue-30, #174482);
   --kicker-bz-bg-color: var(--color-bz-red-50, #E3001B);
 
 }
@@ -48,7 +48,7 @@
      STANDARD
      ============================================ */
 
-  --kicker-bg-color-on-surface: var(--color-neutral-60, #8C9196);
+  --kicker-bg-color-on-surface: var(--bg-color-quaternary-inverse);
 
 
   /* ============================================
@@ -63,7 +63,7 @@
   --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476E);
   --kicker-cobi-bg-color: var(--color-cobi-red-50, #DC231C);
   --kicker-aubi-bg-color: var(--color-aubi-red-50, #F00000);
-  --kicker-spobi-bg-color: var(--color-spobi-blue-29, #174482);
+  --kicker-spobi-bg-color: var(--color-spobi-blue-30, #174482);
   --kicker-bz-bg-color: var(--color-bz-red-50, #E3001B);
 
 }

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: LiveTicker Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,14 +22,6 @@
   line-height: 22px;
 }
 
-[data-content-brand="bild"] .live-ticker-time-stamp,
-:host([data-content-brand="bild"]) .live-ticker-time-stamp {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--live-ticker-time-stamp-font-size);
-  line-height: 14px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: MediaPlayer Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -20,16 +20,17 @@
      OTHER
      ============================================ */
 
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-red-50-a-80, rgba(221, 0, 0, 0.8));
-  --vid-player-control-buttons-bg-color-hover: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-overlay-scrim-color: var(--alpha-black-50, rgba(0, 0, 0, 0.5));
-  --audio-player-play-button-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-tooltip-bg-color: var(--alpha-black-70, rgba(0, 0, 0, 0.7));
-  --vid-player-control-buttons-bg-color-pressed: var(--alpha-black-5, rgba(0, 0, 0, 0.05));
-  --vid-player-progress-bar-preload-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-unmute-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-unmute-button-bg-color-hover: var(--alpha-black-35, rgba(0, 0, 0, 0.35));
+  --vid-player-controls-autoplay-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --vid-player-control-buttons-bg-hover-color: var(--color-bild-red-50-a-80, rgba(221, 0, 0, 0.8));
+  --vid-player-control-buttons-bg-color-hover: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --vid-player-overlay-scrim-color: var(--color-neutral-0-a-50, rgba(0, 0, 0, 0.5));
+  --audio-player-play-button-bg-color: var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));
+  --vid-player-tooltip-bg-color: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
+  --vid-player-control-buttons-bg-color-pressed: var(--color-neutral-0-a-5, rgba(0, 0, 0, 0.05));
+  --vid-player-progress-bar-preload-bg-color: var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));
+  --vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
+  --vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
 
 }
 
@@ -41,16 +42,17 @@
      OTHER
      ============================================ */
 
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-red-50-a-80, rgba(221, 0, 0, 0.8));
-  --vid-player-control-buttons-bg-color-hover: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-overlay-scrim-color: var(--alpha-black-50, rgba(0, 0, 0, 0.5));
-  --audio-player-play-button-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-tooltip-bg-color: var(--alpha-black-70, rgba(0, 0, 0, 0.7));
-  --vid-player-control-buttons-bg-color-pressed: var(--alpha-black-5, rgba(0, 0, 0, 0.05));
-  --vid-player-progress-bar-preload-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-unmute-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-unmute-button-bg-color-hover: var(--alpha-black-35, rgba(0, 0, 0, 0.35));
+  --vid-player-controls-autoplay-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --vid-player-control-buttons-bg-hover-color: var(--color-bild-red-50-a-80, rgba(221, 0, 0, 0.8));
+  --vid-player-control-buttons-bg-color-hover: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --vid-player-overlay-scrim-color: var(--color-neutral-0-a-50, rgba(0, 0, 0, 0.5));
+  --audio-player-play-button-bg-color: var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));
+  --vid-player-tooltip-bg-color: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
+  --vid-player-control-buttons-bg-color-pressed: var(--color-neutral-0-a-5, rgba(0, 0, 0, 0.05));
+  --vid-player-progress-bar-preload-bg-color: var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));
+  --vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
+  --vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
 
 }
 
@@ -64,22 +66,6 @@
   line-height: 16px;
 }
 
-[data-content-brand="bild"] .video-ad-time,
-:host([data-content-brand="bild"]) .video-ad-time {
-  font-family: var(--font-family-gotham, Gotham);
-  font-weight: var(--title-font-weight);
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="bild"] .video-player-time,
-:host([data-content-brand="bild"]) .video-player-time {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],
@@ -87,13 +73,13 @@
   --podcast-play-button-size: var(--size-6-x, 48px);
   --vid-player-bottom-bar-gap-space: 0px;
   --audio-player-header-stack-space: var(--size-7-x, 56px);
-  --video-time-badge-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+  --video-time-badge-font-family: var(--body-font-family);
   --vid-player-control-button-size: var(--size-5-p-25-x, 42px);
   --vid-player-control-button-icon-size-hover: var(--size-3-p-5-x, 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;
+  --vid-player-unmute-button-width-size: 220px;
 }
 
 @media (min-width: 600px) {

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Menu Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -16,14 +16,13 @@
 
 [data-color-brand="bild"][data-theme="light"],
 :host([data-color-brand="bild"][data-theme="light"]) {
-  --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
+  --menu-scrolled-surface-gradient-color: var(--color-neutral-100-a-95, rgba(255, 255, 255, 0.95));
   --menu-link-lane-surface-color: var(--color-neutral-100, #FFFFFF);
-  --menu-link-lane-label-color: var(--color-neutral-35, #4B525A);
-  --menu-link-lane-label-color-active: var(--color-neutral-15, #232629);
+  --menu-link-lane-label-color: var(--color-neutral-40, #565A5F);
+  --menu-link-lane-label-color-hover: var(--color-neutral-15, #222628);
   --app-top-bar-surface-color: var(--color-neutral-100, #FFFFFF);
-  --app-top-bar-icon-color: var(--color-neutral-35, #4B525A);
-  --app-top-bar-text-color-primary: var(--color-neutral-15, #232629);
-  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-93, #E9ECEF);
+  --app-top-bar-text-color-primary: var(--color-neutral-15, #222628);
+  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-90, #DDE1E2);
   --app-tob-bar-tab-nav-bottom-border-active: var(--color-bild-red-50, #DD0000);
 }
 
@@ -31,14 +30,13 @@
 
 [data-color-brand="bild"][data-theme="dark"],
 :host([data-color-brand="bild"][data-theme="dark"]) {
-  --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
-  --menu-link-lane-surface-color: var(--color-neutral-15, #232629);
+  --menu-scrolled-surface-gradient-color: rgba(34, 38, 40, 0.95);
+  --menu-link-lane-surface-color: var(--color-neutral-15, #222628);
   --menu-link-lane-label-color: var(--color-neutral-60, #8C9196);
-  --menu-link-lane-label-color-active: var(--color-neutral-100, #FFFFFF);
+  --menu-link-lane-label-color-hover: var(--color-neutral-100, #FFFFFF);
   --app-top-bar-surface-color: var(--color-neutral-25, #343C41);
-  --app-top-bar-icon-color: var(--color-neutral-60, #8C9196);
-  --app-top-bar-text-color-primary: var(--color-neutral-93, #E9ECEF);
-  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-35, #4B525A);
+  --app-top-bar-text-color-primary: var(--color-neutral-90, #DDE1E2);
+  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-30, #40464D);
   --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #FFFFFF);
 }
 
@@ -52,33 +50,6 @@
   line-height: 14px;
 }
 
-[data-content-brand="bild"] .app-topbar-tabs-title,
-:host([data-content-brand="bild"]) .app-topbar-tabs-title {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: 12px;
-  line-height: 14px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="bild"] .menu-item-label,
-:host([data-content-brand="bild"]) .menu-item-label {
-  font-family: var(--label-font-family);
-  font-weight: 700;
-  font-size: 15px;
-  line-height: 15px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="bild"] .menu-item-util-label,
-:host([data-content-brand="bild"]) .menu-item-util-label {
-  font-family: var(--label-font-family);
-  font-weight: 700;
-  font-size: var(--size-1-p-5-x, 12px);
-  line-height: var(--size-1-p-5-x, 12px);
-  text-transform: uppercase;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],
@@ -101,8 +72,8 @@
   --menu-right-inline-space: var(--space-0-x, 0px);
   --menu-bottom-stack-space: var(--stack-space-const-sm);
   --menu-utility-links-divider-height-size: var(--size-const-sm);
-  --menu-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
-  --hey-input-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
+  --menu-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --hey-input-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
   --app-topbar-title-font-size: 12px;
   --app-topbar-stage-title-height: 14px;
   --i-osapp-top-bar-height-size: 44px;
@@ -133,8 +104,8 @@
     --menu-right-inline-space: var(--inline-space-const-lg);
     --menu-bottom-stack-space: var(--space-0-x, 0px);
     --menu-utility-links-divider-height-size: var(--size-const-md);
-    --menu-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
-    --hey-input-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
+    --menu-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
+    --hey-input-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
   }
 }
 
@@ -142,5 +113,6 @@
 
 [data-color-brand="bild"],
 :host([data-color-brand="bild"]) {
-  --menu-surface-color: var(--surface-color-primary);
+  --menu-surface-color: var(--bg-color-primary);
+  --app-top-bar-icon-color: var(--icon-color-secondary);
 }

package/dist/www/css/bild/components/menuitem.css

@@ -1,43 +1,22 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: MenuItem Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="bild"][data-theme="light"],
-:host([data-color-brand="bild"][data-theme="light"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --menu-item-border-color-active: var(--color-bild-red-50, #DD0000);
-  --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-neutral-100, #FFFFFF);
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="bild"][data-theme="dark"],
-:host([data-color-brand="bild"][data-theme="dark"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --menu-item-border-color-active: var(--color-neutral-100, #FFFFFF);
-  --menu-item-label-color-primary: var(--label-color-tertiary);
-  --menu-item-label-color-primary-active: var(--color-neutral-96, #F2F4F5);
-  --menu-item-label-color-secondary: var(--color-neutral-100, #FFFFFF);
+/* === OTHER TOKENS === */
 
+[data-color-brand="bild"],
+:host([data-color-brand="bild"]) {
+  --menu-item-border-color-active: var(--border-color-brand-light-only);
+  --menu-item-label-color-primary: var(--text-color-idle);
+  --menu-item-label-color-primary-active: var(--text-color-active);
 }

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: NewsTicker Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -22,22 +22,6 @@
   line-height: 20.8px;
 }
 
-[data-content-brand="bild"] .news-ticker-kicker,
-:host([data-content-brand="bild"]) .news-ticker-kicker {
-  font-family: var(--kicker-font-family);
-  font-weight: var(--kicker-font-weight);
-  font-size: var(--kicker-3-font-size);
-  line-height: var(--kicker-3-line-height);
-}
-
-[data-content-brand="bild"] .news-ticker-headline,
-:host([data-content-brand="bild"]) .news-ticker-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-line-height);
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],
@@ -98,6 +82,6 @@
 
 [data-color-brand="bild"],
 :host([data-color-brand="bild"]) {
-  --news-ticker-timestamp-color: var(--label-color-tertiary);
-  --news-ticker-badge-icons-color: var(--label-color-tertiary);
+  --news-ticker-timestamp-color: var(--text-color-secondary);
+  --news-ticker-badge-icons-color: var(--icon-color-secondary);
 }

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Pagination Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -16,18 +16,16 @@
 
 [data-color-brand="bild"][data-theme="light"],
 :host([data-color-brand="bild"][data-theme="light"]) {
-  --pagination-element-color-default: var(--color-neutral-85, #CED4DA);
-  --scroll-bar-track-bg-color: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
-  --scroll-bar-thumb-bg-color: var(--color-neutral-60, #8C9196);
+  --pagination-element-color-default: var(--bg-color-quaternary);
+  --scroll-bar-track-bg-color: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-color-brand="bild"][data-theme="dark"],
 :host([data-color-brand="bild"][data-theme="dark"]) {
-  --pagination-element-color-default: var(--color-neutral-60, #8C9196);
-  --scroll-bar-track-bg-color: var(--alpha-white-10, rgba(255, 255, 255, 0.1));
-  --scroll-bar-thumb-bg-color: var(--color-neutral-60, #8C9196);
+  --pagination-element-color-default: var(--bg-color-quaternary-inverse);
+  --scroll-bar-track-bg-color: var(--color-neutral-100-a-10, rgba(255, 255, 255, 0.1));
 }
 
 /* === TYPOGRAPHY TOKENS === */
@@ -50,7 +48,7 @@
   --gallery-pagination-container-web-inline-space: var(--inline-space-const-sm);
   --gallery-pagination-container-stack-space: var(--stack-space-const-md);
   --gallery-pagination-container-app-inline-space: var(--inline-space-const-md);
-  --scroll-bar-thickness-size: var(--size-1-x, 8px);
+  --scroll-bar-thickness-size: var(--size-const-4-xs);
 }
 
 @media (min-width: 600px) {
@@ -65,6 +63,7 @@
 
 [data-color-brand="bild"],
 :host([data-color-brand="bild"]) {
-  --pagination-element-color-active: var(--accent-color-primary);
+  --pagination-element-color-active: var(--bg-color-brand-light-only);
   --gallery-pagination-element-active-opacity: var(--layer-opacity-100);
+  --scroll-bar-thumb-bg-color: var(--bg-color-quintenary);
 }

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: PartnerLinks Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -16,30 +16,22 @@
 
 [data-color-brand="bild"][data-theme="light"],
 :host([data-color-brand="bild"][data-theme="light"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --partner-links-border-color-idle: var(--color-neutral-85, #CED4DA);
-  --partner-links-border-color-active: var(--color-neutral-15, #232629);
-  --partner-links-bg-color-idle: var(--color-neutral-100, #FFFFFF);
-  --partner-links-bg-color-active: var(--color-neutral-93, #E9ECEF);
-  --partner-links-container-border-color: var(--color-neutral-85, #CED4DA);
-
+  --partner-links-bg-color-idle: var(--bg-color-primary);
+  --partner-links-bg-color-active: var(--bg-color-tertiary);
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-color-brand="bild"][data-theme="dark"],
 :host([data-color-brand="bild"][data-theme="dark"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
+  --partner-links-bg-color-idle: var(--bg-color-tertiary);
+  --partner-links-bg-color-active: var(--bg-color-quintenary);
+}
 
-  --partner-links-border-color-idle: var(--color-neutral-85, #CED4DA);
-  --partner-links-border-color-active: var(--color-neutral-93, #E9ECEF);
-  --partner-links-bg-color-idle: var(--color-neutral-25, #343C41);
-  --partner-links-bg-color-active: var(--color-neutral-60, #8C9196);
-  --partner-links-container-border-color: var(--color-neutral-35, #4B525A);
+/* === OTHER TOKENS === */
 
+[data-color-brand="bild"],
+:host([data-color-brand="bild"]) {
+  --partner-links-border-color-idle: var(--border-color-default);
+  --partner-links-border-color-active: var(--border-color-extra-strong);
 }

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Paywall Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -20,16 +20,7 @@
   font-weight: var(--title-font-weight);
   font-size: var(--size-8-x, 64px);
   line-height: var(--size-8-x, 64px);
-  letter-spacing: var(--display-2-letter-spacing);
-}
-
-[data-content-brand="bild"] .paywall-card-note,
-:host([data-content-brand="bild"]) .paywall-card-note {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: var(--size-5-x, 40px);
-  line-height: var(--size-5-x, 40px);
-  letter-spacing: var(--display-3-letter-spacing);
+  letter-spacing: var(--display-2-letter-space);
 }
 
 /* === BREAKPOINT TOKENS === */

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Quote Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: RadioButton Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Search Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: SectionTitle Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,37 +1,20 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Selection Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="bild"][data-theme="light"],
-:host([data-color-brand="bild"][data-theme="light"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --selection-border-color: var(--color-neutral-35, #4B525A);
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="bild"][data-theme="dark"],
-:host([data-color-brand="bild"][data-theme="dark"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --selection-border-color: var(--color-neutral-60, #8C9196);
+/* === OTHER TOKENS === */
 
+[data-color-brand="bild"],
+:host([data-color-brand="bild"]) {
+  --selection-border-color: var(--border-color-strong);
 }