npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.65 → 1.0.67 - Mend

@marioschmidt/design-system-tokens 1.0.65 → 1.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1645) hide show

package/dist/scss/brands/bild/semantic/typography/typography-sm.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Brand: Bild | Context: Breakpoint: sm
@@ -17,7 +17,7 @@
 // ============================================
 /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120 */
-$display1: (
+$display-1: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 40px,
@@ -25,7 +25,7 @@ $display1: (
   letter-spacing: -0.5px,
 );
 /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64 */
-$display2: (
+$display-2: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 36px,
@@ -33,7 +33,7 @@ $display2: (
   letter-spacing: -0.5px,
 );
 /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40 */
-$display3: (
+$display-3: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 28px,
@@ -47,28 +47,28 @@ $display3: (
 // ============================================
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100 */
-$headline1: (
+$headline-1: (
   font-family: Gotham Condensed,
   font-weight: 900,
   font-size: 48px,
   line-height: 48px,
 );
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64 */
-$headline2: (
+$headline-2: (
   font-family: Gotham Condensed,
   font-weight: 900,
   font-size: 40px,
   line-height: 40px,
 );
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40 */
-$headline3: (
+$headline-3: (
   font-family: Gotham Condensed,
   font-weight: 900,
   font-size: 28px,
   line-height: 28px,
 );
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32 */
-$headline4: (
+$headline-4: (
   font-family: Gotham Condensed,
   font-weight: 700,
   font-size: 22px,
@@ -81,7 +81,7 @@ $headline4: (
 // ============================================
 /** This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36 */
-$subheadline1: (
+$subheadline-1: (
   font-family: Gotham Condensed,
   font-weight: 700,
   font-size: 24px,
@@ -94,28 +94,28 @@ $subheadline1: (
 // ============================================
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes */
-$kicker1: (
+$kicker-1: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 18px,
   line-height: 19.8px,
 );
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes */
-$kicker2: (
+$kicker-2: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 18px,
   line-height: 19.8px,
 );
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes */
-$kicker3: (
+$kicker-3: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 16px,
   line-height: 17.6px,
 );
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes */
-$kicker4: (
+$kicker-4: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 14px,
@@ -128,14 +128,14 @@ $kicker4: (
 // ============================================
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
-$title1: (
+$title-1: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 22px,
   line-height: 22px,
 );
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
-$title1-uppercase: (
+$title-1-uppercase: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 22px,
@@ -145,7 +145,7 @@ $title1-uppercase: (
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
 In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
-$title2: (
+$title-2: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 16px,
@@ -154,7 +154,7 @@ $title2: (
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
 In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
-$title2-uppercase: (
+$title-2-uppercase: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 16px,
@@ -264,28 +264,28 @@ $text-link-bold-hover: (
 // ============================================
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18 */
-$footnote1: (
+$footnote-1: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 16px,
   line-height: 21px,
 );
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18 */
-$footnote1-bold: (
+$footnote-1-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 16px,
   line-height: 21px,
 );
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
-$footnote2: (
+$footnote-2: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 12px,
   line-height: 15.6px,
 );
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
-$footnote2-bold: (
+$footnote-2-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 12px,
@@ -298,7 +298,7 @@ $footnote2-bold: (
 // ============================================
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
-$label1: (
+$label-1: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 17px,
@@ -306,7 +306,7 @@ $label1: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
-$label1-bold: (
+$label-1-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 17px,
@@ -314,7 +314,7 @@ $label1-bold: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
-$label1-bold-resp: (
+$label-1-bold-resp: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 10px,
@@ -322,7 +322,7 @@ $label1-bold-resp: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
-$label1-uppercase-bold: (
+$label-1-uppercase-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 17px,
@@ -331,7 +331,7 @@ $label1-uppercase-bold: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
-$label2: (
+$label-2: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 15px,
@@ -339,7 +339,7 @@ $label2: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
-$label2-uppercase: (
+$label-2-uppercase: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 15px,
@@ -348,7 +348,7 @@ $label2-uppercase: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
-$label2-bold: (
+$label-2-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 15px,
@@ -356,7 +356,7 @@ $label2-bold: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes. */
-$label2-uppercase-bold: (
+$label-2-uppercase-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 15px,
@@ -365,7 +365,7 @@ $label2-uppercase-bold: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
-$label3: (
+$label-3: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 12px,
@@ -373,7 +373,7 @@ $label3: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn */
-$label3-uppercase: (
+$label-3-uppercase: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 12px,
@@ -382,7 +382,7 @@ $label3-uppercase: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
-$label3-bold: (
+$label-3-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 12px,
@@ -390,7 +390,7 @@ $label3-bold: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
-$label3-uppercase-bold: (
+$label-3-uppercase-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 12px,
@@ -399,7 +399,7 @@ $label3-uppercase-bold: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8. */
-$label4: (
+$label-4: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 8px,

package/dist/scss/brands/bild/semantic/typography/typography-xs.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Brand: Bild | Context: Breakpoint: xs
@@ -17,7 +17,7 @@
 // ============================================
 /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120 */
-$display1: (
+$display-1: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 40px,
@@ -25,7 +25,7 @@ $display1: (
   letter-spacing: -0.5px,
 );
 /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64 */
-$display2: (
+$display-2: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 36px,
@@ -33,7 +33,7 @@ $display2: (
   letter-spacing: -0.5px,
 );
 /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40 */
-$display3: (
+$display-3: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 28px,
@@ -47,28 +47,28 @@ $display3: (
 // ============================================
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100 */
-$headline1: (
+$headline-1: (
   font-family: Gotham Condensed,
   font-weight: 900,
   font-size: 48px,
   line-height: 48px,
 );
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64 */
-$headline2: (
+$headline-2: (
   font-family: Gotham Condensed,
   font-weight: 900,
   font-size: 40px,
   line-height: 40px,
 );
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40 */
-$headline3: (
+$headline-3: (
   font-family: Gotham Condensed,
   font-weight: 900,
   font-size: 28px,
   line-height: 28px,
 );
 /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32 */
-$headline4: (
+$headline-4: (
   font-family: Gotham Condensed,
   font-weight: 700,
   font-size: 22px,
@@ -81,7 +81,7 @@ $headline4: (
 // ============================================
 /** This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36 */
-$subheadline1: (
+$subheadline-1: (
   font-family: Gotham Condensed,
   font-weight: 700,
   font-size: 24px,
@@ -94,28 +94,28 @@ $subheadline1: (
 // ============================================
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes */
-$kicker1: (
+$kicker-1: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 18px,
   line-height: 19.8px,
 );
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes */
-$kicker2: (
+$kicker-2: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 18px,
   line-height: 19.8px,
 );
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes */
-$kicker3: (
+$kicker-3: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 16px,
   line-height: 17.6px,
 );
 /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes */
-$kicker4: (
+$kicker-4: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 14px,
@@ -128,14 +128,14 @@ $kicker4: (
 // ============================================
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
-$title1: (
+$title-1: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 22px,
   line-height: 22px,
 );
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
-$title1-uppercase: (
+$title-1-uppercase: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 22px,
@@ -145,7 +145,7 @@ $title1-uppercase: (
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
 In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
-$title2: (
+$title-2: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 16px,
@@ -154,7 +154,7 @@ $title2: (
 /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability.
 In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20 */
-$title2-uppercase: (
+$title-2-uppercase: (
   font-family: Gotham,
   font-weight: 800,
   font-size: 16px,
@@ -264,28 +264,28 @@ $text-link-bold-hover: (
 // ============================================
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18 */
-$footnote1: (
+$footnote-1: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 16px,
   line-height: 21px,
 );
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18 */
-$footnote1-bold: (
+$footnote-1-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 16px,
   line-height: 21px,
 );
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
-$footnote2: (
+$footnote-2: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 12px,
   line-height: 15.6px,
 );
 /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
-$footnote2-bold: (
+$footnote-2-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 12px,
@@ -298,7 +298,7 @@ $footnote2-bold: (
 // ============================================
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
-$label1: (
+$label-1: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 17px,
@@ -306,7 +306,7 @@ $label1: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
-$label1-bold: (
+$label-1-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 17px,
@@ -314,7 +314,7 @@ $label1-bold: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
-$label1-bold-resp: (
+$label-1-bold-resp: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 10px,
@@ -322,7 +322,7 @@ $label1-bold-resp: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
-$label1-uppercase-bold: (
+$label-1-uppercase-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 17px,
@@ -331,7 +331,7 @@ $label1-uppercase-bold: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
-$label2: (
+$label-2: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 15px,
@@ -339,7 +339,7 @@ $label2: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
-$label2-uppercase: (
+$label-2-uppercase: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 15px,
@@ -348,7 +348,7 @@ $label2-uppercase: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
-$label2-bold: (
+$label-2-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 15px,
@@ -356,7 +356,7 @@ $label2-bold: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes. */
-$label2-uppercase-bold: (
+$label-2-uppercase-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 15px,
@@ -365,7 +365,7 @@ $label2-uppercase-bold: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
-$label3: (
+$label-3: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 12px,
@@ -373,7 +373,7 @@ $label3: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn */
-$label3-uppercase: (
+$label-3-uppercase: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 12px,
@@ -382,7 +382,7 @@ $label3-uppercase: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
-$label3-bold: (
+$label-3-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 12px,
@@ -390,7 +390,7 @@ $label3-bold: (
   letter-spacing: 0.25px,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
-$label3-uppercase-bold: (
+$label-3-uppercase-bold: (
   font-family: Gotham XNarrow,
   font-weight: 700,
   font-size: 12px,
@@ -399,7 +399,7 @@ $label3-uppercase-bold: (
   text-transform: uppercase,
 );
 /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8. */
-$label4: (
+$label-4: (
   font-family: Gotham XNarrow,
   font-weight: 400,
   font-size: 8px,

package/dist/scss/brands/sportbild/components/.DSDocsStyles/.dsdocsstyles-typography-lg.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Brand: Sportbild | Context: Breakpoint: lg

package/dist/scss/brands/sportbild/components/.DSDocsStyles/.dsdocsstyles-typography-md.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Brand: Sportbild | Context: Breakpoint: md

package/dist/scss/brands/sportbild/components/.DSDocsStyles/.dsdocsstyles-typography-sm.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Brand: Sportbild | Context: Breakpoint: sm

package/dist/scss/brands/sportbild/components/.DSDocsStyles/.dsdocsstyles-typography-xs.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Brand: Sportbild | Context: Breakpoint: xs

package/dist/scss/brands/sportbild/components/Accordion/accordion-breakpoint-lg-1024px-regular.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/scss/brands/sportbild/components/Accordion/accordion-breakpoint-md-600px.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/scss/brands/sportbild/components/Accordion/accordion-breakpoint-sm-390px-compact.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.67
 // Generated by Style Dictionary v4.0.0
 //
 // Copyright (c) 2024 Axel Springer Deutschland GmbH