@marioschmidt/design-system-components 1.4.1 → 1.4.3

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Avatar Component Tokens
@@ -85,7 +85,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --avatar-author-page-size: var(--size-16-p-25, 130px);
     --avatar-lane-gap-space: var(--space-3-x, 24px);
   }
@@ -93,7 +93,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --avatar-label-font-size: 18px;
     --avatar-label-line-height: 23px;
   }

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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Breadcrumb Component Tokens
@@ -56,7 +56,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --breadcrumb-font-size: 12px;
     --breadcrumb-inline-space: 0px;
     --breadcrumb-line-height: 12px;

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: BreakingNews Component Tokens
@@ -88,7 +88,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --breaking-news-badge-upper-title-font-size: 17px;
     --breaking-news-badge-lower-title-font-size: 30px;
     --breaking-news-badge-upper-title-line-height: 12px;
@@ -99,7 +99,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --breaking-news-badge-inline-space: var(--size-3-p-25-x, 26px);
   }
 }

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Button Component Tokens
@@ -97,7 +97,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --partner-link-button-label-font-size: 18px;
   }
 }

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Card Component Tokens
@@ -47,7 +47,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --search-result-card-image-width-size: 260px;
   }
 }

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Carousel Component Tokens
@@ -27,7 +27,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --gallery-teaser-title-bottom-space: var(--space-4-p-5-x, 36px);
     --gallery-teaser-app-gap-space: var(--gap-space-const-sm);
     --app-epaper-carousel-item-focus-width: 240px;
@@ -39,7 +39,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --standard-teaser-gallery-teaser-width-web: 300px;
     --standard-teaser-gallery-teaser-width-app: 464px;
   }

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Chip Component Tokens
@@ -48,7 +48,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --chip-font-size: var(--size-2-p-25-x, 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: InfoElement Component Tokens
@@ -24,7 +24,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --info-element-teaser-image-height-size: 83px;
     --info-element-teaser-image-width-size: var(--size-18-p-5-x, 148px);
   }
@@ -32,7 +32,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --info-element-teaser-badge-height-size: var(--size-3-x, 24px);
     --info-element-teaser-image-height-size: 133px;
     --info-element-teaser-image-width-size: 236px;

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: InputField Component Tokens
@@ -84,7 +84,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --hey-input-container-inline-space: var(--inline-space-const-lg);
     --input-field-label-line-height: var(--density-input-field-label-font-size);
   }

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.1
+ * BILD Design System Tokens v1.4.3
  * 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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: LiveTicker Component Tokens
@@ -46,7 +46,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --live-ticker-headlines-font-size: 32px;
     --live-ticker-time-stamp-font-size: 16px;
     --live-ticker-app-card-height-size: 128px;
@@ -56,7 +56,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --live-ticker-slider-item-width-max-size: 537px;
   }
 }

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.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: MediaPlayer Component Tokens
@@ -102,7 +102,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --vid-player-timecode-font-size: 16px;
     --vid-player-timecode-container-min-width-size: 58px;
   }
@@ -110,7 +110,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg);
     --vid-player-timecode-font-size: 18px;
     --vid-player-progress-bar-container-height-size: 42px;

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Menu Component Tokens
@@ -110,7 +110,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --app-topbar-title-font-size: 14px;
     --app-topbar-stage-title-height: 17px;
     --i-osapp-top-bar-height-size: 48px;
@@ -121,7 +121,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --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(--size-12-p-5-x, 100px);
@@ -143,3 +143,13 @@
   --menu-surface-color: var(--bg-color-primary);
   --app-top-bar-icon-color: var(--icon-color-secondary);
 }
+
+[data-color-brand="bild"] .menu-shadow,
+:host([data-color-brand="bild"]) .menu-shadow {
+  box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+}
+
+[data-color-brand="bild"] .hey-input-shadow,
+:host([data-color-brand="bild"]) .hey-input-shadow {
+  box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
+}

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: NewsTicker Component Tokens
@@ -63,14 +63,14 @@
 
 @media (min-width: 390px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --news-ticker-time-font-family: var(--label-font-family);
   }
 }
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --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);
@@ -84,7 +84,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --news-ticker-time-font-size: 18px;
     --news-ticker-time-line-height: 23.4px;
     --news-ticker-titles-inline-space: 30px;

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Pagination Component Tokens
@@ -53,7 +53,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --gallery-pagination-container-web-inline-space: var(--inline-space-const-md);
     --gallery-pagination-container-stack-space: var(--stack-space-const-lg);
   }

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Quote Component Tokens
@@ -24,7 +24,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --quote-quotation-marks-font-size: var(--size-4-x, 32px);
     --quote-content-gap-space: var(--gap-space-const-3-xl);
   }
@@ -32,7 +32,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --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/www/css/bild/components/radiobutton.css

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: SectionTitle Component Tokens
@@ -24,7 +24,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --section-title-height-size: var(--size-5-x, 40px);
     --section-title-arrow-inline-space-active: 8px;
   }

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Skeletons Component Tokens
@@ -24,7 +24,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --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);

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.1
+ * BILD Design System Tokens v1.4.3
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: SpecialNavi Component Tokens
@@ -31,7 +31,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="bild"],
-:host([data-content-brand="bild"]) {
+  :host([data-content-brand="bild"]) {
     --special-navi-inline-space: var(--space-4-x, 32px);
   }
 }

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

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

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

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