@marioschmidt/design-system-tokens 1.0.18 → 1.0.20

package/dist/js/shared/colorprimitive.js

@@ -2,97 +2,79 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-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";
+export const bildred = "#DD0000";
+export const bildred035 = "#AF0002";
+export const bildred053 = "#F52D2D";
+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";
+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";
+export const bild100 = "#FFFFFF";
+export const bildblack = "#000000";
+export const bildorange = "#FD8227";
+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)";
+export const bildgreen040 = "#006E3E";
+export const bildgreen056 = "#18995C";
+export const bildyellow = "#FFBF00";
+export const bildberry = "#551937";
+export const alphaBlack20 = "rgba(0, 0, 0, 0.20000000298023224)";
+export const alphaBlack10 = "rgba(0, 0, 0, 0.10000000149011612)";
+export const alphaBlack60 = "rgba(0, 0, 0, 0.6000000238418579)";
+export const alphaBlack30 = "rgba(0, 0, 0, 0.30000001192092896)";
+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)";
+export const alphaWhite60 = "rgba(255, 255, 255, 0.6000000238418579)";
+export const alphaWhite70 = "rgba(255, 255, 255, 0.699999988079071)";
+export const alphaWhite35 = "rgba(255, 255, 255, 0.3499999940395355)";
+export const alphaBildred80 = "rgba(221, 0, 0, 0.800000011920929)";
+export const alphaBlack80 = "rgba(0, 0, 0, 0.800000011920929)";
+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)";
+export const bildblue = "#00B1FF";
+export const fitbookCore = "#FF97B7";
+export const petbookCore = "#B9DB91";
+export const myhomeCore = "#66CCCC";
+export const travelbookCore = "#8EF0ED";
+export const techbookCore = "#93E4FF";
+export const kaufberaterCore = "#55476E";
+export const bzCore = "#E3001B";
+export const aubiCore = "#F00000";
+export const cobiCore = "#DC231C";
+export const spobiBlue098 = "#F7F9FD";
+export const spobiBlue081 = "#BDCADB";
+export const spobiBlue029 = "#174482";
+export const spobiBlue016 = "#0A2750";
+export const spobiBlue010 = "#081828";
+export const spobiBlue038 = "#315998";
+export const spobiRed = "#E52528";
+export const spobiBlue0160 = "rgba(10, 39, 80, 0)";
+export const spobiBlue01670 = "rgba(10, 39, 80, 0.699999988079071)";
+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";

package/dist/js/shared/fontprimitive.js

@@ -2,46 +2,46 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-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";
+export const fontFamilyGothamXnarrow = "Gotham XNarrow";
+export const fontFamilyGothamCond = "Gotham Condensed";
+export const fontFamilyGotham = "Gotham";
+export const fontFamilyLucidaGrande = "Lucida Grande";
+export const fontFamilyAntennaExtraCond = "AntennaExtraCond";
+export const fontFamilyAntennaCond = "AntennaCond";
+export const fontFamilyInter = "Inter";
+export const _700BlackFontWeight = 700;
+export const _900ExtraBlackFontWeight = 900;
+export const _400BookFontWeight = 400;
+export const _1000UltraFontWeight = 1000;
+export const _800BlackFontWeight = 800;
+export const _350BookFontWeight = 350;
+export const _600BoldFontWeight = 600;
+export const _100ThinFontWeight = 100;
+export const _300LightFontWeight = 300;
+export const _200ExtraLightFontWeight = 200;
+export const _500MediumFontWeight = 500;
+export const boldItalicFontWeightSt = "Bold Italic";
+export const blackFontWeightSt = "Black";
+export const letterSpace025 = "-0.25px";
+export const letterSpace0 = "0px";
+export const letterSpace1 = "1px";
+export const letterSpace05 = "0.5px";
+export const letterSpace025 = "0.25px";
+export const letterSpace05 = "-0.5px";
+export const letterSpace2 = "2px";
+export const letterSpace1 = "-1px";
+export const letterSpace2 = "-2px";
+export const letterSpace3 = "3px";
+export const letterSpace3 = "-3px";
+export const _1000UltraFontWeight = "1000";
+export const _900ExtraBlackFontWeight = "900";
+export const _800BlackFontWeight = "800";
+export const _700BlackFontWeight = "700";
+export const _600BoldFontWeight = "600";
+export const _500MediumFontWeight = "500";
+export const _400BookFontWeight = "400";
+export const _350BookFontWeight = "350";
+export const _200ExtraLightFontWeight = "200";
+export const _100ThinFontWeight = "100";
+export const _600BoldItalicFontWeight = "Bold Italic";
+export const _700BlackItalicFontWeight = "Black Italic";

package/dist/js/shared/sizeprimitive.js

@@ -2,52 +2,52 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-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";
+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

@@ -2,28 +2,28 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-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";
+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";

package/dist/json/brands/advertorial/density/density-compact.json

@@ -30,12 +30,8 @@
           "$type": "dimension",
           "comment": "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."
         },
-        "name": "ComponentButtonButtonContentGapSpace",
-        "attributes": {
-          "category": "Component",
-          "type": "Button",
-          "item": "buttonContentGapSpace"
-        },
+        "name": "buttonContentGapSpace",
+        "attributes": {},
         "path": [
           "Component",
           "Button",
@@ -71,12 +67,8 @@
           "$type": "dimension",
           "comment": "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."
         },
-        "name": "ComponentButtonButtonStackSpace",
-        "attributes": {
-          "category": "Component",
-          "type": "Button",
-          "item": "buttonStackSpace"
-        },
+        "name": "buttonStackSpace",
+        "attributes": {},
         "path": [
           "Component",
           "Button",
@@ -112,12 +104,8 @@
           "$type": "dimension",
           "comment": "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"
         },
-        "name": "ComponentButtonButtonLabelFontSize",
-        "attributes": {
-          "category": "Component",
-          "type": "Button",
-          "item": "buttonLabelFontSize"
-        },
+        "name": "buttonLabelFontSize",
+        "attributes": {},
         "path": [
           "Component",
           "Button",
@@ -153,12 +141,8 @@
           "$type": "dimension",
           "comment": "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."
         },
-        "name": "ComponentButtonButtonInlineSpace",
-        "attributes": {
-          "category": "Component",
-          "type": "Button",
-          "item": "buttonInlineSpace"
-        },
+        "name": "buttonInlineSpace",
+        "attributes": {},
         "path": [
           "Component",
           "Button",
@@ -194,12 +178,8 @@
           },
           "$type": "dimension"
         },
-        "name": "ComponentInputfieldInputFieldInlineSpace",
-        "attributes": {
-          "category": "Component",
-          "type": "Inputfield",
-          "item": "inputFieldInlineSpace"
-        },
+        "name": "inputFieldInlineSpace",
+        "attributes": {},
         "path": [
           "Component",
           "Inputfield",
@@ -233,12 +213,8 @@
           },
           "$type": "dimension"
         },
-        "name": "ComponentInputfieldInputFieldStackSpace",
-        "attributes": {
-          "category": "Component",
-          "type": "Inputfield",
-          "item": "inputFieldStackSpace"
-        },
+        "name": "inputFieldStackSpace",
+        "attributes": {},
         "path": [
           "Component",
           "Inputfield",
@@ -272,12 +248,8 @@
           },
           "$type": "dimension"
         },
-        "name": "ComponentInputfieldInputFieldHeightSize",
-        "attributes": {
-          "category": "Component",
-          "type": "Inputfield",
-          "item": "inputFieldHeightSize"
-        },
+        "name": "inputFieldHeightSize",
+        "attributes": {},
         "path": [
           "Component",
           "Inputfield",
@@ -313,12 +285,8 @@
           "$type": "dimension",
           "comment": "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"
         },
-        "name": "ComponentInputfieldInputFieldLabelFontSize",
-        "attributes": {
-          "category": "Component",
-          "type": "Inputfield",
-          "item": "inputFieldLabelFontSize"
-        },
+        "name": "inputFieldLabelFontSize",
+        "attributes": {},
         "path": [
           "Component",
           "Inputfield",