@marioschmidt/design-system-tokens 1.0.18 → 1.0.20

package/dist/flutter/shared/colorprimitive.dart

@@ -12,98 +12,139 @@ import 'dart:ui';
 class Colorprimitive {
     Colorprimitive._();
 
-    static const bildAlphaAlphaBildRed80 = Color(0xCCDD0000); /** Used on elevation effects. */
-    static const bildAlphaAlphaBlack0 = Color(0x00000000);
-    static const bildAlphaAlphaBlack05 = Color(0x0D000000);
-    static const bildAlphaAlphaBlack10 = Color(0x1A000000);
-    static const bildAlphaAlphaBlack20 = Color(0x33000000);
-    static const bildAlphaAlphaBlack30 = Color(0x4D000000);
-    static const bildAlphaAlphaBlack35 = Color(0x59000000);
-    static const bildAlphaAlphaBlack50 = Color(0x80000000);
-    static const bildAlphaAlphaBlack60 = Color(0x99000000); /** Used on elevation effects. */
-    static const bildAlphaAlphaBlack70 = Color(0xB2000000); /** Used on elevation effects. */
-    static const bildAlphaAlphaBlack80 = Color(0xCC000000); /** Used on elevation effects. */
-    static const bildAlphaAlphaWhite10 = Color(0x1AFFFFFF);
-    static const bildAlphaAlphaWhite20 = Color(0x33FFFFFF);
-    static const bildAlphaAlphaWhite30 = Color(0x4DFFFFFF);
-    static const bildAlphaAlphaWhite35 = Color(0x59FFFFFF);
-    static const bildAlphaAlphaWhite60 = Color(0x99FFFFFF); /** Used on elevation effects. */
-    static const bildAlphaAlphaWhite70 = Color(0xB2FFFFFF); /** Used on elevation effects. */
-    static const bildAlphaAlphaWhite80 = Color(0xCCFFFFFF); /** Used on elevation effects. */
-    static const bildBlueBildBlue = Color(0xFF00B1FF); /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
-    static const bildGrayBild010 = Color(0xFF1C1C1C);
-    static const bildGrayBild015 = Color(0xFF232629);
-    static const bildGrayBild020 = Color(0xFF2C3138);
-    static const bildGrayBild025 = Color(0xFF343C41);
-    static const bildGrayBild035 = Color(0xFF4B525A);
-    static const bildGrayBild045 = Color(0xFF666B70);
-    static const bildGrayBild060 = Color(0xFF8C9196);
-    static const bildGrayBild073 = Color(0xFFAEB4B9);
-    static const bildGrayBild085 = Color(0xFFCED4DA);
-    static const bildGrayBild08550 = Color(0x80CED4DA); /** The 50% opacity on this color makes it equivalent to BILD093. */
-    static const bildGrayBild093 = Color(0xFFE9ECEF);
-    static const bildGrayBild096 = Color(0xFFF2F4F5);
-    static const bildGreenBildGreen040 = Color(0xFF006E3E); /** This value of green was found in a text field's text color. */
-    static const bildGreenBildGreen056 = Color(0xFF18995C);
-    static const bildGreenBildGreen05650 = Color(0x80009B5A);
-    static const bildGreenBildGreen063 = Color(0xFF00AF67);
-    static const bildGreenBildGreen070 = Color(0xFF00C373);
-    static const bildGreenBildGreen093 = Color(0xFFCEF4E4);
-    static const bildGreenBildGreen09350 = Color(0x80CEF4E4);
-    static const bildNeutralBild100 = Color(0xFFFFFFFF);
-    static const bildNeutralBildBlack = Color(0xFF000000);
-    static const bildOrangeBildOrange = Color(0xFFFD8227); /** Tone: 067 */
-    static const bildPurpleBildBerry = Color(0xFF551937); /** Tone: 020 */
-    static const bildRedBildRed = Color(0xFFDD0000); /** Tone 046 */
-    static const bildRedBildRed035 = Color(0xFFAF0002);
-    static const bildRedBildRed053 = Color(0xFFF52D2D);
-    static const bildTextLabelsBild015 = BILD015; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild025 = BILD025; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild035 = BILD035; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild045 = BILD045; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild060 = BILD060; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild073 = BILD073; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild085 = BILD085; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild093 = BILD093; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild096 = BILD096; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBild100 = BILD100; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildGreen063 = BILDGreen063; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildGreen070 = BILDGreen070; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildGreen093 = BILDGreen093; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildOrange = BILDOrange; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildRed = BILDRed; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildRed035 = BILDRed035; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildRed053 = BILDRed053; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildTextLabelsBildYellow = BILDYellow; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
-    static const bildYellowBildYellow = Color(0xFFFFBF00); /** Tone: 081 */
-    static const opacityOpacity00 = 0px;
-    static const opacityOpacity05 = 5px;
-    static const opacityOpacity10 = 10px;
-    static const opacityOpacity100 = 100px;
-    static const opacityOpacity20 = 20px;
-    static const opacityOpacity30 = 30px;
-    static const opacityOpacity40 = 40px;
-    static const opacityOpacity50 = 50px;
-    static const opacityOpacity60 = 60px;
-    static const opacityOpacity70 = 70px;
-    static const opacityOpacity80 = 80px;
-    static const opacityOpacity90 = 90px;
-    static const partnerAubiAubiCore = Color(0xFFF00000);
-    static const partnerBzBzCore = Color(0xFFE3001B);
-    static const partnerComputerBildCobiCore = Color(0xFFDC231C);
-    static const partnerFitbookFitbookCore = Color(0xFFFF97B7);
-    static const partnerKaufberaterKaufberaterCore = Color(0xFF55476E);
-    static const partnerMyHomeMyhomeCore = Color(0xFF66CCCC);
-    static const partnerPetbookPetbookCore = Color(0xFFB9DB91);
-    static const partnerTechbookTechbookCore = Color(0xFF93E4FF);
-    static const partnerTravelbookTravelbookCore = Color(0xFF8EF0ED);
-    static const sportBildAlphaSpobiBlue0160 = Color(0x000A2750);
-    static const sportBildAlphaSpobiBlue01670 = Color(0xB20A2750);
-    static const sportBildBlueSpobiBlue010 = Color(0xFF081828);
-    static const sportBildBlueSpobiBlue016 = Color(0xFF0A2750); /** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
-    static const sportBildBlueSpobiBlue029 = Color(0xFF174482); /** This variable in the current online CSS is called secondary-tenant-color */
-    static const sportBildBlueSpobiBlue038 = Color(0xFF315998);
-    static const sportBildBlueSpobiBlue081 = Color(0xFFBDCADB);
-    static const sportBildBlueSpobiBlue098 = Color(0xFFF7F9FD);
-    static const sportBildRedSpobiRed = Color(0xFFE52528);
-}
+    // BILD - alpha
+    static const alphaBlack20 = Color(0x33000000);
+    static const alphaBlack10 = Color(0x1a000000);
+    /** Used on elevation effects. */
+    static const alphaBlack60 = Color(0x99000000);
+    static const alphaBlack30 = Color(0x4d000000);
+    /** Used on elevation effects. */
+    static const alphaBlack70 = Color(0xb2000000);
+    static const alphaWhite10 = Color(0x1affffff);
+    static const alphaWhite20 = Color(0x33ffffff);
+    static const alphaWhite30 = Color(0x4dffffff);
+    /** Used on elevation effects. */
+    static const alphaWhite60 = Color(0x99ffffff);
+    /** Used on elevation effects. */
+    static const alphaWhite70 = Color(0xb2ffffff);
+    static const alphaWhite35 = Color(0x59ffffff);
+    /** Used on elevation effects. */
+    static const alphaBildred80 = Color(0xccdd0000);
+    /** Used on elevation effects. */
+    static const alphaBlack80 = Color(0xcc000000);
+    /** Used on elevation effects. */
+    static const alphaWhite80 = Color(0xccffffff);
+    static const alphaBlack35 = Color(0x59000000);
+    static const alphaBlack0 = Color(0x00000000);
+    static const alphaBlack50 = Color(0x80000000);
+    static const alphaBlack05 = Color(0x0d000000);
+
+    // BILD - blue
+    /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
+    static const bildblue = Color(0xFF00B1FF);
+
+    // BILD - gray
+    static const bild015 = Color(0xFF232629);
+    static const bild085 = Color(0xFFCED4DA);
+    static const bild035 = Color(0xFF4B525A);
+    static const bild025 = Color(0xFF343C41);
+    static const bild060 = Color(0xFF8C9196);
+    static const bild096 = Color(0xFFF2F4F5);
+    static const bild093 = Color(0xFFE9ECEF);
+    /** The 50% opacity on this color makes it equivalent to BILD093. */
+    static const bild08550 = Color(0x80ced4da);
+    static const bild073 = Color(0xFFAEB4B9);
+    static const bild045 = Color(0xFF666B70);
+    static const bild010 = Color(0xFF1C1C1C);
+    static const bild020 = Color(0xFF2C3138);
+
+    // BILD - green
+    static const bildgreen070 = Color(0xFF00C373);
+    static const bildgreen063 = Color(0xFF00AF67);
+    static const bildgreen093 = Color(0xFFCEF4E4);
+    static const bildgreen09350 = Color(0x80cef4e4);
+    static const bildgreen05650 = Color(0x80009b5a);
+    /** This value of green was found in a text field's text color. */
+    static const bildgreen040 = Color(0xFF006E3E);
+    static const bildgreen056 = Color(0xFF18995C);
+
+    // BILD - neutral
+    static const bild100 = Color(0xFFFFFFFF);
+    static const bildblack = Color(0xFF000000);
+
+    // BILD - orange
+    /** Tone: 067 */
+    static const bildorange = Color(0xFFFD8227);
+
+    // BILD - purple
+    /** Tone: 020 */
+    static const bildberry = Color(0xFF551937);
+
+    // BILD - red
+    /** Tone 046 */
+    static const bildred = Color(0xFFDD0000);
+    static const bildred035 = Color(0xFFAF0002);
+    static const bildred053 = Color(0xFFF52D2D);
+
+    // BILD - yellow
+    /** Tone: 081 */
+    static const bildyellow = Color(0xFFFFBF00);
+
+    // Opacity
+    static const opacity05 = "5px";
+    static const opacity10 = "10px";
+    static const opacity20 = "20px";
+    static const opacity40 = "40px";
+    static const opacity60 = "60px";
+    static const opacity80 = "80px";
+    static const opacity100 = "100px";
+    static const opacity90 = "90px";
+    static const opacity30 = "30px";
+    static const opacity50 = "50px";
+    static const opacity00 = "0px";
+    static const opacity70 = "70px";
+
+    // Partner - Aubi
+    static const aubiCore = Color(0xFFF00000);
+
+    // Partner - Bz
+    static const bzCore = Color(0xFFE3001B);
+
+    // Partner - ComputerBILD
+    static const cobiCore = Color(0xFFDC231C);
+
+    // Partner - Fitbook
+    static const fitbookCore = Color(0xFFFF97B7);
+
+    // Partner - Kaufberater
+    static const kaufberaterCore = Color(0xFF55476E);
+
+    // Partner - MyHome
+    static const myhomeCore = Color(0xFF66CCCC);
+
+    // Partner - Petbook
+    static const petbookCore = Color(0xFFB9DB91);
+
+    // Partner - Techbook
+    static const techbookCore = Color(0xFF93E4FF);
+
+    // Partner - Travelbook
+    static const travelbookCore = Color(0xFF8EF0ED);
+
+    // SportBILD - alpha
+    static const spobiBlue0160 = Color(0x000a2750);
+    static const spobiBlue01670 = Color(0xb20a2750);
+
+    // SportBILD - blue
+    static const spobiBlue098 = Color(0xFFF7F9FD);
+    static const spobiBlue081 = Color(0xFFBDCADB);
+    /** This variable in the current online CSS is called secondary-tenant-color */
+    static const spobiBlue029 = Color(0xFF174482);
+    /** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
+    static const spobiBlue016 = Color(0xFF0A2750);
+    static const spobiBlue010 = Color(0xFF081828);
+    static const spobiBlue038 = Color(0xFF315998);
+
+    // SportBILD - red
+    static const spobiRed = Color(0xFFE52528);
+}

package/dist/flutter/shared/fontprimitive.dart

@@ -12,47 +12,70 @@ import 'dart:ui';
 class Fontprimitive {
     Fontprimitive._();
 
-    static const fontFamilyAdvertorialFontFamilyLucidaGrande = Lucida Grande;
-    static const fontFamilyBildFontFamilyGotham = Gotham;
-    static const fontFamilyBildFontFamilyGothamCond = Gotham Condensed;
-    static const fontFamilyBildFontFamilyGothamXNarrow = Gotham XNarrow;
-    static const fontFamilySportBildFontFamilyAntennaCond = AntennaCond;
-    static const fontFamilySportBildFontFamilyAntennaExtraCond = AntennaExtraCond;
-    static const fontFamilySportBildFontFamilyInter = Inter;
+    // FontFamily - Advertorial
+    static const fontFamilyLucidaGrande = "Lucida Grande";
+
+    // FontFamily - BILD
+    static const fontFamilyGothamXnarrow = "Gotham XNarrow";
+    static const fontFamilyGothamCond = "Gotham Condensed";
+    static const fontFamilyGotham = "Gotham";
+
+    // FontFamily - SportBILD
+    static const fontFamilyAntennaExtraCond = "AntennaExtraCond";
+    static const fontFamilyAntennaCond = "AntennaCond";
+    static const fontFamilyInter = "Inter";
+
+    // 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. */
+    static const fontWeight700BlackFontWeight = 700;
+    static const fontWeight900ExtraBlackFontWeight = 900;
+    static const fontWeight400BookFontWeight = 400;
     static const fontWeight1000UltraFontWeight = 1000;
+    static const fontWeight800BlackFontWeight = 800;
+    static const fontWeight350BookFontWeight = 350;
+    static const fontWeight600BoldFontWeight = 600;
     static const fontWeight100ThinFontWeight = 100;
+    static const _300LightFontWeight = 300;
     static const fontWeight200ExtraLightFontWeight = 200;
-    static const fontWeight300LightFontWeight = 300;
-    static const fontWeight350BookFontWeight = 350;
-    static const fontWeight400BookFontWeight = 400;
     static const fontWeight500MediumFontWeight = 500;
-    static const fontWeight600BoldFontWeight = 600;
-    static const fontWeight700BlackFontWeight = 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. */
-    static const fontWeight800BlackFontWeight = 800;
-    static const fontWeight900ExtraBlackFontWeight = 900;
-    static const fontWeightBlackFontWeightSt = Black;
-    static const fontWeightBoldItalicFontWeightSt = Bold Italic;
-    static const fontWeightString1000UltraFontWeight = 1000;
-    static const fontWeightString100ThinFontWeight = 100;
-    static const fontWeightString200ExtraLightFontWeight = 200;
-    static const fontWeightString350BookFontWeight = 350;
-    static const fontWeightString400BookFontWeight = 400;
-    static const fontWeightString500MediumFontWeight = 500;
-    static const fontWeightString600BoldFontWeight = 600;
-    static const fontWeightString600BoldItalicFontWeight = Bold Italic;
-    static const fontWeightString700BlackFontWeight = 700;
-    static const fontWeightString700BlackItalicFontWeight = Black Italic;
-    static const fontWeightString800BlackFontWeight = 800;
-    static const fontWeightString900ExtraBlackFontWeight = 900;
-    static const letterSpacingLetterSpace0 = 0px; /** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
-    static const letterSpacingLetterSpace025 = -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. */
-    static const letterSpacingLetterSpace025 = 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. */
-    static const letterSpacingLetterSpace05 = 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. */
-    static const letterSpacingLetterSpace05 = -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. */
-    static const letterSpacingLetterSpace1 = 1px; /** This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. */
-    static const letterSpacingLetterSpace1 = -1px; /** This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. */
-    static const letterSpacingLetterSpace2 = 2px; /** This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. */
-    static const letterSpacingLetterSpace2 = -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. */
-    static const letterSpacingLetterSpace3 = 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. */
-    static const letterSpacingLetterSpace3 = -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. */
-}
+    static const boldItalicFontWeightSt = "Bold Italic";
+    static const blackFontWeightSt = "Black";
+
+    // FontWeightString
+    static const fontWeightString1000UltraFontWeight = "1000";
+    static const fontWeightString900ExtraBlackFontWeight = "900";
+    static const fontWeightString800BlackFontWeight = "800";
+    static const fontWeightString700BlackFontWeight = "700";
+    static const fontWeightString600BoldFontWeight = "600";
+    static const fontWeightString500MediumFontWeight = "500";
+    static const fontWeightString400BookFontWeight = "400";
+    static const fontWeightString350BookFontWeight = "350";
+    static const fontWeightString200ExtraLightFontWeight = "200";
+    static const fontWeightString100ThinFontWeight = "100";
+    static const _600BoldItalicFontWeight = "Bold Italic";
+    static const _700BlackItalicFontWeight = "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. */
+    static const letterSpacingLetterSpace025 = "-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. */
+    static const letterSpace0 = "0px";
+    /** This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. */
+    static const letterSpacingLetterSpace1 = "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. */
+    static const letterSpacingLetterSpace05 = "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. */
+    static const letterSpacingLetterSpace025 = "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. */
+    static const letterSpacingLetterSpace05 = "-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. */
+    static const letterSpacingLetterSpace2 = "2px";
+    /** This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. */
+    static const letterSpacingLetterSpace1 = "-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. */
+    static const letterSpacingLetterSpace2 = "-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. */
+    static const letterSpacingLetterSpace3 = "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. */
+    static const letterSpacingLetterSpace3 = "-3px";
+}

package/dist/flutter/shared/sizeprimitive.dart

@@ -12,53 +12,53 @@ import 'dart:ui';
 class Sizeprimitive {
     Sizeprimitive._();
 
-    static const size0125x = 16.00;
-    static const size025x = 32.00;
-    static const size05x = 64.00;
-    static const size075x = 96.00;
-    static const size0x = 0.00;
-    static const size100x = 12800.00;
-    static const size10x = 1280.00;
-    static const size115x = 1472.00;
-    static const size11625x = 14880.00;
-    static const size124x = 15872.00;
-    static const size125x = 1600.00;
-    static const size125x = 160.00;
-    static const size128x = 16384.00;
-    static const size12x = 1536.00;
-    static const size15x = 192.00;
-    static const size15x = 1920.00;
-    static const size1625 = 2080.00;
-    static const size168x = 21504.00;
-    static const size175x = 224.00;
-    static const size175x = 2240.00;
-    static const size185x = 2368.00;
-    static const size1x = 128.00;
-    static const size20x = 2560.00;
-    static const size225x = 288.00;
-    static const size225x = 2880.00;
-    static const size25x = 320.00;
-    static const size25x = 3200.00;
-    static const size275x = 352.00;
-    static const size275x = 3520.00;
-    static const size2x = 256.00;
-    static const size30x = 3840.00;
-    static const size325x = 416.00;
-    static const size35x = 448.00;
-    static const size35x = 4480.00;
-    static const size375x = 480.00;
-    static const size3x = 384.00;
-    static const size40x = 5120.00;
-    static const size45x = 576.00;
-    static const size4x = 512.00;
-    static const size50x = 6400.00;
-    static const size525x = 672.00;
-    static const size5x = 640.00;
-    static const size60x = 7680.00;
-    static const size6x = 768.00;
-    static const size7x = 896.00;
-    static const size80x = 10240.00;
-    static const size875x = 11200.00;
-    static const size8x = 1024.00;
-    static const size9x = 1152.00;
-}
+    static const size6x = "48px";
+    static const size3x = "24px";
+    static const size1x = "8px";
+    static const size025x = "2px";
+    static const size05x = "4px";
+    static const size2x = "16px";
+    static const size45x = "36px";
+    static const size5x = "40px";
+    static const size35x = "28px";
+    static const size25x = "20px";
+    static const size125x = "100px";
+    static const size275x = "22px";
+    static const size325x = "26px";
+    static const size4x = "32px";
+    static const size375x = "30px";
+    static const size225x = "18px";
+    static const size7x = "56px";
+    static const size15x = "12px";
+    static const size075x = "6px";
+    static const size225x = "180px";
+    static const size40x = "320px";
+    static const size8x = "64px";
+    static const size115x = "92px";
+    static const size175x = "14px";
+    static const size525x = "42px";
+    static const size125x = "10px";
+    static const size80x = "640px";
+    static const size175x = "140px";
+    static const size20x = "160px";
+    static const size128x = "1024px";
+    static const size124x = "992px";
+    static const size12x = "96px";
+    static const size35x = "280px";
+    static const size15x = "120px";
+    static const size1625 = "130px";
+    static const size875x = "700px";
+    static const size10x = "80px";
+    static const size30x = "240px";
+    static const size25x = "200px";
+    static const size168x = "1344px";
+    static const size60x = "480px";
+    static const size9x = "72px";
+    static const size275x = "220px";
+    static const size50x = "400px";
+    static const size11625x = "930px";
+    static const size185x = "148px";
+    static const size100x = "800px";
+    static const size0x = "0px";
+    static const size0125x = "1px";
+}

package/dist/flutter/shared/spaceprimitive.dart

@@ -12,29 +12,29 @@ import 'dart:ui';
 class Spaceprimitive {
     Spaceprimitive._();
 
-    static const space025x = 32.00;
-    static const space025x = -32.00;
-    static const space05x = 64.00;
-    static const space075x = 96.00;
-    static const space0x = 0.00;
-    static const space10x = 1280.00;
-    static const space125x = 160.00;
-    static const space12x = 1536.00;
-    static const space15x = 192.00;
-    static const space175x = 224.00;
-    static const space1x = 128.00;
-    static const space20x = 2560.00;
-    static const space25x = 320.00;
-    static const space275x = 352.00;
-    static const space2x = 256.00;
-    static const space35x = 448.00;
-    static const space3x = 384.00;
-    static const space45x = 576.00;
-    static const space4x = 512.00;
-    static const space5x = 640.00;
-    static const space6x = 768.00;
-    static const space75x = 960.00;
-    static const space85x = 1088.00;
-    static const space8x = 1024.00;
-    static const space9x = 1152.00;
-}
+    static const space1x = "8px";
+    static const space05x = "4px";
+    static const space025x = "2px";
+    static const space2x = "16px";
+    static const space15x = "12px";
+    static const space4x = "32px";
+    static const space3x = "24px";
+    static const space6x = "48px";
+    static const space8x = "64px";
+    static const space9x = "72px";
+    static const space5x = "40px";
+    static const space0x = "0px";
+    static const space10x = "80px";
+    static const space20x = "160px";
+    static const space25x = "20px";
+    static const space025x = "-2px";
+    static const space075x = "6px";
+    static const space125x = "10px";
+    static const space275x = "22px";
+    static const space45x = "36px";
+    static const space75x = "60px";
+    static const space12x = "96px";
+    static const space175x = "14px";
+    static const space85x = "68px";
+    static const space35x = "28px";
+}

package/dist/ios/brands/advertorial/density/DensityCompact.swift

@@ -9,12 +9,20 @@
 import UIKit
 
 public class DensityCompact {
-    public static let componentButtonButtonContentGapSpace = CGFloat(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. */
-    public static let componentButtonButtonInlineSpace = CGFloat(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. */
-    public static let componentButtonButtonLabelFontSize = CGFloat(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 */
-    public static let componentButtonButtonStackSpace = CGFloat(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. */
-    public static let componentInputfieldInputFieldHeightSize = CGFloat(576.00)
-    public static let componentInputfieldInputFieldInlineSpace = CGFloat(256.00)
-    public static let componentInputfieldInputFieldLabelFontSize = CGFloat(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 */
-    public static let componentInputfieldInputFieldStackSpace = CGFloat(96.00)
-}
+    // MARK: - 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. */
+    public static let 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. */
+    public static let 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 */
+    public static let 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. */
+    public static let ButtonInlineSpace = "16px"
+
+    // MARK: - Component - Inputfield
+    public static let InputFieldInlineSpace = "16px"
+    public static let InputFieldStackSpace = "6px"
+    public static let 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 */
+    public static let InputFieldLabelFontSize = "16px"
+}

package/dist/ios/brands/advertorial/density/DensityDefault.swift

@@ -9,12 +9,20 @@
 import UIKit
 
 public class DensityDefault {
-    public static let componentButtonButtonContentGapSpace = CGFloat(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. */
-    public static let componentButtonButtonInlineSpace = CGFloat(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. */
-    public static let componentButtonButtonLabelFontSize = CGFloat(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 */
-    public static let componentButtonButtonStackSpace = CGFloat(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. */
-    public static let componentInputfieldInputFieldHeightSize = CGFloat(640.00)
-    public static let componentInputfieldInputFieldInlineSpace = CGFloat(256.00)
-    public static let componentInputfieldInputFieldLabelFontSize = CGFloat(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 */
-    public static let componentInputfieldInputFieldStackSpace = CGFloat(128.00)
-}
+    // MARK: - 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. */
+    public static let 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. */
+    public static let 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 */
+    public static let 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. */
+    public static let ButtonInlineSpace = "20px"
+
+    // MARK: - Component - Inputfield
+    public static let InputFieldInlineSpace = "16px"
+    public static let InputFieldStackSpace = "8px"
+    public static let 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 */
+    public static let InputFieldLabelFontSize = "17px"
+}