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/bild/components/menu.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Menu Component Tokens
@@ -16,28 +16,28 @@
 [data-brand="bild"][data-theme="light"] {
   --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
-  --menu-link-lane-surface-color: var(--color-neutral100, #FFFFFF);
-  --menu-link-lane-label-color: var(--color-neutral35, #4B525A);
-  --menu-link-lane-label-color-active: var(--color-neutral15, #232629);
-  --app-top-bar-surface-color: var(--color-neutral100, #FFFFFF);
-  --app-top-bar-icon-color: var(--color-neutral35, #4B525A);
-  --app-top-bar-text-color-primary: var(--color-neutral15, #232629);
-  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral93, #E9ECEF);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--color-bild-red50, #DD0000);
+  --menu-link-lane-surface-color: var(--color-neutral-100, #FFFFFF);
+  --menu-link-lane-label-color: var(--color-neutral-35, #4B525A);
+  --menu-link-lane-label-color-active: var(--color-neutral-15, #232629);
+  --app-top-bar-surface-color: var(--color-neutral-100, #FFFFFF);
+  --app-top-bar-icon-color: var(--color-neutral-35, #4B525A);
+  --app-top-bar-text-color-primary: var(--color-neutral-15, #232629);
+  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-93, #E9ECEF);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--color-bild-red-50, #DD0000);
 }
 /* === COLOR TOKENS (DARK MODE) === */
 [data-brand="bild"][data-theme="dark"] {
   --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
-  --menu-link-lane-surface-color: var(--color-neutral15, #232629);
-  --menu-link-lane-label-color: var(--color-neutral60, #8C9196);
-  --menu-link-lane-label-color-active: var(--color-neutral100, #FFFFFF);
-  --app-top-bar-surface-color: var(--color-neutral25, #343C41);
-  --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-neutral35, #4B525A);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral100, #FFFFFF);
+  --menu-link-lane-surface-color: var(--color-neutral-15, #232629);
+  --menu-link-lane-label-color: var(--color-neutral-60, #8C9196);
+  --menu-link-lane-label-color-active: var(--color-neutral-100, #FFFFFF);
+  --app-top-bar-surface-color: var(--color-neutral-25, #343C41);
+  --app-top-bar-icon-color: var(--color-neutral-60, #8C9196);
+  --app-top-bar-text-color-primary: var(--color-neutral-93, #E9ECEF);
+  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-35, #4B525A);
+  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #FFFFFF);
 }
 /* === TYPOGRAPHY TOKENS === */
@@ -69,8 +69,8 @@
   .menu-item-util-label {
     font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
     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);
     text-transform: uppercase;
   }
@@ -79,26 +79,26 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="bild"] {
-  --menu-item-space: var(--space1x, 8px);
+  --menu-item-space: var(--space-1-x, 8px);
   --menu-item-font-size: 15px;
-  --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-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;
@@ -118,17 +118,17 @@
 @media (min-width: 1024px) {
   [data-brand="bild"] {
-    --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));
   }
 }
@@ -139,9 +139,9 @@
 }
 [data-brand="bild"] .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="bild"] .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/bild/components/menuitem.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: MenuItem Component Tokens
@@ -19,10 +19,10 @@
      OTHER
      ============================================ */
-  --menu-item-border-color-active: var(--color-bild-red50, #DD0000);
+  --menu-item-border-color-active: var(--color-bild-red-50, #DD0000);
   --menu-item-label-color-primary: var(--label-color-secondary);
   --menu-item-label-color-primary-active: var(--label-color-primary);
-  --menu-item-label-color-secondary: var(--color-neutral100, #FFFFFF);
+  --menu-item-label-color-secondary: var(--color-neutral-100, #FFFFFF);
 }
@@ -33,9 +33,9 @@
      OTHER
      ============================================ */
-  --menu-item-border-color-active: var(--color-neutral100, #FFFFFF);
+  --menu-item-border-color-active: var(--color-neutral-100, #FFFFFF);
   --menu-item-label-color-primary: var(--label-color-tertiary);
-  --menu-item-label-color-primary-active: var(--color-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/bild/components/newsticker.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: NewsTicker Component Tokens
@@ -25,15 +25,15 @@
   .news-ticker-kicker {
     font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
     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-gotham-cond, Gotham Condensed);
     font-weight: 900;
-    font-size: var(--headline3-font-size, 28px);
-    line-height: var(--headline3-line-height, 28px);
+    font-size: var(--headline-3-font-size, 28px);
+    line-height: var(--headline-3-line-height, 28px);
   }
 }
@@ -46,16 +46,16 @@
   --news-ticker-time-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
   --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;
 }
@@ -68,11 +68,11 @@
 @media (min-width: 600px) {
   [data-brand="bild"] {
-    --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;
@@ -84,9 +84,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/bild/components/pagination.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Pagination Component Tokens
@@ -15,17 +15,17 @@
 /* === COLOR TOKENS (LIGHT MODE) === */
 [data-brand="bild"][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="bild"][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-gotham-xnarrow, Gotham XNarrow);
     font-weight: var(--font-weight-bold, 700);
-    font-size: var(--label1-font-size, 17px);
-    line-height: var(--label1-line-height, 17px);
-    letter-spacing: var(--letter-space0p25, 0.25px);
+    font-size: var(--label-1-font-size, 17px);
+    line-height: var(--label-1-line-height, 17px);
+    letter-spacing: var(--letter-space-0-p-25, 0.25px);
     text-decoration: underline;
   }
@@ -45,11 +45,11 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="bild"] {
-  --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="bild"] {
   --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/bild/components/partnerlinks.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | 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/bild/components/paywall.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Paywall Component Tokens
@@ -18,17 +18,17 @@
   .paywall-card-price-tag {
     font-family: var(--font-family-gotham, Gotham);
     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-gotham, Gotham);
     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="bild"] {
   --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/bild/components/quote.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Quote Component Tokens
@@ -17,20 +17,20 @@
 [data-brand="bild"] {
   --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="bild"] {
-    --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="bild"] {
-    --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/bild/components/radiobutton.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: RadioButton Component Tokens
@@ -15,6 +15,6 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="bild"] {
-  --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/bild/components/search.css CHANGED Viewed

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: SectionTitle Component Tokens
@@ -15,15 +15,15 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="bild"] {
-  --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="bild"] {
-    --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/bild/components/selection.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | 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/bild/components/separator.css CHANGED Viewed

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

package/dist/css/bild/components/skeletons.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Skeletons Component Tokens
@@ -23,9 +23,9 @@
 @media (min-width: 600px) {
   [data-brand="bild"] {
-    --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/bild/components/slider.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Slider Component Tokens
@@ -15,26 +15,26 @@
 /* === COLOR TOKENS (LIGHT MODE) === */
 [data-brand="bild"][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="bild"][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="bild"] {
-  --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="bild"] {
-  --slider-button-opacity: var(--layer-opacity90);
+  --slider-button-opacity: var(--layer-opacity-90);
 }

package/dist/css/bild/components/socialsharebutton.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.65
+ * BILD Design System Tokens v1.0.66
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | 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);
 }