npm - @marioschmidt/design-system-tokens - Versions diffs - 1.3.7 → 1.3.8 - Mend

@marioschmidt/design-system-tokens 1.3.7 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2464) hide show

package/dist/json/brands/advertorial/components/Teaser/teaser-breakpoint-xs-320px.json CHANGED Viewed

@@ -1,5 +1,6 @@
 {
   "teaserTitleInlineLeftSpace": {
+    "key": "{teaserTitleInlineLeftSpace}",
     "$value": "12px",
     "value": 12,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:7015:23736"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserTitleInlineLeftSpace}"
     },
     "name": "teaserTitleInlineLeftSpace",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "teaserTitleStackSpace": {
+    "key": "{teaserTitleStackSpace}",
     "$value": "4px",
     "value": 4,
     "type": "float",
@@ -81,7 +84,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12079"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserTitleStackSpace}"
     },
     "name": "teaserTitleStackSpace",
     "attributes": {},
@@ -91,6 +95,7 @@
   },
   "mQTeaser": {
     "mQTeaserHeadlineFontSize": {
+      "key": "{mQTeaser.mQTeaserHeadlineFontSize}",
       "$value": "16px",
       "value": 16,
       "type": "float",
@@ -129,7 +134,8 @@
           "variableId": "VariableID:7139:2990"
         },
         "$type": "fontSize",
-        "comment": "XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40"
+        "comment": "XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40",
+        "key": "{mQTeaser.mQTeaserHeadlineFontSize}"
       },
       "name": "mQteaserHeadlineFontSize",
       "attributes": {},
@@ -139,6 +145,7 @@
       ]
     },
     "mQTeaserHeadlineFontWeight": {
+      "key": "{mQTeaser.mQTeaserHeadlineFontWeight}",
       "$value": 600,
       "value": 600,
       "type": "float",
@@ -175,7 +182,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16348:5491"
         },
-        "$type": "fontWeight"
+        "$type": "fontWeight",
+        "key": "{mQTeaser.mQTeaserHeadlineFontWeight}"
       },
       "name": "mQteaserHeadlineFontWeight",
       "attributes": {},
@@ -185,6 +193,7 @@
       ]
     },
     "mQTeaserHeadlineLineHeight": {
+      "key": "{mQTeaser.mQTeaserHeadlineLineHeight}",
       "$value": "18.4px",
       "value": 18.4,
       "type": "float",
@@ -221,7 +230,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16181:168057"
         },
-        "$type": "lineHeight"
+        "$type": "lineHeight",
+        "key": "{mQTeaser.mQTeaserHeadlineLineHeight}"
       },
       "name": "mQteaserHeadlineLineHeight",
       "attributes": {},
@@ -231,6 +241,7 @@
       ]
     },
     "mqTeaserTitleInlineSpace": {
+      "key": "{mQTeaser.mqTeaserTitleInlineSpace}",
       "$value": "8px",
       "value": 8,
       "type": "float",
@@ -267,7 +278,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:2726:12078"
         },
-        "$type": "dimension"
+        "$type": "dimension",
+        "key": "{mQTeaser.mqTeaserTitleInlineSpace}"
       },
       "name": "mqTeaserTitleInlineSpace",
       "attributes": {},
@@ -279,6 +291,7 @@
   },
   "aTeaser": {
     "aTeaserKickerFontSize": {
+      "key": "{aTeaser.aTeaserKickerFontSize}",
       "$value": "14px",
       "value": 14,
       "type": "float",
@@ -317,7 +330,8 @@
           "variableId": "VariableID:7577:44290"
         },
         "$type": "fontSize",
-        "comment": "16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable"
+        "comment": "16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable",
+        "key": "{aTeaser.aTeaserKickerFontSize}"
       },
       "name": "aTeaserKickerFontSize",
       "attributes": {},
@@ -327,6 +341,7 @@
       ]
     },
     "aTeaserHeadlineFontSize": {
+      "key": "{aTeaser.aTeaserHeadlineFontSize}",
       "$value": "24px",
       "value": 24,
       "type": "float",
@@ -365,7 +380,8 @@
           "variableId": "VariableID:7139:2989"
         },
         "$type": "fontSize",
-        "comment": "This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64"
+        "comment": "This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64",
+        "key": "{aTeaser.aTeaserHeadlineFontSize}"
       },
       "name": "aTeaserHeadlineFontSize",
       "attributes": {},
@@ -375,6 +391,7 @@
       ]
     },
     "aTeaserKickerLineHeight": {
+      "key": "{aTeaser.aTeaserKickerLineHeight}",
       "$value": "14px",
       "value": 14,
       "type": "float",
@@ -411,7 +428,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7577:44290"
         },
-        "$type": "lineHeight"
+        "$type": "lineHeight",
+        "key": "{aTeaser.aTeaserKickerLineHeight}"
       },
       "name": "aTeaserKickerLineHeight",
       "attributes": {},
@@ -421,6 +439,7 @@
       ]
     },
     "aTeaserHeadlineLineHeight": {
+      "key": "{aTeaser.aTeaserHeadlineLineHeight}",
       "$value": "24px",
       "value": 24,
       "type": "float",
@@ -457,7 +476,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7139:2989"
         },
-        "$type": "lineHeight"
+        "$type": "lineHeight",
+        "key": "{aTeaser.aTeaserHeadlineLineHeight}"
       },
       "name": "aTeaserHeadlineLineHeight",
       "attributes": {},
@@ -467,6 +487,7 @@
       ]
     },
     "aTeaserTitleInlineSpace": {
+      "key": "{aTeaser.aTeaserTitleInlineSpace}",
       "$value": "8px",
       "value": 8,
       "type": "float",
@@ -503,7 +524,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:2726:12078"
         },
-        "$type": "dimension"
+        "$type": "dimension",
+        "key": "{aTeaser.aTeaserTitleInlineSpace}"
       },
       "name": "aTeaserTitleInlineSpace",
       "attributes": {},
@@ -514,6 +536,7 @@
     }
   },
   "teaserTitleGapSpace": {
+    "key": "{teaserTitleGapSpace}",
     "$value": "4px",
     "value": 4,
     "type": "float",
@@ -550,7 +573,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16152:3740"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserTitleGapSpace}"
     },
     "name": "teaserTitleGapSpace",
     "attributes": {},
@@ -560,6 +584,7 @@
   },
   "stdTeaser": {
     "stdTeaserImageTitleGapSpace": {
+      "key": "{stdTeaser.stdTeaserImageTitleGapSpace}",
       "$value": "4px",
       "value": 4,
       "type": "float",
@@ -596,7 +621,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16152:3740"
         },
-        "$type": "dimension"
+        "$type": "dimension",
+        "key": "{stdTeaser.stdTeaserImageTitleGapSpace}"
       },
       "name": "stdTeaserImageTitleGapSpace",
       "attributes": {},
@@ -606,6 +632,7 @@
       ]
     },
     "stdTeaserBadgesMarginSpace": {
+      "key": "{stdTeaser.stdTeaserBadgesMarginSpace}",
       "$value": "4px",
       "value": 4,
       "type": "float",
@@ -644,7 +671,8 @@
           "variableId": "VariableID:2726:12079"
         },
         "$type": "dimension",
-        "comment": "This variable is used for creating space around the outside of a subscription badge or video icon badge."
+        "comment": "This variable is used for creating space around the outside of a subscription badge or video icon badge.",
+        "key": "{stdTeaser.stdTeaserBadgesMarginSpace}"
       },
       "name": "stdTeaserBadgesMarginSpace",
       "attributes": {},
@@ -654,6 +682,7 @@
       ]
     },
     "stdTeaserKickerHeadlineStackSpace": {
+      "key": "{stdTeaser.stdTeaserKickerHeadlineStackSpace}",
       "$value": "2px",
       "value": 2,
       "type": "float",
@@ -692,7 +721,8 @@
           "variableId": "VariableID:17036:22923"
         },
         "$type": "dimension",
-        "comment": "2 | 2 | 2 | 2 - This variable is used on the standard teaser vertical spacing between the kicker and the headline. It references the semantic variable stackSpaceConst3XS"
+        "comment": "2 | 2 | 2 | 2 - This variable is used on the standard teaser vertical spacing between the kicker and the headline. It references the semantic variable stackSpaceConst3XS",
+        "key": "{stdTeaser.stdTeaserKickerHeadlineStackSpace}"
       },
       "name": "stdTeaserKickerHeadlineStackSpace",
       "attributes": {},
@@ -703,6 +733,7 @@
     }
   },
   "TeaserKickerBgInlineSpace": {
+    "key": "{TeaserKickerBgInlineSpace}",
     "$value": "6px",
     "value": 6,
     "type": "float",
@@ -739,7 +770,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:17036:22921"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{TeaserKickerBgInlineSpace}"
     },
     "name": "teaserKickerBgInlineSpace",
     "attributes": {},
@@ -748,6 +780,7 @@
     ]
   },
   "teaserKickerBgStackSpace": {
+    "key": "{teaserKickerBgStackSpace}",
     "$value": "2px",
     "value": 2,
     "type": "float",
@@ -784,7 +817,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:17036:22923"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserKickerBgStackSpace}"
     },
     "name": "teaserKickerBgStackSpace",
     "attributes": {},
@@ -794,6 +828,7 @@
   },
   "qTeaser": {
     "quadHeadlineFontSize": {
+      "key": "{qTeaser.quadHeadlineFontSize}",
       "$value": "36px",
       "value": 36,
       "type": "float",
@@ -832,7 +867,8 @@
           "variableId": "VariableID:7139:2986"
         },
         "$type": "fontSize",
-        "comment": "This component level variable is used on the quad teaser headline. It references the semantic level variable headline1. 48 - 48 - 72 - 100"
+        "comment": "This component level variable is used on the quad teaser headline. It references the semantic level variable headline1. 48 - 48 - 72 - 100",
+        "key": "{qTeaser.quadHeadlineFontSize}"
       },
       "name": "quadHeadlineFontSize",
       "attributes": {},
@@ -842,6 +878,7 @@
       ]
     },
     "quadKickerFontSize": {
+      "key": "{qTeaser.quadKickerFontSize}",
       "$value": "16px",
       "value": 16,
       "type": "float",
@@ -878,7 +915,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7554:42911"
         },
-        "$type": "fontSize"
+        "$type": "fontSize",
+        "key": "{qTeaser.quadKickerFontSize}"
       },
       "name": "quadKickerFontSize",
       "attributes": {},
@@ -888,6 +926,7 @@
       ]
     },
     "quadHeadlineLineHeight": {
+      "key": "{qTeaser.quadHeadlineLineHeight}",
       "$value": "37.8px",
       "value": 37.8,
       "type": "float",
@@ -924,7 +963,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16151:168328"
         },
-        "$type": "lineHeight"
+        "$type": "lineHeight",
+        "key": "{qTeaser.quadHeadlineLineHeight}"
       },
       "name": "quadHeadlineLineHeight",
       "attributes": {},
@@ -934,6 +974,7 @@
       ]
     },
     "qTeaserTitleInlineSpace": {
+      "key": "{qTeaser.qTeaserTitleInlineSpace}",
       "$value": "8px",
       "value": 8,
       "type": "float",
@@ -970,7 +1011,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:2726:12078"
         },
-        "$type": "dimension"
+        "$type": "dimension",
+        "key": "{qTeaser.qTeaserTitleInlineSpace}"
       },
       "name": "qTeaserTitleInlineSpace",
       "attributes": {},
@@ -981,6 +1023,7 @@
     }
   },
   "teaserBadgesMarginSpace": {
+    "key": "{teaserBadgesMarginSpace}",
     "$value": "8px",
     "value": 8,
     "type": "float",
@@ -1019,7 +1062,8 @@
         "variableId": "VariableID:16088:163209"
       },
       "$type": "dimension",
-      "comment": "This variable is used for creating space around the outside of a subscription badge or video icon badge."
+      "comment": "This variable is used for creating space around the outside of a subscription badge or video icon badge.",
+      "key": "{teaserBadgesMarginSpace}"
     },
     "name": "teaserBadgesMarginSpace",
     "attributes": {},
@@ -1028,6 +1072,7 @@
     ]
   },
   "teaserBadgesHeightSizeLG": {
+    "key": "{teaserBadgesHeightSizeLG}",
     "$value": "32px",
     "value": 32,
     "type": "float",
@@ -1066,7 +1111,8 @@
         "variableId": "VariableID:16165:5458"
       },
       "$type": "dimension",
-      "comment": "This token is for controling the height of badges that are inside of teasers. 32 - 32 - 32 - 40"
+      "comment": "This token is for controling the height of badges that are inside of teasers. 32 - 32 - 32 - 40",
+      "key": "{teaserBadgesHeightSizeLG}"
     },
     "name": "teaserBadgesHeightSizeLg",
     "attributes": {},
@@ -1075,6 +1121,7 @@
     ]
   },
   "teaserTitleBottomStackSpace": {
+    "key": "{teaserTitleBottomStackSpace}",
     "$value": "12px",
     "value": 12,
     "type": "float",
@@ -1111,7 +1158,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12082"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserTitleBottomStackSpace}"
     },
     "name": "teaserTitleBottomStackSpace",
     "attributes": {},
@@ -1120,6 +1168,7 @@
     ]
   },
   "teaserBadgesHeightSizeSM": {
+    "key": "{teaserBadgesHeightSizeSM}",
     "$value": "24px",
     "value": 24,
     "type": "float",
@@ -1156,7 +1205,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16165:13186"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserBadgesHeightSizeSM}"
     },
     "name": "teaserBadgesHeightSizeSm",
     "attributes": {},
@@ -1166,6 +1216,7 @@
   },
   "bildPlayTeaser": {
     "bildPlayTeaserWidthSize": {
+      "key": "{bildPlayTeaser.bildPlayTeaserWidthSize}",
       "$value": "145px",
       "value": 145,
       "type": "float",
@@ -1190,7 +1241,8 @@
             "variableId": "VariableID:14359:16353"
           }
         },
-        "$type": "dimension"
+        "$type": "dimension",
+        "key": "{bildPlayTeaser.bildPlayTeaserWidthSize}"
       },
       "name": "bildPlayTeaserWidthSize",
       "attributes": {},
@@ -1201,6 +1253,7 @@
     }
   },
   "teaserLayoutGridSpace": {
+    "key": "{teaserLayoutGridSpace}",
     "$value": "12px",
     "value": 12,
     "type": "float",
@@ -1237,7 +1290,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:7015:23736"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{teaserLayoutGridSpace}"
     },
     "name": "teaserLayoutGridSpace",
     "attributes": {},
@@ -1247,6 +1301,7 @@
   },
   "superATeaser": {
     "superATeaserTitleInlineSpace": {
+      "key": "{superATeaser.superATeaserTitleInlineSpace}",
       "$value": "16px",
       "value": 16,
       "type": "float",
@@ -1285,7 +1340,8 @@
           "variableId": "VariableID:2726:12081"
         },
         "$type": "dimension",
-        "comment": "16 - 16 - 16 - 16"
+        "comment": "16 - 16 - 16 - 16",
+        "key": "{superATeaser.superATeaserTitleInlineSpace}"
       },
       "name": "superAteaserTitleInlineSpace",
       "attributes": {},
@@ -1297,6 +1353,7 @@
   },
   "bTeaser": {
     "bTeaserTitleInlineSpace": {
+      "key": "{bTeaser.bTeaserTitleInlineSpace}",
       "$value": "8px",
       "value": 8,
       "type": "float",
@@ -1333,7 +1390,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:2726:12078"
         },
-        "$type": "dimension"
+        "$type": "dimension",
+        "key": "{bTeaser.bTeaserTitleInlineSpace}"
       },
       "name": "bTeaserTitleInlineSpace",
       "attributes": {},

package/dist/json/brands/advertorial/components/Teaser/teaser-typography-lg.json CHANGED Viewed

@@ -1,5 +1,6 @@
 {
   "aTeaser-aTeaserKicker": {
+    "key": "{aTeaser-aTeaserKicker}",
     "$value": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
@@ -124,7 +125,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7577:44290"
         }
-      }
+      },
+      "key": "{aTeaser-aTeaserKicker}"
     },
     "name": "ATeaserATeaserKicker",
     "attributes": {
@@ -135,6 +137,7 @@
     ]
   },
   "aTeaser-aTeaserHeadline": {
+    "key": "{aTeaser-aTeaserHeadline}",
     "$value": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 900,
@@ -259,7 +262,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7139:2989"
         }
-      }
+      },
+      "key": "{aTeaser-aTeaserHeadline}"
     },
     "name": "ATeaserATeaserHeadline",
     "attributes": {
@@ -270,6 +274,7 @@
     ]
   },
   "mQTeaser-mQTeaserKicker": {
+    "key": "{mQTeaser-mQTeaserKicker}",
     "$value": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
@@ -394,7 +399,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7937:10070"
         }
-      }
+      },
+      "key": "{mQTeaser-mQTeaserKicker}"
     },
     "name": "MQTeaserMQTeaserKicker",
     "attributes": {
@@ -405,6 +411,7 @@
     ]
   },
   "mQTeaser-mQTeaserHeadline": {
+    "key": "{mQTeaser-mQTeaserHeadline}",
     "$value": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 900,
@@ -529,7 +536,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16181:168057"
         }
-      }
+      },
+      "key": "{mQTeaser-mQTeaserHeadline}"
     },
     "name": "MQTeaserMQTeaserHeadline",
     "attributes": {
@@ -540,6 +548,7 @@
     ]
   },
   "qTeaser-qTeaserHeadline": {
+    "key": "{qTeaser-qTeaserHeadline}",
     "$value": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 900,
@@ -664,7 +673,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16151:168328"
         }
-      }
+      },
+      "key": "{qTeaser-qTeaserHeadline}"
     },
     "name": "QTeaserQTeaserHeadline",
     "attributes": {
@@ -675,6 +685,7 @@
     ]
   },
   "stdTeaser-stdTeaserHeadline": {
+    "key": "{stdTeaser-stdTeaserHeadline}",
     "$value": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
@@ -799,7 +810,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16181:168057"
         }
-      }
+      },
+      "key": "{stdTeaser-stdTeaserHeadline}"
     },
     "name": "StdTeaserStdTeaserHeadline",
     "attributes": {