@marioschmidt/design-system-tokens 1.0.20 → 1.0.22

package/dist/css/brands/sportbild/semantic/effects/effects-dark.css

@@ -1,6 +1,6 @@
 /**
  * Effect Classes - Sportbild / dark
- * Generiert am: 2025-11-24T15:10:53.588Z
+ * Generiert am: 2025-11-24T20:37:13.081Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/effects/effects-light.css

@@ -1,6 +1,6 @@
 /**
  * Effect Classes - Sportbild / light
- * Generiert am: 2025-11-24T15:10:53.518Z
+ * Generiert am: 2025-11-24T20:37:13.019Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/typography/typography-lg.css

@@ -1,6 +1,6 @@
 /**
  * Typography Classes - Sportbild / lg
- * Generiert am: 2025-11-24T15:10:52.623Z
+ * Generiert am: 2025-11-24T20:37:12.268Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/typography/typography-md.css

@@ -1,6 +1,6 @@
 /**
  * Typography Classes - Sportbild / md
- * Generiert am: 2025-11-24T15:10:52.461Z
+ * Generiert am: 2025-11-24T20:37:12.130Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/typography/typography-sm.css

@@ -1,6 +1,6 @@
 /**
  * Typography Classes - Sportbild / sm
- * Generiert am: 2025-11-24T15:10:52.318Z
+ * Generiert am: 2025-11-24T20:37:11.999Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/typography/typography-xs.css

@@ -1,6 +1,6 @@
 /**
  * Typography Classes - Sportbild / xs
- * Generiert am: 2025-11-24T15:10:52.151Z
+ * Generiert am: 2025-11-24T20:37:11.858Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/shared/colorprimitive.css

@@ -1,11 +1,62 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * colorprimitive.css
+ * Generiert am: 2025-11-24T20:37:07.291Z
+ * Nicht manuell bearbeiten!
  */
 
 :root {
-  --bildred: #DD0000; /** Tone 046 */
-  --bildred035: #AF0002;
-  --bildred053: #F52D2D;
+  /* ============================================
+     BILD
+     ============================================ */
+
+  /* BILD - alpha */
+  --alpha-black20: rgba(0, 0, 0, 0.20000000298023224);
+  --alpha-black10: rgba(0, 0, 0, 0.10000000149011612);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-black60: rgba(0, 0, 0, 0.6000000238418579);
+  --alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-black70: rgba(0, 0, 0, 0.699999988079071);
+  --alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
+  --alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
+  --alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-white60: rgba(255, 255, 255, 0.6000000238418579);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-white70: rgba(255, 255, 255, 0.699999988079071);
+  --alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-bildred80: rgba(221, 0, 0, 0.800000011920929);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-black80: rgba(0, 0, 0, 0.800000011920929);
+  /**
+   * Used on elevation effects.
+   */
+  --alpha-white80: rgba(255, 255, 255, 0.800000011920929);
+  --alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
+  --alpha-black0: rgba(0, 0, 0, 0);
+  --alpha-black50: rgba(0, 0, 0, 0.5);
+  --alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
+
+  /* BILD - blue */
+  /**
+   * This Blue color was taken from the Weather 2024 project. Tone: 069
+   */
+  --bildblue: #00B1FF;
+
+  /* BILD - gray */
   --bild015: #232629;
   --bild085: #CED4DA;
   --bild035: #4B525A;
@@ -13,60 +64,62 @@
   --bild060: #8C9196;
   --bild096: #F2F4F5;
   --bild093: #E9ECEF;
-  --bild085-50: rgba(206, 212, 218, 0.5); /** The 50% opacity on this color makes it equivalent to BILD093. */
+  /**
+   * The 50% opacity on this color makes it equivalent to BILD093.
+   */
+  --bild085-alpha50: rgba(206, 212, 218, 0.5);
   --bild073: #AEB4B9;
   --bild045: #666B70;
   --bild010: #1C1C1C;
   --bild020: #2C3138;
-  --bild100: #FFFFFF;
-  --bildblack: #000000;
-  --bildorange: #FD8227; /** Tone: 067 */
+
+  /* BILD - green */
   --bildgreen070: #00C373;
   --bildgreen063: #00AF67;
   --bildgreen093: #CEF4E4;
-  --bildgreen093-50: rgba(206, 244, 228, 0.5);
-  --bildgreen056-50: rgba(0, 155, 90, 0.5);
-  --bildgreen040: #006E3E; /** This value of green was found in a text field's text color. */
+  --bildgreen093-alpha50: rgba(206, 244, 228, 0.5);
+  --bildgreen056-alpha50: rgba(0, 155, 90, 0.5);
+  /**
+   * This value of green was found in a text field's text color.
+   */
+  --bildgreen040: #006E3E;
   --bildgreen056: #18995C;
-  --bildyellow: #FFBF00; /** Tone: 081 */
-  --bildberry: #551937; /** Tone: 020 */
-  --alpha-black20: rgba(0, 0, 0, 0.20000000298023224);
-  --alpha-black10: rgba(0, 0, 0, 0.10000000149011612);
-  --alpha-black60: rgba(0, 0, 0, 0.6000000238418579); /** Used on elevation effects. */
-  --alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
-  --alpha-black70: rgba(0, 0, 0, 0.699999988079071); /** Used on elevation effects. */
-  --alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
-  --alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
-  --alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
-  --alpha-white60: rgba(255, 255, 255, 0.6000000238418579); /** Used on elevation effects. */
-  --alpha-white70: rgba(255, 255, 255, 0.699999988079071); /** Used on elevation effects. */
-  --alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
-  --alpha-bildred80: rgba(221, 0, 0, 0.800000011920929); /** Used on elevation effects. */
-  --alpha-black80: rgba(0, 0, 0, 0.800000011920929); /** Used on elevation effects. */
-  --alpha-white80: rgba(255, 255, 255, 0.800000011920929); /** Used on elevation effects. */
-  --alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
-  --alpha-black0: rgba(0, 0, 0, 0);
-  --alpha-black50: rgba(0, 0, 0, 0.5);
-  --alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
-  --bildblue: #00B1FF; /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
-  --fitbook-core: #FF97B7;
-  --petbook-core: #B9DB91;
-  --myhome-core: #66CCCC;
-  --travelbook-core: #8EF0ED;
-  --techbook-core: #93E4FF;
-  --kaufberater-core: #55476E;
-  --bz-core: #E3001B;
-  --aubi-core: #F00000;
-  --cobi-core: #DC231C;
-  --spobi-blue098: #F7F9FD;
-  --spobi-blue081: #BDCADB;
-  --spobi-blue029: #174482; /** This variable in the current online CSS is called secondary-tenant-color */
-  --spobi-blue016: #0A2750; /** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
-  --spobi-blue010: #081828;
-  --spobi-blue038: #315998;
-  --spobi-red: #E52528;
-  --spobi-blue016-0: rgba(10, 39, 80, 0);
-  --spobi-blue016-70: rgba(10, 39, 80, 0.699999988079071);
+
+  /* BILD - neutral */
+  --bild100: #FFFFFF;
+  --bildblack: #000000;
+
+  /* BILD - orange */
+  /**
+   * Tone: 067
+   */
+  --bildorange: #FD8227;
+
+  /* BILD - purple */
+  /**
+   * Tone: 020
+   */
+  --bildberry: #551937;
+
+  /* BILD - red */
+  /**
+   * Tone 046
+   */
+  --bildred: #DD0000;
+  --bildred035: #AF0002;
+  --bildred053: #F52D2D;
+
+  /* BILD - yellow */
+  /**
+   * Tone: 081
+   */
+  --bildyellow: #FFBF00;
+
+
+  /* ============================================
+     OPACITY
+     ============================================ */
+
   --opacity05: 5px;
   --opacity10: 10px;
   --opacity20: 20px;
@@ -79,4 +132,63 @@
   --opacity50: 50px;
   --opacity00: 0px;
   --opacity70: 70px;
+
+
+  /* ============================================
+     PARTNER
+     ============================================ */
+
+  /* Partner - Aubi */
+  --aubi-core: #F00000;
+
+  /* Partner - Bz */
+  --bz-core: #E3001B;
+
+  /* Partner - ComputerBILD */
+  --cobi-core: #DC231C;
+
+  /* Partner - Fitbook */
+  --fitbook-core: #FF97B7;
+
+  /* Partner - Kaufberater */
+  --kaufberater-core: #55476E;
+
+  /* Partner - MyHome */
+  --myhome-core: #66CCCC;
+
+  /* Partner - Petbook */
+  --petbook-core: #B9DB91;
+
+  /* Partner - Techbook */
+  --techbook-core: #93E4FF;
+
+  /* Partner - Travelbook */
+  --travelbook-core: #8EF0ED;
+
+
+  /* ============================================
+     SPORTBILD
+     ============================================ */
+
+  /* SportBILD - alpha */
+  --spobi-blue016-alpha0: rgba(10, 39, 80, 0);
+  --spobi-blue016-alpha70: rgba(10, 39, 80, 0.699999988079071);
+
+  /* SportBILD - blue */
+  --spobi-blue098: #F7F9FD;
+  --spobi-blue081: #BDCADB;
+  /**
+   * This variable in the current online CSS is called secondary-tenant-color
+   */
+  --spobi-blue029: #174482;
+  /**
+   * This variable in the current online CSS is called main-tenant-color for the spobi tenant.
+   */
+  --spobi-blue016: #0A2750;
+  --spobi-blue010: #081828;
+  --spobi-blue038: #315998;
+
+  /* SportBILD - red */
+  --spobi-red: #E52528;
+
 }

package/dist/css/shared/fontprimitive.css

@@ -1,49 +1,115 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * fontprimitive.css
+ * Generiert am: 2025-11-24T20:37:07.375Z
+ * Nicht manuell bearbeiten!
  */
 
 :root {
+  /* ============================================
+     FONTFAMILY
+     ============================================ */
+
+  /* FontFamily - Advertorial */
+  --font-family-lucida-grande: Lucida Grande;
+
+  /* FontFamily - BILD */
   --font-family-gotham-xnarrow: Gotham XNarrow;
   --font-family-gotham-cond: Gotham Condensed;
   --font-family-gotham: Gotham;
-  --font-family-lucida-grande: Lucida Grande;
+
+  /* FontFamily - SportBILD */
   --font-family-antenna-extra-cond: AntennaExtraCond;
   --font-family-antenna-cond: AntennaCond;
   --font-family-inter: Inter;
-  --700-black-font-weight: 700; /** 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold. */
-  --900-extra-black-font-weight: 900;
-  --400-book-font-weight: 400;
-  --1000-ultra-font-weight: 1000;
-  --800-black-font-weight: 800;
-  --350-book-font-weight: 350;
-  --600-bold-font-weight: 600;
-  --100-thin-font-weight: 100;
+
+
+  /* ============================================
+     FONTWEIGHT
+     ============================================ */
+
+  /**
+   * 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold.
+   */
+  --font-weight-700-black-font-weight: 700;
+  --font-weight-900-extra-black-font-weight: 900;
+  --font-weight-400-book-font-weight: 400;
+  --font-weight-1000-ultra-font-weight: 1000;
+  --font-weight-800-black-font-weight: 800;
+  --font-weight-350-book-font-weight: 350;
+  --font-weight-600-bold-font-weight: 600;
+  --font-weight-100-thin-font-weight: 100;
   --300-light-font-weight: 300;
-  --200-extra-light-font-weight: 200;
-  --500-medium-font-weight: 500;
+  --font-weight-200-extra-light-font-weight: 200;
+  --font-weight-500-medium-font-weight: 500;
   --bold-italic-font-weight-st: Bold Italic;
   --black-font-weight-st: Black;
-  --letter-space-0-25: -0.25px; /** This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25. */
-  --letter-space-0: 0px; /** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
-  --letter-space1: 1px; /** This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. */
-  --letter-space0-5: 0.5px; /** This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5. */
-  --letter-space0-25: 0.25px; /** This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25. */
-  --letter-space-0-5: -0.5px; /** This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5. */
-  --letter-space2: 2px; /** This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. */
-  --letter-space-1: -1px; /** This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. */
-  --letter-space-2: -2px; /** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines. */
-  --letter-space3: 3px; /** This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes. */
-  --letter-space-3: -3px; /** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes. */
-  --1000-ultra-font-weight: 1000;
-  --900-extra-black-font-weight: 900;
-  --800-black-font-weight: 800;
-  --700-black-font-weight: 700;
-  --600-bold-font-weight: 600;
-  --500-medium-font-weight: 500;
-  --400-book-font-weight: 400;
-  --350-book-font-weight: 350;
-  --200-extra-light-font-weight: 200;
-  --100-thin-font-weight: 100;
+
+
+  /* ============================================
+     FONTWEIGHTSTRING
+     ============================================ */
+
+  --font-weight-string-1000-ultra-font-weight: 1000;
+  --font-weight-string-900-extra-black-font-weight: 900;
+  --font-weight-string-800-black-font-weight: 800;
+  --font-weight-string-700-black-font-weight: 700;
+  --font-weight-string-600-bold-font-weight: 600;
+  --font-weight-string-500-medium-font-weight: 500;
+  --font-weight-string-400-book-font-weight: 400;
+  --font-weight-string-350-book-font-weight: 350;
+  --font-weight-string-200-extra-light-font-weight: 200;
+  --font-weight-string-100-thin-font-weight: 100;
   --600-bold-italic-font-weight: Bold Italic;
   --700-black-italic-font-weight: Black Italic;
+
+
+  /* ============================================
+     LETTERSPACING
+     ============================================ */
+
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25.
+   */
+  --letter-space-0-25: -0.25px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
+   */
+  --letter-space-0: 0px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
+   */
+  --letter-space1: 1px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5.
+   */
+  --letter-space0-5: 0.5px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25.
+   */
+  --letter-space0-25: 0.25px;
+  /**
+   * This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
+   */
+  --letter-space-0-5: -0.5px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
+   */
+  --letter-space2: 2px;
+  /**
+   * This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
+   */
+  --letter-space-1: -1px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines.
+   */
+  --letter-space-2: -2px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes.
+   */
+  --letter-space3: 3px;
+  /**
+   * This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes.
+   */
+  --letter-space-3: -3px;
+
 }

package/dist/css/shared/sizeprimitive.css

@@ -1,8 +1,14 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * sizeprimitive.css
+ * Generiert am: 2025-11-24T20:37:07.434Z
+ * Nicht manuell bearbeiten!
  */
 
 :root {
+  /* ============================================
+     OTHER
+     ============================================ */
+
   --size6x: 48px;
   --size3x: 24px;
   --size1x: 8px;
@@ -52,4 +58,5 @@
   --size100x: 800px;
   --size0x: 0px;
   --size0-125x: 1px;
+
 }

package/dist/css/shared/spaceprimitive.css

@@ -1,8 +1,14 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * spaceprimitive.css
+ * Generiert am: 2025-11-24T20:37:07.491Z
+ * Nicht manuell bearbeiten!
  */
 
 :root {
+  /* ============================================
+     OTHER
+     ============================================ */
+
   --space1x: 8px;
   --space0-5x: 4px;
   --space0-25x: 2px;
@@ -18,7 +24,7 @@
   --space10x: 80px;
   --space20x: 160px;
   --space2-5x: 20px;
-  --space-0-25x: -2px;
+  --space-neg0-25x: -2px;
   --space0-75x: 6px;
   --space1-25x: 10px;
   --space2-75x: 22px;
@@ -28,4 +34,5 @@
   --space1-75x: 14px;
   --space8-5x: 68px;
   --space3-5x: 28px;
+
 }

package/dist/flutter/brands/advertorial/density/density-compact.dart

@@ -12,6 +12,10 @@ import 'dart:ui';
 class DensityCompact {
     DensityCompact._();
 
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Button
     /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
     static const buttonContentGapSpace = "6px";
@@ -28,4 +32,5 @@ class DensityCompact {
     static const inputFieldHeightSize = "36px";
     /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
     static const inputFieldLabelFontSize = "16px";
+
 }

package/dist/flutter/brands/advertorial/density/density-default.dart

@@ -12,6 +12,10 @@ import 'dart:ui';
 class DensityDefault {
     DensityDefault._();
 
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Button
     /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
     static const buttonContentGapSpace = "8px";
@@ -28,4 +32,5 @@ class DensityDefault {
     static const inputFieldHeightSize = "40px";
     /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
     static const inputFieldLabelFontSize = "17px";
+
 }

package/dist/flutter/brands/advertorial/density/density-spacious.dart

@@ -12,6 +12,10 @@ import 'dart:ui';
 class DensitySpacious {
     DensitySpacious._();
 
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Button
     /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
     static const buttonContentGapSpace = "8px";
@@ -28,4 +32,5 @@ class DensitySpacious {
     static const inputFieldHeightSize = "48px";
     /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
     static const inputFieldLabelFontSize = "19px";
+
 }

package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart

@@ -12,8 +12,10 @@ import 'dart:ui';
 class Brandtokenmapping {
     Brandtokenmapping._();
 
-    static const brandName = "Advertorial";
-    // Component
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     static const buttonLabelFontWeightSt = "600";
 
     // Component - Accordion
@@ -157,6 +159,11 @@ class Brandtokenmapping {
     // Component - Teaser - superA
     static const superAteaserTitleInlineSpace = "16px";
 
+
+    // ============================================
+    // GLOBAL
+    // ============================================
+
     // Global - Typography - FontFamily
     /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
     static const kickerFontFamily = "Lucida Grande";
@@ -512,4 +519,12 @@ class Brandtokenmapping {
     static const hideOnAdvertorial = false;
     static const onlyBild = false;
     static const onlySportBild = false;
+
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const brandName = "Advertorial";
+
 }

package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointLg1024pxRegular {
     BreakpointLg1024pxRegular._();
 
-    static const breakpointName = "lg";
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Accordion
     /** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
     static const accordionLabelFontFamily = "Lucida Grande";
@@ -447,6 +450,18 @@ class BreakpointLg1024pxRegular {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "180px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "lg";
+
+
+    // ============================================
+    // SEMANTIC
+    // ============================================
+
     // Semantic - Border - BorderRadius
     /** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
     static const borderRadiusXs = "2px";
@@ -893,4 +908,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
     static const changeOnMd = "md/lg";
     static const bpSpecificWeb = "lg";
     static const bpSpecificApp = "regular";
+
 }

package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointMd600px {
     BreakpointMd600px._();
 
-    static const breakpointName = "md";
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Accordion
     /** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
     static const accordionLabelFontFamily = "Lucida Grande";
@@ -447,6 +450,18 @@ class BreakpointMd600px {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "160px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "md";
+
+
+    // ============================================
+    // SEMANTIC
+    // ============================================
+
     // Semantic - Border - BorderRadius
     /** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
     static const borderRadiusXs = "2px";
@@ -893,4 +908,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
     static const changeOnMd = "md/lg";
     static const bpSpecificWeb = "md";
     static const bpSpecificApp = "regular";
+
 }