@marioschmidt/design-system-tokens 1.0.19 → 1.0.20

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

@@ -1,6 +1,6 @@
 /**
  * Effect Classes - Sportbild / dark
- * Generiert am: 2025-11-24T09:19:12.857Z
+ * Generiert am: 2025-11-24T15:10:53.588Z
  * 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-24T09:19:12.792Z
+ * Generiert am: 2025-11-24T15:10:53.518Z
  * 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-24T09:19:11.921Z
+ * Generiert am: 2025-11-24T15:10:52.623Z
  * 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-24T09:19:11.742Z
+ * Generiert am: 2025-11-24T15:10:52.461Z
  * 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-24T09:19:11.600Z
+ * Generiert am: 2025-11-24T15:10:52.318Z
  * 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-24T09:19:11.439Z
+ * Generiert am: 2025-11-24T15:10:52.151Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/shared/colorprimitive.css

@@ -3,98 +3,80 @@
  */
 
 :root {
-  --bild-red-bild-red: #DD0000; /** Tone 046 */
-  --bild-red-bild-red035: #AF0002;
-  --bild-red-bild-red053: #F52D2D;
-  --bild-gray-bild015: #232629;
-  --bild-gray-bild085: #CED4DA;
-  --bild-gray-bild035: #4B525A;
-  --bild-gray-bild025: #343C41;
-  --bild-gray-bild060: #8C9196;
-  --bild-gray-bild096: #F2F4F5;
-  --bild-gray-bild093: #E9ECEF;
-  --bild-gray-bild085-50: rgba(206, 212, 218, 0.5); /** The 50% opacity on this color makes it equivalent to BILD093. */
-  --bild-gray-bild073: #AEB4B9;
-  --bild-gray-bild045: #666B70;
-  --bild-gray-bild010: #1C1C1C;
-  --bild-gray-bild020: #2C3138;
-  --bild-neutral-bild100: #FFFFFF;
-  --bild-neutral-bild-black: #000000;
-  --bild-orange-bild-orange: #FD8227; /** Tone: 067 */
-  --bild-green-bild-green070: #00C373;
-  --bild-green-bild-green063: #00AF67;
-  --bild-green-bild-green093: #CEF4E4;
-  --bild-green-bild-green093-50: rgba(206, 244, 228, 0.5);
-  --bild-green-bild-green056-50: rgba(0, 155, 90, 0.5);
-  --bild-green-bild-green040: #006E3E; /** This value of green was found in a text field's text color. */
-  --bild-green-bild-green056: #18995C;
-  --bild-text-labels-bild-red: BILDRed; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild100: BILD100; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild096: BILD096; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild085: BILD085; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild060: BILD060; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild035: BILD035; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild025: BILD025; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild015: BILD015; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-orange: BILDOrange; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-red053: BILDRed053; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-red035: BILDRed035; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-green093: BILDGreen093; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-green070: BILDGreen070; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-green063: BILDGreen063; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild093: BILD093; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild-yellow: BILDYellow; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild073: BILD073; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-text-labels-bild045: BILD045; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-  --bild-yellow-bild-yellow: #FFBF00; /** Tone: 081 */
-  --bild-purple-bild-berry: #551937; /** Tone: 020 */
-  --bild-alpha-alpha-black20: rgba(0, 0, 0, 0.20000000298023224);
-  --bild-alpha-alpha-black10: rgba(0, 0, 0, 0.10000000149011612);
-  --bild-alpha-alpha-black60: rgba(0, 0, 0, 0.6000000238418579); /** Used on elevation effects. */
-  --bild-alpha-alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
-  --bild-alpha-alpha-black70: rgba(0, 0, 0, 0.699999988079071); /** Used on elevation effects. */
-  --bild-alpha-alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
-  --bild-alpha-alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
-  --bild-alpha-alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
-  --bild-alpha-alpha-white60: rgba(255, 255, 255, 0.6000000238418579); /** Used on elevation effects. */
-  --bild-alpha-alpha-white70: rgba(255, 255, 255, 0.699999988079071); /** Used on elevation effects. */
-  --bild-alpha-alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
-  --bild-alpha-alpha-bild-red80: rgba(221, 0, 0, 0.800000011920929); /** Used on elevation effects. */
-  --bild-alpha-alpha-black80: rgba(0, 0, 0, 0.800000011920929); /** Used on elevation effects. */
-  --bild-alpha-alpha-white80: rgba(255, 255, 255, 0.800000011920929); /** Used on elevation effects. */
-  --bild-alpha-alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
-  --bild-alpha-alpha-black0: rgba(0, 0, 0, 0);
-  --bild-alpha-alpha-black50: rgba(0, 0, 0, 0.5);
-  --bild-alpha-alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
-  --bild-blue-bild-blue: #00B1FF; /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
-  --partner-fitbook-fitbook-core: #FF97B7;
-  --partner-petbook-petbook-core: #B9DB91;
-  --partner-my-home-myhome-core: #66CCCC;
-  --partner-travelbook-travelbook-core: #8EF0ED;
-  --partner-techbook-techbook-core: #93E4FF;
-  --partner-kaufberater-kaufberater-core: #55476E;
-  --partner-bz-bz-core: #E3001B;
-  --partner-aubi-aubi-core: #F00000;
-  --partner-computer-bild-cobi-core: #DC231C;
-  --sport-bild-blue-spobi-blue098: #F7F9FD;
-  --sport-bild-blue-spobi-blue081: #BDCADB;
-  --sport-bild-blue-spobi-blue029: #174482; /** This variable in the current online CSS is called secondary-tenant-color */
-  --sport-bild-blue-spobi-blue016: #0A2750; /** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
-  --sport-bild-blue-spobi-blue010: #081828;
-  --sport-bild-blue-spobi-blue038: #315998;
-  --sport-bild-red-spobi-red: #E52528;
-  --sport-bild-alpha-spobi-blue016-0: rgba(10, 39, 80, 0);
-  --sport-bild-alpha-spobi-blue016-70: rgba(10, 39, 80, 0.699999988079071);
-  --opacity-opacity05: 5px;
-  --opacity-opacity10: 10px;
-  --opacity-opacity20: 20px;
-  --opacity-opacity40: 40px;
-  --opacity-opacity60: 60px;
-  --opacity-opacity80: 80px;
-  --opacity-opacity100: 100px;
-  --opacity-opacity90: 90px;
-  --opacity-opacity30: 30px;
-  --opacity-opacity50: 50px;
-  --opacity-opacity00: 0px;
-  --opacity-opacity70: 70px;
+  --bildred: #DD0000; /** Tone 046 */
+  --bildred035: #AF0002;
+  --bildred053: #F52D2D;
+  --bild015: #232629;
+  --bild085: #CED4DA;
+  --bild035: #4B525A;
+  --bild025: #343C41;
+  --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. */
+  --bild073: #AEB4B9;
+  --bild045: #666B70;
+  --bild010: #1C1C1C;
+  --bild020: #2C3138;
+  --bild100: #FFFFFF;
+  --bildblack: #000000;
+  --bildorange: #FD8227; /** Tone: 067 */
+  --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. */
+  --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);
+  --opacity05: 5px;
+  --opacity10: 10px;
+  --opacity20: 20px;
+  --opacity40: 40px;
+  --opacity60: 60px;
+  --opacity80: 80px;
+  --opacity100: 100px;
+  --opacity90: 90px;
+  --opacity30: 30px;
+  --opacity50: 50px;
+  --opacity00: 0px;
+  --opacity70: 70px;
 }

package/dist/css/shared/fontprimitive.css

@@ -3,47 +3,47 @@
  */
 
 :root {
-  --font-family-bild-font-family-gotham-x-narrow: Gotham XNarrow;
-  --font-family-bild-font-family-gotham-cond: Gotham Condensed;
-  --font-family-bild-font-family-gotham: Gotham;
-  --font-family-advertorial-font-family-lucida-grande: Lucida Grande;
-  --font-family-sport-bild-font-family-antenna-extra-cond: AntennaExtraCond;
-  --font-family-sport-bild-font-family-antenna-cond: AntennaCond;
-  --font-family-sport-bild-font-family-inter: Inter;
-  --font-weight-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. */
-  --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;
-  --font-weight-300-light-font-weight: 300;
-  --font-weight-200-extra-light-font-weight: 200;
-  --font-weight-500-medium-font-weight: 500;
-  --font-weight-bold-italic-font-weight-st: Bold Italic;
-  --font-weight-black-font-weight-st: Black;
-  --letter-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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-spacing-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. */
-  --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;
-  --font-weight-string-600-bold-italic-font-weight: Bold Italic;
-  --font-weight-string-700-black-italic-font-weight: Black Italic;
+  --font-family-gotham-xnarrow: Gotham XNarrow;
+  --font-family-gotham-cond: Gotham Condensed;
+  --font-family-gotham: Gotham;
+  --font-family-lucida-grande: Lucida Grande;
+  --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;
+  --300-light-font-weight: 300;
+  --200-extra-light-font-weight: 200;
+  --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;
+  --600-bold-italic-font-weight: Bold Italic;
+  --700-black-italic-font-weight: Black Italic;
 }

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

@@ -12,12 +12,20 @@ import 'dart:ui';
 class DensityCompact {
     DensityCompact._();
 
-    static const componentButtonButtonContentGapSpace = 96.00; /** 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 componentButtonButtonInlineSpace = 256.00; /** 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 componentButtonButtonLabelFontSize = 240.00; /** 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 devices: 15 - 17 - 19 */
-    static const componentButtonButtonStackSpace = 96.00; /** 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 componentInputfieldInputFieldHeightSize = 576.00;
-    static const componentInputfieldInputFieldInlineSpace = 256.00;
-    static const componentInputfieldInputFieldLabelFontSize = 256.00; /** 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 componentInputfieldInputFieldStackSpace = 96.00;
-}
+    // 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";
+    /** 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 buttonStackSpace = "6px";
+    /** 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 devices: 15 - 17 - 19 */
+    static const buttonLabelFontSize = "15px";
+    /** 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 buttonInlineSpace = "16px";
+
+    // Component - Inputfield
+    static const inputFieldInlineSpace = "16px";
+    static const inputFieldStackSpace = "6px";
+    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,12 +12,20 @@ import 'dart:ui';
 class DensityDefault {
     DensityDefault._();
 
-    static const componentButtonButtonContentGapSpace = 128.00; /** 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 componentButtonButtonInlineSpace = 320.00; /** 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 componentButtonButtonLabelFontSize = 272.00; /** 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 devices: 15 - 17 - 19 */
-    static const componentButtonButtonStackSpace = 128.00; /** 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 componentInputfieldInputFieldHeightSize = 640.00;
-    static const componentInputfieldInputFieldInlineSpace = 256.00;
-    static const componentInputfieldInputFieldLabelFontSize = 272.00; /** 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 componentInputfieldInputFieldStackSpace = 128.00;
-}
+    // 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";
+    /** 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 buttonStackSpace = "8px";
+    /** 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 devices: 15 - 17 - 19 */
+    static const buttonLabelFontSize = "17px";
+    /** 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 buttonInlineSpace = "20px";
+
+    // Component - Inputfield
+    static const inputFieldInlineSpace = "16px";
+    static const inputFieldStackSpace = "8px";
+    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,12 +12,20 @@ import 'dart:ui';
 class DensitySpacious {
     DensitySpacious._();
 
-    static const componentButtonButtonContentGapSpace = 128.00; /** 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 componentButtonButtonInlineSpace = 384.00; /** 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 componentButtonButtonLabelFontSize = 304.00; /** 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 devices: 15 - 17 - 19 */
-    static const componentButtonButtonStackSpace = 192.00; /** 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 componentInputfieldInputFieldHeightSize = 768.00;
-    static const componentInputfieldInputFieldInlineSpace = 256.00;
-    static const componentInputfieldInputFieldLabelFontSize = 304.00; /** 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 componentInputfieldInputFieldStackSpace = 192.00;
-}
+    // 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";
+    /** 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 buttonStackSpace = "12px";
+    /** 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 devices: 15 - 17 - 19 */
+    static const buttonLabelFontSize = "19px";
+    /** 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 buttonInlineSpace = "24px";
+
+    // Component - Inputfield
+    static const inputFieldInlineSpace = "16px";
+    static const inputFieldStackSpace = "12px";
+    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";
+}