@marioschmidt/design-system-tokens 1.0.15 → 1.0.17

package/dist/js/shared/colorprimitive.js

@@ -0,0 +1,98 @@
+/**
+ * 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";

package/dist/js/shared/fontprimitive.js

@@ -0,0 +1,47 @@
+/**
+ * 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";

package/dist/js/shared/sizeprimitive.js

@@ -0,0 +1,53 @@
+/**
+ * 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";

package/dist/js/shared/spaceprimitive.js

@@ -0,0 +1,29 @@
+/**
+ * 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";

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

@@ -0,0 +1,330 @@
+{
+  "Component": {
+    "Button": {
+      "buttonContentGapSpace": {
+        "$value": "6px",
+        "value": "6px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:5695:5842"
+          }
+        },
+        "$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.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "6px",
+          "value": "6px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:5695:5842"
+            }
+          },
+          "$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"
+        },
+        "path": [
+          "Component",
+          "Button",
+          "buttonContentGapSpace"
+        ]
+      },
+      "buttonStackSpace": {
+        "$value": "6px",
+        "value": "6px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:5696:5853"
+          }
+        },
+        "$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.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "6px",
+          "value": "6px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:5696:5853"
+            }
+          },
+          "$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"
+        },
+        "path": [
+          "Component",
+          "Button",
+          "buttonStackSpace"
+        ]
+      },
+      "buttonLabelFontSize": {
+        "$value": "15px",
+        "value": "15px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:13264:8396"
+          }
+        },
+        "$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",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "15px",
+          "value": "15px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:13264:8396"
+            }
+          },
+          "$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"
+        },
+        "path": [
+          "Component",
+          "Button",
+          "buttonLabelFontSize"
+        ]
+      },
+      "buttonInlineSpace": {
+        "$value": "16px",
+        "value": "16px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:13264:8569"
+          }
+        },
+        "$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.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "16px",
+          "value": "16px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:13264:8569"
+            }
+          },
+          "$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"
+        },
+        "path": [
+          "Component",
+          "Button",
+          "buttonInlineSpace"
+        ]
+      }
+    },
+    "Inputfield": {
+      "inputFieldInlineSpace": {
+        "$value": "16px",
+        "value": "16px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:18682:535"
+          }
+        },
+        "$type": "dimension",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "16px",
+          "value": "16px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:18682:535"
+            }
+          },
+          "$type": "dimension"
+        },
+        "name": "ComponentInputfieldInputFieldInlineSpace",
+        "attributes": {
+          "category": "Component",
+          "type": "Inputfield",
+          "item": "inputFieldInlineSpace"
+        },
+        "path": [
+          "Component",
+          "Inputfield",
+          "inputFieldInlineSpace"
+        ]
+      },
+      "inputFieldStackSpace": {
+        "$value": "6px",
+        "value": "6px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:18682:536"
+          }
+        },
+        "$type": "dimension",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "6px",
+          "value": "6px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:18682:536"
+            }
+          },
+          "$type": "dimension"
+        },
+        "name": "ComponentInputfieldInputFieldStackSpace",
+        "attributes": {
+          "category": "Component",
+          "type": "Inputfield",
+          "item": "inputFieldStackSpace"
+        },
+        "path": [
+          "Component",
+          "Inputfield",
+          "inputFieldStackSpace"
+        ]
+      },
+      "inputFieldHeightSize": {
+        "$value": "36px",
+        "value": "36px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:18682:4564"
+          }
+        },
+        "$type": "dimension",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "36px",
+          "value": "36px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:18682:4564"
+            }
+          },
+          "$type": "dimension"
+        },
+        "name": "ComponentInputfieldInputFieldHeightSize",
+        "attributes": {
+          "category": "Component",
+          "type": "Inputfield",
+          "item": "inputFieldHeightSize"
+        },
+        "path": [
+          "Component",
+          "Inputfield",
+          "inputFieldHeightSize"
+        ]
+      },
+      "inputFieldLabelFontSize": {
+        "$value": "16px",
+        "value": "16px",
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:5695:5841",
+            "collectionName": "Density",
+            "variableId": "VariableID:18693:666"
+          }
+        },
+        "$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",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/density/density-compact.json",
+        "isSource": true,
+        "original": {
+          "$value": "16px",
+          "value": "16px",
+          "type": "float",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:5695:5841",
+              "collectionName": "Density",
+              "variableId": "VariableID:18693:666"
+            }
+          },
+          "$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"
+        },
+        "path": [
+          "Component",
+          "Inputfield",
+          "inputFieldLabelFontSize"
+        ]
+      }
+    }
+  }
+}