@marioschmidt/design-system-components 1.0.79 → 1.1.0

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Separator Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Skeletons Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Slider Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -16,14 +16,14 @@
 
 [data-color-brand="bild"][data-theme="light"],
 :host([data-color-brand="bild"][data-theme="light"]) {
-  --slider-track-bg-color: var(--alpha-white-35, rgba(255, 255, 255, 0.35));
+  --slider-track-bg-color: var(--color-neutral-100-a-35, rgba(255, 255, 255, 0.35));
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-color-brand="bild"][data-theme="dark"],
 :host([data-color-brand="bild"][data-theme="dark"]) {
-  --slider-track-bg-color: var(--alpha-white-35, rgba(255, 255, 255, 0.35));
+  --slider-track-bg-color: var(--color-neutral-100-a-35, rgba(255, 255, 255, 0.35));
 }
 
 /* === BREAKPOINT TOKENS === */

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: SpecialNavi Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Spinner Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Subheader Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -16,5 +16,5 @@
 
 [data-color-brand="bild"],
 :host([data-color-brand="bild"]) {
-  --subheaders-color: var(--text-color-primary);
+  --subheaders-text-color: var(--text-color-primary);
 }

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Tab Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -20,9 +20,6 @@
      OTHER
      ============================================ */
 
-  --tab-bg-color-hover: var(--color-neutral-93, #E9ECEF);
-  --tab-label-color-active: var(--color-neutral-25, #343C41);
-  --tab-label-color-default: var(--color-neutral-35, #4B525A);
   --app-bottom-tab-bar-bg-color: var(--color-neutral-100, #FFFFFF);
 
 }
@@ -35,9 +32,6 @@
      OTHER
      ============================================ */
 
-  --tab-bg-color-hover: var(--color-neutral-25, #343C41);
-  --tab-label-color-active: var(--color-neutral-96, #F2F4F5);
-  --tab-label-color-default: var(--color-neutral-100, #FFFFFF);
   --app-bottom-tab-bar-bg-color: var(--color-neutral-25, #343C41);
 
 }
@@ -52,22 +46,6 @@
   text-transform: uppercase;
 }
 
-[data-content-brand="bild"] .app-bottom-bar-label-default,
-:host([data-content-brand="bild"]) .app-bottom-bar-label-default {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-book, 400);
-  font-size: 11px;
-  line-height: 14.4px;
-}
-
-[data-content-brand="bild"] .app-bottom-bar-label-active,
-:host([data-content-brand="bild"]) .app-bottom-bar-label-active {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: 11px;
-  line-height: 14.4px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Table Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Teaser Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -16,16 +16,16 @@
 
 [data-color-brand="bild"][data-theme="light"],
 :host([data-color-brand="bild"][data-theme="light"]) {
-  --teaser-title-background-gradient-start: var(--alpha-black-70, rgba(0, 0, 0, 0.7));
-  --teaser-title-background-gradient-stop: var(--alpha-black-0, rgba(0, 0, 0, 0));
+  --teaser-title-bg-gradient-start: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
+  --teaser-title-bg-gradient-stop: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
 }
 
 /* === COLOR TOKENS (DARK MODE) === */
 
 [data-color-brand="bild"][data-theme="dark"],
 :host([data-color-brand="bild"][data-theme="dark"]) {
-  --teaser-title-background-gradient-start: var(--alpha-black-70, rgba(0, 0, 0, 0.7));
-  --teaser-title-background-gradient-stop: var(--alpha-black-0, rgba(0, 0, 0, 0));
+  --teaser-title-bg-gradient-start: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
+  --teaser-title-bg-gradient-stop: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
 }
 
 /* === TYPOGRAPHY TOKENS === */
@@ -38,46 +38,6 @@
   line-height: var(--kicker-3-font-size);
 }
 
-[data-content-brand="bild"] .a-teaser-a-teaser-headline,
-:host([data-content-brand="bild"]) .a-teaser-a-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-font-size);
-}
-
-[data-content-brand="bild"] .m-qteaser-m-qteaser-kicker,
-:host([data-content-brand="bild"]) .m-qteaser-m-qteaser-kicker {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--kicker-4-font-size);
-  line-height: var(--kicker-4-line-height);
-}
-
-[data-content-brand="bild"] .m-qteaser-m-qteaser-headline,
-:host([data-content-brand="bild"]) .m-qteaser-m-qteaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-line-height);
-}
-
-[data-content-brand="bild"] .q-teaser-q-teaser-headline,
-:host([data-content-brand="bild"]) .q-teaser-q-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-1-font-size);
-  line-height: var(--headline-1-line-height);
-}
-
-[data-content-brand="bild"] .std-teaser-std-teaser-headline,
-:host([data-content-brand="bild"]) .std-teaser-std-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 700;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-line-height);
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="bild"],

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: ToggleSwitch Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md

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

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Bild | Bundle: Video Component Tokens
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md