@marioschmidt/design-system-tokens 1.0.78 → 1.1.0

package/dist/scss/brands/advertorial/semantic/breakpoints/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
@@ -100,8 +100,6 @@ $label-3-font-size: 12px;
 $label-2-font-size: 15px;
 // This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes.
 $label-1-font-size: 17px;
-// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
-$label-1-font-size-responsive: 17px;
 
 // Semantic - Typography - FontSize - Callout
 // This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22
@@ -150,6 +148,8 @@ $callout-font-weight: 800;
 // Semantic - Typography - FontWeight - Label
 $label-font-weight-bold: 700;
 $label-font-weight-book: 400;
+$label-font-weight-bold-st: 700;
+$label-font-weight-book-st: 400;
 
 // Semantic - Typography - FontWeight - Body
 $body-font-weight-book: 400;
@@ -169,12 +169,19 @@ $headline-3-font-weight: 700;
 $headline-4-font-weight: 600;
 // This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
 $headline-1-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-2-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-3-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-4-font-weight-st: 600;
 
 // Semantic - Typography - FontWeight - Title
 $title-font-weight: 800;
 
 // Semantic - Typography - FontWeight - Display
 $display-font-weight: 800;
+$display-font-weight-st: 800;
 
 // Semantic - Typography - FontWeight - Quote
 $quote-font-weight: 800;
@@ -197,7 +204,6 @@ $kicker-1-line-height: 27.5px;
 $label-3-line-height: 14.4px;
 // This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights.
 $label-1-line-height: 20.4px;
-$label-1-responsive-line-height: 17px;
 $label-2-line-height: 16px;
 
 // Semantic - Typography - LineHeight - Display
@@ -230,33 +236,33 @@ $callout-line-height: 28.6px;
 // Semantic - Typography - LineHeight - Subheadline
 $subheadline-1-line-height: 36.4px;
 
-// Semantic - Typography - LetterSpacing
+// Semantic - Typography - LetterSpace
 // 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-sm: 0.5px;
+$letter-space-positive-sm: 0.5px;
 // 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-lg: 3px;
+$letter-space-positive-lg: 3px;
 // 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-md: 1px;
+$letter-space-positive-md: 1px;
 // 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-none: 0px;
+$letter-space-none: 0px;
 // -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-sm: -0.25px;
+$letter-space-negative-sm: -0.25px;
 // -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-md: -1px;
+$letter-space-negative-md: -1px;
 // -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-lg: -3px;
+$letter-space-negative-lg: -3px;
 // -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component.
-$letter-spacing-negative-xs: -0.25px;
+$letter-space-negative-xs: -0.25px;
 // 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-xs: 0.25px;
+$letter-space-positive-xs: 0.25px;
 
-// Semantic - Typography - LetterSpacing - display
+// Semantic - Typography - LetterSpace - display
 // -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact.
-$display-1-letter-spacing: -2px;
+$display-1-letter-space: -2px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices.
-$display-2-letter-spacing: -1px;
+$display-2-letter-space: -1px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices.
-$display-3-letter-spacing: -1px;
+$display-3-letter-space: -1px;
 
 // Semantic - Border - BorderRadius
 // 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges.
@@ -321,33 +327,33 @@ $inline-space-const-2-xs: 4px;
 
 // Semantic - Space - Stack - Responsive
 // 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-md: 24px;
+$stack-space-resp-md: 16px;
 // 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-lg: 32px;
+$stack-space-resp-lg: 24px;
 // 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-2-xl: 64px;
+$stack-space-resp-2-xl: 48px;
 // 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-sm: 16px;
+$stack-space-resp-sm: 12px;
 // 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-xl: 40px;
+$stack-space-resp-xl: 28px;
 
 // Semantic - Space - Stack - Constant
 // 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-sm: 8px;
+$stack-space-const-sm: 6px;
 // 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-md: 12px;
+$stack-space-const-md: 8px;
 // 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-lg: 16px;
+$stack-space-const-lg: 12px;
 // 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xl: 32px;
+$stack-space-const-2-xl: 24px;
 // 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xl: 24px;
+$stack-space-const-xl: 16px;
 // 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xs: 6px;
+$stack-space-const-xs: 2px;
 // 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements
 $stack-space-const-3-xs: 2px;
 // 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xs: 4px;
+$stack-space-const-2-xs: 2px;
 
 // Semantic - Space - Gap - Responsive
 // 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints

package/dist/scss/brands/advertorial/semantic/breakpoints/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
@@ -100,8 +100,6 @@ $label-3-font-size: 12px;
 $label-2-font-size: 15px;
 // This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes.
 $label-1-font-size: 17px;
-// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
-$label-1-font-size-responsive: 15px;
 
 // Semantic - Typography - FontSize - Callout
 // This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22
@@ -150,6 +148,8 @@ $callout-font-weight: 800;
 // Semantic - Typography - FontWeight - Label
 $label-font-weight-bold: 700;
 $label-font-weight-book: 400;
+$label-font-weight-bold-st: 700;
+$label-font-weight-book-st: 400;
 
 // Semantic - Typography - FontWeight - Body
 $body-font-weight-book: 400;
@@ -169,12 +169,19 @@ $headline-3-font-weight: 700;
 $headline-4-font-weight: 600;
 // This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
 $headline-1-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-2-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-3-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-4-font-weight-st: 600;
 
 // Semantic - Typography - FontWeight - Title
 $title-font-weight: 800;
 
 // Semantic - Typography - FontWeight - Display
 $display-font-weight: 800;
+$display-font-weight-st: 800;
 
 // Semantic - Typography - FontWeight - Quote
 $quote-font-weight: 800;
@@ -197,7 +204,6 @@ $kicker-1-line-height: 19.8px;
 $label-3-line-height: 14.4px;
 // This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights.
 $label-1-line-height: 20.4px;
-$label-1-responsive-line-height: 15px;
 $label-2-line-height: 16px;
 
 // Semantic - Typography - LineHeight - Display
@@ -230,33 +236,33 @@ $callout-line-height: 28.6px;
 // Semantic - Typography - LineHeight - Subheadline
 $subheadline-1-line-height: 23.4px;
 
-// Semantic - Typography - LetterSpacing
+// Semantic - Typography - LetterSpace
 // 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-sm: 0.5px;
+$letter-space-positive-sm: 0.5px;
 // 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-lg: 2px;
+$letter-space-positive-lg: 2px;
 // 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-md: 1px;
+$letter-space-positive-md: 1px;
 // 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-none: 0px;
+$letter-space-none: 0px;
 // -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-sm: -0.25px;
+$letter-space-negative-sm: -0.25px;
 // -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-md: -1px;
+$letter-space-negative-md: -1px;
 // -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-lg: -2px;
+$letter-space-negative-lg: -2px;
 // -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component.
-$letter-spacing-negative-xs: -0.25px;
+$letter-space-negative-xs: -0.25px;
 // 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-xs: 0.25px;
+$letter-space-positive-xs: 0.25px;
 
-// Semantic - Typography - LetterSpacing - display
+// Semantic - Typography - LetterSpace - display
 // -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact.
-$display-1-letter-spacing: -1px;
+$display-1-letter-space: -1px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices.
-$display-2-letter-spacing: -1px;
+$display-2-letter-space: -1px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices.
-$display-3-letter-spacing: -1px;
+$display-3-letter-space: -1px;
 
 // Semantic - Border - BorderRadius
 // 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges.
@@ -321,33 +327,33 @@ $inline-space-const-2-xs: 4px;
 
 // Semantic - Space - Stack - Responsive
 // 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-md: 16px;
+$stack-space-resp-md: 12px;
 // 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-lg: 24px;
+$stack-space-resp-lg: 16px;
 // 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-2-xl: 48px;
+$stack-space-resp-2-xl: 24px;
 // 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-sm: 12px;
+$stack-space-resp-sm: 8px;
 // 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-xl: 32px;
+$stack-space-resp-xl: 24px;
 
 // Semantic - Space - Stack - Constant
 // 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-sm: 8px;
+$stack-space-const-sm: 6px;
 // 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-md: 12px;
+$stack-space-const-md: 8px;
 // 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-lg: 16px;
+$stack-space-const-lg: 12px;
 // 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xl: 32px;
+$stack-space-const-2-xl: 24px;
 // 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xl: 24px;
+$stack-space-const-xl: 16px;
 // 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xs: 6px;
+$stack-space-const-xs: 2px;
 // 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements
 $stack-space-const-3-xs: 2px;
 // 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xs: 4px;
+$stack-space-const-2-xs: 2px;
 
 // Semantic - Space - Gap - Responsive
 // 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints

package/dist/scss/brands/advertorial/semantic/breakpoints/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
@@ -100,8 +100,6 @@ $label-3-font-size: 12px;
 $label-2-font-size: 15px;
 // This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes.
 $label-1-font-size: 17px;
-// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
-$label-1-font-size-responsive: 10px;
 
 // Semantic - Typography - FontSize - Callout
 // This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22
@@ -150,6 +148,8 @@ $callout-font-weight: 800;
 // Semantic - Typography - FontWeight - Label
 $label-font-weight-bold: 700;
 $label-font-weight-book: 400;
+$label-font-weight-bold-st: 700;
+$label-font-weight-book-st: 400;
 
 // Semantic - Typography - FontWeight - Body
 $body-font-weight-book: 400;
@@ -169,12 +169,19 @@ $headline-3-font-weight: 700;
 $headline-4-font-weight: 600;
 // This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
 $headline-1-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-2-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-3-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-4-font-weight-st: 600;
 
 // Semantic - Typography - FontWeight - Title
 $title-font-weight: 800;
 
 // Semantic - Typography - FontWeight - Display
 $display-font-weight: 800;
+$display-font-weight-st: 800;
 
 // Semantic - Typography - FontWeight - Quote
 $quote-font-weight: 800;
@@ -197,7 +204,6 @@ $kicker-1-line-height: 17.6px;
 $label-3-line-height: 14.4px;
 // This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights.
 $label-1-line-height: 20.4px;
-$label-1-responsive-line-height: 10px;
 $label-2-line-height: 16px;
 
 // Semantic - Typography - LineHeight - Display
@@ -230,33 +236,33 @@ $callout-line-height: 20.8px;
 // Semantic - Typography - LineHeight - Subheadline
 $subheadline-1-line-height: 23.4px;
 
-// Semantic - Typography - LetterSpacing
+// Semantic - Typography - LetterSpace
 // 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-sm: 0.5px;
+$letter-space-positive-sm: 0.5px;
 // 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-lg: 2px;
+$letter-space-positive-lg: 2px;
 // 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-md: 1px;
+$letter-space-positive-md: 1px;
 // 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-none: 0px;
+$letter-space-none: 0px;
 // -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-sm: -0.5px;
+$letter-space-negative-sm: -0.5px;
 // -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-md: -1px;
+$letter-space-negative-md: -1px;
 // -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-lg: -2px;
+$letter-space-negative-lg: -2px;
 // -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component.
-$letter-spacing-negative-xs: -0.25px;
+$letter-space-negative-xs: -0.25px;
 // 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-xs: 0.25px;
+$letter-space-positive-xs: 0.25px;
 
-// Semantic - Typography - LetterSpacing - display
+// Semantic - Typography - LetterSpace - display
 // -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact.
-$display-1-letter-spacing: -0.5px;
+$display-1-letter-space: -0.5px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices.
-$display-2-letter-spacing: -0.5px;
+$display-2-letter-space: -0.5px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices.
-$display-3-letter-spacing: -0.5px;
+$display-3-letter-space: -0.5px;
 
 // Semantic - Border - BorderRadius
 // 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges.
@@ -321,33 +327,33 @@ $inline-space-const-2-xs: 4px;
 
 // Semantic - Space - Stack - Responsive
 // 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-md: 12px;
+$stack-space-resp-md: 8px;
 // 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-lg: 16px;
+$stack-space-resp-lg: 12px;
 // 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-2-xl: 32px;
+$stack-space-resp-2-xl: 24px;
 // 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-sm: 8px;
+$stack-space-resp-sm: 6px;
 // 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-xl: 24px;
+$stack-space-resp-xl: 16px;
 
 // Semantic - Space - Stack - Constant
 // 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-sm: 8px;
+$stack-space-const-sm: 6px;
 // 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-md: 12px;
+$stack-space-const-md: 8px;
 // 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-lg: 16px;
+$stack-space-const-lg: 12px;
 // 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xl: 32px;
+$stack-space-const-2-xl: 24px;
 // 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xl: 24px;
+$stack-space-const-xl: 16px;
 // 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xs: 6px;
+$stack-space-const-xs: 2px;
 // 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements
 $stack-space-const-3-xs: 2px;
 // 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xs: 4px;
+$stack-space-const-2-xs: 2px;
 
 // Semantic - Space - Gap - Responsive
 // 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints

package/dist/scss/brands/advertorial/semantic/breakpoints/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
@@ -100,8 +100,6 @@ $label-3-font-size: 12px;
 $label-2-font-size: 15px;
 // This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes.
 $label-1-font-size: 17px;
-// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
-$label-1-font-size-responsive: 10px;
 
 // Semantic - Typography - FontSize - Callout
 // This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22
@@ -150,6 +148,8 @@ $callout-font-weight: 800;
 // Semantic - Typography - FontWeight - Label
 $label-font-weight-bold: 700;
 $label-font-weight-book: 400;
+$label-font-weight-bold-st: 700;
+$label-font-weight-book-st: 400;
 
 // Semantic - Typography - FontWeight - Body
 $body-font-weight-book: 400;
@@ -169,12 +169,19 @@ $headline-3-font-weight: 700;
 $headline-4-font-weight: 600;
 // This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
 $headline-1-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-2-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-3-font-weight-st: 700;
+// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
+$headline-4-font-weight-st: 600;
 
 // Semantic - Typography - FontWeight - Title
 $title-font-weight: 800;
 
 // Semantic - Typography - FontWeight - Display
 $display-font-weight: 800;
+$display-font-weight-st: 800;
 
 // Semantic - Typography - FontWeight - Quote
 $quote-font-weight: 800;
@@ -197,7 +204,6 @@ $kicker-1-line-height: 17.6px;
 $label-3-line-height: 14.4px;
 // This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights.
 $label-1-line-height: 20.4px;
-$label-1-responsive-line-height: 10px;
 $label-2-line-height: 16px;
 
 // Semantic - Typography - LineHeight - Display
@@ -230,33 +236,33 @@ $callout-line-height: 20.8px;
 // Semantic - Typography - LineHeight - Subheadline
 $subheadline-1-line-height: 23.4px;
 
-// Semantic - Typography - LetterSpacing
+// Semantic - Typography - LetterSpace
 // 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-sm: 0.5px;
+$letter-space-positive-sm: 0.5px;
 // 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-lg: 2px;
+$letter-space-positive-lg: 2px;
 // 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-md: 1px;
+$letter-space-positive-md: 1px;
 // 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-none: 0px;
+$letter-space-none: 0px;
 // -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-sm: -0.5px;
+$letter-space-negative-sm: -0.5px;
 // -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-md: -1px;
+$letter-space-negative-md: -1px;
 // -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-negative-lg: -2px;
+$letter-space-negative-lg: -2px;
 // -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component.
-$letter-spacing-negative-xs: -0.25px;
+$letter-space-negative-xs: -0.25px;
 // 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
-$letter-spacing-positive-xs: 0.25px;
+$letter-space-positive-xs: 0.25px;
 
-// Semantic - Typography - LetterSpacing - display
+// Semantic - Typography - LetterSpace - display
 // -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact.
-$display-1-letter-spacing: -0.5px;
+$display-1-letter-space: -0.5px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices.
-$display-2-letter-spacing: -0.5px;
+$display-2-letter-space: -0.5px;
 // -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices.
-$display-3-letter-spacing: -0.5px;
+$display-3-letter-space: -0.5px;
 
 // Semantic - Border - BorderRadius
 // 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges.
@@ -321,33 +327,33 @@ $inline-space-const-2-xs: 4px;
 
 // Semantic - Space - Stack - Responsive
 // 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-md: 12px;
+$stack-space-resp-md: 8px;
 // 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-lg: 16px;
+$stack-space-resp-lg: 12px;
 // 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-2-xl: 32px;
+$stack-space-resp-2-xl: 24px;
 // 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-sm: 8px;
+$stack-space-resp-sm: 6px;
 // 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-$stack-space-resp-xl: 24px;
+$stack-space-resp-xl: 16px;
 
 // Semantic - Space - Stack - Constant
 // 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-sm: 8px;
+$stack-space-const-sm: 6px;
 // 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-md: 12px;
+$stack-space-const-md: 8px;
 // 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-lg: 16px;
+$stack-space-const-lg: 12px;
 // 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xl: 32px;
+$stack-space-const-2-xl: 24px;
 // 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xl: 24px;
+$stack-space-const-xl: 16px;
 // 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-xs: 6px;
+$stack-space-const-xs: 2px;
 // 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements
 $stack-space-const-3-xs: 2px;
 // 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements
-$stack-space-const-2-xs: 4px;
+$stack-space-const-2-xs: 2px;
 
 // Semantic - Space - Gap - Responsive
 // 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints