@marioschmidt/design-system-components 1.0.78 → 1.1.0

package/dist/www/css/shared/colorprimitive.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
- * 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
@@ -17,14 +17,21 @@
 
   /* BILD - red */
   --color-bild-red-50: #DD0000;
-  --color-bild-red-35: #AF0002;
-  --color-bild-red-53: #F52D2D;
+  --color-bild-red-40: #C10000;
+  --color-bild-red-60: #F75849;
+  --color-bild-red-10: #410000;
+  --color-bild-red-90: #FFDADA;
+  --color-bild-red-20: #680000;
+  --color-bild-red-30: #930000;
+  --color-bild-red-80: #FFB2B2;
+  --color-bild-red-95: #FFECEC;
+  --color-bild-red-70: #FF8989;
 
   /* BILD - purple */
   --color-bild-purple-20: #551937;
 
   /* BILD - alpha */
-  --alpha-red-50-a-80: rgba(221, 0, 0, 0.8);
+  --color-bild-red-50-a-80: rgba(221, 0, 0, 0.8);
 
 
   /* ============================================
@@ -32,55 +39,82 @@
      ============================================ */
 
   /* Shared - neutral */
-  --color-neutral-15: #232629;
+  --color-neutral-15: #222628;
   --color-neutral-100: #FFFFFF;
-  --color-neutral-85: #CED4DA;
-  --color-neutral-35: #4B525A;
+  --color-neutral-80: #C4C9CF;
+  --color-neutral-30: #40464D;
   --color-neutral-25: #343C41;
   --color-neutral-60: #8C9196;
-  --color-neutral-96: #F2F4F5;
-  --color-neutral-93: #E9ECEF;
-  --color-neutral-73: #AEB4B9;
-  --color-neutral-45: #666B70;
-  --color-neutral-10: #1C1C1C;
-  --color-neutral-20: #2C3138;
+  --color-neutral-95: #F2F4F5;
+  --color-neutral-90: #DDE1E2;
+  --color-neutral-70: #A6ABB0;
+  --color-neutral-40: #565A5F;
+  --color-neutral-10: #191B1C;
+  --color-neutral-20: #2C3133;
   --color-neutral-0: #000000;
+  --color-neutral-50: #6E787C;
 
   /* Shared - orange */
-  --color-orange-67: #FD8227;
+  --color-orange-70: #FD8227;
+  --color-orange-30: #763301;
+  --color-orange-40: #9E4401;
+  --color-orange-50: #C65502;
+  --color-orange-80: #FEB782;
+  --color-orange-90: #FEDBC1;
+  --color-orange-95: #FFEDDF;
+  --color-orange-60: #EF6702;
+  --color-orange-20: #522301;
+  --color-orange-10: #2F1400;
 
   /* Shared - green */
   --color-green-70: #00C373;
-  --color-green-63: #00AF67;
-  --color-green-93: #CEF4E4;
+  --color-green-90: #B9EFCD;
   --color-green-40: #006E3E;
-  --color-green-56: #18995C;
+  --color-green-60: #00AF67;
+  --color-green-10: #052013;
+  --color-green-30: #0D5232;
+  --color-green-20: #093822;
+  --color-green-50: #158751;
+  --color-green-95: #DEF7E6;
+  --color-green-80: #76DA9F;
 
   /* Shared - yellow */
   --color-yellow-80: #FFBF00;
+  --color-yellow-70: #D9A200;
+  --color-yellow-90: #FFE082;
+  --color-yellow-95: #FFF0C2;
+  --color-yellow-10: #241B00;
+  --color-yellow-20: #3D2E00;
+  --color-yellow-30: #594300;
+  --color-yellow-40: #785A00;
+  --color-yellow-50: #967100;
+  --color-yellow-60: #B88A00;
 
   /* Shared - alpha */
-  --alpha-neutral-85-a-50: rgba(206, 212, 218, 0.5);
-  --alpha-green-93-a-50: rgba(206, 244, 228, 0.5);
-  --color-green-56-a-50: rgba(0, 155, 90, 0.5);
-  --alpha-black-20: rgba(0, 0, 0, 0.2);
-  --alpha-black-10: rgba(0, 0, 0, 0.1);
-  --alpha-black-60: rgba(0, 0, 0, 0.6);
-  --alpha-black-30: rgba(0, 0, 0, 0.3);
-  --alpha-black-70: rgba(0, 0, 0, 0.7);
-  --alpha-white-10: rgba(255, 255, 255, 0.1);
-  --alpha-white-20: rgba(255, 255, 255, 0.2);
-  --alpha-white-30: rgba(255, 255, 255, 0.3);
-  --alpha-white-60: rgba(255, 255, 255, 0.6);
-  --alpha-white-70: rgba(255, 255, 255, 0.7);
-  --alpha-white-35: rgba(255, 255, 255, 0.35);
-  --alpha-black-80: rgba(0, 0, 0, 0.8);
-  --alpha-white-80: rgba(255, 255, 255, 0.8);
-  --alpha-black-35: rgba(0, 0, 0, 0.35);
-  --alpha-black-0: rgba(0, 0, 0, 0);
-  --alpha-black-50: rgba(0, 0, 0, 0.5);
-  --alpha-black-5: rgba(0, 0, 0, 0.05);
-  --alpha-white-0: rgba(255, 255, 255, 0);
+  --color-neutral-0-a-20: rgba(0, 0, 0, 0.2);
+  --color-neutral-0-a-10: rgba(0, 0, 0, 0.1);
+  --color-neutral-0-a-60: rgba(0, 0, 0, 0.6);
+  --color-neutral-0-a-30: rgba(0, 0, 0, 0.3);
+  --color-neutral-0-a-70: rgba(0, 0, 0, 0.7);
+  --color-neutral-100-a-10: rgba(255, 255, 255, 0.1);
+  --color-neutral-100-a-20: rgba(255, 255, 255, 0.2);
+  --color-neutral-100-a-30: rgba(255, 255, 255, 0.3);
+  --color-neutral-100-a-60: rgba(255, 255, 255, 0.6);
+  --color-neutral-100-a-70: rgba(255, 255, 255, 0.7);
+  --color-neutral-100-a-35: rgba(255, 255, 255, 0.35);
+  --color-neutral-0-a-80: rgba(0, 0, 0, 0.8);
+  --color-neutral-100-a-80: rgba(255, 255, 255, 0.8);
+  --color-neutral-0-a-35: rgba(0, 0, 0, 0.35);
+  --color-neutral-0-a-0: rgba(0, 0, 0, 0);
+  --color-neutral-0-a-50: rgba(0, 0, 0, 0.5);
+  --color-neutral-0-a-5: rgba(0, 0, 0, 0.05);
+  --color-neutral-100-a-0: rgba(255, 255, 255, 0);
+  --color-neutral-100-a-95: rgba(255, 255, 255, 0.95);
+  --color-neutral-15-a-0: rgba(34, 38, 40, 0);
+  --color-neutral-95-a-0: rgba(242, 244, 245, 0);
+  --color-neutral-20-a-0: rgba(44, 49, 51, 0);
+  --color-neutral-25-a-0: rgba(52, 60, 65, 0);
+  --color-neutral-90-a-0: rgba(221, 225, 226, 0);
 
 
   /* ============================================
@@ -103,19 +137,29 @@
      ============================================ */
 
   /* SportBILD - blue */
-  --color-spobi-blue-98: #F7F9FD;
-  --color-spobi-blue-81: #BDCADB;
-  --color-spobi-blue-29: #174482;
-  --color-spobi-blue-16: #0A2750;
-  --color-spobi-blue-10: #081828;
-  --color-spobi-blue-38: #315998;
+  --color-spobi-blue-95: #EFF1F5;
+  --color-spobi-blue-80: #C3C9DB;
+  --color-spobi-blue-30: #174482;
+  --color-spobi-blue-20: #0C2F61;
+  --color-spobi-blue-10: #091C2E;
+  --color-spobi-blue-40: #345EA0;
+  --color-spobi-blue-50: #4676C3;
+  --color-spobi-blue-70: #8FACDB;
+  --color-spobi-blue-60: #6A91CF;
+  --color-spobi-blue-90: #D6E1F2;
+  --color-spobi-blue-15: #0B2647;
+  --color-spobi-blue-25: #113B72;
 
   /* SportBILD - red */
   --color-spobi-red-50: #E52528;
 
   /* SportBILD - alpha */
-  --color-spobi-blue-16-a-0: rgba(10, 39, 80, 0);
-  --color-spobi-blue-16-a-70: rgba(10, 39, 80, 0.7);
+  --color-spobi-blue-15-a-0: rgba(11, 38, 71, 0);
+  --color-spobi-blue-15-a-70: rgba(11, 38, 71, 0.7);
+  --color-spobi-blue-95-a-0: rgba(239, 241, 245, 0);
+  --color-spobi-blue-20-a-0: rgba(12, 47, 97, 0);
+  --color-spobi-blue-90-a-0: rgba(214, 225, 242, 0);
+  --color-spobi-blue-25-a-0: rgba(17, 59, 114, 0);
 
 
   /* ============================================

package/dist/www/css/shared/fontprimitive.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
- * 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
@@ -79,5 +79,7 @@
   --st-font-weight-thin: 100;
   --st-font-weight-bold-italic: 700;
   --st-font-weight-black-italic: 900;
+  --st-font-weight-st-book-italic: 400;
+  --st-font-weight-light-italic-st: 300;
 
 }

package/dist/www/css/shared/primitives.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Bundle: Primitives (Base values: space, size, colors, fonts)
  *
- * 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,21 @@
 
   /* BILD - red */
   --color-bild-red-50: #DD0000;
-  --color-bild-red-35: #AF0002;
-  --color-bild-red-53: #F52D2D;
+  --color-bild-red-40: #C10000;
+  --color-bild-red-60: #F75849;
+  --color-bild-red-10: #410000;
+  --color-bild-red-90: #FFDADA;
+  --color-bild-red-20: #680000;
+  --color-bild-red-30: #930000;
+  --color-bild-red-80: #FFB2B2;
+  --color-bild-red-95: #FFECEC;
+  --color-bild-red-70: #FF8989;
 
   /* BILD - purple */
   --color-bild-purple-20: #551937;
 
   /* BILD - alpha */
-  --alpha-red-50-a-80: rgba(221, 0, 0, 0.8);
+  --color-bild-red-50-a-80: rgba(221, 0, 0, 0.8);
 
 
   /* ============================================
@@ -37,55 +44,82 @@
      ============================================ */
 
   /* Shared - neutral */
-  --color-neutral-15: #232629;
+  --color-neutral-15: #222628;
   --color-neutral-100: #FFFFFF;
-  --color-neutral-85: #CED4DA;
-  --color-neutral-35: #4B525A;
+  --color-neutral-80: #C4C9CF;
+  --color-neutral-30: #40464D;
   --color-neutral-25: #343C41;
   --color-neutral-60: #8C9196;
-  --color-neutral-96: #F2F4F5;
-  --color-neutral-93: #E9ECEF;
-  --color-neutral-73: #AEB4B9;
-  --color-neutral-45: #666B70;
-  --color-neutral-10: #1C1C1C;
-  --color-neutral-20: #2C3138;
+  --color-neutral-95: #F2F4F5;
+  --color-neutral-90: #DDE1E2;
+  --color-neutral-70: #A6ABB0;
+  --color-neutral-40: #565A5F;
+  --color-neutral-10: #191B1C;
+  --color-neutral-20: #2C3133;
   --color-neutral-0: #000000;
+  --color-neutral-50: #6E787C;
 
   /* Shared - orange */
-  --color-orange-67: #FD8227;
+  --color-orange-70: #FD8227;
+  --color-orange-30: #763301;
+  --color-orange-40: #9E4401;
+  --color-orange-50: #C65502;
+  --color-orange-80: #FEB782;
+  --color-orange-90: #FEDBC1;
+  --color-orange-95: #FFEDDF;
+  --color-orange-60: #EF6702;
+  --color-orange-20: #522301;
+  --color-orange-10: #2F1400;
 
   /* Shared - green */
   --color-green-70: #00C373;
-  --color-green-63: #00AF67;
-  --color-green-93: #CEF4E4;
+  --color-green-90: #B9EFCD;
   --color-green-40: #006E3E;
-  --color-green-56: #18995C;
+  --color-green-60: #00AF67;
+  --color-green-10: #052013;
+  --color-green-30: #0D5232;
+  --color-green-20: #093822;
+  --color-green-50: #158751;
+  --color-green-95: #DEF7E6;
+  --color-green-80: #76DA9F;
 
   /* Shared - yellow */
   --color-yellow-80: #FFBF00;
+  --color-yellow-70: #D9A200;
+  --color-yellow-90: #FFE082;
+  --color-yellow-95: #FFF0C2;
+  --color-yellow-10: #241B00;
+  --color-yellow-20: #3D2E00;
+  --color-yellow-30: #594300;
+  --color-yellow-40: #785A00;
+  --color-yellow-50: #967100;
+  --color-yellow-60: #B88A00;
 
   /* Shared - alpha */
-  --alpha-neutral-85-a-50: rgba(206, 212, 218, 0.5);
-  --alpha-green-93-a-50: rgba(206, 244, 228, 0.5);
-  --color-green-56-a-50: rgba(0, 155, 90, 0.5);
-  --alpha-black-20: rgba(0, 0, 0, 0.2);
-  --alpha-black-10: rgba(0, 0, 0, 0.1);
-  --alpha-black-60: rgba(0, 0, 0, 0.6);
-  --alpha-black-30: rgba(0, 0, 0, 0.3);
-  --alpha-black-70: rgba(0, 0, 0, 0.7);
-  --alpha-white-10: rgba(255, 255, 255, 0.1);
-  --alpha-white-20: rgba(255, 255, 255, 0.2);
-  --alpha-white-30: rgba(255, 255, 255, 0.3);
-  --alpha-white-60: rgba(255, 255, 255, 0.6);
-  --alpha-white-70: rgba(255, 255, 255, 0.7);
-  --alpha-white-35: rgba(255, 255, 255, 0.35);
-  --alpha-black-80: rgba(0, 0, 0, 0.8);
-  --alpha-white-80: rgba(255, 255, 255, 0.8);
-  --alpha-black-35: rgba(0, 0, 0, 0.35);
-  --alpha-black-0: rgba(0, 0, 0, 0);
-  --alpha-black-50: rgba(0, 0, 0, 0.5);
-  --alpha-black-5: rgba(0, 0, 0, 0.05);
-  --alpha-white-0: rgba(255, 255, 255, 0);
+  --color-neutral-0-a-20: rgba(0, 0, 0, 0.2);
+  --color-neutral-0-a-10: rgba(0, 0, 0, 0.1);
+  --color-neutral-0-a-60: rgba(0, 0, 0, 0.6);
+  --color-neutral-0-a-30: rgba(0, 0, 0, 0.3);
+  --color-neutral-0-a-70: rgba(0, 0, 0, 0.7);
+  --color-neutral-100-a-10: rgba(255, 255, 255, 0.1);
+  --color-neutral-100-a-20: rgba(255, 255, 255, 0.2);
+  --color-neutral-100-a-30: rgba(255, 255, 255, 0.3);
+  --color-neutral-100-a-60: rgba(255, 255, 255, 0.6);
+  --color-neutral-100-a-70: rgba(255, 255, 255, 0.7);
+  --color-neutral-100-a-35: rgba(255, 255, 255, 0.35);
+  --color-neutral-0-a-80: rgba(0, 0, 0, 0.8);
+  --color-neutral-100-a-80: rgba(255, 255, 255, 0.8);
+  --color-neutral-0-a-35: rgba(0, 0, 0, 0.35);
+  --color-neutral-0-a-0: rgba(0, 0, 0, 0);
+  --color-neutral-0-a-50: rgba(0, 0, 0, 0.5);
+  --color-neutral-0-a-5: rgba(0, 0, 0, 0.05);
+  --color-neutral-100-a-0: rgba(255, 255, 255, 0);
+  --color-neutral-100-a-95: rgba(255, 255, 255, 0.95);
+  --color-neutral-15-a-0: rgba(34, 38, 40, 0);
+  --color-neutral-95-a-0: rgba(242, 244, 245, 0);
+  --color-neutral-20-a-0: rgba(44, 49, 51, 0);
+  --color-neutral-25-a-0: rgba(52, 60, 65, 0);
+  --color-neutral-90-a-0: rgba(221, 225, 226, 0);
 
 
   /* ============================================
@@ -108,19 +142,29 @@
      ============================================ */
 
   /* SportBILD - blue */
-  --color-spobi-blue-98: #F7F9FD;
-  --color-spobi-blue-81: #BDCADB;
-  --color-spobi-blue-29: #174482;
-  --color-spobi-blue-16: #0A2750;
-  --color-spobi-blue-10: #081828;
-  --color-spobi-blue-38: #315998;
+  --color-spobi-blue-95: #EFF1F5;
+  --color-spobi-blue-80: #C3C9DB;
+  --color-spobi-blue-30: #174482;
+  --color-spobi-blue-20: #0C2F61;
+  --color-spobi-blue-10: #091C2E;
+  --color-spobi-blue-40: #345EA0;
+  --color-spobi-blue-50: #4676C3;
+  --color-spobi-blue-70: #8FACDB;
+  --color-spobi-blue-60: #6A91CF;
+  --color-spobi-blue-90: #D6E1F2;
+  --color-spobi-blue-15: #0B2647;
+  --color-spobi-blue-25: #113B72;
 
   /* SportBILD - red */
   --color-spobi-red-50: #E52528;
 
   /* SportBILD - alpha */
-  --color-spobi-blue-16-a-0: rgba(10, 39, 80, 0);
-  --color-spobi-blue-16-a-70: rgba(10, 39, 80, 0.7);
+  --color-spobi-blue-15-a-0: rgba(11, 38, 71, 0);
+  --color-spobi-blue-15-a-70: rgba(11, 38, 71, 0.7);
+  --color-spobi-blue-95-a-0: rgba(239, 241, 245, 0);
+  --color-spobi-blue-20-a-0: rgba(12, 47, 97, 0);
+  --color-spobi-blue-90-a-0: rgba(214, 225, 242, 0);
+  --color-spobi-blue-25-a-0: rgba(17, 59, 114, 0);
 
 
   /* ============================================
@@ -214,6 +258,8 @@
   --st-font-weight-thin: 100;
   --st-font-weight-bold-italic: 700;
   --st-font-weight-black-italic: 900;
+  --st-font-weight-st-book-italic: 400;
+  --st-font-weight-light-italic-st: 300;
 
 }
 
@@ -274,6 +320,7 @@
   --size-100-x: 800px;
   --size-0-x: 0px;
   --size-0-p-125-x: 1px;
+  --size-5-p-5-x: 44px;
 
 }
 

package/dist/www/css/shared/sizeprimitive.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
- * 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
@@ -64,5 +64,6 @@
   --size-100-x: 800px;
   --size-0-x: 0px;
   --size-0-p-125-x: 1px;
+  --size-5-p-5-x: 44px;
 
 }

package/dist/www/css/shared/spaceprimitive.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
- * 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/sportbild/components/_dsysdoc.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: _DSysDoc 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,8 +20,6 @@
      OTHER
      ============================================ */
 
-  --dsys-docs-label-text-surface-color-primary-primitive-name: BILD100;
-  --dsys-docs-label-text-color-mode: (Light Mode);
   --ds-doc-spacing-item-bg-color: rgba(221, 0, 0, 0.1);
   --ds-doc-spacing-item-border-color: rgba(221, 0, 0, 0.5);
 
@@ -35,8 +33,6 @@
      OTHER
      ============================================ */
 
-  --dsys-docs-label-text-surface-color-primary-primitive-name: BILD010;
-  --dsys-docs-label-text-color-mode: (Dark Mode);
   --ds-doc-spacing-item-bg-color: rgba(255, 255, 255, 0.2);
   --ds-doc-spacing-item-border-color: rgba(255, 255, 255, 0.8);
 

package/dist/www/css/sportbild/components/_dsysdocs.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: _DSysDocs 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
@@ -21,8 +21,10 @@
   --dsys-docs-width-size: 320px;
   --main-content-stage-size: 320px;
   --foundations-banner-height-size: var(--size-10-x, 80px);
+  --doc-label-resp-font-size: 10px;
   --ds-caption-stack-space-0-p-5-x: var(--space-0-p-5-x, 4px);
   --ds-caption-stack-space-1-x: var(--space-1-x, 8px);
+  --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10773;
   --1-column-mobile: 320px;
   --thin-banner-vertical-height-size: 558px;
   --specs-font-family: var(--font-family-gotham, Gotham);
@@ -34,6 +36,7 @@
 :host([data-content-brand="sportbild"]) {
     --dsys-docs-width-size: 750px;
     --main-content-stage-size: 750px;
+    --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10774;
   }
 }
 
@@ -44,8 +47,10 @@
     --ds-main-container-space: var(--space-8-p-5-x, 68px);
     --dsys-docs-width-size: 962px;
     --main-content-stage-size: 962px;
+    --doc-label-resp-font-size: 15px;
     --ds-caption-stack-space-0-p-5-x: var(--space-0-p-75-x, 6px);
     --ds-caption-stack-space-1-x: var(--space-1-p-5-x, 12px);
+    --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10775;
     --1-column-mobile: 930px;
     --doc-header-height-size: 160px;
   }
@@ -55,10 +60,12 @@
   [data-content-brand="sportbild"],
 :host([data-content-brand="sportbild"]) {
     --dsys-docs-width-size: 1440px;
-    --main-content-stage-size: var(--size-128-x, 1024px);
+    --main-content-stage-size: 1024px;
     --foundations-banner-height-size: var(--size-17-p-5-x, 140px);
+    --doc-label-resp-font-size: 17px;
     --ds-caption-stack-space-0-p-5-x: var(--space-1-x, 8px);
     --ds-caption-stack-space-1-x: var(--space-2-x, 16px);
+    --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10776;
     --1-column-mobile: 656px;
     --thin-banner-vertical-height-size: 186px;
     --doc-header-height-size: 180px;

package/dist/www/css/sportbild/components/accordion.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Accordion 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,8 @@
 
 [data-content-brand="sportbild"] .accordion-label,
 :host([data-content-brand="sportbild"]) .accordion-label {
-  font-family: var(--font-family-inter, Inter);
+  font-family: var(--label-font-family);
   font-weight: var(--label-font-weight-bold);
   font-size: var(--label-1-font-size);
-}
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-  --accordion-label-font-family: var(--font-family-inter, Inter);
+  line-height: var(--label-1-line-height);
 }

package/dist/www/css/sportbild/components/alert.css

@@ -1,21 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.78
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Alert 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
  */
 
 /* === OTHER TOKENS === */
-
-[data-color-brand="sportbild"],
-:host([data-color-brand="sportbild"]) {
-  --alert-surface-color: var(--attention-color-extra-low);
-  --alert-surface-color-constant: var(--surface-color-primary-constant-light);
-}