@marioschmidt/design-system-tokens 1.0.20 → 1.0.21

package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointSm390pxCompact {
     BreakpointSm390pxCompact._();
 
-    static const breakpointName = "sm";
+    // ============================================
+    // 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 BreakpointSm390pxCompact {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "144px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "sm";
+
+
+    // ============================================
+    // 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 = "xs/sm";
     static const bpSpecificWeb = "xs/sm";
     static const bpSpecificApp = "compact";
+
 }

package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointXs320px {
     BreakpointXs320px._();
 
-    static const breakpointName = "xs";
+    // ============================================
+    // 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 BreakpointXs320px {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "144px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "xs";
+
+
+    // ============================================
+    // 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 = "xs/sm";
     static const bpSpecificWeb = "xs/sm";
     static const bpSpecificApp = "compact";
+
 }

package/dist/flutter/brands/bild/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/bild/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/bild/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/bild/overrides/brandcolormapping.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class Brandcolormapping {
     Brandcolormapping._();
 
-    // Component
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     static const chipColorActive = Color(0xFFDD0000);
 
     // Component - Avatar
@@ -88,6 +91,11 @@ class Brandcolormapping {
     static const teaserTitleBackgroundGradientStart = Color(0xb2000000);
     static const teaserTitleBackgroundGradientStop = Color(0x00000000);
 
+
+    // ============================================
+    // GLOBAL
+    // ============================================
+
     // Global - Attention
     /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
     static const accentColorPrimary = Color(0xFFDD0000);
@@ -153,4 +161,5 @@ class Brandcolormapping {
     static const kickerBgColorOnSurface = Color(0xFFDD0000);
     /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
     static const kickerBgColorOnSurfaceDark = Color(0xFF8C9196);
+
 }

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

@@ -12,8 +12,10 @@ import 'dart:ui';
 class Brandtokenmapping {
     Brandtokenmapping._();
 
-    static const brandName = "BILD";
-    // 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 = "Gotham XNarrow";
@@ -512,4 +519,12 @@ class Brandtokenmapping {
     static const hideOnAdvertorial = true;
     static const onlyBild = true;
     static const onlySportBild = false;
+
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const brandName = "BILD";
+
 }

package/dist/flutter/brands/bild/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 = "Gotham XNarrow";
@@ -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/bild/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 = "Gotham XNarrow";
@@ -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";
+
 }

package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointSm390pxCompact {
     BreakpointSm390pxCompact._();
 
-    static const breakpointName = "sm";
+    // ============================================
+    // 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 = "Gotham XNarrow";
@@ -447,6 +450,18 @@ class BreakpointSm390pxCompact {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "144px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "sm";
+
+
+    // ============================================
+    // 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 = "xs/sm";
     static const bpSpecificWeb = "xs/sm";
     static const bpSpecificApp = "compact";
+
 }

package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointXs320px {
     BreakpointXs320px._();
 
-    static const breakpointName = "xs";
+    // ============================================
+    // 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 = "Gotham XNarrow";
@@ -447,6 +450,18 @@ class BreakpointXs320px {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "144px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "xs";
+
+
+    // ============================================
+    // 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 = "xs/sm";
     static const bpSpecificWeb = "xs/sm";
     static const bpSpecificApp = "compact";
+
 }

package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart

@@ -12,6 +12,10 @@ import 'dart:ui';
 class ColormodeDark {
     ColormodeDark._();
 
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Alert
     /** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
     static const alertSurfaceColor = Color(0xFF343C41);
@@ -226,6 +230,11 @@ class ColormodeDark {
     static const dsDocSpacingItemBgColor = Color(0x33ffffff);
     static const dsDocSpacingItemBorderColor = Color(0xccffffff);
 
+
+    // ============================================
+    // SEMANTIC
+    // ============================================
+
     // Semantic - Attention
     /** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
     static const attentionColorHigh = Color(0xFFDD0000);
@@ -467,4 +476,5 @@ Behavior: Constant — same orange tone across Light and Dark mode. */
     /** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
 Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
     static const textColorOnDarkSurface = Color(0xFFFFFFFF);
+
 }

package/dist/flutter/brands/bild/semantic/color/colormode-light.dart

@@ -12,6 +12,10 @@ import 'dart:ui';
 class ColormodeLight {
     ColormodeLight._();
 
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     // Component - Alert
     /** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
     static const alertSurfaceColor = Color(0xFFFFFFFF);
@@ -226,6 +230,11 @@ class ColormodeLight {
     static const dsDocSpacingItemBgColor = Color(0x1add0000);
     static const dsDocSpacingItemBorderColor = Color(0x80dd0000);
 
+
+    // ============================================
+    // SEMANTIC
+    // ============================================
+
     // Semantic - Attention
     /** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
     static const attentionColorHigh = Color(0xFFDD0000);
@@ -467,4 +476,5 @@ Behavior: Constant — same orange tone across Light and Dark mode. */
     /** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
 Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
     static const textColorOnDarkSurface = Color(0xFFFFFFFF);
+
 }

package/dist/flutter/brands/sportbild/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/sportbild/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/sportbild/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/sportbild/overrides/brandcolormapping.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class Brandcolormapping {
     Brandcolormapping._();
 
-    // Component
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     static const chipColorActive = Color(0xFF174482);
 
     // Component - Avatar
@@ -88,6 +91,11 @@ class Brandcolormapping {
     static const teaserTitleBackgroundGradientStart = Color(0xb20a2750);
     static const teaserTitleBackgroundGradientStop = Color(0x000a2750);
 
+
+    // ============================================
+    // GLOBAL
+    // ============================================
+
     // Global - Attention
     /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
     static const accentColorPrimary = Color(0xFF174482);
@@ -153,4 +161,5 @@ class Brandcolormapping {
     static const kickerBgColorOnSurface = Color(0xFF174482);
     /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
     static const kickerBgColorOnSurfaceDark = Color(0xFF8C9196);
+
 }

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

@@ -12,8 +12,10 @@ import 'dart:ui';
 class Brandtokenmapping {
     Brandtokenmapping._();
 
-    static const brandName = "SportBILD";
-    // Component
+    // ============================================
+    // COMPONENT
+    // ============================================
+
     static const buttonLabelFontWeightSt = "Bold Italic";
 
     // Component - Accordion
@@ -157,6 +159,11 @@ class Brandtokenmapping {
     // Component - Teaser - superA
     static const superAteaserTitleInlineSpace = "24px";
 
+
+    // ============================================
+    // 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 = "AntennaExtraCond";
@@ -512,4 +519,12 @@ class Brandtokenmapping {
     static const hideOnAdvertorial = true;
     static const onlyBild = false;
     static const onlySportBild = true;
+
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const brandName = "SportBILD";
+
 }

package/dist/flutter/brands/sportbild/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 = "Inter";
@@ -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/sportbild/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 = "Inter";
@@ -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";
+
 }

package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart

@@ -12,7 +12,10 @@ import 'dart:ui';
 class BreakpointSm390pxCompact {
     BreakpointSm390pxCompact._();
 
-    static const breakpointName = "sm";
+    // ============================================
+    // 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 = "Inter";
@@ -447,6 +450,18 @@ class BreakpointSm390pxCompact {
     /** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
     static const docHeaderHeightSize = "144px";
 
+
+    // ============================================
+    // OTHER
+    // ============================================
+
+    static const breakpointName = "sm";
+
+
+    // ============================================
+    // 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 = "xs/sm";
     static const bpSpecificWeb = "xs/sm";
     static const bpSpecificApp = "compact";
+
 }