@marioschmidt/design-system-tokens 1.3.7 → 1.3.8

package/dist/json/brands/bild/components/Menu/menu-breakpoint-xs-320px.json

@@ -1,5 +1,6 @@
 {
   "menuItemSpace": {
+    "key": "{menuItemSpace}",
     "$value": "8px",
     "value": 8,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12078"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuItemSpace}"
     },
     "name": "menuItemSpace",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "menuItemFontSize": {
+    "key": "{menuItemFontSize}",
     "$value": "15px",
     "value": 15,
     "type": "float",
@@ -71,7 +74,8 @@
         }
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the menu link lane and on the mobile side menu drawer."
+      "comment": "This variable is used on the menu link lane and on the mobile side menu drawer.",
+      "key": "{menuItemFontSize}"
     },
     "name": "menuItemFontSize",
     "attributes": {},
@@ -80,6 +84,7 @@
     ]
   },
   "menuItemUtilFontSize": {
+    "key": "{menuItemUtilFontSize}",
     "$value": "12px",
     "value": 12,
     "type": "float",
@@ -116,7 +121,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4478:6965"
       },
-      "$type": "fontSize"
+      "$type": "fontSize",
+      "key": "{menuItemUtilFontSize}"
     },
     "name": "menuItemUtilFontSize",
     "attributes": {},
@@ -125,6 +131,7 @@
     ]
   },
   "menuItemUtilStackSpace": {
+    "key": "{menuItemUtilStackSpace}",
     "$value": "10px",
     "value": 10,
     "type": "float",
@@ -161,7 +168,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4440:2072"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuItemUtilStackSpace}"
     },
     "name": "menuItemUtilStackSpace",
     "attributes": {},
@@ -170,6 +178,7 @@
     ]
   },
   "menuLinkLaneHeightSize": {
+    "key": "{menuLinkLaneHeightSize}",
     "$value": "48px",
     "value": 48,
     "type": "float",
@@ -206,7 +215,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4072:1818"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuLinkLaneHeightSize}"
     },
     "name": "menuLinkLaneHeightSize",
     "attributes": {},
@@ -215,6 +225,7 @@
     ]
   },
   "menuUtillinkItemHeightSize": {
+    "key": "{menuUtillinkItemHeightSize}",
     "$value": "48px",
     "value": 48,
     "type": "float",
@@ -251,7 +262,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4072:1818"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuUtillinkItemHeightSize}"
     },
     "name": "menuUtillinkItemHeightSize",
     "attributes": {},
@@ -260,6 +272,7 @@
     ]
   },
   "menuLinkItemInlineSpace": {
+    "key": "{menuLinkItemInlineSpace}",
     "$value": "4px",
     "value": 4,
     "type": "float",
@@ -296,7 +309,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12079"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuLinkItemInlineSpace}"
     },
     "name": "menuLinkItemInlineSpace",
     "attributes": {},
@@ -305,6 +319,7 @@
     ]
   },
   "menuLogoDefaultSize": {
+    "key": "{menuLogoDefaultSize}",
     "$value": "56px",
     "value": 56,
     "type": "float",
@@ -341,7 +356,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4217:5316"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuLogoDefaultSize}"
     },
     "name": "menuLogoDefaultSize",
     "attributes": {},
@@ -350,6 +366,7 @@
     ]
   },
   "menuLogoScrolledSize": {
+    "key": "{menuLogoScrolledSize}",
     "$value": "56px",
     "value": 56,
     "type": "float",
@@ -386,7 +403,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4217:5316"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuLogoScrolledSize}"
     },
     "name": "menuLogoScrolledSize",
     "attributes": {},
@@ -395,6 +413,7 @@
     ]
   },
   "menuSpecialNaviItemHeightSize": {
+    "key": "{menuSpecialNaviItemHeightSize}",
     "$value": "48px",
     "value": 48,
     "type": "float",
@@ -419,7 +438,8 @@
           "variableId": "VariableID:16409:94321"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuSpecialNaviItemHeightSize}"
     },
     "name": "menuSpecialNaviItemHeightSize",
     "attributes": {},
@@ -428,6 +448,7 @@
     ]
   },
   "subNavBarHeightSize": {
+    "key": "{subNavBarHeightSize}",
     "$value": "42px",
     "value": 42,
     "type": "float",
@@ -464,7 +485,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4629:2207"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{subNavBarHeightSize}"
     },
     "name": "subNavBarHeightSize",
     "attributes": {},
@@ -473,6 +495,7 @@
     ]
   },
   "menuUtilityLinksContainerHeightSize": {
+    "key": "{menuUtilityLinksContainerHeightSize}",
     "$value": "56px",
     "value": 56,
     "type": "float",
@@ -509,7 +532,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16165:5462"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuUtilityLinksContainerHeightSize}"
     },
     "name": "menuUtilityLinksContainerHeightSize",
     "attributes": {},
@@ -518,6 +542,7 @@
     ]
   },
   "menuTopStackSpace": {
+    "key": "{menuTopStackSpace}",
     "$value": "6px",
     "value": 6,
     "type": "float",
@@ -554,7 +579,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16120:163554"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuTopStackSpace}"
     },
     "name": "menuTopStackSpace",
     "attributes": {},
@@ -563,6 +589,7 @@
     ]
   },
   "menuLeftInlineSpace": {
+    "key": "{menuLeftInlineSpace}",
     "$value": "8px",
     "value": 8,
     "type": "float",
@@ -599,7 +626,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16088:163209"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuLeftInlineSpace}"
     },
     "name": "menuLeftInlineSpace",
     "attributes": {},
@@ -608,6 +636,7 @@
     ]
   },
   "menuUtilityLinksGapSpace": {
+    "key": "{menuUtilityLinksGapSpace}",
     "$value": "24px",
     "value": 24,
     "type": "float",
@@ -644,7 +673,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16152:3744"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuUtilityLinksGapSpace}"
     },
     "name": "menuUtilityLinksGapSpace",
     "attributes": {},
@@ -653,6 +683,7 @@
     ]
   },
   "menuRightInlineSpace": {
+    "key": "{menuRightInlineSpace}",
     "$value": "0px",
     "value": 0,
     "type": "float",
@@ -689,7 +720,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3103:2458"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuRightInlineSpace}"
     },
     "name": "menuRightInlineSpace",
     "attributes": {},
@@ -698,6 +730,7 @@
     ]
   },
   "menuBottomStackSpace": {
+    "key": "{menuBottomStackSpace}",
     "$value": "6px",
     "value": 6,
     "type": "float",
@@ -734,7 +767,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16120:163554"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuBottomStackSpace}"
     },
     "name": "menuBottomStackSpace",
     "attributes": {},
@@ -743,6 +777,7 @@
     ]
   },
   "menuUtilityLinksDividerHeightSize": {
+    "key": "{menuUtilityLinksDividerHeightSize}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -779,7 +814,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:16165:5460"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{menuUtilityLinksDividerHeightSize}"
     },
     "name": "menuUtilityLinksDividerHeightSize",
     "attributes": {},
@@ -788,6 +824,7 @@
     ]
   },
   "menuShadowVisibility": {
+    "key": "{menuShadowVisibility}",
     "$value": "rgba(0, 0, 0, 0.1)",
     "value": "rgba(0, 0, 0, 0.1)",
     "type": "color",
@@ -826,7 +863,8 @@
         "variableId": "VariableID:7765:33969"
       },
       "$type": "color",
-      "comment": "This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 10 - 10 - 10 - 0"
+      "comment": "This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 10 - 10 - 10 - 0",
+      "key": "{menuShadowVisibility}"
     },
     "name": "menuShadowVisibility",
     "attributes": {},
@@ -835,6 +873,7 @@
     ]
   },
   "heyInputShadowVisibility": {
+    "key": "{heyInputShadowVisibility}",
     "$value": "rgba(0, 0, 0, 0)",
     "value": "rgba(0, 0, 0, 0)",
     "type": "color",
@@ -873,7 +912,8 @@
         "variableId": "VariableID:17390:25780"
       },
       "$type": "color",
-      "comment": "This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 0 - 0 - 0 - 10"
+      "comment": "This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 0 - 0 - 0 - 10",
+      "key": "{heyInputShadowVisibility}"
     },
     "name": "heyInputShadowVisibility",
     "attributes": {},
@@ -882,6 +922,7 @@
     ]
   },
   "appTopbarTitleFontSize": {
+    "key": "{appTopbarTitleFontSize}",
     "$value": "12px",
     "value": 12,
     "type": "float",
@@ -906,7 +947,8 @@
           "variableId": "VariableID:18729:16808"
         }
       },
-      "$type": "fontSize"
+      "$type": "fontSize",
+      "key": "{appTopbarTitleFontSize}"
     },
     "name": "appTopbarTitleFontSize",
     "attributes": {},
@@ -915,6 +957,7 @@
     ]
   },
   "appTopbarStageTitleHeight": {
+    "key": "{appTopbarStageTitleHeight}",
     "$value": "14px",
     "value": 14,
     "type": "float",
@@ -939,7 +982,8 @@
           "variableId": "VariableID:18729:16809"
         }
       },
-      "$type": "lineHeight"
+      "$type": "lineHeight",
+      "key": "{appTopbarStageTitleHeight}"
     },
     "name": "appTopbarStageTitleHeight",
     "attributes": {},
@@ -948,6 +992,7 @@
     ]
   },
   "iOSappTopBarHeightSize": {
+    "key": "{iOSappTopBarHeightSize}",
     "$value": "44px",
     "value": 44,
     "type": "float",
@@ -972,7 +1017,8 @@
           "variableId": "VariableID:18897:57536"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{iOSappTopBarHeightSize}"
     },
     "name": "iOsappTopBarHeightSize",
     "attributes": {},
@@ -981,6 +1027,7 @@
     ]
   },
   "iOSappTopBarLeftInlineSpace": {
+    "key": "{iOSappTopBarLeftInlineSpace}",
     "$value": "12px",
     "value": 12,
     "type": "float",
@@ -1005,7 +1052,8 @@
           "variableId": "VariableID:18897:57590"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{iOSappTopBarLeftInlineSpace}"
     },
     "name": "iOsappTopBarLeftInlineSpace",
     "attributes": {},
@@ -1014,6 +1062,7 @@
     ]
   },
   "iOSappTopBarRightInlineSpace": {
+    "key": "{iOSappTopBarRightInlineSpace}",
     "$value": "16px",
     "value": 16,
     "type": "float",
@@ -1038,7 +1087,8 @@
           "variableId": "VariableID:18940:6218"
         }
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{iOSappTopBarRightInlineSpace}"
     },
     "name": "iOsappTopBarRightInlineSpace",
     "attributes": {},

package/dist/json/brands/bild/components/Menu/menu-color-dark.json

@@ -1,5 +1,6 @@
 {
   "menuSurfaceColor": {
+    "key": "{menuSurfaceColor}",
     "$value": "#222628",
     "value": "#222628",
     "type": "color",
@@ -36,7 +37,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:588:1984"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{menuSurfaceColor}"
     },
     "name": "menuSurfaceColor",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "menuScrolledSurfaceGradientColor": {
+    "key": "{menuScrolledSurfaceGradientColor}",
     "$value": "rgba(34, 38, 40, 0.95)",
     "value": "rgba(34, 38, 40, 0.95)",
     "type": "color",
@@ -71,7 +74,8 @@
         }
       },
       "$type": "color",
-      "comment": "Used on a thin part at the top of header in navigation menu."
+      "comment": "Used on a thin part at the top of header in navigation menu.",
+      "key": "{menuScrolledSurfaceGradientColor}"
     },
     "name": "menuScrolledSurfaceGradientColor",
     "attributes": {},
@@ -80,6 +84,7 @@
     ]
   },
   "menuLinkLaneSurfaceColor": {
+    "key": "{menuLinkLaneSurfaceColor}",
     "$value": "#222628",
     "value": "#222628",
     "type": "color",
@@ -116,7 +121,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:588:1977"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{menuLinkLaneSurfaceColor}"
     },
     "name": "menuLinkLaneSurfaceColor",
     "attributes": {},
@@ -125,6 +131,7 @@
     ]
   },
   "menuLinkLaneLabelColor": {
+    "key": "{menuLinkLaneLabelColor}",
     "$value": "#8C9196",
     "value": "#8C9196",
     "type": "color",
@@ -161,7 +168,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2552:18733"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{menuLinkLaneLabelColor}"
     },
     "name": "menuLinkLaneLabelColor",
     "attributes": {},
@@ -170,6 +178,7 @@
     ]
   },
   "menuLinkLaneLabelColorHover": {
+    "key": "{menuLinkLaneLabelColorHover}",
     "$value": "#FFFFFF",
     "value": "#FFFFFF",
     "type": "color",
@@ -206,7 +215,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:588:1978"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{menuLinkLaneLabelColorHover}"
     },
     "name": "menuLinkLaneLabelColorHover",
     "attributes": {},
@@ -215,6 +225,7 @@
     ]
   },
   "appTopBarSurfaceColor": {
+    "key": "{appTopBarSurfaceColor}",
     "$value": "#343C41",
     "value": "#343C41",
     "type": "color",
@@ -251,7 +262,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2068:3674"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{appTopBarSurfaceColor}"
     },
     "name": "appTopBarSurfaceColor",
     "attributes": {},
@@ -260,6 +272,7 @@
     ]
   },
   "appTopBarIconColor": {
+    "key": "{appTopBarIconColor}",
     "$value": "#A6ABB0",
     "value": "#A6ABB0",
     "type": "color",
@@ -296,7 +309,8 @@
         "collectionType": "semantic",
         "variableId": "VariableID:21753:65319"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{appTopBarIconColor}"
     },
     "name": "appTopBarIconColor",
     "attributes": {},
@@ -305,6 +319,7 @@
     ]
   },
   "appTopBarTextColorPrimary": {
+    "key": "{appTopBarTextColorPrimary}",
     "$value": "#DDE1E2",
     "value": "#DDE1E2",
     "type": "color",
@@ -341,7 +356,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2881:1765"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{appTopBarTextColorPrimary}"
     },
     "name": "appTopBarTextColorPrimary",
     "attributes": {},
@@ -350,6 +366,7 @@
     ]
   },
   "appTobBarTabNavBottomBorder": {
+    "key": "{appTobBarTabNavBottomBorder}",
     "$value": "#40464D",
     "value": "#40464D",
     "type": "color",
@@ -386,7 +403,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:736:2683"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{appTobBarTabNavBottomBorder}"
     },
     "name": "appTobBarTabNavBottomBorder",
     "attributes": {},
@@ -395,6 +413,7 @@
     ]
   },
   "appTobBarTabNavBottomBorderActive": {
+    "key": "{appTobBarTabNavBottomBorderActive}",
     "$value": "#FFFFFF",
     "value": "#FFFFFF",
     "type": "color",
@@ -431,7 +450,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:588:1978"
       },
-      "$type": "color"
+      "$type": "color",
+      "key": "{appTobBarTabNavBottomBorderActive}"
     },
     "name": "appTobBarTabNavBottomBorderActive",
     "attributes": {},