@marioschmidt/design-system-tokens 1.0.78 → 1.1.0

package/dist/scss/brands/bild/components/Teaser/teaser-breakpoint-xs-320px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/Teaser/teaser-color-dark.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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
@@ -13,6 +13,6 @@
 
 // When users hover over graphical teasers the image reduces opacity to 80%.
 $teaser-hover-opacity: 0.8;
-$teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
-$teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+$teaser-title-bg-gradient-start: rgba(0, 0, 0, 0.7);
+$teaser-title-bg-gradient-stop: rgba(0, 0, 0, 0);
 

package/dist/scss/brands/bild/components/Teaser/teaser-color-light.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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
@@ -13,6 +13,6 @@
 
 // When users hover over graphical teasers the image reduces opacity to 80%.
 $teaser-hover-opacity: 0.8;
-$teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
-$teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+$teaser-title-bg-gradient-start: rgba(0, 0, 0, 0.7);
+$teaser-title-bg-gradient-stop: rgba(0, 0, 0, 0);
 

package/dist/scss/brands/bild/components/Teaser/teaser-effects-dark.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Mode: dark
 //
-// 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/scss/brands/bild/components/Teaser/teaser-effects-light.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Mode: light
 //
-// 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/scss/brands/bild/components/Teaser/teaser-typography-lg.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: lg
 //
-// 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/scss/brands/bild/components/Teaser/teaser-typography-md.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: md
 //
-// 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/scss/brands/bild/components/Teaser/teaser-typography-sm.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: sm
 //
-// 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/scss/brands/bild/components/Teaser/teaser-typography-xs.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: xs
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-breakpoint-lg-1024px-regular.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-breakpoint-md-600px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-breakpoint-sm-390px-compact.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-breakpoint-xs-320px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-typography-lg.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: lg
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-typography-md.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: md
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-typography-sm.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: sm
 //
-// 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/scss/brands/bild/components/ToggleSwitch/toggleswitch-typography-xs.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Bild | Context: Breakpoint: xs
 //
-// 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/scss/brands/bild/components/Video/video-breakpoint-lg-1024px-regular.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/Video/video-breakpoint-md-600px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/Video/video-breakpoint-sm-390px-compact.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/Video/video-breakpoint-xs-320px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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/scss/brands/bild/components/_DSysDoc/_dsysdoc-color-dark.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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
@@ -11,10 +11,6 @@
 // OTHER
 // ============================================
 
-// This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages.
-$dsys-docs-label-text-surface-color-primary-primitive-name: BILD010;
-// This is currently for use in this design system's documentation texts. It is a text string made for being used in light and dark mode documentation texts.
-$dsys-docs-label-text-color-mode: (Dark Mode);
 $ds-doc-spacing-item-bg-color: rgba(255, 255, 255, 0.2);
 $ds-doc-spacing-item-border-color: rgba(255, 255, 255, 0.8);
 

package/dist/scss/brands/bild/components/_DSysDoc/_dsysdoc-color-light.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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
@@ -11,10 +11,6 @@
 // OTHER
 // ============================================
 
-// This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages.
-$dsys-docs-label-text-surface-color-primary-primitive-name: BILD100;
-// This is currently for use in this design system's documentation texts. It is a text string made for being used in light and dark mode documentation texts.
-$dsys-docs-label-text-color-mode: (Light Mode);
 $ds-doc-spacing-item-bg-color: rgba(221, 0, 0, 0.1);
 $ds-doc-spacing-item-border-color: rgba(221, 0, 0, 0.5);
 

package/dist/scss/brands/bild/components/_DSysDocs/_dsysdocs-breakpoint-lg-1024px-regular.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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,12 @@ $dsys-docs-width-size: 1440px;
 $main-content-stage-size: 1024px;
 // This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140
 $foundations-banner-height-size: 140px;
+// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
+$doc-label-resp-font-size: 17px;
 // This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8
 $ds-caption-stack-space-0-p-5-x: 8px;
 $ds-caption-stack-space-1-x: 16px;
+$label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10776;
 // This variable is used only for this design system's component tests.
 $1-column-mobile: 656px;
 // This variable is currently used on a thin gallery that appears on desktop websites with petbook and other "books" content. Its height changes to a large height on mobile sites. 558 - 558 - 558 - 186

package/dist/scss/brands/bild/components/_DSysDocs/_dsysdocs-breakpoint-md-600px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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,12 @@ $dsys-docs-width-size: 962px;
 $main-content-stage-size: 962px;
 // This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140
 $foundations-banner-height-size: 80px;
+// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
+$doc-label-resp-font-size: 15px;
 // This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8
 $ds-caption-stack-space-0-p-5-x: 6px;
 $ds-caption-stack-space-1-x: 12px;
+$label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10775;
 // This variable is used only for this design system's component tests.
 $1-column-mobile: 930px;
 // This variable is currently used on a thin gallery that appears on desktop websites with petbook and other "books" content. Its height changes to a large height on mobile sites. 558 - 558 - 558 - 186

package/dist/scss/brands/bild/components/_DSysDocs/_dsysdocs-breakpoint-sm-390px-compact.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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,12 @@ $dsys-docs-width-size: 750px;
 $main-content-stage-size: 750px;
 // This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140
 $foundations-banner-height-size: 80px;
+// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
+$doc-label-resp-font-size: 10px;
 // This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8
 $ds-caption-stack-space-0-p-5-x: 4px;
 $ds-caption-stack-space-1-x: 8px;
+$label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10774;
 // This variable is used only for this design system's component tests.
 $1-column-mobile: 320px;
 // This variable is currently used on a thin gallery that appears on desktop websites with petbook and other "books" content. Its height changes to a large height on mobile sites. 558 - 558 - 558 - 186

package/dist/scss/brands/bild/components/_DSysDocs/_dsysdocs-breakpoint-xs-320px.scss

@@ -1,9 +1,9 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.78
+// BILD Design System Tokens v1.1.0
 // Generated by Style Dictionary v4.2.0
 //
-// 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,12 @@ $dsys-docs-width-size: 320px;
 $main-content-stage-size: 320px;
 // This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140
 $foundations-banner-height-size: 80px;
+// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
+$doc-label-resp-font-size: 10px;
 // This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8
 $ds-caption-stack-space-0-p-5-x: 4px;
 $ds-caption-stack-space-1-x: 8px;
+$label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10773;
 // This variable is used only for this design system's component tests.
 $1-column-mobile: 320px;
 // This variable is currently used on a thin gallery that appears on desktop websites with petbook and other "books" content. Its height changes to a large height on mobile sites. 558 - 558 - 558 - 186

package/dist/scss/brands/bild/density/density-default.scss

@@ -0,0 +1,51 @@
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.1.0
+// Generated by Style Dictionary v4.2.0
+//
+// 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
+// ============================================
+// GLOBAL
+// ============================================
+
+// Global - StackSpace - Constant
+$density-stack-space-const-3-xs: 2px;
+$density-stack-space-const-2-xs: 4px;
+$density-stack-space-const-xs: 6px;
+$density-stack-space-const-sm: 8px;
+$density-stack-space-const-md: 12px;
+$density-stack-space-const-lg: 16px;
+$density-stack-space-const-xl: 24px;
+$density-stack-space-const-2-xl: 32px;
+
+// Global - StackSpace - Responsive - Xs
+$density-xs-stack-space-resp-sm: 8px;
+$density-xs-stack-space-resp-md: 12px;
+$density-xs-stack-space-resp-lg: 16px;
+$density-xs-stack-space-resp-xl: 24px;
+$density-xs-stack-space-resp-2-xl: 32px;
+
+// Global - StackSpace - Responsive - Sm
+$density-sm-stack-space-resp-sm: 8px;
+$density-sm-stack-space-resp-md: 12px;
+$density-sm-stack-space-resp-lg: 16px;
+$density-sm-stack-space-resp-xl: 24px;
+$density-sm-stack-space-resp-2-xl: 32px;
+
+// Global - StackSpace - Responsive - Md
+$density-md-stack-space-resp-sm: 12px;
+$density-md-stack-space-resp-md: 16px;
+$density-md-stack-space-resp-lg: 24px;
+$density-md-stack-space-resp-xl: 32px;
+$density-md-stack-space-resp-2-xl: 48px;
+
+// Global - StackSpace - Responsive - Lg
+$density-lg-stack-space-resp-sm: 16px;
+$density-lg-stack-space-resp-md: 24px;
+$density-lg-stack-space-resp-lg: 32px;
+$density-lg-stack-space-resp-xl: 40px;
+$density-lg-stack-space-resp-2-xl: 64px;
+

package/dist/scss/brands/bild/density/density-dense.scss

@@ -0,0 +1,51 @@
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.1.0
+// Generated by Style Dictionary v4.2.0
+//
+// 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
+// ============================================
+// GLOBAL
+// ============================================
+
+// Global - StackSpace - Constant
+$density-stack-space-const-3-xs: 2px;
+$density-stack-space-const-2-xs: 2px;
+$density-stack-space-const-xs: 2px;
+$density-stack-space-const-sm: 6px;
+$density-stack-space-const-md: 8px;
+$density-stack-space-const-lg: 12px;
+$density-stack-space-const-xl: 16px;
+$density-stack-space-const-2-xl: 24px;
+
+// Global - StackSpace - Responsive - Xs
+$density-xs-stack-space-resp-sm: 6px;
+$density-xs-stack-space-resp-md: 8px;
+$density-xs-stack-space-resp-lg: 12px;
+$density-xs-stack-space-resp-xl: 16px;
+$density-xs-stack-space-resp-2-xl: 24px;
+
+// Global - StackSpace - Responsive - Sm
+$density-sm-stack-space-resp-sm: 6px;
+$density-sm-stack-space-resp-md: 8px;
+$density-sm-stack-space-resp-lg: 12px;
+$density-sm-stack-space-resp-xl: 16px;
+$density-sm-stack-space-resp-2-xl: 24px;
+
+// Global - StackSpace - Responsive - Md
+$density-md-stack-space-resp-sm: 8px;
+$density-md-stack-space-resp-md: 12px;
+$density-md-stack-space-resp-lg: 16px;
+$density-md-stack-space-resp-xl: 24px;
+$density-md-stack-space-resp-2-xl: 36px;
+
+// Global - StackSpace - Responsive - Lg
+$density-lg-stack-space-resp-sm: 12px;
+$density-lg-stack-space-resp-md: 16px;
+$density-lg-stack-space-resp-lg: 24px;
+$density-lg-stack-space-resp-xl: 28px;
+$density-lg-stack-space-resp-2-xl: 48px;
+

package/dist/scss/brands/bild/density/density-spacious.scss

@@ -0,0 +1,51 @@
+// Do not edit directly, this file was auto-generated.
+//
+// BILD Design System Tokens v1.1.0
+// Generated by Style Dictionary v4.2.0
+//
+// 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
+// ============================================
+// GLOBAL
+// ============================================
+
+// Global - StackSpace - Constant
+$density-stack-space-const-3-xs: 2px;
+$density-stack-space-const-2-xs: 4px;
+$density-stack-space-const-xs: 8px;
+$density-stack-space-const-sm: 10px;
+$density-stack-space-const-md: 14px;
+$density-stack-space-const-lg: 20px;
+$density-stack-space-const-xl: 28px;
+$density-stack-space-const-2-xl: 40px;
+
+// Global - StackSpace - Responsive - Xs
+$density-xs-stack-space-resp-sm: 10px;
+$density-xs-stack-space-resp-md: 14px;
+$density-xs-stack-space-resp-lg: 20px;
+$density-xs-stack-space-resp-xl: 28px;
+$density-xs-stack-space-resp-2-xl: 40px;
+
+// Global - StackSpace - Responsive - Sm
+$density-sm-stack-space-resp-sm: 10px;
+$density-sm-stack-space-resp-md: 14px;
+$density-sm-stack-space-resp-lg: 20px;
+$density-sm-stack-space-resp-xl: 28px;
+$density-sm-stack-space-resp-2-xl: 40px;
+
+// Global - StackSpace - Responsive - Md
+$density-md-stack-space-resp-sm: 14px;
+$density-md-stack-space-resp-md: 20px;
+$density-md-stack-space-resp-lg: 28px;
+$density-md-stack-space-resp-xl: 40px;
+$density-md-stack-space-resp-2-xl: 60px;
+
+// Global - StackSpace - Responsive - Lg
+$density-lg-stack-space-resp-sm: 20px;
+$density-lg-stack-space-resp-md: 28px;
+$density-lg-stack-space-resp-lg: 40px;
+$density-lg-stack-space-resp-xl: 48px;
+$density-lg-stack-space-resp-2-xl: 80px;
+