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

@marioschmidt/design-system-tokens 1.0.63 → 1.0.64

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 (2558) 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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -188,18 +188,18 @@
   --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);
@@ -334,7 +334,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);
@@ -430,7 +430,7 @@
     --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-sm: var(--letter-space-neg0p25, -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);
@@ -480,7 +480,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 +488,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 +496,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 +703,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 +711,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 +719,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 +727,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 +736,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 +744,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 +753,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 +761,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 +770,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 +778,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 +787,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 +795,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.64
  * 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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: _DSysDocs Component Tokens
@@ -20,7 +20,7 @@
   --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;
@@ -55,7 +55,7 @@
     --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.64
  * 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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Alert Component Tokens
@@ -43,11 +43,11 @@
    ============================================ */
 [data-brand="bild"][data-theme="dark"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px 6px 10px 0px var(--black-alpha20, 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));
+  box-shadow: 0px -2px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
 }
 /* ============================================
@@ -55,9 +55,9 @@
    ============================================ */
 [data-brand="bild"][data-theme="light"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px 6px 10px 0px var(--black-alpha20, rgba(0, 0, 0, 0.2));
 }
 [data-brand="bild"][data-theme="light"] .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--alpha-black20, rgba(0, 0, 0, 0.2));
+  box-shadow: 0px -2px 10px 0px var(--black-alpha20, 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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Article Component Tokens

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.64
  * 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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Avatar Component Tokens
@@ -31,7 +31,7 @@
      OTHER
      ============================================ */
-  --avatar-label-color: var(--bild100, #FFFFFF);
+  --avatar-label-color: var(--white100, #FFFFFF);
   --avatar-label-color-hover: var(--bildred, #DD0000);
 }

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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Badge Component Tokens

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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Breadcrumb Component Tokens
@@ -32,7 +32,7 @@
      ============================================ */
   --breadcrumb-text-color-idle: var(--bild096, #F2F4F5);
-  --breadcrumb-text-color-hover: var(--bild100, #FFFFFF);
+  --breadcrumb-text-color-hover: var(--white100, #FFFFFF);
 }

package/dist/css/bild/components/breakingnews.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: BreakingNews Component Tokens
@@ -21,7 +21,7 @@
   --breaking-news-title-surface-color: var(--bildorange, #FD8227);
   --breaking-news-surface-color: var(--bild015, #232629);
-  --breaking-news-text-content-color: var(--bild100, #FFFFFF);
+  --breaking-news-text-content-color: var(--white100, #FFFFFF);
   --breaking-news-top-title-text-color: var(--bild010, #1C1C1C);
   --breaking-news-bottom-title-text-color: var(--bild010, #1C1C1C);

package/dist/css/bild/components/button.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Button Component Tokens
@@ -21,7 +21,7 @@
   --button-primary-brand-bg-color-idle: var(--bildred, #DD0000);
   --button-primary-brand-bg-color-hover: var(--bildred035, #AF0002);
-  --button-primary-label-color: var(--bild100, #FFFFFF);
+  --button-primary-label-color: var(--white100, #FFFFFF);
   --button-primary-success-color-idle: var(--bildgreen056, #18995C);
   --button-primary-success-color-hover: var(--bildgreen040, #006E3E);
   --button-primary-neutral-bg-color-idle: var(--bild015, #232629);
@@ -73,10 +73,10 @@
   --button-primary-brand-bg-color-idle: var(--bildred, #DD0000);
   --button-primary-brand-bg-color-hover: var(--bildred035, #AF0002);
-  --button-primary-label-color: var(--bild100, #FFFFFF);
+  --button-primary-label-color: var(--white100, #FFFFFF);
   --button-primary-success-color-idle: var(--bildgreen056, #18995C);
   --button-primary-success-color-hover: var(--bildgreen040, #006E3E);
-  --button-primary-neutral-bg-color-idle: var(--bild100, #FFFFFF);
+  --button-primary-neutral-bg-color-idle: var(--white100, #FFFFFF);
   --button-primary-neutral-bg-color-hover: var(--bild093, #E9ECEF);
@@ -86,7 +86,7 @@
   --button-tertiary-label-color: var(--bild096, #F2F4F5);
   --button-tertiary-border-color-idle: var(--bild035, #4B525A);
-  --button-tertiary-border-color-hover: var(--bild100, #FFFFFF);
+  --button-tertiary-border-color-hover: var(--white100, #FFFFFF);
   --button-tertiary-success-bg-color-hover: var(--bildgreen056-alpha50, rgba(0, 155, 90, 0.5));
   --button-tertiary-success-border-color: var(--bildgreen056, #18995C);
@@ -162,7 +162,7 @@
     font-weight: 700;
     font-size: var(--button-label-font-size, 15px);
     line-height: var(--button-label-line-height, 15px);
-    letter-spacing: var(--letter-space0-5, 0.5px);
+    letter-spacing: var(--letter-space0p5, 0.5px);
     text-transform: uppercase;
   }

package/dist/css/bild/components/card.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Card Component Tokens

package/dist/css/bild/components/carousel.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Carousel Component Tokens

package/dist/css/bild/components/chip.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Chip Component Tokens
@@ -21,7 +21,7 @@
   --chip-bg-color-hover: var(--bildred035, #AF0002);
   --chip-label-color-hover: var(--core-color-secondary-constant, #FFFFFF);
-  --chip-bg-color-active: #DD0000;
+  --chip-bg-color-active: var(--bildred, #DD0000);
   --chip-bg-color-idle: var(--bild093, #E9ECEF);
   --chip-label-color-idle: var(--bild015, #232629);
@@ -36,9 +36,9 @@
   --chip-bg-color-hover: var(--bild085, #CED4DA);
   --chip-label-color-hover: var(--core-color-tertiary-constant, #232629);
-  --chip-bg-color-active: var(--bild100, #FFFFFF);
+  --chip-bg-color-active: var(--white100, #FFFFFF);
   --chip-bg-color-idle: var(--bild035, #4B525A);
-  --chip-label-color-idle: var(--bild100, #FFFFFF);
+  --chip-label-color-idle: var(--white100, #FFFFFF);
 }

package/dist/css/bild/components/datepicker.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Datepicker Component Tokens

package/dist/css/bild/components/drawers.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Drawers Component Tokens

package/dist/css/bild/components/dropdown.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Dropdown Component Tokens

package/dist/css/bild/components/empties.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Empties Component Tokens

package/dist/css/bild/components/foldout.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Foldout Component Tokens

package/dist/css/bild/components/footer.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Footer Component Tokens

package/dist/css/bild/components/gallery.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Gallery Component Tokens
@@ -19,7 +19,7 @@
      OTHER
      ============================================ */
-  --app-image-lightbox-gallery-bg-color: var(--bildblack, #000000);
+  --app-image-lightbox-gallery-bg-color: var(--black100, #000000);
 }
@@ -30,6 +30,6 @@
      OTHER
      ============================================ */
-  --app-image-lightbox-gallery-bg-color: var(--bildblack, #000000);
+  --app-image-lightbox-gallery-bg-color: var(--black100, #000000);
 }

package/dist/css/bild/components/hey.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Hey Component Tokens
@@ -36,7 +36,7 @@
   --hey-fav-input-field-surface-color: var(--bild035, #4B525A);
   --hey-text-color: var(--bild093, #E9ECEF);
-  --hey-icon-util-color: var(--bild100, #FFFFFF);
+  --hey-icon-util-color: var(--white100, #FFFFFF);
   --hey-separator-color: var(--bild045, #666B70);
   --hey-drawer-surface-color: var(--surface-color-tertiary, #343C41);

package/dist/css/bild/components/icon.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Icon Component Tokens

package/dist/css/bild/components/infoelement.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.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: InfoElement Component Tokens

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

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
- * Brand: Bild | Bundle: Inputfield Component Tokens
+ * Brand: Bild | Bundle: InputField Component Tokens
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
@@ -12,6 +12,40 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
+/* === COLOR TOKENS (LIGHT MODE) === */
+[data-brand="bild"][data-theme="light"] {
+  /* ============================================
+     OTHER
+     ============================================ */
+  --input-field-border-color-idle: var(--bild085, #CED4DA);
+  --input-field-border-color-active: var(--bild035, #4B525A);
+  --input-field-border-color-dark: var(--bild060, #8C9196);
+  --input-field-border-color-dark-active: var(--border-color-high-contrast, #232629);
+  --input-field-bg-color-dark-low-contrast: var(--bild025, #343C41);
+  --input-field-bg-color-dark-medium-contrast: var(--bild035, #4B525A);
+  --input-field-bg-color-dark-high-contrast: var(--bild093, #E9ECEF);
+}
+/* === COLOR TOKENS (DARK MODE) === */
+[data-brand="bild"][data-theme="dark"] {
+  /* ============================================
+     OTHER
+     ============================================ */
+  --input-field-border-color-idle: var(--bild060, #8C9196);
+  --input-field-border-color-active: var(--bild093, #E9ECEF);
+  --input-field-border-color-dark: var(--bild085, #CED4DA);
+  --input-field-border-color-dark-active: var(--border-color-high-contrast, #FFFFFF);
+  --input-field-bg-color-dark-low-contrast: var(--bild025, #343C41);
+  --input-field-bg-color-dark-medium-contrast: var(--bild035, #4B525A);
+  --input-field-bg-color-dark-high-contrast: var(--bild093, #E9ECEF);
+}
 /* === DENSITY TOKENS === */
 [data-brand="bild"][data-density="default"] {
@@ -49,3 +83,35 @@
   --density-input-field-label-font-size: 19px;
 }
+/* === TYPOGRAPHY TOKENS === */
+[data-brand="bild"] {
+  .text-input-field-label {
+    font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+    font-weight: var(--font-weight-book, 400);
+    font-size: 16px;
+    line-height: 16px;
+  }
+}
+/* === BREAKPOINT TOKENS === */
+[data-brand="bild"] {
+  --input-field-stack-space: var(--density-input-field-stack-space, 6px);
+  --input-field-inline-space: var(--density-input-field-inline-space, 16px);
+  --input-field-mini-label-inline-space: var(--space0p5x, 4px);
+  --input-field-font-size: var(--density-input-field-label-font-size, 16px);
+  --input-field-imessage-inline-space: var(--inline-space-const-lg, 16px);
+  --input-field-height-size: var(--density-input-field-height-size, 36px);
+  --hey-input-container-inline-space: var(--inline-space-const-sm, 8px);
+  --input-field-message-gap-space: var(--gap-space-const-xs, 4px);
+  --input-field-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+}
+@media (min-width: 1024px) {
+  [data-brand="bild"] {
+    --hey-input-container-inline-space: var(--inline-space-const-lg, 16px);
+  }
+}