@marioschmidt/design-system-tokens 1.0.64 → 1.0.65

package/dist/css/shared/colorprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.64
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -16,100 +16,86 @@
      ============================================ */
 
   /* BILD - red */
-  --bildred: #DD0000;
-  --bildred035: #AF0002;
-  --bildred053: #F52D2D;
-  --bild-red-alpha80: rgba(221, 0, 0, 0.8);
-
-  /* BILD - gray */
-  --bild015: #232629;
-  --bild085: #CED4DA;
-  --bild035: #4B525A;
-  --bild025: #343C41;
-  --bild060: #8C9196;
-  --bild096: #F2F4F5;
-  --bild093: #E9ECEF;
-  --bild085-alpha50: rgba(206, 212, 218, 0.5);
-  --bild073: #AEB4B9;
-  --bild045: #666B70;
-  --bild010: #1C1C1C;
-  --bild020: #2C3138;
-
-  /* BILD - white */
-  --white100: #FFFFFF;
-  --white-alpha10: rgba(255, 255, 255, 0.1);
-  --white-alpha20: rgba(255, 255, 255, 0.2);
-  --white-alpha30: rgba(255, 255, 255, 0.3);
-  --white-alpha60: rgba(255, 255, 255, 0.6);
-  --white-alpha70: rgba(255, 255, 255, 0.7);
-  --white-alpha35: rgba(255, 255, 255, 0.35);
-  --white-alpha80: rgba(255, 255, 255, 0.8);
-
-  /* BILD - orange */
-  --bildorange: #FD8227;
-
-  /* BILD - green */
-  --bildgreen070: #00C373;
-  --bildgreen063: #00AF67;
-  --bildgreen093: #CEF4E4;
-  --bildgreen093alpha50: rgba(206, 244, 228, 0.5);
-  --bildgreen056-alpha50: rgba(0, 155, 90, 0.5);
-  --bildgreen040: #006E3E;
-  --bildgreen056: #18995C;
-
-  /* BILD - yellow */
-  --bildyellow: #FFBF00;
+  --color-bild-red50: #DD0000;
+  --color-bild-red35: #AF0002;
+  --color-bild-red53: #F52D2D;
 
   /* BILD - purple */
-  --bildberry: #551937;
+  --color-bild-purple20: #551937;
 
-  /* BILD - black */
-  --black-alpha20: rgba(0, 0, 0, 0.2);
-  --black-alpha10: rgba(0, 0, 0, 0.1);
-  --black-alpha60: rgba(0, 0, 0, 0.6);
-  --black-alpha30: rgba(0, 0, 0, 0.3);
-  --black-alpha70: rgba(0, 0, 0, 0.7);
-  --black100: #000000;
-  --black-alpha80: rgba(0, 0, 0, 0.8);
-  --black-alpha35: rgba(0, 0, 0, 0.35);
-  --black-alpha0: rgba(0, 0, 0, 0);
-  --black-alpha50: rgba(0, 0, 0, 0.5);
-  --black-alpha05: rgba(0, 0, 0, 0.05);
-
-  /* BILD - blue */
-  --bild-blue: #00B1FF;
+  /* BILD - alpha */
+  --alpha-red50a80: rgba(221, 0, 0, 0.8);
 
 
   /* ============================================
-     PARTNER
+     SHARED
      ============================================ */
 
-  /* Partner - Fitbook */
-  --fitbook-core: #FF97B7;
-
-  /* Partner - Petbook */
-  --petbook-core: #B9DB91;
-
-  /* Partner - MyHome */
-  --myhome-core: #66CCCC;
-
-  /* Partner - Travelbook */
-  --travelbook-core: #8EF0ED;
+  /* Shared - neutral */
+  --color-neutral15: #232629;
+  --color-neutral100: #FFFFFF;
+  --color-neutral85: #CED4DA;
+  --color-neutral35: #4B525A;
+  --color-neutral25: #343C41;
+  --color-neutral60: #8C9196;
+  --color-neutral96: #F2F4F5;
+  --color-neutral93: #E9ECEF;
+  --color-neutral73: #AEB4B9;
+  --color-neutral45: #666B70;
+  --color-neutral10: #1C1C1C;
+  --color-neutral20: #2C3138;
+  --color-neutral0: #000000;
+
+  /* Shared - orange */
+  --color-orange67: #FD8227;
+
+  /* Shared - green */
+  --color-green70: #00C373;
+  --color-green63: #00AF67;
+  --color-green93: #CEF4E4;
+  --color-green40: #006E3E;
+  --color-green56: #18995C;
+
+  /* Shared - yellow */
+  --color-yellow80: #FFBF00;
+
+  /* Shared - alpha */
+  --alpha-neutral85a50: rgba(206, 212, 218, 0.5);
+  --alpha-green93a50: rgba(206, 244, 228, 0.5);
+  --color-green56a50: rgba(0, 155, 90, 0.5);
+  --alpha-black20: rgba(0, 0, 0, 0.2);
+  --alpha-black10: rgba(0, 0, 0, 0.1);
+  --alpha-black60: rgba(0, 0, 0, 0.6);
+  --alpha-black30: rgba(0, 0, 0, 0.3);
+  --alpha-black70: rgba(0, 0, 0, 0.7);
+  --alpha-white10: rgba(255, 255, 255, 0.1);
+  --alpha-white20: rgba(255, 255, 255, 0.2);
+  --alpha-white30: rgba(255, 255, 255, 0.3);
+  --alpha-white60: rgba(255, 255, 255, 0.6);
+  --alpha-white70: rgba(255, 255, 255, 0.7);
+  --alpha-white35: rgba(255, 255, 255, 0.35);
+  --alpha-black80: rgba(0, 0, 0, 0.8);
+  --alpha-white80: rgba(255, 255, 255, 0.8);
+  --alpha-black35: rgba(0, 0, 0, 0.35);
+  --alpha-black0: rgba(0, 0, 0, 0);
+  --alpha-black50: rgba(0, 0, 0, 0.5);
+  --alpha-black5: rgba(0, 0, 0, 0.05);
+  --alpha-white0: rgba(255, 255, 255, 0);
 
-  /* Partner - Techbook */
-  --techbook-core: #93E4FF;
 
-  /* Partner - Kaufberater */
-  --kaufberater-core: #55476E;
-
-  /* Partner - Bz */
-  --bz-core: #E3001B;
-
-  /* Partner - Aubi */
-  --aubi-core: #F00000;
+  /* ============================================
+     PARTNER
+     ============================================ */
 
-  /* Partner - ComputerBILD */
-  --cobi-core: #DC231C;
+  --color-partner-fitbook: #FF97B7;
+  --color-partner-petbook: #B9DB91;
+  --color-partner-myhome: #66CCCC;
+  --color-partner-travelbook: #8EF0ED;
+  --color-partner-techbook: #93E4FF;
+  --color-partner-kaufberater: #55476E;
+  --color-bz-red50: #E3001B;
+  --color-aubi-red50: #F00000;
+  --color-cobi-red50: #DC231C;
 
 
   /* ============================================
@@ -117,19 +103,19 @@
      ============================================ */
 
   /* SportBILD - blue */
-  --spobi-blue098: #F7F9FD;
-  --spobi-blue081: #BDCADB;
-  --spobi-blue029: #174482;
-  --spobi-blue016: #0A2750;
-  --spobi-blue010: #081828;
-  --spobi-blue038: #315998;
+  --color-spobi-blue98: #F7F9FD;
+  --color-spobi-blue81: #BDCADB;
+  --color-spobi-blue29: #174482;
+  --color-spobi-blue16: #0A2750;
+  --color-spobi-blue10: #081828;
+  --color-spobi-blue38: #315998;
 
   /* SportBILD - red */
-  --spobi-red: #E52528;
+  --color-spobi-red50: #E52528;
 
   /* SportBILD - alpha */
-  --spobi-blue016alpha0: rgba(10, 39, 80, 0);
-  --spobi-blue016alpha70: rgba(10, 39, 80, 0.7);
+  --color-spobi-blue16a0: rgba(10, 39, 80, 0);
+  --color-spobi-blue16a70: rgba(10, 39, 80, 0.7);
 
 
   /* ============================================

package/dist/css/shared/fontprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.64
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/css/shared/primitives.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SHARED Design System Tokens v1.0.64
+ * SHARED Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Bundle: Primitives (Base values: space, size, colors, fonts)
@@ -20,100 +20,86 @@
      ============================================ */
 
   /* BILD - red */
-  --bildred: #DD0000;
-  --bildred035: #AF0002;
-  --bildred053: #F52D2D;
-  --bild-red-alpha80: rgba(221, 0, 0, 0.8);
-
-  /* BILD - gray */
-  --bild015: #232629;
-  --bild085: #CED4DA;
-  --bild035: #4B525A;
-  --bild025: #343C41;
-  --bild060: #8C9196;
-  --bild096: #F2F4F5;
-  --bild093: #E9ECEF;
-  --bild085-alpha50: rgba(206, 212, 218, 0.5);
-  --bild073: #AEB4B9;
-  --bild045: #666B70;
-  --bild010: #1C1C1C;
-  --bild020: #2C3138;
-
-  /* BILD - white */
-  --white100: #FFFFFF;
-  --white-alpha10: rgba(255, 255, 255, 0.1);
-  --white-alpha20: rgba(255, 255, 255, 0.2);
-  --white-alpha30: rgba(255, 255, 255, 0.3);
-  --white-alpha60: rgba(255, 255, 255, 0.6);
-  --white-alpha70: rgba(255, 255, 255, 0.7);
-  --white-alpha35: rgba(255, 255, 255, 0.35);
-  --white-alpha80: rgba(255, 255, 255, 0.8);
-
-  /* BILD - orange */
-  --bildorange: #FD8227;
-
-  /* BILD - green */
-  --bildgreen070: #00C373;
-  --bildgreen063: #00AF67;
-  --bildgreen093: #CEF4E4;
-  --bildgreen093alpha50: rgba(206, 244, 228, 0.5);
-  --bildgreen056-alpha50: rgba(0, 155, 90, 0.5);
-  --bildgreen040: #006E3E;
-  --bildgreen056: #18995C;
-
-  /* BILD - yellow */
-  --bildyellow: #FFBF00;
+  --color-bild-red50: #DD0000;
+  --color-bild-red35: #AF0002;
+  --color-bild-red53: #F52D2D;
 
   /* BILD - purple */
-  --bildberry: #551937;
+  --color-bild-purple20: #551937;
 
-  /* BILD - black */
-  --black-alpha20: rgba(0, 0, 0, 0.2);
-  --black-alpha10: rgba(0, 0, 0, 0.1);
-  --black-alpha60: rgba(0, 0, 0, 0.6);
-  --black-alpha30: rgba(0, 0, 0, 0.3);
-  --black-alpha70: rgba(0, 0, 0, 0.7);
-  --black100: #000000;
-  --black-alpha80: rgba(0, 0, 0, 0.8);
-  --black-alpha35: rgba(0, 0, 0, 0.35);
-  --black-alpha0: rgba(0, 0, 0, 0);
-  --black-alpha50: rgba(0, 0, 0, 0.5);
-  --black-alpha05: rgba(0, 0, 0, 0.05);
-
-  /* BILD - blue */
-  --bild-blue: #00B1FF;
+  /* BILD - alpha */
+  --alpha-red50a80: rgba(221, 0, 0, 0.8);
 
 
   /* ============================================
-     PARTNER
+     SHARED
      ============================================ */
 
-  /* Partner - Fitbook */
-  --fitbook-core: #FF97B7;
-
-  /* Partner - Petbook */
-  --petbook-core: #B9DB91;
-
-  /* Partner - MyHome */
-  --myhome-core: #66CCCC;
-
-  /* Partner - Travelbook */
-  --travelbook-core: #8EF0ED;
+  /* Shared - neutral */
+  --color-neutral15: #232629;
+  --color-neutral100: #FFFFFF;
+  --color-neutral85: #CED4DA;
+  --color-neutral35: #4B525A;
+  --color-neutral25: #343C41;
+  --color-neutral60: #8C9196;
+  --color-neutral96: #F2F4F5;
+  --color-neutral93: #E9ECEF;
+  --color-neutral73: #AEB4B9;
+  --color-neutral45: #666B70;
+  --color-neutral10: #1C1C1C;
+  --color-neutral20: #2C3138;
+  --color-neutral0: #000000;
+
+  /* Shared - orange */
+  --color-orange67: #FD8227;
+
+  /* Shared - green */
+  --color-green70: #00C373;
+  --color-green63: #00AF67;
+  --color-green93: #CEF4E4;
+  --color-green40: #006E3E;
+  --color-green56: #18995C;
+
+  /* Shared - yellow */
+  --color-yellow80: #FFBF00;
+
+  /* Shared - alpha */
+  --alpha-neutral85a50: rgba(206, 212, 218, 0.5);
+  --alpha-green93a50: rgba(206, 244, 228, 0.5);
+  --color-green56a50: rgba(0, 155, 90, 0.5);
+  --alpha-black20: rgba(0, 0, 0, 0.2);
+  --alpha-black10: rgba(0, 0, 0, 0.1);
+  --alpha-black60: rgba(0, 0, 0, 0.6);
+  --alpha-black30: rgba(0, 0, 0, 0.3);
+  --alpha-black70: rgba(0, 0, 0, 0.7);
+  --alpha-white10: rgba(255, 255, 255, 0.1);
+  --alpha-white20: rgba(255, 255, 255, 0.2);
+  --alpha-white30: rgba(255, 255, 255, 0.3);
+  --alpha-white60: rgba(255, 255, 255, 0.6);
+  --alpha-white70: rgba(255, 255, 255, 0.7);
+  --alpha-white35: rgba(255, 255, 255, 0.35);
+  --alpha-black80: rgba(0, 0, 0, 0.8);
+  --alpha-white80: rgba(255, 255, 255, 0.8);
+  --alpha-black35: rgba(0, 0, 0, 0.35);
+  --alpha-black0: rgba(0, 0, 0, 0);
+  --alpha-black50: rgba(0, 0, 0, 0.5);
+  --alpha-black5: rgba(0, 0, 0, 0.05);
+  --alpha-white0: rgba(255, 255, 255, 0);
 
-  /* Partner - Techbook */
-  --techbook-core: #93E4FF;
 
-  /* Partner - Kaufberater */
-  --kaufberater-core: #55476E;
-
-  /* Partner - Bz */
-  --bz-core: #E3001B;
-
-  /* Partner - Aubi */
-  --aubi-core: #F00000;
+  /* ============================================
+     PARTNER
+     ============================================ */
 
-  /* Partner - ComputerBILD */
-  --cobi-core: #DC231C;
+  --color-partner-fitbook: #FF97B7;
+  --color-partner-petbook: #B9DB91;
+  --color-partner-myhome: #66CCCC;
+  --color-partner-travelbook: #8EF0ED;
+  --color-partner-techbook: #93E4FF;
+  --color-partner-kaufberater: #55476E;
+  --color-bz-red50: #E3001B;
+  --color-aubi-red50: #F00000;
+  --color-cobi-red50: #DC231C;
 
 
   /* ============================================
@@ -121,19 +107,19 @@
      ============================================ */
 
   /* SportBILD - blue */
-  --spobi-blue098: #F7F9FD;
-  --spobi-blue081: #BDCADB;
-  --spobi-blue029: #174482;
-  --spobi-blue016: #0A2750;
-  --spobi-blue010: #081828;
-  --spobi-blue038: #315998;
+  --color-spobi-blue98: #F7F9FD;
+  --color-spobi-blue81: #BDCADB;
+  --color-spobi-blue29: #174482;
+  --color-spobi-blue16: #0A2750;
+  --color-spobi-blue10: #081828;
+  --color-spobi-blue38: #315998;
 
   /* SportBILD - red */
-  --spobi-red: #E52528;
+  --color-spobi-red50: #E52528;
 
   /* SportBILD - alpha */
-  --spobi-blue016alpha0: rgba(10, 39, 80, 0);
-  --spobi-blue016alpha70: rgba(10, 39, 80, 0.7);
+  --color-spobi-blue16a0: rgba(10, 39, 80, 0);
+  --color-spobi-blue16a70: rgba(10, 39, 80, 0.7);
 
 
   /* ============================================
@@ -240,7 +226,7 @@
   --size3x: 24px;
   --size1x: 8px;
   --size0p25x: 2px;
-  --size0-5x: 4px;
+  --size0p5x: 4px;
   --size2x: 16px;
   --size4p5x: 36px;
   --size5x: 40px;

package/dist/css/shared/sizeprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.64
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -19,7 +19,7 @@
   --size3x: 24px;
   --size1x: 8px;
   --size0p25x: 2px;
-  --size0-5x: 4px;
+  --size0p5x: 4px;
   --size2x: 16px;
   --size4p5x: 36px;
   --size5x: 40px;

package/dist/css/shared/spaceprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.64
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/css/sportbild/components/_dsysdoc.css

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.64
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: _DSysDocs Component Tokens
@@ -15,7 +15,7 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="sportbild"] {
-  --bild-design-frame-space: var(--grid-space-resp-base, 12px);
+  --bild-design-frame-space: var(--grid-space-resp-base);
   --ds-main-container-space: var(--space0x, 0px);
   --dsys-docs-width-size: 320px;
   --main-content-stage-size: 320px;
@@ -50,8 +50,6 @@
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --bild-design-frame-space: var(--space8x, 64px);
-    --ds-main-container-space: var(--space8p5x, 68px);
     --dsys-docs-width-size: 1440px;
     --main-content-stage-size: var(--size128x, 1024px);
     --foundations-banner-height-size: var(--size17p5x, 140px);

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.64
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Alert Component Tokens
@@ -12,52 +12,17 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
 
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-brand="sportbild"][data-theme="light"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --alert-surface-color: var(--attention-color-extra-low, #FFFFFF);
-  --alert-surface-color-constant: var(--surface-color-primary-constant-light, #FFFFFF);
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-brand="sportbild"][data-theme="dark"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --alert-surface-color: var(--attention-color-extra-low, #343C41);
-  --alert-surface-color-constant: var(--surface-color-primary-constant-light, #FFFFFF);
-
-}
-
 /* === OTHER TOKENS === */
 
-/* ============================================
-   OTHER
-   ============================================ */
-
-[data-brand="sportbild"][data-theme="dark"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
+[data-brand="sportbild"] {
+  --alert-surface-color: var(--attention-color-extra-low);
+  --alert-surface-color-constant: var(--surface-color-primary-constant-light);
 }
 
-[data-brand="sportbild"][data-theme="dark"] .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
-}
-
-/* ============================================
-   OTHER
-   ============================================ */
-
-[data-brand="sportbild"][data-theme="light"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
+[data-brand="sportbild"] .alert-shadow-down {
+  box-shadow: 0px 6px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
 }
 
-[data-brand="sportbild"][data-theme="light"] .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
+[data-brand="sportbild"] .alert-shadow-up {
+  box-shadow: 0px -2px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
 }

package/dist/css/sportbild/components/article.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.64
+ * SPORTBILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Article Component Tokens
@@ -57,15 +57,15 @@
 
 [data-brand="sportbild"] {
   --aricle-mobile1-col-grid-image-margin-space: var(--space0x, 0px);
-  --article-top-margin-space: var(--stack-space-resp-sm, 8px);
-  --article-kicker-font-size: var(--kicker1-font-size, 20px);
-  --article-headline-font-size: var(--headline2-font-size, 42px);
+  --article-top-margin-space: var(--stack-space-resp-sm);
+  --article-kicker-font-size: var(--kicker1-font-size);
+  --article-headline-font-size: var(--headline2-font-size);
   --article-gallery-ateaser-width: 145px;
   --article-image-caption-font-size: 13px;
   --article-image-source-font-size: 13px;
   --article-image-caption-line-height: 16.9;
   --article-image-source-line-height: 17;
-  --article-content-stack-space: var(--stack-space-resp-lg, 16px);
+  --article-content-stack-space: var(--stack-space-resp-lg);
   --article-headings-stack-space: var(--space1p5x, 12px);
   --article-image-landscape-inline-space: var(--space0x, 0px);
   --article-meta-font-family: var(--font-family-antenna-cond, AntennaCond);
@@ -73,49 +73,36 @@
   --article-content-inline-space: var(--space2x, 16px);
   --article-headings-inline-space: var(--space2x, 16px);
   --article-image-portait-inline-space: var(--space0x, 0px);
-  --article-image-container-stack-space: var(--stack-space-resp-sm, 8px);
-  --article-infobox-inline-space: var(--inline-space-resp-lg, 16px);
-  --article-infobox-stack-space: var(--stack-space-resp-lg, 16px);
+  --article-image-container-stack-space: var(--stack-space-resp-sm);
+  --article-infobox-inline-space: var(--inline-space-resp-lg);
+  --article-infobox-stack-space: var(--stack-space-resp-lg);
 }
 
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
     --aricle-mobile1-col-grid-image-margin-space: var(--space9x, 72px);
-    --article-top-margin-space: var(--stack-space-resp-sm, 12px);
-    --article-kicker-font-size: var(--kicker1-font-size, 26px);
-    --article-headline-font-size: var(--headline1-font-size, 60px);
+    --article-headline-font-size: var(--headline1-font-size);
     --article-gallery-ateaser-width: 260px;
-    --article-content-stack-space: var(--stack-space-resp-lg, 24px);
     --article-image-landscape-inline-space: var(--space1p5x, 12px);
     --article-meta-font-size: 14px;
     --article-content-inline-space: var(--space9x, 72px);
     --article-headings-inline-space: var(--space9x, 72px);
     --article-image-portait-inline-space: var(--space9x, 72px);
-    --article-image-container-stack-space: var(--stack-space-resp-sm, 12px);
-    --article-infobox-inline-space: var(--inline-space-resp-lg, 24px);
-    --article-infobox-stack-space: var(--stack-space-resp-lg, 24px);
   }
 }
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --aricle-mobile1-col-grid-image-margin-space: var(--space9x, 72px);
-    --article-top-margin-space: var(--stack-space-resp-sm, 16px);
-    --article-kicker-font-size: var(--kicker1-font-size, 32px);
-    --article-headline-font-size: var(--headline1-font-size, 80px);
     --article-gallery-ateaser-width: 300px;
     --article-image-caption-font-size: 15px;
     --article-image-source-font-size: 15px;
     --article-image-caption-line-height: 19.5;
     --article-image-source-line-height: 19;
-    --article-content-stack-space: var(--stack-space-resp-lg, 32px);
     --article-headings-stack-space: var(--space2x, 16px);
     --article-image-landscape-inline-space: var(--space2x, 16px);
     --article-meta-font-size: 16px;
     --article-content-inline-space: 162px;
+    --article-headings-inline-space: var(--space2x, 16px);
     --article-image-portait-inline-space: 162px;
-    --article-image-container-stack-space: var(--stack-space-resp-sm, 16px);
-    --article-infobox-inline-space: var(--inline-space-resp-lg, 32px);
-    --article-infobox-stack-space: var(--stack-space-resp-lg, 32px);
   }
 }

package/dist/css/sportbild/components/audioplayer.css

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