npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.65 → 1.0.66 - Mend

@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1635) hide show

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: MediaPlayer Component Tokens
@@ -19,16 +19,16 @@
      OTHER
      ============================================ */
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-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-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));
+  --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));
 }
@@ -39,16 +39,16 @@
      OTHER
      ============================================ */
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-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-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));
+  --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));
 }
@@ -81,12 +81,12 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="sportbild"] {
-  --podcast-play-button-size: var(--size6x, 48px);
+  --podcast-play-button-size: var(--size-6-x, 48px);
   --vid-player-bottom-bar-gap-space: 0px;
-  --audio-player-header-stack-space: var(--size7x, 56px);
+  --audio-player-header-stack-space: var(--size-7-x, 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-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;

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Menu Component Tokens
@@ -16,28 +16,28 @@
 [data-brand="sportbild"][data-theme="light"] {
   --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
-  --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);
+  --menu-link-lane-surface-color: var(--color-spobi-blue-16, #0A2750);
+  --menu-link-lane-label-color: var(--color-neutral-85, #CED4DA);
+  --menu-link-lane-label-color-active: var(--color-neutral-100, #FFFFFF);
+  --app-top-bar-surface-color: var(--color-spobi-blue-16, #0A2750);
+  --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-spobi-blue-29, #174482);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-85, #CED4DA);
 }
 /* === COLOR TOKENS (DARK MODE) === */
 [data-brand="sportbild"][data-theme="dark"] {
   --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
-  --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);
+  --menu-link-lane-surface-color: var(--color-spobi-blue-16, #0A2750);
+  --menu-link-lane-label-color: var(--color-neutral-73, #AEB4B9);
+  --menu-link-lane-label-color-active: var(--color-spobi-blue-98, #F7F9FD);
+  --app-top-bar-surface-color: var(--color-spobi-blue-16, #0A2750);
+  --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-spobi-blue-29, #174482);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #FFFFFF);
 }
 /* === TYPOGRAPHY TOKENS === */
@@ -61,8 +61,8 @@
   .menu-item-label {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 700;
-    font-size: var(--size2p25x, 18px);
-    line-height: var(--size2p25x, 18px);
+    font-size: var(--size-2-p-25-x, 18px);
+    line-height: var(--size-2-p-25-x, 18px);
     font-style: italic;
     text-transform: uppercase;
   }
@@ -70,8 +70,8 @@
   .menu-item-util-label {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 700;
-    font-size: var(--size1p5x, 12px);
-    line-height: var(--size1p5x, 12px);
+    font-size: var(--size-1-p-5-x, 12px);
+    line-height: var(--size-1-p-5-x, 12px);
     font-style: italic;
     text-transform: uppercase;
   }
@@ -81,26 +81,26 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="sportbild"] {
-  --menu-item-space: var(--space1x, 8px);
-  --menu-item-font-size: var(--size2p25x, 18px);
-  --menu-item-util-font-size: var(--size1p5x, 12px);
-  --menu-item-util-stack-space: var(--space1p25x, 10px);
-  --menu-link-lane-height-size: var(--size6x, 48px);
-  --menu-utillink-item-height-size: var(--size6x, 48px);
-  --menu-link-item-inline-space: var(--space0p5x, 4px);
-  --menu-logo-default-size: var(--size7x, 56px);
-  --menu-logo-scrolled-size: var(--size7x, 56px);
+  --menu-item-space: var(--space-1-x, 8px);
+  --menu-item-font-size: var(--size-2-p-25-x, 18px);
+  --menu-item-util-font-size: var(--size-1-p-5-x, 12px);
+  --menu-item-util-stack-space: var(--space-1-p-25-x, 10px);
+  --menu-link-lane-height-size: var(--size-6-x, 48px);
+  --menu-utillink-item-height-size: var(--size-6-x, 48px);
+  --menu-link-item-inline-space: var(--space-0-p-5-x, 4px);
+  --menu-logo-default-size: var(--size-7-x, 56px);
+  --menu-logo-scrolled-size: var(--size-7-x, 56px);
   --menu-special-navi-item-height-size: 48px;
-  --sub-nav-bar-height-size: var(--size5p25x, 42px);
+  --sub-nav-bar-height-size: var(--size-5-p-25-x, 42px);
   --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-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-black10, rgba(0, 0, 0, 0.1));
-  --hey-input-shadow-visibility: var(--alpha-black0, rgba(0, 0, 0, 0));
+  --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));
   --app-topbar-title-font-size: 12px;
   --app-topbar-stage-title-height: 14;
   --i-osapp-top-bar-height-size: 44px;
@@ -120,17 +120,17 @@
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --menu-logo-default-size: var(--size18p5x, 148px);
+    --menu-logo-default-size: var(--size-18-p-5-x, 148px);
     --menu-special-navi-item-height-size: 56px;
-    --menu-utility-links-container-height-size: var(--size12p5x, 100px);
+    --menu-utility-links-container-height-size: var(--size-12-p-5-x, 100px);
     --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-utility-links-gap-space: var(--gap-space-const-2-xl);
     --menu-right-inline-space: var(--inline-space-const-lg);
-    --menu-bottom-stack-space: var(--space0x, 0px);
+    --menu-bottom-stack-space: var(--space-0-x, 0px);
     --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));
+    --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));
   }
 }
@@ -141,9 +141,9 @@
 }
 [data-brand="sportbild"] .menu-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black10, rgba(0, 0, 0, 0.1));
+  box-shadow: 0px 8px 10px -8px var(--alpha-black-10, rgba(0, 0, 0, 0.1));
 }
 [data-brand="sportbild"] .hey-input-shadow {
-  box-shadow: 0px 8px 10px -8px var(--alpha-black0, rgba(0, 0, 0, 0));
+  box-shadow: 0px 8px 10px -8px var(--alpha-black-0, rgba(0, 0, 0, 0));
 }

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: NewsTicker Component Tokens
@@ -25,15 +25,15 @@
   .news-ticker-kicker {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: var(--font-weight-bold, 700);
-    font-size: var(--kicker3-font-size, 16px);
-    line-height: var(--kicker3-line-height, 17.6px);
+    font-size: var(--kicker-3-font-size, 16px);
+    line-height: var(--kicker-3-line-height, 17.6px);
   }
   .news-ticker-headline {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 900;
-    font-size: var(--headline3-font-size, 30px);
-    line-height: var(--headline3-line-height, 33px);
+    font-size: var(--headline-3-font-size, 30px);
+    line-height: var(--headline-3-line-height, 33px);
     font-style: italic;
   }
@@ -47,16 +47,16 @@
   --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);
-  --news-ticker-kicker-inner-stack-space: var(--space0p25x, 2px);
+  --news-ticker-kicker-inner-stack-space: var(--space-0-p-25-x, 2px);
   --news-ticker-titles-inline-space: 18px;
-  --news-ticker-badges-inline-space: var(--space1x, 8px);
-  --news-ticker-time-kicker-stack-space: var(--space0p5x, 4px);
-  --news-ticker-entries-stack-space: var(--space2p75x, 22px);
-  --news-ticker-kicker-inner-inline-space: var(--space0p5x, 4px);
-  --news-ticker-skeleton-bottom-space: var(--space8x, 64px);
-  --news-ticker-red-dot-size: var(--size1p5x, 12px);
-  --news-ticker-entries-left-inline-space: var(--space2p75x, 22px);
-  --news-ticker-line-inline-space: var(--space0p75x, 6px);
+  --news-ticker-badges-inline-space: var(--space-1-x, 8px);
+  --news-ticker-time-kicker-stack-space: var(--space-0-p-5-x, 4px);
+  --news-ticker-entries-stack-space: var(--space-2-p-75-x, 22px);
+  --news-ticker-kicker-inner-inline-space: var(--space-0-p-5-x, 4px);
+  --news-ticker-skeleton-bottom-space: var(--space-8-x, 64px);
+  --news-ticker-red-dot-size: var(--size-1-p-5-x, 12px);
+  --news-ticker-entries-left-inline-space: var(--space-2-p-75-x, 22px);
+  --news-ticker-line-inline-space: var(--space-0-p-75-x, 6px);
   --news-ticker-app-card-height-size: 116px;
   --news-ticker-app-card-width-size: 250px;
 }
@@ -69,11 +69,11 @@
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --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);
+    --news-ticker-titles-inline-space: var(--space-3-x, 24px);
+    --news-ticker-badges-inline-space: var(--space-1-p-5-x, 12px);
+    --news-ticker-time-kicker-stack-space: var(--space-0-p-75-x, 6px);
     --news-ticker-skeleton-bottom-space: 0px;
-    --news-ticker-red-dot-size: var(--size1p75x, 14px);
+    --news-ticker-red-dot-size: var(--size-1-p-75-x, 14px);
     --news-ticker-line-inline-space: 7px;
     --news-ticker-app-card-height-size: 150px;
     --news-ticker-app-card-width-size: 300px;
@@ -85,9 +85,9 @@
     --news-ticker-time-font-size: 18px;
     --news-ticker-time-line-height: 23.4;
     --news-ticker-titles-inline-space: 30px;
-    --news-ticker-badges-inline-space: var(--space2x, 16px);
-    --news-ticker-red-dot-size: var(--size2x, 16px);
-    --news-ticker-line-inline-space: var(--space1x, 8px);
+    --news-ticker-badges-inline-space: var(--space-2-x, 16px);
+    --news-ticker-red-dot-size: var(--size-2-x, 16px);
+    --news-ticker-line-inline-space: var(--space-1-x, 8px);
   }
 }

package/dist/css/sportbild/components/pagination.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Pagination Component Tokens
@@ -15,17 +15,17 @@
 /* === COLOR TOKENS (LIGHT MODE) === */
 [data-brand="sportbild"][data-theme="light"] {
-  --pagination-element-color-default: var(--color-neutral85, #CED4DA);
-  --scroll-bar-track-bg-color: var(--alpha-black10, rgba(0, 0, 0, 0.1));
-  --scroll-bar-thumb-bg-color: var(--color-neutral60, #8C9196);
+  --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);
 }
 /* === COLOR TOKENS (DARK MODE) === */
 [data-brand="sportbild"][data-theme="dark"] {
-  --pagination-element-color-default: var(--color-neutral60, #8C9196);
-  --scroll-bar-track-bg-color: var(--alpha-white10, rgba(255, 255, 255, 0.1));
-  --scroll-bar-thumb-bg-color: var(--color-neutral60, #8C9196);
+  --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);
 }
 /* === TYPOGRAPHY TOKENS === */
@@ -34,9 +34,9 @@
   .numbered-pagination-active {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: var(--font-weight-bold, 700);
-    font-size: var(--label1-font-size, 17px);
-    line-height: var(--label1-line-height, 20.4px);
-    letter-spacing: var(--letter-space0p25, 0.25px);
+    font-size: var(--label-1-font-size, 17px);
+    line-height: var(--label-1-line-height, 20.4px);
+    letter-spacing: var(--letter-space-0-p-25, 0.25px);
     text-decoration: underline;
   }
@@ -45,11 +45,11 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="sportbild"] {
-  --gallery-pagination-item-height-size: var(--size0p5x, 4px);
+  --gallery-pagination-item-height-size: var(--size-0-p-5-x, 4px);
   --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(--size1x, 8px);
+  --scroll-bar-thickness-size: var(--size-1-x, 8px);
 }
 @media (min-width: 600px) {
@@ -63,5 +63,5 @@
 [data-brand="sportbild"] {
   --pagination-element-color-active: var(--accent-color-primary);
-  --gallery-pagination-element-active-opacity: var(--layer-opacity100);
+  --gallery-pagination-element-active-opacity: var(--layer-opacity-100);
 }

package/dist/css/sportbild/components/partnerlinks.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: PartnerLinks Component Tokens
@@ -19,11 +19,11 @@
      OTHER
      ============================================ */
-  --partner-links-border-color-idle: var(--color-neutral85, #CED4DA);
-  --partner-links-border-color-active: var(--color-neutral15, #232629);
-  --partner-links-bg-color-idle: var(--color-neutral100, #FFFFFF);
-  --partner-links-bg-color-active: var(--color-neutral93, #E9ECEF);
-  --partner-links-container-border-color: var(--color-neutral85, #CED4DA);
+  --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);
 }
@@ -34,10 +34,10 @@
      OTHER
      ============================================ */
-  --partner-links-border-color-idle: var(--color-neutral85, #CED4DA);
-  --partner-links-border-color-active: var(--color-neutral93, #E9ECEF);
-  --partner-links-bg-color-idle: var(--color-neutral25, #343C41);
-  --partner-links-bg-color-active: var(--color-neutral60, #8C9196);
-  --partner-links-container-border-color: var(--color-neutral35, #4B525A);
+  --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);
 }

package/dist/css/sportbild/components/paywall.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Paywall Component Tokens
@@ -18,17 +18,17 @@
   .paywall-card-price-tag {
     font-family: var(--font-family-antenna-cond, AntennaCond);
     font-weight: var(--font-weight-black, 800);
-    font-size: var(--size8x, 64px);
-    line-height: var(--size8x, 64px);
-    letter-spacing: var(--letter-space-neg0p5, -0.5px);
+    font-size: var(--size-8-x, 64px);
+    line-height: var(--size-8-x, 64px);
+    letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
   }
   .paywall-card-note {
     font-family: var(--font-family-antenna-cond, AntennaCond);
     font-weight: var(--font-weight-black, 800);
-    font-size: var(--size5x, 40px);
-    line-height: var(--size5x, 40px);
-    letter-spacing: var(--letter-space-neg0p5, -0.5px);
+    font-size: var(--size-5-x, 40px);
+    line-height: var(--size-5-x, 40px);
+    letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
   }
 }
@@ -37,10 +37,10 @@
 [data-brand="sportbild"] {
   --paywall-container-gap-space: -48px;
-  --paywall-header-bottom-stack-space: var(--space10x, 80px);
+  --paywall-header-bottom-stack-space: var(--space-10-x, 80px);
   --paywall-card-max-width-size: 346px;
-  --paywall-card-price-tag-font-size: var(--size8x, 64px);
-  --paywall-card-price-tag-line-height: var(--size8x, 64);
-  --paywall-card-price-note-line-height: var(--size5x, 40);
-  --paywall-card-price-note-font-size: var(--size5x, 40px);
+  --paywall-card-price-tag-font-size: var(--size-8-x, 64px);
+  --paywall-card-price-tag-line-height: var(--size-8-x, 64);
+  --paywall-card-price-note-line-height: var(--size-5-x, 40);
+  --paywall-card-price-note-font-size: var(--size-5-x, 40px);
 }

package/dist/css/sportbild/components/quote.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Quote Component Tokens
@@ -17,20 +17,20 @@
 [data-brand="sportbild"] {
   --quote-container-inline-space: var(--inline-space-const-lg);
   --quote-container-stack-space: var(--stack-space-resp-lg);
-  --quote-quotation-marks-font-size: var(--size3p5x, 28px);
+  --quote-quotation-marks-font-size: var(--size-3-p-5-x, 28px);
   --quote-content-gap-space: var(--gap-space-const-lg);
 }
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --quote-quotation-marks-font-size: var(--size4x, 32px);
-    --quote-content-gap-space: var(--gap-space-const3-xl);
+    --quote-quotation-marks-font-size: var(--size-4-x, 32px);
+    --quote-content-gap-space: var(--gap-space-const-3-xl);
   }
 }
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --quote-container-inline-space: var(--space3p5x, 28px);
-    --quote-quotation-marks-font-size: var(--size4p5x, 36px);
+    --quote-container-inline-space: var(--space-3-p-5-x, 28px);
+    --quote-quotation-marks-font-size: var(--size-4-p-5-x, 36px);
   }
 }

package/dist/css/sportbild/components/radiobutton.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: RadioButton Component Tokens
@@ -15,6 +15,6 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="sportbild"] {
-  --radio-selector-size: var(--size2p5x, 20px);
-  --radio-selector-dot-active-size: var(--size1p5x, 12px);
+  --radio-selector-size: var(--size-2-p-5-x, 20px);
+  --radio-selector-dot-active-size: var(--size-1-p-5-x, 12px);
 }

package/dist/css/sportbild/components/search.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Search Component Tokens
@@ -15,5 +15,5 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="sportbild"] {
-  --search-result-badge-height-size: var(--size2p25x, 18px);
+  --search-result-badge-height-size: var(--size-2-p-25-x, 18px);
 }

package/dist/css/sportbild/components/sectiontitle.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: SectionTitle Component Tokens
@@ -15,15 +15,15 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="sportbild"] {
-  --section-title-inner-stack-bottom-space: var(--space1p5x, 12px);
-  --section-title-height-size: var(--size4x, 32px);
+  --section-title-inner-stack-bottom-space: var(--space-1-p-5-x, 12px);
+  --section-title-height-size: var(--size-4-x, 32px);
   --section-title-arrow-inline-space: 5px;
   --section-title-arrow-inline-space-active: 5px;
 }
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --section-title-height-size: var(--size5x, 40px);
+    --section-title-height-size: var(--size-5-x, 40px);
     --section-title-arrow-inline-space-active: 8px;
   }
 }

package/dist/css/sportbild/components/selection.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.65
+ * SPORTBILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Selection Component Tokens
@@ -19,7 +19,7 @@
      OTHER
      ============================================ */
-  --selection-border-color: var(--color-neutral35, #4B525A);
+  --selection-border-color: var(--color-neutral-35, #4B525A);
 }
@@ -30,6 +30,6 @@
      OTHER
      ============================================ */
-  --selection-border-color: var(--color-neutral60, #8C9196);
+  --selection-border-color: var(--color-neutral-60, #8C9196);
 }

package/dist/css/sportbild/components/separator.css CHANGED Viewed

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