@marioschmidt/design-system-tokens 1.0.13 → 1.0.14

package/dist/js/base/primitive-color-value.js

@@ -9,22 +9,22 @@ export const bildAlphaAlphablack20 = "rgba(0, 0, 0, 0.2)";
 export const bildAlphaAlphablack30 = "rgba(0, 0, 0, 0.3)";
 export const bildAlphaAlphablack35 = "rgba(0, 0, 0, 0.35)";
 export const bildAlphaAlphablack50 = "rgba(0, 0, 0, 0.5)";
-export const bildAlphaAlphablack60 = "rgba(0, 0, 0, 0.6)"; // Used on elevation effects.
-export const bildAlphaAlphablack70 = "rgba(0, 0, 0, 0.7)"; // Used on elevation effects.
-export const bildAlphaAlphablack80 = "rgba(0, 0, 0, 0.8)"; // Used on elevation effects.
+export const bildAlphaAlphablack60 = "rgba(0, 0, 0, 0.6)";
+export const bildAlphaAlphablack70 = "rgba(0, 0, 0, 0.7)";
+export const bildAlphaAlphablack80 = "rgba(0, 0, 0, 0.8)";
 export const bildAlphaAlphawhite10 = "rgba(255, 255, 255, 0.1)";
 export const bildAlphaAlphawhite20 = "rgba(255, 255, 255, 0.2)";
 export const bildAlphaAlphawhite30 = "rgba(255, 255, 255, 0.3)";
 export const bildAlphaAlphawhite35 = "rgba(255, 255, 255, 0.35)";
-export const bildAlphaAlphawhite60 = "rgba(255, 255, 255, 0.6)"; // Used on elevation effects.
-export const bildAlphaAlphawhite70 = "rgba(255, 255, 255, 0.7)"; // Used on elevation effects.
-export const bildAlphaAlphawhite80 = "rgba(255, 255, 255, 0.8)"; // Used on elevation effects.
-export const bildAlphaAlphabildred80 = "rgba(222, 0, 0, 0.8)"; // Used on elevation effects.
-export const bildBlueBildblue = "#00b0ff"; // This Blue color was taken from the Weather 2024 project. Tone: 069
+export const bildAlphaAlphawhite60 = "rgba(255, 255, 255, 0.6)";
+export const bildAlphaAlphawhite70 = "rgba(255, 255, 255, 0.7)";
+export const bildAlphaAlphawhite80 = "rgba(255, 255, 255, 0.8)";
+export const bildAlphaAlphabildred80 = "rgba(222, 0, 0, 0.8)";
+export const bildBlueBildblue = "#00b0ff";
 export const bildGrayBild096 = "#f2f5f5";
 export const bildGrayBild093 = "#e8edf0";
 export const bildGrayBild085 = "#cfd4d9";
-export const bildGrayBild08550 = "rgba(207, 212, 217, 0.5)"; // The 50% opacity on this color makes it equivalent to BILD093.
+export const bildGrayBild08550 = "rgba(207, 212, 217, 0.5)";
 export const bildGrayBild073 = "#adb5ba";
 export const bildGrayBild060 = "#8c9196";
 export const bildGrayBild045 = "#666b70";
@@ -39,40 +39,40 @@ export const bildGreenBildgreen070 = "#00c273";
 export const bildGreenBildgreen063 = "#00b066";
 export const bildGreenBildgreen05650 = "rgba(0, 156, 89, 0.5)";
 export const bildGreenBildgreen056 = "#17995c";
-export const bildGreenBildgreen040 = "#006e3d"; // This value of green was found in a text field's text color.
+export const bildGreenBildgreen040 = "#006e3d";
 export const bildNeutralBild100 = "#ffffff";
 export const bildNeutralBildblack = "#000000";
 export const bildRedBildred053 = "#f52e2e";
-export const bildRedBildred = "#de0000"; // Tone 046
+export const bildRedBildred = "#de0000";
 export const bildRedBildred035 = "#b00003";
-export const bildOrangeBildorange = "#fc8226"; // Tone: 067
-export const bildPurpleBildberry = "#541a38"; // Tone: 020
-export const bildYellowBildyellow = "#ffbf00"; // Tone: 081
-export const bildTextlabelsBildred = "BILDRed"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild100 = "BILD100"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild096 = "BILD096"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild093 = "BILD093"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild085 = "BILD085"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild073 = "BILD073"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild060 = "BILD060"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild045 = "BILD045"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild035 = "BILD035"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild025 = "BILD025"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBild015 = "BILD015"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildyellow = "BILDYellow"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildorange = "BILDOrange"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildred053 = "BILDRed053"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildred035 = "BILDRed035"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildgreen093 = "BILDGreen093"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildgreen070 = "BILDGreen070"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
-export const bildTextlabelsBildgreen063 = "BILDGreen063"; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+export const bildOrangeBildorange = "#fc8226";
+export const bildPurpleBildberry = "#541a38";
+export const bildYellowBildyellow = "#ffbf00";
+export const bildTextlabelsBildred = "BILDRed";
+export const bildTextlabelsBild100 = "BILD100";
+export const bildTextlabelsBild096 = "BILD096";
+export const bildTextlabelsBild093 = "BILD093";
+export const bildTextlabelsBild085 = "BILD085";
+export const bildTextlabelsBild073 = "BILD073";
+export const bildTextlabelsBild060 = "BILD060";
+export const bildTextlabelsBild045 = "BILD045";
+export const bildTextlabelsBild035 = "BILD035";
+export const bildTextlabelsBild025 = "BILD025";
+export const bildTextlabelsBild015 = "BILD015";
+export const bildTextlabelsBildyellow = "BILDYellow";
+export const bildTextlabelsBildorange = "BILDOrange";
+export const bildTextlabelsBildred053 = "BILDRed053";
+export const bildTextlabelsBildred035 = "BILDRed035";
+export const bildTextlabelsBildgreen093 = "BILDGreen093";
+export const bildTextlabelsBildgreen070 = "BILDGreen070";
+export const bildTextlabelsBildgreen063 = "BILDGreen063";
 export const sportbildAlphaSpobiblue0160 = "rgba(10, 38, 79, 0)";
 export const sportbildAlphaSpobiblue01670 = "rgba(10, 38, 79, 0.7)";
 export const sportbildBlueSpobiblue098 = "#f7fafc";
 export const sportbildBlueSpobiblue081 = "#bdc9db";
 export const sportbildBlueSpobiblue038 = "#305999";
-export const sportbildBlueSpobiblue029 = "#174582"; // This variable in the current online CSS is called secondary-tenant-color
-export const sportbildBlueSpobiblue016 = "#0a264f"; // This variable in the current online CSS is called main-tenant-color for the spobi tenant.
+export const sportbildBlueSpobiblue029 = "#174582";
+export const sportbildBlueSpobiblue016 = "#0a264f";
 export const sportbildBlueSpobiblue010 = "#081729";
 export const sportbildRedSpobired = "#e62629";
 export const partnerAubiAubicore = "#f00000";

package/dist/js/base/primitive-font-value.js

@@ -12,7 +12,7 @@ export const fontfamilyAdvertorialFontfamilylucidagrande = "Lucida Grande";
 export const fontweight1000ultrafontweight = 1000;
 export const fontweight900extrablackfontweight = 900;
 export const fontweight800blackfontweight = 800;
-export 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.
+export const fontweight700blackfontweight = 700;
 export const fontweightBolditalicfontweightst = "Bold Italic";
 export const fontweightBlackfontweightst = "Black";
 export const fontweight600boldfontweight = 600;
@@ -34,14 +34,14 @@ export const fontweightstring400bookfontweight = "400";
 export const fontweightstring350bookfontweight = "350";
 export const fontweightstring200extralightfontweight = "200";
 export const fontweightstring100thinfontweight = "100";
-export const letterspacingLetterspace3 = 3; // 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.
-export const letterspacingLetterspace2 = 2; // This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
-export const letterspacingLetterspace1 = 1; // This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
-export const letterspacingLetterspace05 = 0.5; // 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.
-export const letterspacingLetterspace025 = 0.25; // 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.
-export const letterspacingLetterspace0 = 0; // This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
-export const letterspacingLetterspace025 = -0.25; // 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.
-export const letterspacingLetterspace05 = -0.5; // This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
-export const letterspacingLetterspace1 = -1; // This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
-export const letterspacingLetterspace2 = -2; // 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.
-export const letterspacingLetterspace3 = -3; // 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.
+export const letterspacingLetterspace3 = "3px";
+export const letterspacingLetterspace2 = "2px";
+export const letterspacingLetterspace1 = "1px";
+export const letterspacingLetterspace05 = "0.5px";
+export const letterspacingLetterspace025 = "0.25px";
+export const letterspacingLetterspace0 = "0px";
+export const letterspacingLetterspace025 = "-0.25px";
+export const letterspacingLetterspace05 = "-0.5px";
+export const letterspacingLetterspace1 = "-1px";
+export const letterspacingLetterspace2 = "-2px";
+export const letterspacingLetterspace3 = "-3px";

package/dist/js/base/primitive-size-value.js

@@ -2,52 +2,52 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const size168x = 1344;
-export const size128x = 1024;
-export const size124x = 992;
-export const size11625x = 930;
-export const size100x = 800;
-export const size875x = 700;
-export const size80x = 640;
-export const size60x = 480;
-export const size50x = 400;
-export const size40x = 320;
-export const size35x = 280;
-export const size30x = 240;
-export const size275x = 220;
-export const size25x = 200;
-export const size225x = 180;
-export const size20x = 160;
-export const size185x = 148;
-export const size175x = 140;
-export const size1625 = 130;
-export const size15x = 120;
-export const size125x = 100;
-export const size12x = 96;
-export const size115x = 92;
-export const size10x = 80;
-export const size9x = 72;
-export const size8x = 64;
-export const size7x = 56;
-export const size6x = 48;
-export const size525x = 42;
-export const size5x = 40;
-export const size45x = 36;
-export const size4x = 32;
-export const size375x = 30;
-export const size35x = 28;
-export const size325x = 26;
-export const size3x = 24;
-export const size275x = 22;
-export const size25x = 20;
-export const size225x = 18;
-export const size2x = 16;
-export const size175x = 14;
-export const size15x = 12;
-export const size125x = 10;
-export const size1x = 8;
-export const size075x = 6;
-export const size05x = 4;
-export const size025x = 2;
-export const size0125x = 1;
-export const size0x = 0;
+export const size168x = "1344px";
+export const size128x = "1024px";
+export const size124x = "992px";
+export const size11625x = "930px";
+export const size100x = "800px";
+export const size875x = "700px";
+export const size80x = "640px";
+export const size60x = "480px";
+export const size50x = "400px";
+export const size40x = "320px";
+export const size35x = "280px";
+export const size30x = "240px";
+export const size275x = "220px";
+export const size25x = "200px";
+export const size225x = "180px";
+export const size20x = "160px";
+export const size185x = "148px";
+export const size175x = "140px";
+export const size1625 = "130px";
+export const size15x = "120px";
+export const size125x = "100px";
+export const size12x = "96px";
+export const size115x = "92px";
+export const size10x = "80px";
+export const size9x = "72px";
+export const size8x = "64px";
+export const size7x = "56px";
+export const size6x = "48px";
+export const size525x = "42px";
+export const size5x = "40px";
+export const size45x = "36px";
+export const size4x = "32px";
+export const size375x = "30px";
+export const size35x = "28px";
+export const size325x = "26px";
+export const size3x = "24px";
+export const size275x = "22px";
+export const size25x = "20px";
+export const size225x = "18px";
+export const size2x = "16px";
+export const size175x = "14px";
+export const size15x = "12px";
+export const size125x = "10px";
+export const size1x = "8px";
+export const size075x = "6px";
+export const size05x = "4px";
+export const size025x = "2px";
+export const size0125x = "1px";
+export const size0x = "0px";

package/dist/js/base/primitive-space-value.js

@@ -2,28 +2,28 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const space20x = 160;
-export const space12x = 96;
-export const space10x = 80;
-export const space9x = 72;
-export const space85x = 68;
-export const space8x = 64;
-export const space75x = 60;
-export const space6x = 48;
-export const space5x = 40;
-export const space45x = 36;
-export const space4x = 32;
-export const space35x = 28;
-export const space3x = 24;
-export const space275x = 22;
-export const space25x = 20;
-export const space2x = 16;
-export const space175x = 14;
-export const space15x = 12;
-export const space125x = 10;
-export const space1x = 8;
-export const space075x = 6;
-export const space05x = 4;
-export const space025x = 2;
-export const space0x = 0;
-export const space025x = -2;
+export const space20x = "160px";
+export const space12x = "96px";
+export const space10x = "80px";
+export const space9x = "72px";
+export const space85x = "68px";
+export const space8x = "64px";
+export const space75x = "60px";
+export const space6x = "48px";
+export const space5x = "40px";
+export const space45x = "36px";
+export const space4x = "32px";
+export const space35x = "28px";
+export const space3x = "24px";
+export const space275x = "22px";
+export const space25x = "20px";
+export const space2x = "16px";
+export const space175x = "14px";
+export const space15x = "12px";
+export const space125x = "10px";
+export const space1x = "8px";
+export const space075x = "6px";
+export const space05x = "4px";
+export const space025x = "2px";
+export const space0x = "0px";
+export const space025x = "-2px";

package/dist/js/density/density-compact.js

@@ -2,11 +2,11 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const componentButtonButtonlabelfontsize = 15; // 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
-export const componentButtonButtoncontentgapspace = 6; // 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.
-export const componentButtonButtoninlinespace = 16; // 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.
-export const componentButtonButtonstackspace = 6; // 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.
-export const componentInputfieldInputfieldlabelfontsize = 16; // 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
+export const componentButtonButtonlabelfontsize = "15px";
+export const componentButtonButtoncontentgapspace = 6;
+export const componentButtonButtoninlinespace = 16;
+export const componentButtonButtonstackspace = 6;
+export const componentInputfieldInputfieldlabelfontsize = "16px";
 export const componentInputfieldInputfieldinlinespace = 16;
 export const componentInputfieldInputfieldheightsize = 36;
 export const componentInputfieldInputfieldstackspace = 6;

package/dist/js/density/density-default.js

@@ -2,11 +2,11 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const componentButtonButtonlabelfontsize = 17; // 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
-export const componentButtonButtoncontentgapspace = 8; // 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.
-export const componentButtonButtoninlinespace = 20; // 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.
-export const componentButtonButtonstackspace = 8; // 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.
-export const componentInputfieldInputfieldlabelfontsize = 17; // 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
+export const componentButtonButtonlabelfontsize = "17px";
+export const componentButtonButtoncontentgapspace = 8;
+export const componentButtonButtoninlinespace = 20;
+export const componentButtonButtonstackspace = 8;
+export const componentInputfieldInputfieldlabelfontsize = "17px";
 export const componentInputfieldInputfieldinlinespace = 16;
 export const componentInputfieldInputfieldheightsize = 40;
 export const componentInputfieldInputfieldstackspace = 8;

package/dist/js/density/density-spacious.js

@@ -2,11 +2,11 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const componentButtonButtonlabelfontsize = 19; // 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
-export const componentButtonButtoncontentgapspace = 8; // 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.
-export const componentButtonButtoninlinespace = 24; // 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.
-export const componentButtonButtonstackspace = 12; // 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.
-export const componentInputfieldInputfieldlabelfontsize = 19; // 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
+export const componentButtonButtonlabelfontsize = "19px";
+export const componentButtonButtoncontentgapspace = 8;
+export const componentButtonButtoninlinespace = 24;
+export const componentButtonButtonstackspace = 12;
+export const componentInputfieldInputfieldlabelfontsize = "19px";
 export const componentInputfieldInputfieldinlinespace = 16;
 export const componentInputfieldInputfieldheightsize = 48;
 export const componentInputfieldInputfieldstackspace = 12;