@marioschmidt/design-system-tokens 1.3.7 → 1.3.8

package/dist/json/brands/bild/components/LiveTicker/liveticker-breakpoint-xs-320px.json

@@ -1,5 +1,6 @@
 {
   "liveTickerheadlineFontWeight": {
+    "key": "{liveTickerheadlineFontWeight}",
     "$value": 600,
     "value": 600,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4197:5113"
       },
-      "$type": "fontWeight"
+      "$type": "fontWeight",
+      "key": "{liveTickerheadlineFontWeight}"
     },
     "name": "liveTickerheadlineFontWeight",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "liveTickerHeadlinesFontSize": {
+    "key": "{liveTickerHeadlinesFontSize}",
     "$value": "22px",
     "value": 22,
     "type": "float",
@@ -71,7 +74,8 @@
         }
       },
       "$type": "fontSize",
-      "comment": "This variable is used for the font size of live ticker headlines. 22 - 22 - 32 - 32"
+      "comment": "This variable is used for the font size of live ticker headlines. 22 - 22 - 32 - 32",
+      "key": "{liveTickerHeadlinesFontSize}"
     },
     "name": "liveTickerHeadlinesFontSize",
     "attributes": {},
@@ -80,6 +84,7 @@
     ]
   },
   "timeStampFontFamily": {
+    "key": "{timeStampFontFamily}",
     "$value": "Gotham XNarrow",
     "value": "Gotham XNarrow",
     "type": "string",
@@ -116,7 +121,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:585:1969"
       },
-      "$type": "fontFamily"
+      "$type": "fontFamily",
+      "key": "{timeStampFontFamily}"
     },
     "name": "timeStampFontFamily",
     "attributes": {},
@@ -125,6 +131,7 @@
     ]
   },
   "liveTickerTimeStampFontSize": {
+    "key": "{liveTickerTimeStampFontSize}",
     "$value": "14px",
     "value": 14,
     "type": "float",
@@ -151,7 +158,8 @@
         }
       },
       "$type": "fontSize",
-      "comment": "This variable is used for the live ticker time stamp font size. 14 - 14 - 16 - 16"
+      "comment": "This variable is used for the live ticker time stamp font size. 14 - 14 - 16 - 16",
+      "key": "{liveTickerTimeStampFontSize}"
     },
     "name": "liveTickerTimeStampFontSize",
     "attributes": {},
@@ -160,6 +168,7 @@
     ]
   },
   "liveTickerTime&HeadlineStackSpace": {
+    "key": "{liveTickerTime&HeadlineStackSpace}",
     "$value": "4px",
     "value": 4,
     "type": "float",
@@ -196,7 +205,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12079"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{liveTickerTime&HeadlineStackSpace}"
     },
     "name": "liveTickerTimeHeadlineStackSpace",
     "attributes": {},
@@ -205,6 +215,7 @@
     ]
   },
   "liveTickerSliderItemWidthMaxSize": {
+    "key": "{liveTickerSliderItemWidthMaxSize}",
     "$value": "257px",
     "value": 257,
     "type": "float",
@@ -229,7 +240,8 @@
           "variableId": "VariableID:12284:4675"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{liveTickerSliderItemWidthMaxSize}"
     },
     "name": "liveTickerSliderItemWidthMaxSize",
     "attributes": {},
@@ -238,6 +250,7 @@
     ]
   },
   "liveTickerAppCardHeightSize": {
+    "key": "{liveTickerAppCardHeightSize}",
     "$value": "96px",
     "value": 96,
     "type": "float",
@@ -262,7 +275,8 @@
           "variableId": "VariableID:17177:72999"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{liveTickerAppCardHeightSize}"
     },
     "name": "liveTickerAppCardHeightSize",
     "attributes": {},
@@ -271,6 +285,7 @@
     ]
   },
   "liveTickerAppCardWidthSize": {
+    "key": "{liveTickerAppCardWidthSize}",
     "$value": "250px",
     "value": 250,
     "type": "float",
@@ -295,7 +310,8 @@
           "variableId": "VariableID:17177:73847"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{liveTickerAppCardWidthSize}"
     },
     "name": "liveTickerAppCardWidthSize",
     "attributes": {},

package/dist/json/brands/bild/components/LiveTicker/liveticker-typography-lg.json

@@ -1,5 +1,6 @@
 {
   "liveTickerHeadline": {
+    "key": "{liveTickerHeadline}",
     "$value": {
       "fontFamily": "Gotham Condensed",
       "fontWeight": 600,
@@ -100,7 +101,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:4197:5113"
         }
-      }
+      },
+      "key": "{liveTickerHeadline}"
     },
     "name": "LiveTickerHeadline",
     "attributes": {
@@ -111,6 +113,7 @@
     ]
   },
   "liveTickerTimeStamp": {
+    "key": "{liveTickerTimeStamp}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -211,7 +214,8 @@
           "collectionType": "component-breakpoint",
           "variableId": "VariableID:7804:5032"
         }
-      }
+      },
+      "key": "{liveTickerTimeStamp}"
     },
     "name": "LiveTickerTimeStamp",
     "attributes": {

package/dist/json/brands/bild/components/LiveTicker/liveticker-typography-md.json

@@ -1,5 +1,6 @@
 {
   "liveTickerHeadline": {
+    "key": "{liveTickerHeadline}",
     "$value": {
       "fontFamily": "Gotham Condensed",
       "fontWeight": 600,
@@ -100,7 +101,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:4197:5113"
         }
-      }
+      },
+      "key": "{liveTickerHeadline}"
     },
     "name": "LiveTickerHeadline",
     "attributes": {
@@ -111,6 +113,7 @@
     ]
   },
   "liveTickerTimeStamp": {
+    "key": "{liveTickerTimeStamp}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -211,7 +214,8 @@
           "collectionType": "component-breakpoint",
           "variableId": "VariableID:7804:5032"
         }
-      }
+      },
+      "key": "{liveTickerTimeStamp}"
     },
     "name": "LiveTickerTimeStamp",
     "attributes": {

package/dist/json/brands/bild/components/LiveTicker/liveticker-typography-sm.json

@@ -1,5 +1,6 @@
 {
   "liveTickerHeadline": {
+    "key": "{liveTickerHeadline}",
     "$value": {
       "fontFamily": "Gotham Condensed",
       "fontWeight": 600,
@@ -100,7 +101,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:4197:5113"
         }
-      }
+      },
+      "key": "{liveTickerHeadline}"
     },
     "name": "LiveTickerHeadline",
     "attributes": {
@@ -111,6 +113,7 @@
     ]
   },
   "liveTickerTimeStamp": {
+    "key": "{liveTickerTimeStamp}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -211,7 +214,8 @@
           "collectionType": "component-breakpoint",
           "variableId": "VariableID:7804:5032"
         }
-      }
+      },
+      "key": "{liveTickerTimeStamp}"
     },
     "name": "LiveTickerTimeStamp",
     "attributes": {

package/dist/json/brands/bild/components/LiveTicker/liveticker-typography-xs.json

@@ -1,5 +1,6 @@
 {
   "liveTickerHeadline": {
+    "key": "{liveTickerHeadline}",
     "$value": {
       "fontFamily": "Gotham Condensed",
       "fontWeight": 600,
@@ -100,7 +101,8 @@
           "collectionType": "primitive",
           "variableId": "VariableID:4197:5113"
         }
-      }
+      },
+      "key": "{liveTickerHeadline}"
     },
     "name": "LiveTickerHeadline",
     "attributes": {
@@ -111,6 +113,7 @@
     ]
   },
   "liveTickerTimeStamp": {
+    "key": "{liveTickerTimeStamp}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -211,7 +214,8 @@
           "collectionType": "component-breakpoint",
           "variableId": "VariableID:7804:5032"
         }
-      }
+      },
+      "key": "{liveTickerTimeStamp}"
     },
     "name": "LiveTickerTimeStamp",
     "attributes": {

package/dist/json/brands/bild/components/MediaPlayer/mediaplayer-breakpoint-lg-1024px-regular.json

@@ -1,5 +1,6 @@
 {
   "podcastPlayButtonSize": {
+    "key": "{podcastPlayButtonSize}",
     "$value": "48px",
     "value": 48,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4072:1818"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{podcastPlayButtonSize}"
     },
     "name": "podcastPlayButtonSize",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "vidPlayerBottomBarGapSpace": {
+    "key": "{vidPlayerBottomBarGapSpace}",
     "$value": "16px",
     "value": 16,
     "type": "float",
@@ -81,7 +84,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16152:3743"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerBottomBarGapSpace}"
     },
     "name": "vidPlayerBottomBarGapSpace",
     "attributes": {},
@@ -90,6 +94,7 @@
     ]
   },
   "audioPlayerHeaderStackSpace": {
+    "key": "{audioPlayerHeaderStackSpace}",
     "$value": "56px",
     "value": 56,
     "type": "float",
@@ -126,7 +131,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4217:5316"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{audioPlayerHeaderStackSpace}"
     },
     "name": "audioPlayerHeaderStackSpace",
     "attributes": {},
@@ -135,6 +141,7 @@
     ]
   },
   "videoTimeBadgeFontFamily": {
+    "key": "{videoTimeBadgeFontFamily}",
     "$value": "Gotham XNarrow",
     "value": "Gotham XNarrow",
     "type": "string",
@@ -171,7 +178,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:7426:415987"
       },
-      "$type": "fontFamily"
+      "$type": "fontFamily",
+      "key": "{videoTimeBadgeFontFamily}"
     },
     "name": "videoTimeBadgeFontFamily",
     "attributes": {},
@@ -180,6 +188,7 @@
     ]
   },
   "vidPlayerControlButtonSize": {
+    "key": "{vidPlayerControlButtonSize}",
     "$value": "42px",
     "value": 42,
     "type": "float",
@@ -216,7 +225,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4629:2207"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerControlButtonSize}"
     },
     "name": "vidPlayerControlButtonSize",
     "attributes": {},
@@ -225,6 +235,7 @@
     ]
   },
   "vidPlayerControlButtonIconSizeHover": {
+    "key": "{vidPlayerControlButtonIconSizeHover}",
     "$value": "28px",
     "value": 28,
     "type": "float",
@@ -261,7 +272,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4125:2853"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerControlButtonIconSizeHover}"
     },
     "name": "vidPlayerControlButtonIconSizeHover",
     "attributes": {},
@@ -270,6 +282,7 @@
     ]
   },
   "vidPlayerTimecodeFontSize": {
+    "key": "{vidPlayerTimecodeFontSize}",
     "$value": "18px",
     "value": 18,
     "type": "float",
@@ -294,7 +307,8 @@
           "variableId": "VariableID:19709:72605"
         }
       },
-      "$type": "fontSize"
+      "$type": "fontSize",
+      "key": "{vidPlayerTimecodeFontSize}"
     },
     "name": "vidPlayerTimecodeFontSize",
     "attributes": {},
@@ -303,6 +317,7 @@
     ]
   },
   "vidPlayerTimecodeContainerMinWidthSize": {
+    "key": "{vidPlayerTimecodeContainerMinWidthSize}",
     "$value": "58px",
     "value": 58,
     "type": "float",
@@ -327,7 +342,8 @@
           "variableId": "VariableID:19709:72629"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerTimecodeContainerMinWidthSize}"
     },
     "name": "vidPlayerTimecodeContainerMinWidthSize",
     "attributes": {},
@@ -336,6 +352,7 @@
     ]
   },
   "vidPlayerProgressBarContainerHeightSize": {
+    "key": "{vidPlayerProgressBarContainerHeightSize}",
     "$value": "42px",
     "value": 42,
     "type": "float",
@@ -360,7 +377,8 @@
           "variableId": "VariableID:19720:123391"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerProgressBarContainerHeightSize}"
     },
     "name": "vidPlayerProgressBarContainerHeightSize",
     "attributes": {},
@@ -369,6 +387,7 @@
     ]
   },
   "vidPlayerUnmuteButtonWidthSize": {
+    "key": "{vidPlayerUnmuteButtonWidthSize}",
     "$value": "220px",
     "value": 220,
     "type": "float",
@@ -393,7 +412,8 @@
           "variableId": "VariableID:19753:19342"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerUnmuteButtonWidthSize}"
     },
     "name": "vidPlayerUnmuteButtonWidthSize",
     "attributes": {},

package/dist/json/brands/bild/components/MediaPlayer/mediaplayer-breakpoint-md-600px.json

@@ -1,5 +1,6 @@
 {
   "podcastPlayButtonSize": {
+    "key": "{podcastPlayButtonSize}",
     "$value": "48px",
     "value": 48,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4072:1818"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{podcastPlayButtonSize}"
     },
     "name": "podcastPlayButtonSize",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "vidPlayerBottomBarGapSpace": {
+    "key": "{vidPlayerBottomBarGapSpace}",
     "$value": "0px",
     "value": 0,
     "type": "float",
@@ -69,7 +72,8 @@
           "variableId": "VariableID:17383:9184"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerBottomBarGapSpace}"
     },
     "name": "vidPlayerBottomBarGapSpace",
     "attributes": {},
@@ -78,6 +82,7 @@
     ]
   },
   "audioPlayerHeaderStackSpace": {
+    "key": "{audioPlayerHeaderStackSpace}",
     "$value": "56px",
     "value": 56,
     "type": "float",
@@ -114,7 +119,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4217:5316"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{audioPlayerHeaderStackSpace}"
     },
     "name": "audioPlayerHeaderStackSpace",
     "attributes": {},
@@ -123,6 +129,7 @@
     ]
   },
   "videoTimeBadgeFontFamily": {
+    "key": "{videoTimeBadgeFontFamily}",
     "$value": "Gotham XNarrow",
     "value": "Gotham XNarrow",
     "type": "string",
@@ -159,7 +166,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:7426:415987"
       },
-      "$type": "fontFamily"
+      "$type": "fontFamily",
+      "key": "{videoTimeBadgeFontFamily}"
     },
     "name": "videoTimeBadgeFontFamily",
     "attributes": {},
@@ -168,6 +176,7 @@
     ]
   },
   "vidPlayerControlButtonSize": {
+    "key": "{vidPlayerControlButtonSize}",
     "$value": "42px",
     "value": 42,
     "type": "float",
@@ -204,7 +213,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4629:2207"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerControlButtonSize}"
     },
     "name": "vidPlayerControlButtonSize",
     "attributes": {},
@@ -213,6 +223,7 @@
     ]
   },
   "vidPlayerControlButtonIconSizeHover": {
+    "key": "{vidPlayerControlButtonIconSizeHover}",
     "$value": "28px",
     "value": 28,
     "type": "float",
@@ -249,7 +260,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4125:2853"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerControlButtonIconSizeHover}"
     },
     "name": "vidPlayerControlButtonIconSizeHover",
     "attributes": {},
@@ -258,6 +270,7 @@
     ]
   },
   "vidPlayerTimecodeFontSize": {
+    "key": "{vidPlayerTimecodeFontSize}",
     "$value": "16px",
     "value": 16,
     "type": "float",
@@ -282,7 +295,8 @@
           "variableId": "VariableID:19709:72605"
         }
       },
-      "$type": "fontSize"
+      "$type": "fontSize",
+      "key": "{vidPlayerTimecodeFontSize}"
     },
     "name": "vidPlayerTimecodeFontSize",
     "attributes": {},
@@ -291,6 +305,7 @@
     ]
   },
   "vidPlayerTimecodeContainerMinWidthSize": {
+    "key": "{vidPlayerTimecodeContainerMinWidthSize}",
     "$value": "58px",
     "value": 58,
     "type": "float",
@@ -315,7 +330,8 @@
           "variableId": "VariableID:19709:72629"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerTimecodeContainerMinWidthSize}"
     },
     "name": "vidPlayerTimecodeContainerMinWidthSize",
     "attributes": {},
@@ -324,6 +340,7 @@
     ]
   },
   "vidPlayerProgressBarContainerHeightSize": {
+    "key": "{vidPlayerProgressBarContainerHeightSize}",
     "$value": "24px",
     "value": 24,
     "type": "float",
@@ -348,7 +365,8 @@
           "variableId": "VariableID:19720:123391"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerProgressBarContainerHeightSize}"
     },
     "name": "vidPlayerProgressBarContainerHeightSize",
     "attributes": {},
@@ -357,6 +375,7 @@
     ]
   },
   "vidPlayerUnmuteButtonWidthSize": {
+    "key": "{vidPlayerUnmuteButtonWidthSize}",
     "$value": "220px",
     "value": 220,
     "type": "float",
@@ -381,7 +400,8 @@
           "variableId": "VariableID:19753:19342"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{vidPlayerUnmuteButtonWidthSize}"
     },
     "name": "vidPlayerUnmuteButtonWidthSize",
     "attributes": {},