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

@marioschmidt/design-system-tokens 1.0.63 → 1.0.65

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 (3133) hide show

package/dist/css/advertorial/tokens.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.63
+ * ADVERTORIAL Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -12,83 +12,6 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
-/* === DENSITY TOKENS === */
-/* Density: default */
-[data-brand="advertorial"][data-density="default"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-  --density-button-content-gap-space: var(--space1x, 8px);
-  --density-button-stack-space: var(--space1x, 8px);
-  --density-button-label-font-size: 17px;
-  --density-button-inline-space: var(--space2p5x, 20px);
-}
-[data-brand="advertorial"][data-density="default"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-  --density-input-field-inline-space: var(--space2x, 16px);
-  --density-input-field-stack-space: var(--space1x, 8px);
-  --density-input-field-height-size: var(--size5x, 40px);
-  --density-input-field-label-font-size: 17px;
-}
-/* Density: dense */
-[data-brand="advertorial"][data-density="dense"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-  --density-button-content-gap-space: var(--space0p75x, 6px);
-  --density-button-stack-space: var(--space0p75x, 6px);
-  --density-button-label-font-size: 15px;
-  --density-button-inline-space: var(--space2x, 16px);
-}
-[data-brand="advertorial"][data-density="dense"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-  --density-input-field-inline-space: var(--space2x, 16px);
-  --density-input-field-stack-space: var(--space0p75x, 6px);
-  --density-input-field-height-size: var(--size4p5x, 36px);
-  --density-input-field-label-font-size: 16px;
-}
-/* Density: spacious */
-[data-brand="advertorial"][data-density="spacious"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-  --density-button-content-gap-space: var(--space1x, 8px);
-  --density-button-stack-space: var(--space1p5x, 12px);
-  --density-button-label-font-size: 19px;
-  --density-button-inline-space: var(--space3x, 24px);
-}
-[data-brand="advertorial"][data-density="spacious"] {
-  /* ============================================
-     OTHER
-     ============================================ */
-  --density-input-field-inline-space: var(--space2x, 16px);
-  --density-input-field-stack-space: var(--space1p5x, 12px);
-  --density-input-field-height-size: var(--size6x, 48px);
-  --density-input-field-label-font-size: 19px;
-}
 /* === RESPONSIVE BREAKPOINT TOKENS === */
 [data-brand="advertorial"] {
@@ -188,21 +111,21 @@
   --headline4-line-height: 18.4;
   --callout-line-height: 20.8;
   --subheadline1-line-height: 23.4;
-  --letter-spacing-positive-sm: var(--letter-space0-5, 0.5);
+  --letter-spacing-positive-sm: var(--letter-space0p5, 0.5);
   --letter-spacing-positive-lg: var(--letter-space2, 2);
   --letter-spacing-positive-md: var(--letter-space1, 1);
   --letter-spacing-none: var(--letter-space0, 0);
-  --letter-spacing-negative-sm: var(--letter-space-neg0-5, -0.5);
+  --letter-spacing-negative-sm: var(--letter-space-neg0p5, -0.5);
   --letter-spacing-negative-md: var(--letter-space-neg1, -1);
   --letter-spacing-negative-lg: var(--letter-space-neg2, -2);
-  --letter-spacing-negative-xs: var(--letter-space-neg0-25, -0.25);
-  --letter-spacing-positive-xs: var(--letter-space0-25, 0.25);
-  --display1-letter-spacing: var(--letter-space-neg0-5, -0.5);
-  --display2-letter-spacing: var(--letter-space-neg0-5, -0.5);
-  --display3-letter-spacing: var(--letter-space-neg0-5, -0.5);
+  --letter-spacing-negative-xs: var(--letter-space-neg0p25, -0.25);
+  --letter-spacing-positive-xs: var(--letter-space0p25, 0.25);
+  --display1-letter-spacing: var(--letter-space-neg0p5, -0.5);
+  --display2-letter-spacing: var(--letter-space-neg0p5, -0.5);
+  --display3-letter-spacing: var(--letter-space-neg0p5, -0.5);
   --border-radius-xs: var(--size0p25x, 2px);
   --border-radius-md: var(--size1x, 8px);
-  --border-radius-sm: var(--size0-5x, 4px);
+  --border-radius-sm: var(--size0p5x, 4px);
   --border-radius-xl: var(--size3x, 24px);
   --border-radius-lg: var(--size2x, 16px);
   --border-radius-none: var(--size0x, 0px);
@@ -334,7 +257,7 @@
     --headline3-line-height: 28.6;
     --headline4-line-height: 19.8;
     --callout-line-height: 28.6;
-    --letter-spacing-negative-sm: var(--letter-space-neg0-25, -0.25);
+    --letter-spacing-negative-sm: var(--letter-space-neg0p25, -0.25);
     --display1-letter-spacing: var(--letter-space-neg1, -1);
     --display2-letter-spacing: var(--letter-space-neg1, -1);
     --display3-letter-spacing: var(--letter-space-neg1, -1);
@@ -375,16 +298,10 @@
 @media (min-width: 1024px) {
   [data-brand="advertorial"] {
-    --grid-space-resp-lg: var(--space4x, 32px);
-    --grid-space-resp-xl: var(--space8x, 64px);
     --grid-space-resp-base: var(--space2x, 16px);
     --grid-space-resp-sm: var(--space1x, 8px);
     --page-inline-space: var(--space2x, 16px);
     --layout-guide-grid-colums: 12;
-    --section-space-base: var(--space6x, 48px);
-    --section-space-lg: var(--space12x, 96px);
-    --paragraph-end-space: var(--space4x, 32px);
-    --section-space-sm: var(--space4p5x, 36px);
     --breakpoint-min-width-size: 1024px;
     --breakpoint-max-width-size: 1024px;
     --canvas-height-size-web: 768px;
@@ -401,16 +318,13 @@
     --headline3-font-size: 32px;
     --headline4-font-size: 22px;
     --label1-font-size-responsive: 17px;
-    --callout1-font-size: 22px;
     --footnote1-font-size: 15px;
     --footnote2-font-size: 13px;
     --kicker1-font-size: 25px;
     --kicker2-font-size: 21px;
     --kicker3-font-size: 16px;
-    --kicker4-font-size: 14px;
     --subheadline1-font-size: 28px;
     --quote-font-size: 18px;
-    --kicker4-line-height: 15.4;
     --kicker3-line-height: 17.6;
     --kicker2-line-height: 23.1;
     --kicker1-line-height: 27.5;
@@ -427,18 +341,12 @@
     --headline2-line-height: 52.8;
     --headline3-line-height: 35.2;
     --headline4-line-height: 27.5;
-    --callout-line-height: 28.6;
     --subheadline1-line-height: 36.4;
     --letter-spacing-positive-lg: var(--letter-space3, 3);
-    --letter-spacing-negative-sm: var(--letter-space-neg0-25, -0.25);
     --letter-spacing-negative-lg: var(--letter-space-neg3, -3);
     --display1-letter-spacing: var(--letter-space-neg2, -2);
-    --display2-letter-spacing: var(--letter-space-neg1, -1);
-    --display3-letter-spacing: var(--letter-space-neg1, -1);
     --change-on-lg: lg;
-    --change-on-md: md/lg;
     --bp-specific-web: lg;
-    --bp-specific-app: regular;
     --inline-space-resp-sm: var(--space2x, 16px);
     --inline-space-resp-md: var(--space3x, 24px);
     --inline-space-resp-lg: var(--space4x, 32px);
@@ -458,7 +366,6 @@
     --gap-space-resp2-xs: var(--space0p75x, 6px);
     --gap-space-resp3-xl: var(--space12x, 96px);
     --size-resp3-xs: var(--size3x, 24px);
-    --size-resp2-xs: var(--size4x, 32px);
     --size-resp-xs: var(--size6x, 48px);
     --size-resp-sm: var(--size7x, 56px);
     --size-resp-md: var(--size9x, 72px);
@@ -480,7 +387,7 @@
     font-weight: var(--font-weight-black, 800);
     font-size: var(--display1-font-size, 39px);
     line-height: var(--display1-line-height, 40px);
-    letter-spacing: var(--letter-space-neg0-5, -0.5px);
+    letter-spacing: var(--letter-space-neg0p5, -0.5px);
   }
   .display2 {
@@ -488,7 +395,7 @@
     font-weight: var(--font-weight-black, 800);
     font-size: var(--display2-font-size, 35px);
     line-height: var(--display2-line-height, 36px);
-    letter-spacing: var(--letter-space-neg0-5, -0.5px);
+    letter-spacing: var(--letter-space-neg0p5, -0.5px);
   }
   .display3 {
@@ -496,7 +403,7 @@
     font-weight: var(--font-weight-black, 800);
     font-size: var(--display3-font-size, 27px);
     line-height: var(--display3-line-height, 28px);
-    letter-spacing: var(--letter-space-neg0-5, -0.5px);
+    letter-spacing: var(--letter-space-neg0p5, -0.5px);
   }
   .headline1 {
@@ -703,7 +610,7 @@
     font-weight: var(--font-weight-book, 400);
     font-size: var(--label1-font-size, 17px);
     line-height: var(--label1-line-height, 20.4px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label1-bold {
@@ -711,7 +618,7 @@
     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-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label1-bold-resp {
@@ -719,7 +626,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label1-font-size-responsive, 10px);
     line-height: var(--label1-responsive-line-height, 10px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label1-uppercase-bold {
@@ -727,7 +634,7 @@
     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-space0-5, 0.5px);
+    letter-spacing: var(--letter-space0p5, 0.5px);
     text-transform: uppercase;
   }
@@ -736,7 +643,7 @@
     font-weight: var(--font-weight-book, 400);
     font-size: var(--label2-font-size, 15px);
     line-height: var(--label2-line-height, 16px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label2-uppercase {
@@ -744,7 +651,7 @@
     font-weight: var(--font-weight-book, 400);
     font-size: var(--label2-font-size, 15px);
     line-height: var(--label2-line-height, 16px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
     text-transform: uppercase;
   }
@@ -753,7 +660,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label2-font-size, 15px);
     line-height: var(--label2-line-height, 16px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label2-uppercase-bold {
@@ -761,7 +668,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label2-font-size, 15px);
     line-height: var(--label2-line-height, 16px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
     text-transform: uppercase;
   }
@@ -770,7 +677,7 @@
     font-weight: var(--font-weight-book, 400);
     font-size: var(--label3-font-size, 12px);
     line-height: var(--label3-line-height, 14.4px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label3-uppercase {
@@ -778,7 +685,7 @@
     font-weight: var(--font-weight-book, 400);
     font-size: var(--label3-font-size, 12px);
     line-height: var(--label3-line-height, 14.4px);
-    letter-spacing: var(--letter-space0-5, 0.5px);
+    letter-spacing: var(--letter-space0p5, 0.5px);
     text-transform: uppercase;
   }
@@ -787,7 +694,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label3-font-size, 12px);
     line-height: var(--label3-line-height, 14.4px);
-    letter-spacing: var(--letter-space0-25, 0.25px);
+    letter-spacing: var(--letter-space0p25, 0.25px);
   }
   .label3-uppercase-bold {
@@ -795,7 +702,7 @@
     font-weight: var(--font-weight-bold, 700);
     font-size: var(--label3-font-size, 12px);
     line-height: var(--label3-line-height, 14.4px);
-    letter-spacing: var(--letter-space0-5, 0.5px);
+    letter-spacing: var(--letter-space0p5, 0.5px);
     text-transform: uppercase;
   }

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: _DSysDocs Component Tokens
@@ -15,12 +15,12 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="bild"] {
-  --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;
   --foundations-banner-height-size: var(--size10x, 80px);
-  --ds-caption-stack-space0-5x: var(--space0p5x, 4px);
+  --ds-caption-stack-space0p5x: var(--space0p5x, 4px);
   --ds-caption-stack-space1x: var(--space1x, 8px);
   --1column-mobile: 320px;
   --thin-banner-vertical-height-size: 558px;
@@ -41,7 +41,7 @@
     --ds-main-container-space: var(--space8p5x, 68px);
     --dsys-docs-width-size: 962px;
     --main-content-stage-size: 962px;
-    --ds-caption-stack-space0-5x: var(--space0p75x, 6px);
+    --ds-caption-stack-space0p5x: var(--space0p75x, 6px);
     --ds-caption-stack-space1x: var(--space1p5x, 12px);
     --1column-mobile: 930px;
     --doc-header-height-size: 160px;
@@ -50,12 +50,10 @@
 @media (min-width: 1024px) {
   [data-brand="bild"] {
-    --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);
-    --ds-caption-stack-space0-5x: var(--space1x, 8px);
+    --ds-caption-stack-space0p5x: var(--space1x, 8px);
     --ds-caption-stack-space1x: var(--space2x, 16px);
     --1column-mobile: 656px;
     --thin-banner-vertical-height-size: 186px;

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Article Component Tokens
@@ -55,15 +55,15 @@
 [data-brand="bild"] {
   --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, 18px);
-  --article-headline-font-size: var(--headline2-font-size, 40px);
+  --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: 16px;
   --article-image-source-font-size: 16px;
   --article-image-caption-line-height: 19.5;
   --article-image-source-line-height: 21;
-  --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-gotham, Gotham);
@@ -71,51 +71,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="bild"] {
     --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, 22px);
-    --article-headline-font-size: var(--headline1-font-size, 72px);
+    --article-headline-font-size: var(--headline1-font-size);
     --article-gallery-ateaser-width: 260px;
     --article-image-caption-font-size: 18px;
     --article-image-caption-line-height: 24.75;
-    --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="bild"] {
-    --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, 30px);
-    --article-headline-font-size: var(--headline1-font-size, 100px);
     --article-gallery-ateaser-width: 300px;
-    --article-image-caption-font-size: 18px;
     --article-image-source-font-size: 18px;
-    --article-image-caption-line-height: 24.75;
     --article-image-source-line-height: 23;
-    --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/bild/components/audioplayer.css CHANGED Viewed

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Avatar Component Tokens
@@ -19,8 +19,8 @@
      OTHER
      ============================================ */
-  --avatar-label-color: var(--bild015, #232629);
-  --avatar-label-color-hover: var(--bildred, #DD0000);
+  --avatar-label-color: var(--color-neutral15, #232629);
+  --avatar-label-color-hover: var(--color-bild-red50, #DD0000);
 }
@@ -31,8 +31,8 @@
      OTHER
      ============================================ */
-  --avatar-label-color: var(--bild100, #FFFFFF);
-  --avatar-label-color-hover: var(--bildred, #DD0000);
+  --avatar-label-color: var(--color-neutral100, #FFFFFF);
+  --avatar-label-color-hover: var(--color-bild-red50, #DD0000);
 }
@@ -82,12 +82,12 @@
 [data-brand="bild"] {
   --avatar-label-font-size: 16px;
-  --avatar-article-size: var(--size-const-md, 48px);
+  --avatar-article-size: var(--size-const-md);
   --avatar-author-page-size: var(--size12x, 96px);
   --avatar-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
   --avatar-label-line-height: 21;
   --avatar-lane-gap-space: var(--space2x, 16px);
-  --app-avatar-font-family: var(--title-font-family, Gotham);
+  --app-avatar-font-family: var(--title-font-family);
 }
 @media (min-width: 600px) {
@@ -100,8 +100,6 @@
 @media (min-width: 1024px) {
   [data-brand="bild"] {
     --avatar-label-font-size: 18px;
-    --avatar-author-page-size: var(--size16p25, 130px);
     --avatar-label-line-height: 23;
-    --avatar-lane-gap-space: var(--space3x, 24px);
   }
 }

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Badge Component Tokens
@@ -34,7 +34,7 @@
 /* === BREAKPOINT TOKENS === */
 [data-brand="bild"] {
-  --badges-inner-stack-space: var(--stack-space-const3-xs, 2px);
-  --badges-inner-inline-space: var(--inline-space-const2-xs, 4px);
+  --badges-inner-stack-space: var(--stack-space-const3-xs);
+  --badges-inner-inline-space: var(--inline-space-const2-xs);
   --ad-label-badge-height-size: 30px;
 }

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.65
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Breadcrumb Component Tokens
@@ -19,8 +19,8 @@
      OTHER
      ============================================ */
-  --breadcrumb-text-color-idle: var(--bild035, #4B525A);
-  --breadcrumb-text-color-hover: var(--bild015, #232629);
+  --breadcrumb-text-color-idle: var(--color-neutral35, #4B525A);
+  --breadcrumb-text-color-hover: var(--color-neutral15, #232629);
 }
@@ -31,8 +31,8 @@
      OTHER
      ============================================ */
-  --breadcrumb-text-color-idle: var(--bild096, #F2F4F5);
-  --breadcrumb-text-color-hover: var(--bild100, #FFFFFF);
+  --breadcrumb-text-color-idle: var(--color-neutral96, #F2F4F5);
+  --breadcrumb-text-color-hover: var(--color-neutral100, #FFFFFF);
 }
@@ -71,7 +71,7 @@
   --breadcrumb-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
   --breadcrumb-arrow-left-inline-space1: 3px;
   --breadcrumb-arrow-right-inline-space2: 5px;
-  --breadcrumb-inline-space: var(--grid-space-resp-base, 12px);
+  --breadcrumb-inline-space: var(--grid-space-resp-base);
   --breadcrumb-line-height: 15;
   --breadcrumb-font-weight: var(--font-weight-bold, 700);
   --breadcrumb-stack-space: 14px;