@marioschmidt/design-system-components 1.4.3 → 1.5.0

package/dist/www/css/advertorial/components/paywall.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Paywall Component Tokens
@@ -18,7 +18,7 @@
 :host([data-content-brand="advertorial"]) .paywall-card-price-tag {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: var(--size-8-x, 64px);
+  font-size: var(--paywall-card-price-tag-font-size);
   line-height: var(--size-8-x, 64px);
   letter-spacing: var(--display-2-letter-space);
 }
@@ -27,7 +27,7 @@
 :host([data-content-brand="advertorial"]) .paywall-card-note {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: var(--size-5-x, 40px);
+  font-size: 40px;
   line-height: var(--size-5-x, 40px);
   letter-spacing: var(--display-3-letter-space);
 }
@@ -39,8 +39,8 @@
   --paywall-container-gap-space: -48px;
   --paywall-header-bottom-stack-space: var(--space-10-x, 80px);
   --paywall-card-max-width-size: 346px;
-  --paywall-card-price-tag-font-size: var(--size-8-x, 64px);
+  --paywall-card-price-tag-font-size: 64px;
   --paywall-card-price-tag-line-height: var(--size-8-x, 64px);
   --paywall-card-price-note-line-height: var(--size-5-x, 40px);
-  --paywall-card-price-note-font-size: var(--size-5-x, 40px);
+  --paywall-card-price-note-font-size: 40px;
 }

package/dist/www/css/advertorial/components/quote.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Quote Component Tokens
@@ -18,14 +18,14 @@
 :host([data-content-brand="advertorial"]) {
   --quote-container-inline-space: var(--inline-space-const-lg);
   --quote-container-stack-space: var(--stack-space-resp-lg);
-  --quote-quotation-marks-font-size: var(--size-3-p-5-x, 28px);
+  --quote-quotation-marks-font-size: 28px;
   --quote-content-gap-space: var(--gap-space-const-lg);
 }
 
 @media (min-width: 600px) {
   [data-content-brand="advertorial"],
   :host([data-content-brand="advertorial"]) {
-    --quote-quotation-marks-font-size: var(--size-4-x, 32px);
+    --quote-quotation-marks-font-size: 32px;
     --quote-content-gap-space: var(--gap-space-const-3-xl);
   }
 }
@@ -34,6 +34,6 @@
   [data-content-brand="advertorial"],
   :host([data-content-brand="advertorial"]) {
     --quote-container-inline-space: var(--space-3-p-5-x, 28px);
-    --quote-quotation-marks-font-size: var(--size-4-p-5-x, 36px);
+    --quote-quotation-marks-font-size: 36px;
   }
 }

package/dist/www/css/advertorial/components/radiobutton.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: RadioButton Component Tokens

package/dist/www/css/advertorial/components/search.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Search Component Tokens

package/dist/www/css/advertorial/components/sectiontitle.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: SectionTitle Component Tokens

package/dist/www/css/advertorial/components/separator.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Separator Component Tokens

package/dist/www/css/advertorial/components/skeletons.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Skeletons Component Tokens

package/dist/www/css/advertorial/components/slider.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Slider Component Tokens

package/dist/www/css/advertorial/components/specialnavi.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens

package/dist/www/css/advertorial/components/spinner.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Spinner Component Tokens
@@ -18,7 +18,7 @@
 :host([data-content-brand="advertorial"]) {
   --video-spinner-size: var(--size-const-sm);
   --video-spinner-stroke-size: 2px;
-  --video-spinner-size-0-5-x: 20px;
+  --video-spinner-size-0-p-5-x: 20px;
 }
 
 @media (min-width: 600px) {
@@ -26,6 +26,6 @@
   :host([data-content-brand="advertorial"]) {
     --video-spinner-size: var(--size-10-x, 80px);
     --video-spinner-stroke-size: 4px;
-    --video-spinner-size-0-5-x: 40px;
+    --video-spinner-size-0-p-5-x: 40px;
   }
 }

package/dist/www/css/advertorial/components/tab.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Tab Component Tokens

package/dist/www/css/advertorial/components/table.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Table Component Tokens

package/dist/www/css/advertorial/components/teaser.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Teaser Component Tokens

package/dist/www/css/advertorial/components/toggleswitch.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: ToggleSwitch Component Tokens

package/dist/www/css/advertorial/components/video.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Video Component Tokens

package/dist/www/css/advertorial/theme.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Theme (Color tokens + Effects for light/dark mode)

package/dist/www/css/advertorial/tokens.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -46,18 +46,18 @@
   --headline-3-font-size: 24px;
   --headline-4-font-size: 16px;
   --body-font-size: 17px;
-  --label-3-font-size: 12px;
+  --label-3-font-size: var(--font-size-1-p-5-x, 12px);
   --label-2-font-size: 15px;
   --label-1-font-size: 17px;
-  --callout-1-font-size: 16px;
+  --callout-1-font-size: var(--font-size-2-x, 16px);
   --footnote-1-font-size: 13px;
   --footnote-2-font-size: 10px;
   --kicker-1-font-size: 16px;
   --kicker-2-font-size: 16px;
   --kicker-3-font-size: 14px;
   --kicker-4-font-size: 12px;
-  --subheadline-1-font-size: 18px;
-  --quote-font-size: 16px;
+  --subheadline-1-font-size: var(--font-size-2-p-25-x, 18px);
+  --quote-font-size: var(--font-size-2-x, 16px);
   --body-font-family: var(--font-family-lucida-grande, Lucida Grande);
   --callout-font-family: var(--font-family-lucida-grande, Lucida Grande);
   --headline-font-family: var(--font-family-lucida-grande, Lucida Grande);
@@ -241,7 +241,7 @@
     --canvas-width-size-web: 600px;
     --canvas-width-size-app: 834px;
     --canvas-height-size-app: 1194px;
-    --title-2-font-size: 16px;
+    --title-2-font-size: var(--font-size-2-x, 16px);
     --display-1-font-size: 70px;
     --display-2-font-size: 41px;
     --display-3-font-size: 31px;
@@ -317,7 +317,7 @@
     --canvas-width-size-app: 1194px;
     --canvas-height-size-app: 834px;
     --title-1-font-size: 28px;
-    --title-2-font-size: 18px;
+    --title-2-font-size: var(--font-size-2-p-25-x, 18px);
     --display-1-font-size: 116px;
     --display-2-font-size: 62px;
     --display-3-font-size: 39px;
@@ -331,7 +331,7 @@
     --kicker-2-font-size: 21px;
     --kicker-3-font-size: 16px;
     --subheadline-1-font-size: 28px;
-    --quote-font-size: 18px;
+    --quote-font-size: var(--font-size-2-p-25-x, 18px);
     --kicker-3-line-height: 17.6px;
     --kicker-2-line-height: 23.1px;
     --kicker-1-line-height: 27.5px;

package/dist/www/css/bild/components/alert.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Alert Component Tokens
@@ -14,12 +14,18 @@
 
 /* === OTHER TOKENS === */
 
+[data-color-brand="bild"],
+:host([data-color-brand="bild"]) {
+  --alert-shadow-down: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --alert-shadow-up: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+}
+
 [data-color-brand="bild"] .alert-shadow-down,
 :host([data-color-brand="bild"]) .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  box-shadow: var(--alert-shadow-down);
 }
 
 [data-color-brand="bild"] .alert-shadow-up,
 :host([data-color-brand="bild"]) .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  box-shadow: var(--alert-shadow-up);
 }

package/dist/www/css/bild/components/article.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Article Component Tokens

package/dist/www/css/bild/components/audioplayer.css

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

package/dist/www/css/bild/components/avatar.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Avatar Component Tokens

package/dist/www/css/bild/components/badge.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Badge Component Tokens

package/dist/www/css/bild/components/breadcrumb.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Breadcrumb Component Tokens

package/dist/www/css/bild/components/breakingnews.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: BreakingNews Component Tokens

package/dist/www/css/bild/components/button.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Button Component Tokens

package/dist/www/css/bild/components/card.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Card Component Tokens

package/dist/www/css/bild/components/carousel.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Carousel Component Tokens

package/dist/www/css/bild/components/chip.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Chip Component Tokens
@@ -34,14 +34,14 @@
 :host([data-content-brand="bild"]) .chip-label {
   font-family: var(--footnote-font-family);
   font-weight: var(--label-font-weight-bold);
-  font-size: var(--size-2-x, 16px);
+  font-size: 16px;
 }
 
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],
 :host([data-content-brand="bild"]) {
-  --chip-font-size: var(--size-2-x, 16px);
+  --chip-font-size: 16px;
   --chip-inline-space: var(--inline-space-const-md);
   --chip-stack-space: var(--stack-space-const-sm);
 }
@@ -49,7 +49,7 @@
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
   :host([data-content-brand="bild"]) {
-    --chip-font-size: var(--size-2-p-25-x, 18px);
+    --chip-font-size: 18px;
   }
 }
 

package/dist/www/css/bild/components/datepicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Datepicker Component Tokens

package/dist/www/css/bild/components/drawers.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Drawers Component Tokens

package/dist/www/css/bild/components/dropdown.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Dropdown Component Tokens

package/dist/www/css/bild/components/empties.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Empties Component Tokens

package/dist/www/css/bild/components/footer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Footer Component Tokens

package/dist/www/css/bild/components/gallery.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Gallery Component Tokens

package/dist/www/css/bild/components/icon.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Icon Component Tokens

package/dist/www/css/bild/components/iconbutton.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: IconButton Component Tokens

package/dist/www/css/bild/components/infoelement.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: InfoElement Component Tokens

package/dist/www/css/bild/components/inputfield.css

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
- * Brand: Bild | Bundle: InputField Component Tokens
+ * Brand: Bild | Bundle: Inputfield Component Tokens
  *
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
@@ -12,50 +12,6 @@
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
  */
 
-/* === DENSITY TOKENS === */
-
-[data-content-brand="bild"][data-density="default"],
-:host([data-content-brand="bild"][data-density="default"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --density-input-field-inline-space: var(--space-2-x, 16px);
-  --density-input-field-stack-space: var(--space-1-x, 8px);
-  --density-input-field-height-size: var(--size-5-x, 40px);
-  --density-input-field-label-font-size: 17px;
-  --density-input-field-label-line-height: 17px;
-
-}
-
-[data-content-brand="bild"][data-density="dense"],
-:host([data-content-brand="bild"][data-density="dense"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --density-input-field-inline-space: var(--space-2-x, 16px);
-  --density-input-field-stack-space: var(--space-0-p-75-x, 6px);
-  --density-input-field-height-size: var(--size-4-p-5-x, 36px);
-  --density-input-field-label-font-size: 16px;
-  --density-input-field-label-line-height: 16px;
-
-}
-
-[data-content-brand="bild"][data-density="spacious"],
-:host([data-content-brand="bild"][data-density="spacious"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --density-input-field-inline-space: var(--space-2-x, 16px);
-  --density-input-field-stack-space: var(--space-1-p-5-x, 12px);
-  --density-input-field-height-size: var(--size-6-x, 48px);
-  --density-input-field-label-font-size: 19px;
-  --density-input-field-label-line-height: 19px;
-
-}
-
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="bild"] .input-field-label,

package/dist/www/css/bild/components/kicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Kicker Component Tokens

package/dist/www/css/bild/components/liveticker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: LiveTicker Component Tokens

package/dist/www/css/bild/components/mediaplayer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.5.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: MediaPlayer Component Tokens