@marioschmidt/design-system-tokens 1.0.19 → 1.0.21

package/dist/js/shared/colorprimitive.js

@@ -1,98 +1,160 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * colorprimitive.js
+ * Generiert am: 2025-11-24T20:34:53.374Z
+ * Nicht manuell bearbeiten!
  */
 
-export const BildRedBildRed = "#dd0000";
-export const BildRedBildRed035 = "#af0002";
-export const BildRedBildRed053 = "#f52d2d";
-export const BildGrayBild015 = "#232629";
-export const BildGrayBild085 = "#ced4da";
-export const BildGrayBild035 = "#4b525a";
-export const BildGrayBild025 = "#343c41";
-export const BildGrayBild060 = "#8c9196";
-export const BildGrayBild096 = "#f2f4f5";
-export const BildGrayBild093 = "#e9ecef";
-export const BildGrayBild08550 = "#ced4da80";
-export const BildGrayBild073 = "#aeb4b9";
-export const BildGrayBild045 = "#666b70";
-export const BildGrayBild010 = "#1c1c1c";
-export const BildGrayBild020 = "#2c3138";
-export const BildNeutralBild100 = "#ffffff";
-export const BildNeutralBildBlack = "#000000";
-export const BildOrangeBildOrange = "#fd8227";
-export const BildGreenBildGreen070 = "#00c373";
-export const BildGreenBildGreen063 = "#00af67";
-export const BildGreenBildGreen093 = "#cef4e4";
-export const BildGreenBildGreen09350 = "#cef4e480";
-export const BildGreenBildGreen05650 = "#009b5a80";
-export const BildGreenBildGreen040 = "#006e3e";
-export const BildGreenBildGreen056 = "#18995c";
-export const BildTextLabelsBildRed = "BILDRed";
-export const BildTextLabelsBild100 = "BILD100";
-export const BildTextLabelsBild096 = "BILD096";
-export const BildTextLabelsBild085 = "BILD085";
-export const BildTextLabelsBild060 = "BILD060";
-export const BildTextLabelsBild035 = "BILD035";
-export const BildTextLabelsBild025 = "BILD025";
-export const BildTextLabelsBild015 = "BILD015";
-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 BildTextLabelsBild093 = "BILD093";
-export const BildTextLabelsBildYellow = "BILDYellow";
-export const BildTextLabelsBild073 = "BILD073";
-export const BildTextLabelsBild045 = "BILD045";
-export const BildYellowBildYellow = "#ffbf00";
-export const BildPurpleBildBerry = "#551937";
-export const BildAlphaAlphaBlack20 = "#00000033";
-export const BildAlphaAlphaBlack10 = "#0000001a";
-export const BildAlphaAlphaBlack60 = "#00000099";
-export const BildAlphaAlphaBlack30 = "#0000004d";
-export const BildAlphaAlphaBlack70 = "#000000b2";
-export const BildAlphaAlphaWhite10 = "#ffffff1a";
-export const BildAlphaAlphaWhite20 = "#ffffff33";
-export const BildAlphaAlphaWhite30 = "#ffffff4d";
-export const BildAlphaAlphaWhite60 = "#ffffff99";
-export const BildAlphaAlphaWhite70 = "#ffffffb2";
-export const BildAlphaAlphaWhite35 = "#ffffff59";
-export const BildAlphaAlphaBildRed80 = "#dd0000cc";
-export const BildAlphaAlphaBlack80 = "#000000cc";
-export const BildAlphaAlphaWhite80 = "#ffffffcc";
-export const BildAlphaAlphaBlack35 = "#00000059";
-export const BildAlphaAlphaBlack0 = "#00000000";
-export const BildAlphaAlphaBlack50 = "#00000080";
-export const BildAlphaAlphaBlack05 = "#0000000d";
-export const BildBlueBildBlue = "#00b1ff";
-export const PartnerFitbookFitbookCore = "#ff97b7";
-export const PartnerPetbookPetbookCore = "#b9db91";
-export const PartnerMyHomeMyhomeCore = "#66cccc";
-export const PartnerTravelbookTravelbookCore = "#8ef0ed";
-export const PartnerTechbookTechbookCore = "#93e4ff";
-export const PartnerKaufberaterKaufberaterCore = "#55476e";
-export const PartnerBzBzCore = "#e3001b";
-export const PartnerAubiAubiCore = "#f00000";
-export const PartnerComputerBildCobiCore = "#dc231c";
-export const SportBildBlueSpobiBlue098 = "#f7f9fd";
-export const SportBildBlueSpobiBlue081 = "#bdcadb";
-export const SportBildBlueSpobiBlue029 = "#174482";
-export const SportBildBlueSpobiBlue016 = "#0a2750";
-export const SportBildBlueSpobiBlue010 = "#081828";
-export const SportBildBlueSpobiBlue038 = "#315998";
-export const SportBildRedSpobiRed = "#e52528";
-export const SportBildAlphaSpobiBlue0160 = "#0a275000";
-export const SportBildAlphaSpobiBlue01670 = "#0a2750b2";
-export const OpacityOpacity05 = "5px";
-export const OpacityOpacity10 = "10px";
-export const OpacityOpacity20 = "20px";
-export const OpacityOpacity40 = "40px";
-export const OpacityOpacity60 = "60px";
-export const OpacityOpacity80 = "80px";
-export const OpacityOpacity100 = "100px";
-export const OpacityOpacity90 = "90px";
-export const OpacityOpacity30 = "30px";
-export const OpacityOpacity50 = "50px";
-export const OpacityOpacity00 = "0px";
-export const OpacityOpacity70 = "70px";
+// ============================================
+// BILD
+// ============================================
+
+// BILD - alpha
+export const alphaBlack20 = "rgba(0, 0, 0, 0.20000000298023224)";
+export const alphaBlack10 = "rgba(0, 0, 0, 0.10000000149011612)";
+/** Used on elevation effects. */
+export const alphaBlack60 = "rgba(0, 0, 0, 0.6000000238418579)";
+export const alphaBlack30 = "rgba(0, 0, 0, 0.30000001192092896)";
+/** Used on elevation effects. */
+export const alphaBlack70 = "rgba(0, 0, 0, 0.699999988079071)";
+export const alphaWhite10 = "rgba(255, 255, 255, 0.10000000149011612)";
+export const alphaWhite20 = "rgba(255, 255, 255, 0.20000000298023224)";
+export const alphaWhite30 = "rgba(255, 255, 255, 0.30000001192092896)";
+/** Used on elevation effects. */
+export const alphaWhite60 = "rgba(255, 255, 255, 0.6000000238418579)";
+/** Used on elevation effects. */
+export const alphaWhite70 = "rgba(255, 255, 255, 0.699999988079071)";
+export const alphaWhite35 = "rgba(255, 255, 255, 0.3499999940395355)";
+/** Used on elevation effects. */
+export const alphaBildred80 = "rgba(221, 0, 0, 0.800000011920929)";
+/** Used on elevation effects. */
+export const alphaBlack80 = "rgba(0, 0, 0, 0.800000011920929)";
+/** Used on elevation effects. */
+export const alphaWhite80 = "rgba(255, 255, 255, 0.800000011920929)";
+export const alphaBlack35 = "rgba(0, 0, 0, 0.3499999940395355)";
+export const alphaBlack0 = "rgba(0, 0, 0, 0)";
+export const alphaBlack50 = "rgba(0, 0, 0, 0.5)";
+export const alphaBlack05 = "rgba(0, 0, 0, 0.05000000074505806)";
+
+// BILD - blue
+/** This Blue color was taken from the Weather 2024 project. Tone: 069 */
+export const bildblue = "#00B1FF";
+
+// BILD - gray
+export const bild015 = "#232629";
+export const bild085 = "#CED4DA";
+export const bild035 = "#4B525A";
+export const bild025 = "#343C41";
+export const bild060 = "#8C9196";
+export const bild096 = "#F2F4F5";
+export const bild093 = "#E9ECEF";
+/** The 50% opacity on this color makes it equivalent to BILD093. */
+export const bild08550 = "rgba(206, 212, 218, 0.5)";
+export const bild073 = "#AEB4B9";
+export const bild045 = "#666B70";
+export const bild010 = "#1C1C1C";
+export const bild020 = "#2C3138";
+
+// BILD - green
+export const bildgreen070 = "#00C373";
+export const bildgreen063 = "#00AF67";
+export const bildgreen093 = "#CEF4E4";
+export const bildgreen09350 = "rgba(206, 244, 228, 0.5)";
+export const bildgreen05650 = "rgba(0, 155, 90, 0.5)";
+/** This value of green was found in a text field's text color. */
+export const bildgreen040 = "#006E3E";
+export const bildgreen056 = "#18995C";
+
+// BILD - neutral
+export const bild100 = "#FFFFFF";
+export const bildblack = "#000000";
+
+// BILD - orange
+/** Tone: 067 */
+export const bildorange = "#FD8227";
+
+// BILD - purple
+/** Tone: 020 */
+export const bildberry = "#551937";
+
+// BILD - red
+/** Tone 046 */
+export const bildred = "#DD0000";
+export const bildred035 = "#AF0002";
+export const bildred053 = "#F52D2D";
+
+// BILD - yellow
+/** Tone: 081 */
+export const bildyellow = "#FFBF00";
+
+
+// ============================================
+// OPACITY
+// ============================================
+
+export const opacity05 = "5px";
+export const opacity10 = "10px";
+export const opacity20 = "20px";
+export const opacity40 = "40px";
+export const opacity60 = "60px";
+export const opacity80 = "80px";
+export const opacity100 = "100px";
+export const opacity90 = "90px";
+export const opacity30 = "30px";
+export const opacity50 = "50px";
+export const opacity00 = "0px";
+export const opacity70 = "70px";
+
+
+// ============================================
+// PARTNER
+// ============================================
+
+// Partner - Aubi
+export const aubiCore = "#F00000";
+
+// Partner - Bz
+export const bzCore = "#E3001B";
+
+// Partner - ComputerBILD
+export const cobiCore = "#DC231C";
+
+// Partner - Fitbook
+export const fitbookCore = "#FF97B7";
+
+// Partner - Kaufberater
+export const kaufberaterCore = "#55476E";
+
+// Partner - MyHome
+export const myhomeCore = "#66CCCC";
+
+// Partner - Petbook
+export const petbookCore = "#B9DB91";
+
+// Partner - Techbook
+export const techbookCore = "#93E4FF";
+
+// Partner - Travelbook
+export const travelbookCore = "#8EF0ED";
+
+
+// ============================================
+// SPORTBILD
+// ============================================
+
+// SportBILD - alpha
+export const spobiBlue0160 = "rgba(10, 39, 80, 0)";
+export const spobiBlue01670 = "rgba(10, 39, 80, 0.699999988079071)";
+
+// SportBILD - blue
+export const spobiBlue098 = "#F7F9FD";
+export const spobiBlue081 = "#BDCADB";
+/** This variable in the current online CSS is called secondary-tenant-color */
+export const spobiBlue029 = "#174482";
+/** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
+export const spobiBlue016 = "#0A2750";
+export const spobiBlue010 = "#081828";
+export const spobiBlue038 = "#315998";
+
+// SportBILD - red
+export const spobiRed = "#E52528";
+

package/dist/js/shared/fontprimitive.js

@@ -1,47 +1,89 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * fontprimitive.js
+ * Generiert am: 2025-11-24T20:34:53.454Z
+ * Nicht manuell bearbeiten!
  */
 
-export const FontFamilyBildFontFamilyGothamXNarrow = "Gotham XNarrow";
-export const FontFamilyBildFontFamilyGothamCond = "Gotham Condensed";
-export const FontFamilyBildFontFamilyGotham = "Gotham";
-export const FontFamilyAdvertorialFontFamilyLucidaGrande = "Lucida Grande";
-export const FontFamilySportBildFontFamilyAntennaExtraCond = "AntennaExtraCond";
-export const FontFamilySportBildFontFamilyAntennaCond = "AntennaCond";
-export const FontFamilySportBildFontFamilyInter = "Inter";
-export const FontWeight700BlackFontWeight = 700;
-export const FontWeight900ExtraBlackFontWeight = 900;
-export const FontWeight400BookFontWeight = 400;
-export const FontWeight1000UltraFontWeight = 1000;
-export const FontWeight800BlackFontWeight = 800;
-export const FontWeight350BookFontWeight = 350;
-export const FontWeight600BoldFontWeight = 600;
-export const FontWeight100ThinFontWeight = 100;
-export const FontWeight300LightFontWeight = 300;
-export const FontWeight200ExtraLightFontWeight = 200;
-export const FontWeight500MediumFontWeight = 500;
-export const FontWeightBoldItalicFontWeightSt = "Bold Italic";
-export const FontWeightBlackFontWeightSt = "Black";
-export const LetterSpacingLetterSpace025 = "-0.25px";
-export const LetterSpacingLetterSpace0 = "0px";
-export const LetterSpacingLetterSpace1 = "1px";
-export const LetterSpacingLetterSpace05 = "0.5px";
-export const LetterSpacingLetterSpace025 = "0.25px";
-export const LetterSpacingLetterSpace05 = "-0.5px";
-export const LetterSpacingLetterSpace2 = "2px";
-export const LetterSpacingLetterSpace1 = "-1px";
-export const LetterSpacingLetterSpace2 = "-2px";
-export const LetterSpacingLetterSpace3 = "3px";
-export const LetterSpacingLetterSpace3 = "-3px";
-export const FontWeightString1000UltraFontWeight = "1000";
-export const FontWeightString900ExtraBlackFontWeight = "900";
-export const FontWeightString800BlackFontWeight = "800";
-export const FontWeightString700BlackFontWeight = "700";
-export const FontWeightString600BoldFontWeight = "600";
-export const FontWeightString500MediumFontWeight = "500";
-export const FontWeightString400BookFontWeight = "400";
-export const FontWeightString350BookFontWeight = "350";
-export const FontWeightString200ExtraLightFontWeight = "200";
-export const FontWeightString100ThinFontWeight = "100";
-export const FontWeightString600BoldItalicFontWeight = "Bold Italic";
-export const FontWeightString700BlackItalicFontWeight = "Black Italic";
+// ============================================
+// FONTFAMILY
+// ============================================
+
+// FontFamily - Advertorial
+export const fontFamilyLucidaGrande = "Lucida Grande";
+
+// FontFamily - BILD
+export const fontFamilyGothamXnarrow = "Gotham XNarrow";
+export const fontFamilyGothamCond = "Gotham Condensed";
+export const fontFamilyGotham = "Gotham";
+
+// FontFamily - SportBILD
+export const fontFamilyAntennaExtraCond = "AntennaExtraCond";
+export const fontFamilyAntennaCond = "AntennaCond";
+export 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. */
+export const fontWeight700BlackFontWeight = "700";
+export const fontWeight900ExtraBlackFontWeight = "900";
+export const fontWeight400BookFontWeight = "400";
+export const fontWeight1000UltraFontWeight = "1000";
+export const fontWeight800BlackFontWeight = "800";
+export const fontWeight350BookFontWeight = "350";
+export const fontWeight600BoldFontWeight = "600";
+export const fontWeight100ThinFontWeight = "100";
+export const _300LightFontWeight = "300";
+export const fontWeight200ExtraLightFontWeight = "200";
+export const fontWeight500MediumFontWeight = "500";
+export const boldItalicFontWeightSt = "Bold Italic";
+export const blackFontWeightSt = "Black";
+
+
+// ============================================
+// FONTWEIGHTSTRING
+// ============================================
+
+export const fontWeightString1000UltraFontWeight = "1000";
+export const fontWeightString900ExtraBlackFontWeight = "900";
+export const fontWeightString800BlackFontWeight = "800";
+export const fontWeightString700BlackFontWeight = "700";
+export const fontWeightString600BoldFontWeight = "600";
+export const fontWeightString500MediumFontWeight = "500";
+export const fontWeightString400BookFontWeight = "400";
+export const fontWeightString350BookFontWeight = "350";
+export const fontWeightString200ExtraLightFontWeight = "200";
+export const fontWeightString100ThinFontWeight = "100";
+export const _600BoldItalicFontWeight = "Bold Italic";
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export 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. */
+export const letterSpacingLetterSpace3 = "-3px";
+

package/dist/js/shared/sizeprimitive.js

@@ -1,53 +1,60 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * sizeprimitive.js
+ * Generiert am: 2025-11-24T20:34:53.512Z
+ * Nicht manuell bearbeiten!
  */
 
-export const Size6x = "48px";
-export const Size3x = "24px";
-export const Size1x = "8px";
-export const Size025x = "2px";
-export const Size05x = "4px";
-export const Size2x = "16px";
-export const Size45x = "36px";
-export const Size5x = "40px";
-export const Size35x = "28px";
-export const Size25x = "20px";
-export const Size125x = "100px";
-export const Size275x = "22px";
-export const Size325x = "26px";
-export const Size4x = "32px";
-export const Size375x = "30px";
-export const Size225x = "18px";
-export const Size7x = "56px";
-export const Size15x = "12px";
-export const Size075x = "6px";
-export const Size225x = "180px";
-export const Size40x = "320px";
-export const Size8x = "64px";
-export const Size115x = "92px";
-export const Size175x = "14px";
-export const Size525x = "42px";
-export const Size125x = "10px";
-export const Size80x = "640px";
-export const Size175x = "140px";
-export const Size20x = "160px";
-export const Size128x = "1024px";
-export const Size124x = "992px";
-export const Size12x = "96px";
-export const Size35x = "280px";
-export const Size15x = "120px";
-export const Size1625 = "130px";
-export const Size875x = "700px";
-export const Size10x = "80px";
-export const Size30x = "240px";
-export const Size25x = "200px";
-export const Size168x = "1344px";
-export const Size60x = "480px";
-export const Size9x = "72px";
-export const Size275x = "220px";
-export const Size50x = "400px";
-export const Size11625x = "930px";
-export const Size185x = "148px";
-export const Size100x = "800px";
-export const Size0x = "0px";
-export const Size0125x = "1px";
+// ============================================
+// OTHER
+// ============================================
+
+export const size6x = "48px";
+export const size3x = "24px";
+export const size1x = "8px";
+export const size025x = "2px";
+export const size05x = "4px";
+export const size2x = "16px";
+export const size45x = "36px";
+export const size5x = "40px";
+export const size35x = "28px";
+export const size25x = "20px";
+export const size125x = "100px";
+export const size275x = "22px";
+export const size325x = "26px";
+export const size4x = "32px";
+export const size375x = "30px";
+export const size225x = "18px";
+export const size7x = "56px";
+export const size15x = "12px";
+export const size075x = "6px";
+export const size225x = "180px";
+export const size40x = "320px";
+export const size8x = "64px";
+export const size115x = "92px";
+export const size175x = "14px";
+export const size525x = "42px";
+export const size125x = "10px";
+export const size80x = "640px";
+export const size175x = "140px";
+export const size20x = "160px";
+export const size128x = "1024px";
+export const size124x = "992px";
+export const size12x = "96px";
+export const size35x = "280px";
+export const size15x = "120px";
+export const size1625 = "130px";
+export const size875x = "700px";
+export const size10x = "80px";
+export const size30x = "240px";
+export const size25x = "200px";
+export const size168x = "1344px";
+export const size60x = "480px";
+export const size9x = "72px";
+export const size275x = "220px";
+export const size50x = "400px";
+export const size11625x = "930px";
+export const size185x = "148px";
+export const size100x = "800px";
+export const size0x = "0px";
+export const size0125x = "1px";
+

package/dist/js/shared/spaceprimitive.js

@@ -1,29 +1,36 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * spaceprimitive.js
+ * Generiert am: 2025-11-24T20:34:53.560Z
+ * Nicht manuell bearbeiten!
  */
 
-export const Space1x = "8px";
-export const Space05x = "4px";
-export const Space025x = "2px";
-export const Space2x = "16px";
-export const Space15x = "12px";
-export const Space4x = "32px";
-export const Space3x = "24px";
-export const Space6x = "48px";
-export const Space8x = "64px";
-export const Space9x = "72px";
-export const Space5x = "40px";
-export const Space0x = "0px";
-export const Space10x = "80px";
-export const Space20x = "160px";
-export const Space25x = "20px";
-export const Space025x = "-2px";
-export const Space075x = "6px";
-export const Space125x = "10px";
-export const Space275x = "22px";
-export const Space45x = "36px";
-export const Space75x = "60px";
-export const Space12x = "96px";
-export const Space175x = "14px";
-export const Space85x = "68px";
-export const Space35x = "28px";
+// ============================================
+// OTHER
+// ============================================
+
+export const space1x = "8px";
+export const space05x = "4px";
+export const space025x = "2px";
+export const space2x = "16px";
+export const space15x = "12px";
+export const space4x = "32px";
+export const space3x = "24px";
+export const space6x = "48px";
+export const space8x = "64px";
+export const space9x = "72px";
+export const space5x = "40px";
+export const space0x = "0px";
+export const space10x = "80px";
+export const space20x = "160px";
+export const space25x = "20px";
+export const space025x = "-2px";
+export const space075x = "6px";
+export const space125x = "10px";
+export const space275x = "22px";
+export const space45x = "36px";
+export const space75x = "60px";
+export const space12x = "96px";
+export const space175x = "14px";
+export const space85x = "68px";
+export const space35x = "28px";
+