@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

package/dist/css/sportbild/components/skeletons.css

@@ -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: Skeletons Component Tokens
@@ -23,9 +23,9 @@
 
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --headlines-skeleton-image-placeholder-max-width: var(--size20x, 160px);
-    --article-skeleton-image-inline-space: var(--space6x, 48px);
-    --article-skeleton-text-inline-space: var(--space6x, 48px);
+    --headlines-skeleton-image-placeholder-max-width: var(--size-20-x, 160px);
+    --article-skeleton-image-inline-space: var(--space-6-x, 48px);
+    --article-skeleton-text-inline-space: var(--space-6-x, 48px);
     --article-text-skeleton-height-size: 720px;
   }
 }

package/dist/css/sportbild/components/slider.css

@@ -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: Slider Component Tokens
@@ -15,26 +15,26 @@
 /* === COLOR TOKENS (LIGHT MODE) === */
 
 [data-brand="sportbild"][data-theme="light"] {
-  --slider-track-bg-color: var(--alpha-white35, rgba(255, 255, 255, 0.35));
+  --slider-track-bg-color: var(--alpha-white-35, rgba(255, 255, 255, 0.35));
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-brand="sportbild"][data-theme="dark"] {
-  --slider-track-bg-color: var(--alpha-white35, rgba(255, 255, 255, 0.35));
+  --slider-track-bg-color: var(--alpha-white-35, rgba(255, 255, 255, 0.35));
 }
 
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="sportbild"] {
-  --slider-progress-bar-idle-height-size: var(--size0p5x, 4px);
-  --slider-progress-bar-hover-height-size: var(--size1x, 8px);
-  --slider-progress-inactive-height-size: var(--size0p25x, 2px);
-  --vid-player-progress-bar-height-size: var(--size1p5x, 12px);
+  --slider-progress-bar-idle-height-size: var(--size-0-p-5-x, 4px);
+  --slider-progress-bar-hover-height-size: var(--size-1-x, 8px);
+  --slider-progress-inactive-height-size: var(--size-0-p-25-x, 2px);
+  --vid-player-progress-bar-height-size: var(--size-1-p-5-x, 12px);
 }
 
 /* === OTHER TOKENS === */
 
 [data-brand="sportbild"] {
-  --slider-button-opacity: var(--layer-opacity90);
+  --slider-button-opacity: var(--layer-opacity-90);
 }

package/dist/css/sportbild/components/socialsharebutton.css

@@ -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: SocialShareButton Component Tokens
@@ -19,10 +19,10 @@
      OTHER
      ============================================ */
 
-  --social-share-button-label-color-default: var(--color-neutral100, #FFFFFF);
-  --social-share-button-label-color-active: var(--color-neutral100, #FFFFFF);
-  --social-share-button-bg-color-active: var(--color-neutral25, #343C41);
-  --social-share-button-bg-color-default: var(--color-neutral35, #4B525A);
+  --social-share-button-label-color-default: var(--color-neutral-100, #FFFFFF);
+  --social-share-button-label-color-active: var(--color-neutral-100, #FFFFFF);
+  --social-share-button-bg-color-active: var(--color-neutral-25, #343C41);
+  --social-share-button-bg-color-default: var(--color-neutral-35, #4B525A);
 
 }
 
@@ -33,9 +33,9 @@
      OTHER
      ============================================ */
 
-  --social-share-button-label-color-default: var(--color-neutral100, #FFFFFF);
-  --social-share-button-label-color-active: var(--color-neutral100, #FFFFFF);
-  --social-share-button-bg-color-active: var(--color-neutral25, #343C41);
-  --social-share-button-bg-color-default: var(--color-neutral35, #4B525A);
+  --social-share-button-label-color-default: var(--color-neutral-100, #FFFFFF);
+  --social-share-button-label-color-active: var(--color-neutral-100, #FFFFFF);
+  --social-share-button-bg-color-active: var(--color-neutral-25, #343C41);
+  --social-share-button-bg-color-default: var(--color-neutral-35, #4B525A);
 
 }

package/dist/css/sportbild/components/specialnavi.css

@@ -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: SpecialNavi Component Tokens
@@ -18,8 +18,8 @@
   .special-navi-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;
   }
 
@@ -28,11 +28,11 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="sportbild"] {
-  --special-navi-inline-space: var(--space3x, 24px);
+  --special-navi-inline-space: var(--space-3-x, 24px);
 }
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --special-navi-inline-space: var(--space4x, 32px);
+    --special-navi-inline-space: var(--space-4-x, 32px);
   }
 }

package/dist/css/sportbild/components/spinner.css

@@ -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: Spinner Component Tokens
@@ -17,13 +17,13 @@
 [data-brand="sportbild"] {
   --video-spinner-size: var(--size-const-sm);
   --video-spinner-stroke-size: 2px;
-  --video-spinner-size0-5x: 20px;
+  --video-spinner-size-0-5-x: 20px;
 }
 
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --video-spinner-size: var(--size10x, 80px);
+    --video-spinner-size: var(--size-10-x, 80px);
     --video-spinner-stroke-size: 4px;
-    --video-spinner-size0-5x: 40px;
+    --video-spinner-size-0-5-x: 40px;
   }
 }

package/dist/css/sportbild/components/subheader.css

@@ -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: Subheader Component Tokens

package/dist/css/sportbild/components/tab.css

@@ -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: Tab Component Tokens
@@ -19,10 +19,10 @@
      OTHER
      ============================================ */
 
-  --tab-bg-color-hover: var(--color-neutral93, #E9ECEF);
-  --tab-label-color-active: var(--color-neutral25, #343C41);
-  --tab-label-color-default: var(--color-neutral35, #4B525A);
-  --app-bottom-tab-bar-bg-color: var(--color-neutral100, #FFFFFF);
+  --tab-bg-color-hover: var(--color-neutral-93, #E9ECEF);
+  --tab-label-color-active: var(--color-neutral-25, #343C41);
+  --tab-label-color-default: var(--color-neutral-35, #4B525A);
+  --app-bottom-tab-bar-bg-color: var(--color-neutral-100, #FFFFFF);
 
 }
 
@@ -33,10 +33,10 @@
      OTHER
      ============================================ */
 
-  --tab-bg-color-hover: var(--color-neutral25, #343C41);
-  --tab-label-color-active: var(--color-neutral96, #F2F4F5);
-  --tab-label-color-default: var(--color-neutral100, #FFFFFF);
-  --app-bottom-tab-bar-bg-color: var(--color-spobi-blue16, #0A2750);
+  --tab-bg-color-hover: var(--color-neutral-25, #343C41);
+  --tab-label-color-active: var(--color-neutral-96, #F2F4F5);
+  --tab-label-color-default: var(--color-neutral-100, #FFFFFF);
+  --app-bottom-tab-bar-bg-color: var(--color-spobi-blue-16, #0A2750);
 
 }
 

package/dist/css/sportbild/components/table.css

@@ -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: Table Component Tokens
@@ -15,34 +15,34 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="sportbild"] {
-  --table-column-width-size1x: var(--size10x, 80px);
-  --table-column-width-size2x: var(--size17p5x, 140px);
-  --table-column-width-size0p5x: var(--size5x, 40px);
-  --table-column-width-size1p5x: var(--size15x, 120px);
-  --table-column-width-size2p5x: var(--size22p5x, 180px);
-  --table-column-width-size0p75x: var(--size7x, 56px);
-  --table-column-width-size3x: var(--size25x, 200px);
+  --table-column-width-size-1-x: var(--size-10-x, 80px);
+  --table-column-width-size-2-x: var(--size-17-p-5-x, 140px);
+  --table-column-width-size-0-p-5-x: var(--size-5-x, 40px);
+  --table-column-width-size-1-p-5-x: var(--size-15-x, 120px);
+  --table-column-width-size-2-p-5-x: var(--size-22-p-5-x, 180px);
+  --table-column-width-size-0-p-75-x: var(--size-7-x, 56px);
+  --table-column-width-size-3-x: var(--size-25-x, 200px);
   --table-item-max-width-size: 224px;
 }
 
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --table-column-width-size1x: var(--size12x, 96px);
-    --table-column-width-size2x: var(--size22p5x, 180px);
-    --table-column-width-size0p5x: var(--size6x, 48px);
-    --table-column-width-size1p5x: var(--size20x, 160px);
-    --table-column-width-size2p5x: var(--size30x, 240px);
-    --table-column-width-size0p75x: var(--size8x, 64px);
-    --table-column-width-size3x: var(--size35x, 280px);
+    --table-column-width-size-1-x: var(--size-12-x, 96px);
+    --table-column-width-size-2-x: var(--size-22-p-5-x, 180px);
+    --table-column-width-size-0-p-5-x: var(--size-6-x, 48px);
+    --table-column-width-size-1-p-5-x: var(--size-20-x, 160px);
+    --table-column-width-size-2-p-5-x: var(--size-30-x, 240px);
+    --table-column-width-size-0-p-75-x: var(--size-8-x, 64px);
+    --table-column-width-size-3-x: var(--size-35-x, 280px);
   }
 }
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --table-column-width-size1x: var(--size17p5x, 140px);
-    --table-column-width-size2x: var(--size27p5x, 220px);
-    --table-column-width-size0p5x: var(--size9x, 72px);
-    --table-column-width-size1p5x: var(--size22p5x, 180px);
-    --table-column-width-size0p75x: var(--size12p5x, 100px);
+    --table-column-width-size-1-x: var(--size-17-p-5-x, 140px);
+    --table-column-width-size-2-x: var(--size-27-p-5-x, 220px);
+    --table-column-width-size-0-p-5-x: var(--size-9-x, 72px);
+    --table-column-width-size-1-p-5-x: var(--size-22-p-5-x, 180px);
+    --table-column-width-size-0-p-75-x: var(--size-12-p-5-x, 100px);
   }
 }

package/dist/css/sportbild/components/teaser.css

@@ -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: Teaser Component Tokens
@@ -15,15 +15,15 @@
 /* === COLOR TOKENS (LIGHT MODE) === */
 
 [data-brand="sportbild"][data-theme="light"] {
-  --teaser-title-background-gradient-start: var(--color-spobi-blue16a70, rgba(10, 39, 80, 0.7));
-  --teaser-title-background-gradient-stop: var(--color-spobi-blue16a0, rgba(10, 39, 80, 0));
+  --teaser-title-background-gradient-start: var(--color-spobi-blue-16-a-70, rgba(10, 39, 80, 0.7));
+  --teaser-title-background-gradient-stop: var(--color-spobi-blue-16-a-0, rgba(10, 39, 80, 0));
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-brand="sportbild"][data-theme="dark"] {
-  --teaser-title-background-gradient-start: var(--color-spobi-blue16a70, rgba(10, 39, 80, 0.7));
-  --teaser-title-background-gradient-stop: var(--color-spobi-blue16a0, rgba(10, 39, 80, 0));
+  --teaser-title-background-gradient-start: var(--color-spobi-blue-16-a-70, rgba(10, 39, 80, 0.7));
+  --teaser-title-background-gradient-stop: var(--color-spobi-blue-16-a-0, rgba(10, 39, 80, 0));
 }
 
 /* === TYPOGRAPHY TOKENS === */
@@ -32,48 +32,48 @@
   .a-teaser-a-teaser-kicker {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 700;
-    font-size: var(--kicker3-font-size, 16px);
-    line-height: var(--kicker3-font-size, 16px);
+    font-size: var(--kicker-3-font-size, 16px);
+    line-height: var(--kicker-3-font-size, 16px);
     font-style: italic;
   }
 
   .a-teaser-a-teaser-headline {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 900;
-    font-size: var(--headline3-font-size, 30px);
-    line-height: var(--headline3-font-size, 30px);
+    font-size: var(--headline-3-font-size, 30px);
+    line-height: var(--headline-3-font-size, 30px);
     font-style: italic;
   }
 
   .m-qteaser-m-qteaser-kicker {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 700;
-    font-size: var(--kicker4-font-size, 14px);
-    line-height: var(--kicker4-line-height, 15.4px);
+    font-size: var(--kicker-4-font-size, 14px);
+    line-height: var(--kicker-4-line-height, 15.4px);
     font-style: italic;
   }
 
   .m-qteaser-m-qteaser-headline {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 900;
-    font-size: var(--headline4-font-size, 21px);
-    line-height: var(--headline4-line-height, 23.1px);
+    font-size: var(--headline-4-font-size, 21px);
+    line-height: var(--headline-4-line-height, 23.1px);
     font-style: italic;
   }
 
   .q-teaser-q-teaser-headline {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 900;
-    font-size: var(--headline1-font-size, 42px);
-    line-height: var(--headline1-line-height, 42px);
+    font-size: var(--headline-1-font-size, 42px);
+    line-height: var(--headline-1-line-height, 42px);
     font-style: italic;
   }
 
   .std-teaser-std-teaser-headline {
     font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
     font-weight: 700;
-    font-size: var(--headline4-font-size, 21px);
-    line-height: var(--headline4-line-height, 23.1px);
+    font-size: var(--headline-4-font-size, 21px);
+    line-height: var(--headline-4-line-height, 23.1px);
     font-style: italic;
   }
 
@@ -83,59 +83,59 @@
 
 [data-brand="sportbild"] {
   --teaser-title-inline-left-space: var(--grid-space-resp-base);
-  --teaser-title-stack-space: var(--space0p5x, 4px);
+  --teaser-title-stack-space: var(--space-0-p-5-x, 4px);
   --teaser-title-gap-space: var(--gap-space-const-xs);
   --teaser-kicker-bg-inline-space: var(--inline-space-const-xs);
-  --teaser-kicker-bg-stack-space: var(--stack-space-const3-xs);
+  --teaser-kicker-bg-stack-space: var(--stack-space-const-3-xs);
   --teaser-badges-margin-space: var(--inline-space-const-sm);
   --teaser-badges-height-size-lg: var(--size-const-xs);
-  --teaser-title-bottom-stack-space: var(--space1p5x, 12px);
-  --teaser-badges-height-size-sm: var(--size-resp2-xs);
+  --teaser-title-bottom-stack-space: var(--space-1-p-5-x, 12px);
+  --teaser-badges-height-size-sm: var(--size-resp-2-xs);
   --teaser-layout-grid-space: var(--grid-space-resp-base);
-  --m-qteaser-headline-font-size: var(--headline4-font-size);
-  --m-qteaser-headline-font-weight: var(--headline4-font-weight);
-  --m-qteaser-headline-line-height: var(--headline4-line-height);
-  --mq-teaser-title-inline-space: var(--space1p5x, 12px);
-  --a-teaser-kicker-font-size: var(--kicker3-font-size);
-  --a-teaser-headline-font-size: var(--headline3-font-size);
-  --a-teaser-kicker-line-height: var(--kicker3-font-size);
-  --a-teaser-headline-line-height: var(--headline3-font-size);
-  --a-teaser-title-inline-space: var(--space1p5x, 12px);
+  --m-qteaser-headline-font-size: var(--headline-4-font-size);
+  --m-qteaser-headline-font-weight: var(--headline-4-font-weight);
+  --m-qteaser-headline-line-height: var(--headline-4-line-height);
+  --mq-teaser-title-inline-space: var(--space-1-p-5-x, 12px);
+  --a-teaser-kicker-font-size: var(--kicker-3-font-size);
+  --a-teaser-headline-font-size: var(--headline-3-font-size);
+  --a-teaser-kicker-line-height: var(--kicker-3-font-size);
+  --a-teaser-headline-line-height: var(--headline-3-font-size);
+  --a-teaser-title-inline-space: var(--space-1-p-5-x, 12px);
   --std-teaser-image-title-gap-space: var(--gap-space-const-xs);
-  --std-teaser-badges-margin-space: var(--space0p5x, 4px);
-  --std-teaser-kicker-headline-stack-space: var(--stack-space-const3-xs);
-  --quad-headline-font-size: var(--headline1-font-size);
-  --quad-kicker-font-size: var(--kicker1-font-size);
-  --quad-headline-line-height: var(--headline1-line-height);
-  --q-teaser-title-inline-space: var(--space1p5x, 12px);
+  --std-teaser-badges-margin-space: var(--space-0-p-5-x, 4px);
+  --std-teaser-kicker-headline-stack-space: var(--stack-space-const-3-xs);
+  --quad-headline-font-size: var(--headline-1-font-size);
+  --quad-kicker-font-size: var(--kicker-1-font-size);
+  --quad-headline-line-height: var(--headline-1-line-height);
+  --q-teaser-title-inline-space: var(--space-1-p-5-x, 12px);
   --bild-play-teaser-width-size: 145px;
-  --super-ateaser-title-inline-space: var(--space3x, 24px);
-  --b-teaser-title-inline-space: var(--space2x, 16px);
+  --super-ateaser-title-inline-space: var(--space-3-x, 24px);
+  --b-teaser-title-inline-space: var(--space-2-x, 16px);
 }
 
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
-    --teaser-title-inline-left-space: var(--space0x, 0px);
-    --teaser-title-bottom-stack-space: var(--space2x, 16px);
-    --m-qteaser-headline-font-size: var(--headline3-font-size);
-    --m-qteaser-headline-font-weight: var(--headline3-font-weight);
-    --m-qteaser-headline-line-height: var(--headline3-line-height);
-    --a-teaser-kicker-font-size: var(--kicker2-font-size);
-    --a-teaser-headline-font-size: var(--headline2-font-size);
-    --a-teaser-kicker-line-height: var(--kicker2-font-size);
-    --a-teaser-headline-line-height: var(--headline2-line-height);
-    --a-teaser-title-inline-space: var(--space2x, 16px);
-    --std-teaser-image-title-gap-space: var(--space0p75x, 6px);
-    --std-teaser-badges-margin-space: var(--space1x, 8px);
-    --quad-kicker-font-size: var(--kicker2-font-size);
-    --q-teaser-title-inline-space: var(--space3x, 24px);
+    --teaser-title-inline-left-space: var(--space-0-x, 0px);
+    --teaser-title-bottom-stack-space: var(--space-2-x, 16px);
+    --m-qteaser-headline-font-size: var(--headline-3-font-size);
+    --m-qteaser-headline-font-weight: var(--headline-3-font-weight);
+    --m-qteaser-headline-line-height: var(--headline-3-line-height);
+    --a-teaser-kicker-font-size: var(--kicker-2-font-size);
+    --a-teaser-headline-font-size: var(--headline-2-font-size);
+    --a-teaser-kicker-line-height: var(--kicker-2-font-size);
+    --a-teaser-headline-line-height: var(--headline-2-line-height);
+    --a-teaser-title-inline-space: var(--space-2-x, 16px);
+    --std-teaser-image-title-gap-space: var(--space-0-p-75-x, 6px);
+    --std-teaser-badges-margin-space: var(--space-1-x, 8px);
+    --quad-kicker-font-size: var(--kicker-2-font-size);
+    --q-teaser-title-inline-space: var(--space-3-x, 24px);
     --bild-play-teaser-width-size: 169px;
   }
 }
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --teaser-title-stack-space: var(--space0p75x, 6px);
+    --teaser-title-stack-space: var(--space-0-p-75-x, 6px);
     --teaser-badges-height-size-lg: var(--size-const-sm);
     --bild-play-teaser-width-size: 193px;
   }
@@ -144,7 +144,7 @@
 /* === OTHER TOKENS === */
 
 [data-brand="sportbild"] {
-  --teaser-hover-opacity: var(--layer-opacity80);
+  --teaser-hover-opacity: var(--layer-opacity-80);
 }
 
 [data-brand="sportbild"] .teaser-headlines-shadow {

package/dist/css/sportbild/components/textlink.css

@@ -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: TextLink Component Tokens
@@ -22,8 +22,8 @@
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-brand="sportbild"][data-theme="dark"] {
-  --text-link-color-secondary: var(--color-neutral85, #CED4DA);
-  --text-link-color-primary: var(--color-neutral60, #8C9196);
+  --text-link-color-secondary: var(--color-neutral-85, #CED4DA);
+  --text-link-color-primary: var(--color-neutral-60, #8C9196);
 }
 
 /* === OTHER TOKENS === */

package/dist/css/sportbild/components/toggleswitch.css

@@ -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: ToggleSwitch Component Tokens

package/dist/css/sportbild/components/video.css

@@ -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: Video Component Tokens
@@ -17,9 +17,9 @@
 [data-brand="sportbild"] {
   --video-time-badge-corner-size: var(--border-radius-xs);
   --video-time-badge-font-size: 16px;
-  --video-time-badge-size: var(--size3x, 24px);
-  --video-red-play-icon-width-size: var(--size1x, 8px);
-  --video-red-play-icon-height-size: var(--size1p25x, 10px);
+  --video-time-badge-size: var(--size-3-x, 24px);
+  --video-red-play-icon-width-size: var(--size-1-x, 8px);
+  --video-red-play-icon-height-size: var(--size-1-p-25-x, 10px);
   --video-badge-time-line-height: 21;
   --video-skeleton-container-height: 180px;
   --video-frame-inline-space: 0px;
@@ -30,9 +30,9 @@
 @media (min-width: 600px) {
   [data-brand="sportbild"] {
     --video-time-badge-font-size: 18px;
-    --video-time-badge-size: var(--size4x, 32px);
-    --video-red-play-icon-width-size: var(--size1p5x, 12px);
-    --video-red-play-icon-height-size: var(--size1p75x, 14px);
+    --video-time-badge-size: var(--size-4-x, 32px);
+    --video-red-play-icon-width-size: var(--size-1-p-5-x, 12px);
+    --video-red-play-icon-height-size: var(--size-1-p-75-x, 14px);
     --video-badge-time-line-height: 23.8;
     --video-skeleton-container-height: 464px;
     --video-frame-inline-space: var(--grid-space-resp-base);
@@ -43,8 +43,8 @@
 
 @media (min-width: 1024px) {
   [data-brand="sportbild"] {
-    --video-time-badge-size: var(--size5x, 40px);
-    --video-red-play-icon-width-size: var(--size1p75x, 14px);
-    --video-red-play-icon-height-size: var(--size2p25x, 18px);
+    --video-time-badge-size: var(--size-5-x, 40px);
+    --video-red-play-icon-width-size: var(--size-1-p-75-x, 14px);
+    --video-red-play-icon-height-size: var(--size-2-p-25-x, 18px);
   }
 }