@marioschmidt/design-system-tokens 1.3.7 → 1.3.8

package/dist/json/brands/bild/components/Pagination/pagination-color-light.json

@@ -1,5 +1,6 @@
 {
   "paginationElementColorDefault": {
+    "key": "{paginationElementColorDefault}",
     "$value": "#C4C9CF",
     "value": "#C4C9CF",
     "type": "color",
@@ -36,7 +37,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:7532:4296"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{paginationElementColorDefault}"
     },
     "name": "paginationElementColorDefault",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "paginationElementColorActive": {
+    "key": "{paginationElementColorActive}",
     "$value": "#DD0000",
     "value": "#DD0000",
     "type": "color",
@@ -81,7 +84,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:5003:3106"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{paginationElementColorActive}"
     },
     "name": "paginationElementColorActive",
     "attributes": {},
@@ -90,6 +94,7 @@
     ]
   },
   "galleryPaginationElementActiveOpacity": {
+    "key": "{galleryPaginationElementActiveOpacity}",
     "$value": 1,
     "value": 100,
     "type": "float",
@@ -128,7 +133,8 @@
         "variableId": "VariableID:18980:34222"
       },
       "$type": "opacity",
-      "comment": "Use this on gallery slider pagination elements. This can also be applied to hover states of those elements."
+      "comment": "Use this on gallery slider pagination elements. This can also be applied to hover states of those elements.",
+      "key": "{galleryPaginationElementActiveOpacity}"
     },
     "name": "galleryPaginationElementActiveOpacity",
     "attributes": {},
@@ -137,6 +143,7 @@
     ]
   },
   "scrollBarTrackBgColor": {
+    "key": "{scrollBarTrackBgColor}",
     "$value": "rgba(0, 0, 0, 0.1)",
     "value": "rgba(0, 0, 0, 0.1)",
     "type": "color",
@@ -175,7 +182,8 @@
         "variableId": "VariableID:7765:33969"
       },
       "$type": "color",
-      "comment": "Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements."
+      "comment": "Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements.",
+      "key": "{scrollBarTrackBgColor}"
     },
     "name": "scrollBarTrackBgColor",
     "attributes": {},
@@ -184,6 +192,7 @@
     ]
   },
   "scrollBarThumbBgColor": {
+    "key": "{scrollBarThumbBgColor}",
     "$value": "#8C9196",
     "value": "#8C9196",
     "type": "color",
@@ -222,7 +231,8 @@
         "variableId": "VariableID:21341:28664"
       },
       "$type": "color",
-      "comment": "Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space."
+      "comment": "Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space.",
+      "key": "{scrollBarThumbBgColor}"
     },
     "name": "scrollBarThumbBgColor",
     "attributes": {},

package/dist/json/brands/bild/components/Pagination/pagination-typography-lg.json

@@ -1,5 +1,6 @@
 {
   "NumberedPaginationActive": {
+    "key": "{NumberedPaginationActive}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -124,7 +125,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7514:1760"
         }
-      }
+      },
+      "key": "{NumberedPaginationActive}"
     },
     "name": "NumberedPaginationActive",
     "attributes": {

package/dist/json/brands/bild/components/Pagination/pagination-typography-md.json

@@ -1,5 +1,6 @@
 {
   "NumberedPaginationActive": {
+    "key": "{NumberedPaginationActive}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -124,7 +125,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7514:1760"
         }
-      }
+      },
+      "key": "{NumberedPaginationActive}"
     },
     "name": "NumberedPaginationActive",
     "attributes": {

package/dist/json/brands/bild/components/Pagination/pagination-typography-sm.json

@@ -1,5 +1,6 @@
 {
   "NumberedPaginationActive": {
+    "key": "{NumberedPaginationActive}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -124,7 +125,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7514:1760"
         }
-      }
+      },
+      "key": "{NumberedPaginationActive}"
     },
     "name": "NumberedPaginationActive",
     "attributes": {

package/dist/json/brands/bild/components/Pagination/pagination-typography-xs.json

@@ -1,5 +1,6 @@
 {
   "NumberedPaginationActive": {
+    "key": "{NumberedPaginationActive}",
     "$value": {
       "fontFamily": "Gotham XNarrow",
       "fontWeight": 700,
@@ -124,7 +125,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7514:1760"
         }
-      }
+      },
+      "key": "{NumberedPaginationActive}"
     },
     "name": "NumberedPaginationActive",
     "attributes": {

package/dist/json/brands/bild/components/PartnerLinks/partnerlinks-color-dark.json

@@ -1,5 +1,6 @@
 {
   "partnerLinksBorderColorIdle": {
+    "key": "{partnerLinksBorderColorIdle}",
     "$value": "#565A5F",
     "value": "#565A5F",
     "type": "color",
@@ -36,7 +37,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:1954:19186"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBorderColorIdle}"
     },
     "name": "partnerLinksBorderColorIdle",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "partnerLinksBorderColorActive": {
+    "key": "{partnerLinksBorderColorActive}",
     "$value": "#FFFFFF",
     "value": "#FFFFFF",
     "type": "color",
@@ -81,7 +84,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:9598:13708"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBorderColorActive}"
     },
     "name": "partnerLinksBorderColorActive",
     "attributes": {},
@@ -90,6 +94,7 @@
     ]
   },
   "partnerLinksBgColorIdle": {
+    "key": "{partnerLinksBgColorIdle}",
     "$value": "#343C41",
     "value": "#343C41",
     "type": "color",
@@ -126,7 +131,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:9756:1625"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBgColorIdle}"
     },
     "name": "partnerLinksBgColorIdle",
     "attributes": {},
@@ -135,6 +141,7 @@
     ]
   },
   "partnerLinksBgColorActive": {
+    "key": "{partnerLinksBgColorActive}",
     "$value": "#8C9196",
     "value": "#8C9196",
     "type": "color",
@@ -171,7 +178,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:21341:28664"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBgColorActive}"
     },
     "name": "partnerLinksBgColorActive",
     "attributes": {},

package/dist/json/brands/bild/components/PartnerLinks/partnerlinks-color-light.json

@@ -1,5 +1,6 @@
 {
   "partnerLinksBorderColorIdle": {
+    "key": "{partnerLinksBorderColorIdle}",
     "$value": "#C4C9CF",
     "value": "#C4C9CF",
     "type": "color",
@@ -36,7 +37,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:1954:19186"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBorderColorIdle}"
     },
     "name": "partnerLinksBorderColorIdle",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "partnerLinksBorderColorActive": {
+    "key": "{partnerLinksBorderColorActive}",
     "$value": "#222628",
     "value": "#222628",
     "type": "color",
@@ -81,7 +84,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:9598:13708"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBorderColorActive}"
     },
     "name": "partnerLinksBorderColorActive",
     "attributes": {},
@@ -90,6 +94,7 @@
     ]
   },
   "partnerLinksBgColorIdle": {
+    "key": "{partnerLinksBgColorIdle}",
     "$value": "#FFFFFF",
     "value": "#FFFFFF",
     "type": "color",
@@ -126,7 +131,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:588:1984"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBgColorIdle}"
     },
     "name": "partnerLinksBgColorIdle",
     "attributes": {},
@@ -135,6 +141,7 @@
     ]
   },
   "partnerLinksBgColorActive": {
+    "key": "{partnerLinksBgColorActive}",
     "$value": "#DDE1E2",
     "value": "#DDE1E2",
     "type": "color",
@@ -171,7 +178,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:9756:1625"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{partnerLinksBgColorActive}"
     },
     "name": "partnerLinksBgColorActive",
     "attributes": {},

package/dist/json/brands/bild/components/Paywall/paywall-breakpoint-lg-1024px-regular.json

@@ -1,5 +1,6 @@
 {
   "paywallContainerGapSpace": {
+    "key": "{paywallContainerGapSpace}",
     "$value": "-48px",
     "value": -48,
     "type": "float",
@@ -24,7 +25,8 @@
           "variableId": "VariableID:18630:21654"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallContainerGapSpace}"
     },
     "name": "paywallContainerGapSpace",
     "attributes": {},
@@ -33,6 +35,7 @@
     ]
   },
   "paywallHeaderBottomStackSpace": {
+    "key": "{paywallHeaderBottomStackSpace}",
     "$value": "80px",
     "value": 80,
     "type": "float",
@@ -69,7 +72,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3113:1638"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallHeaderBottomStackSpace}"
     },
     "name": "paywallHeaderBottomStackSpace",
     "attributes": {},
@@ -78,6 +82,7 @@
     ]
   },
   "paywallCardMaxWidthSize": {
+    "key": "{paywallCardMaxWidthSize}",
     "$value": "346px",
     "value": 346,
     "type": "float",
@@ -102,7 +107,8 @@
           "variableId": "VariableID:18630:21656"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallCardMaxWidthSize}"
     },
     "name": "paywallCardMaxWidthSize",
     "attributes": {},
@@ -111,6 +117,7 @@
     ]
   },
   "paywallCardPriceTagFontSize": {
+    "key": "{paywallCardPriceTagFontSize}",
     "$value": "64px",
     "value": 64,
     "type": "float",
@@ -149,7 +156,8 @@
         "variableId": "VariableID:4547:2155"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the paywall card price tag. 64 constant"
+      "comment": "This variable is used on the paywall card price tag. 64 constant",
+      "key": "{paywallCardPriceTagFontSize}"
     },
     "name": "paywallCardPriceTagFontSize",
     "attributes": {},
@@ -158,6 +166,7 @@
     ]
   },
   "paywallCardPriceTagLineHeight": {
+    "key": "{paywallCardPriceTagLineHeight}",
     "$value": "64px",
     "value": 64,
     "type": "float",
@@ -194,7 +203,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4547:2155"
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{paywallCardPriceTagLineHeight}"
     },
     "name": "paywallCardPriceTagLineHeight",
     "attributes": {},
@@ -203,6 +213,7 @@
     ]
   },
   "paywallCardPriceNoteLineHeight": {
+    "key": "{paywallCardPriceNoteLineHeight}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -239,7 +250,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4082:2076"
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{paywallCardPriceNoteLineHeight}"
     },
     "name": "paywallCardPriceNoteLineHeight",
     "attributes": {},
@@ -248,6 +260,7 @@
     ]
   },
   "paywallCardPriceNoteFontSize": {
+    "key": "{paywallCardPriceNoteFontSize}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -286,7 +299,8 @@
         "variableId": "VariableID:4082:2076"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40"
+      "comment": "This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40",
+      "key": "{paywallCardPriceNoteFontSize}"
     },
     "name": "paywallCardPriceNoteFontSize",
     "attributes": {},

package/dist/json/brands/bild/components/Paywall/paywall-breakpoint-md-600px.json

@@ -1,5 +1,6 @@
 {
   "paywallContainerGapSpace": {
+    "key": "{paywallContainerGapSpace}",
     "$value": "-48px",
     "value": -48,
     "type": "float",
@@ -24,7 +25,8 @@
           "variableId": "VariableID:18630:21654"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallContainerGapSpace}"
     },
     "name": "paywallContainerGapSpace",
     "attributes": {},
@@ -33,6 +35,7 @@
     ]
   },
   "paywallHeaderBottomStackSpace": {
+    "key": "{paywallHeaderBottomStackSpace}",
     "$value": "80px",
     "value": 80,
     "type": "float",
@@ -69,7 +72,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3113:1638"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallHeaderBottomStackSpace}"
     },
     "name": "paywallHeaderBottomStackSpace",
     "attributes": {},
@@ -78,6 +82,7 @@
     ]
   },
   "paywallCardMaxWidthSize": {
+    "key": "{paywallCardMaxWidthSize}",
     "$value": "346px",
     "value": 346,
     "type": "float",
@@ -102,7 +107,8 @@
           "variableId": "VariableID:18630:21656"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallCardMaxWidthSize}"
     },
     "name": "paywallCardMaxWidthSize",
     "attributes": {},
@@ -111,6 +117,7 @@
     ]
   },
   "paywallCardPriceTagFontSize": {
+    "key": "{paywallCardPriceTagFontSize}",
     "$value": "64px",
     "value": 64,
     "type": "float",
@@ -149,7 +156,8 @@
         "variableId": "VariableID:4547:2155"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the paywall card price tag. 64 constant"
+      "comment": "This variable is used on the paywall card price tag. 64 constant",
+      "key": "{paywallCardPriceTagFontSize}"
     },
     "name": "paywallCardPriceTagFontSize",
     "attributes": {},
@@ -158,6 +166,7 @@
     ]
   },
   "paywallCardPriceTagLineHeight": {
+    "key": "{paywallCardPriceTagLineHeight}",
     "$value": "64px",
     "value": 64,
     "type": "float",
@@ -194,7 +203,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4547:2155"
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{paywallCardPriceTagLineHeight}"
     },
     "name": "paywallCardPriceTagLineHeight",
     "attributes": {},
@@ -203,6 +213,7 @@
     ]
   },
   "paywallCardPriceNoteLineHeight": {
+    "key": "{paywallCardPriceNoteLineHeight}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -239,7 +250,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4082:2076"
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{paywallCardPriceNoteLineHeight}"
     },
     "name": "paywallCardPriceNoteLineHeight",
     "attributes": {},
@@ -248,6 +260,7 @@
     ]
   },
   "paywallCardPriceNoteFontSize": {
+    "key": "{paywallCardPriceNoteFontSize}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -286,7 +299,8 @@
         "variableId": "VariableID:4082:2076"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40"
+      "comment": "This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40",
+      "key": "{paywallCardPriceNoteFontSize}"
     },
     "name": "paywallCardPriceNoteFontSize",
     "attributes": {},

package/dist/json/brands/bild/components/Paywall/paywall-breakpoint-sm-390px-compact.json

@@ -1,5 +1,6 @@
 {
   "paywallContainerGapSpace": {
+    "key": "{paywallContainerGapSpace}",
     "$value": "-48px",
     "value": -48,
     "type": "float",
@@ -24,7 +25,8 @@
           "variableId": "VariableID:18630:21654"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallContainerGapSpace}"
     },
     "name": "paywallContainerGapSpace",
     "attributes": {},
@@ -33,6 +35,7 @@
     ]
   },
   "paywallHeaderBottomStackSpace": {
+    "key": "{paywallHeaderBottomStackSpace}",
     "$value": "80px",
     "value": 80,
     "type": "float",
@@ -69,7 +72,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3113:1638"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallHeaderBottomStackSpace}"
     },
     "name": "paywallHeaderBottomStackSpace",
     "attributes": {},
@@ -78,6 +82,7 @@
     ]
   },
   "paywallCardMaxWidthSize": {
+    "key": "{paywallCardMaxWidthSize}",
     "$value": "346px",
     "value": 346,
     "type": "float",
@@ -102,7 +107,8 @@
           "variableId": "VariableID:18630:21656"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{paywallCardMaxWidthSize}"
     },
     "name": "paywallCardMaxWidthSize",
     "attributes": {},
@@ -111,6 +117,7 @@
     ]
   },
   "paywallCardPriceTagFontSize": {
+    "key": "{paywallCardPriceTagFontSize}",
     "$value": "64px",
     "value": 64,
     "type": "float",
@@ -149,7 +156,8 @@
         "variableId": "VariableID:4547:2155"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the paywall card price tag. 64 constant"
+      "comment": "This variable is used on the paywall card price tag. 64 constant",
+      "key": "{paywallCardPriceTagFontSize}"
     },
     "name": "paywallCardPriceTagFontSize",
     "attributes": {},
@@ -158,6 +166,7 @@
     ]
   },
   "paywallCardPriceTagLineHeight": {
+    "key": "{paywallCardPriceTagLineHeight}",
     "$value": "64px",
     "value": 64,
     "type": "float",
@@ -194,7 +203,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4547:2155"
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{paywallCardPriceTagLineHeight}"
     },
     "name": "paywallCardPriceTagLineHeight",
     "attributes": {},
@@ -203,6 +213,7 @@
     ]
   },
   "paywallCardPriceNoteLineHeight": {
+    "key": "{paywallCardPriceNoteLineHeight}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -239,7 +250,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4082:2076"
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{paywallCardPriceNoteLineHeight}"
     },
     "name": "paywallCardPriceNoteLineHeight",
     "attributes": {},
@@ -248,6 +260,7 @@
     ]
   },
   "paywallCardPriceNoteFontSize": {
+    "key": "{paywallCardPriceNoteFontSize}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -286,7 +299,8 @@
         "variableId": "VariableID:4082:2076"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40"
+      "comment": "This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40",
+      "key": "{paywallCardPriceNoteFontSize}"
     },
     "name": "paywallCardPriceNoteFontSize",
     "attributes": {},