@marioschmidt/design-system-tokens 1.3.6 → 1.3.8

package/dist/json/brands/bild/components/Button/button-color-light.json

@@ -1,6 +1,7 @@
 {
   "PrimaryBrand": {
     "buttonPrimaryBrandBgColorIdle": {
+      "key": "{PrimaryBrand.buttonPrimaryBrandBgColorIdle}",
       "$value": "#DD0000",
       "value": "#DD0000",
       "type": "color",
@@ -37,7 +38,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16279:318800"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryBrand.buttonPrimaryBrandBgColorIdle}"
       },
       "name": "buttonPrimaryBrandBgColorIdle",
       "attributes": {},
@@ -47,6 +49,7 @@
       ]
     },
     "buttonPrimaryBrandBgColorHover": {
+      "key": "{PrimaryBrand.buttonPrimaryBrandBgColorHover}",
       "$value": "#C10000",
       "value": "#C10000",
       "type": "color",
@@ -83,7 +86,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21711:100551"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryBrand.buttonPrimaryBrandBgColorHover}"
       },
       "name": "buttonPrimaryBrandBgColorHover",
       "attributes": {},
@@ -93,6 +97,7 @@
       ]
     },
     "buttonPrimaryBrandLabelColor": {
+      "key": "{PrimaryBrand.buttonPrimaryBrandLabelColor}",
       "$value": "#FFFFFF",
       "value": "#FFFFFF",
       "type": "color",
@@ -129,7 +134,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:19358:163830"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryBrand.buttonPrimaryBrandLabelColor}"
       },
       "name": "buttonPrimaryBrandLabelColor",
       "attributes": {},
@@ -139,6 +145,7 @@
       ]
     },
     "buttonPrimaryBrandBgColorActive": {
+      "key": "{PrimaryBrand.buttonPrimaryBrandBgColorActive}",
       "$value": "#930000",
       "value": "#930000",
       "type": "color",
@@ -175,7 +182,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21711:100552"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryBrand.buttonPrimaryBrandBgColorActive}"
       },
       "name": "buttonPrimaryBrandBgColorActive",
       "attributes": {},
@@ -187,6 +195,7 @@
   },
   "TertiaryNeutral": {
     "buttonTertiaryNeutralLabelColor": {
+      "key": "{TertiaryNeutral.buttonTertiaryNeutralLabelColor}",
       "$value": "#222628",
       "value": "#222628",
       "type": "color",
@@ -223,7 +232,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21709:109227"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiaryNeutral.buttonTertiaryNeutralLabelColor}"
       },
       "name": "buttonTertiaryNeutralLabelColor",
       "attributes": {},
@@ -233,6 +243,7 @@
       ]
     },
     "buttonTertiaryNeutralBorderColorIdle": {
+      "key": "{TertiaryNeutral.buttonTertiaryNeutralBorderColorIdle}",
       "$value": "#8C9196",
       "value": "#8C9196",
       "type": "color",
@@ -269,7 +280,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21892:301617"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiaryNeutral.buttonTertiaryNeutralBorderColorIdle}"
       },
       "name": "buttonTertiaryNeutralBorderColorIdle",
       "attributes": {},
@@ -279,6 +291,7 @@
       ]
     },
     "buttonTertiaryNeutralBorderColorHover": {
+      "key": "{TertiaryNeutral.buttonTertiaryNeutralBorderColorHover}",
       "$value": "#40464D",
       "value": "#40464D",
       "type": "color",
@@ -315,7 +328,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21751:712"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiaryNeutral.buttonTertiaryNeutralBorderColorHover}"
       },
       "name": "buttonTertiaryNeutralBorderColorHover",
       "attributes": {},
@@ -325,6 +339,7 @@
       ]
     },
     "buttonTertiaryNeutralBgColorHover": {
+      "key": "{TertiaryNeutral.buttonTertiaryNeutralBgColorHover}",
       "$value": "#F2F4F5",
       "value": "#F2F4F5",
       "type": "color",
@@ -361,7 +376,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:4978:2986"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiaryNeutral.buttonTertiaryNeutralBgColorHover}"
       },
       "name": "buttonTertiaryNeutralBgColorHover",
       "attributes": {},
@@ -371,6 +387,7 @@
       ]
     },
     "buttonTertiaryNeutralBgColorActive": {
+      "key": "{TertiaryNeutral.buttonTertiaryNeutralBgColorActive}",
       "$value": "#DDE1E2",
       "value": "#DDE1E2",
       "type": "color",
@@ -407,7 +424,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:9756:1625"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiaryNeutral.buttonTertiaryNeutralBgColorActive}"
       },
       "name": "buttonTertiaryNeutralBgColorActive",
       "attributes": {},
@@ -419,6 +437,7 @@
   },
   "Secondary": {
     "buttonSecondaryBgColorHover": {
+      "key": "{Secondary.buttonSecondaryBgColorHover}",
       "$value": "#C4C9CF",
       "value": "#C4C9CF",
       "type": "color",
@@ -455,7 +474,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7532:4296"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Secondary.buttonSecondaryBgColorHover}"
       },
       "name": "buttonSecondaryBgColorHover",
       "attributes": {},
@@ -465,6 +485,7 @@
       ]
     },
     "buttonSecondaryLabelColor": {
+      "key": "{Secondary.buttonSecondaryLabelColor}",
       "$value": "#222628",
       "value": "#222628",
       "type": "color",
@@ -503,7 +524,8 @@
           "variableId": "VariableID:21709:109227"
         },
         "$type": "color",
-        "comment": "Referencing labelColorSecondary L:035 D:085"
+        "comment": "Referencing labelColorSecondary L:035 D:085",
+        "key": "{Secondary.buttonSecondaryLabelColor}"
       },
       "name": "buttonSecondaryLabelColor",
       "attributes": {},
@@ -513,6 +535,7 @@
       ]
     },
     "buttonSecondaryBgColorIdle": {
+      "key": "{Secondary.buttonSecondaryBgColorIdle}",
       "$value": "#DDE1E2",
       "value": "#DDE1E2",
       "type": "color",
@@ -549,7 +572,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:9756:1625"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Secondary.buttonSecondaryBgColorIdle}"
       },
       "name": "buttonSecondaryBgColorIdle",
       "attributes": {},
@@ -559,6 +583,7 @@
       ]
     },
     "buttonSecondaryBgColorActive": {
+      "key": "{Secondary.buttonSecondaryBgColorActive}",
       "$value": "#C4C9CF",
       "value": "#C4C9CF",
       "type": "color",
@@ -595,7 +620,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7532:4296"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Secondary.buttonSecondaryBgColorActive}"
       },
       "name": "buttonSecondaryBgColorActive",
       "attributes": {},
@@ -607,6 +633,7 @@
   },
   "PrimarySuccess": {
     "buttonPrimarySuccessBgColorIdle": {
+      "key": "{PrimarySuccess.buttonPrimarySuccessBgColorIdle}",
       "$value": "#158751",
       "value": "#158751",
       "type": "color",
@@ -643,7 +670,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:16279:318946"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimarySuccess.buttonPrimarySuccessBgColorIdle}"
       },
       "name": "buttonPrimarySuccessBgColorIdle",
       "attributes": {},
@@ -653,6 +681,7 @@
       ]
     },
     "buttonPrimarySuccessBgColorHover": {
+      "key": "{PrimarySuccess.buttonPrimarySuccessBgColorHover}",
       "$value": "#006E3E",
       "value": "#006E3E",
       "type": "color",
@@ -689,7 +718,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:18119:28"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimarySuccess.buttonPrimarySuccessBgColorHover}"
       },
       "name": "buttonPrimarySuccessBgColorHover",
       "attributes": {},
@@ -699,6 +729,7 @@
       ]
     },
     "buttonPrimarySuccessBgColorActive": {
+      "key": "{PrimarySuccess.buttonPrimarySuccessBgColorActive}",
       "$value": "#0D5232",
       "value": "#0D5232",
       "type": "color",
@@ -735,7 +766,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21751:709"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimarySuccess.buttonPrimarySuccessBgColorActive}"
       },
       "name": "buttonPrimarySuccessBgColorActive",
       "attributes": {},
@@ -745,6 +777,7 @@
       ]
     },
     "buttonPrimarySuccessLabelColor": {
+      "key": "{PrimarySuccess.buttonPrimarySuccessLabelColor}",
       "$value": "#FFFFFF",
       "value": "#FFFFFF",
       "type": "color",
@@ -781,7 +814,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:19358:163830"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimarySuccess.buttonPrimarySuccessLabelColor}"
       },
       "name": "buttonPrimarySuccessLabelColor",
       "attributes": {},
@@ -793,6 +827,7 @@
   },
   "TertiarySuccess": {
     "buttonTertiarySuccessBgColorHover": {
+      "key": "{TertiarySuccess.buttonTertiarySuccessBgColorHover}",
       "$value": "#B9EFCD",
       "value": "#B9EFCD",
       "type": "color",
@@ -829,7 +864,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21711:89277"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiarySuccess.buttonTertiarySuccessBgColorHover}"
       },
       "name": "buttonTertiarySuccessBgColorHover",
       "attributes": {},
@@ -839,6 +875,7 @@
       ]
     },
     "buttonTertiarySuccessBorderColor": {
+      "key": "{TertiarySuccess.buttonTertiarySuccessBorderColor}",
       "$value": "#006E3E",
       "value": "#006E3E",
       "type": "color",
@@ -875,7 +912,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:12672:137718"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiarySuccess.buttonTertiarySuccessBorderColor}"
       },
       "name": "buttonTertiarySuccessBorderColor",
       "attributes": {},
@@ -885,6 +923,7 @@
       ]
     },
     "buttonTertiarySuccessLabelColor": {
+      "key": "{TertiarySuccess.buttonTertiarySuccessLabelColor}",
       "$value": "#006E3E",
       "value": "#006E3E",
       "type": "color",
@@ -921,7 +960,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:9692:15537"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{TertiarySuccess.buttonTertiarySuccessLabelColor}"
       },
       "name": "buttonTertiarySuccessLabelColor",
       "attributes": {},
@@ -933,6 +973,7 @@
   },
   "PrimaryNeutral": {
     "buttonPrimaryNeutralBgColorIdle": {
+      "key": "{PrimaryNeutral.buttonPrimaryNeutralBgColorIdle}",
       "$value": "#222628",
       "value": "#222628",
       "type": "color",
@@ -971,7 +1012,8 @@
           "variableId": "VariableID:5952:3059"
         },
         "$type": "color",
-        "comment": "Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100"
+        "comment": "Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100",
+        "key": "{PrimaryNeutral.buttonPrimaryNeutralBgColorIdle}"
       },
       "name": "buttonPrimaryNeutralBgColorIdle",
       "attributes": {},
@@ -981,6 +1023,7 @@
       ]
     },
     "buttonPrimaryNeutralBgColorHover": {
+      "key": "{PrimaryNeutral.buttonPrimaryNeutralBgColorHover}",
       "$value": "#343C41",
       "value": "#343C41",
       "type": "color",
@@ -1017,7 +1060,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:12682:137901"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryNeutral.buttonPrimaryNeutralBgColorHover}"
       },
       "name": "buttonPrimaryNeutralBgColorHover",
       "attributes": {},
@@ -1027,6 +1071,7 @@
       ]
     },
     "buttonPrimaryNeutralLabelColor": {
+      "key": "{PrimaryNeutral.buttonPrimaryNeutralLabelColor}",
       "$value": "#FFFFFF",
       "value": "#FFFFFF",
       "type": "color",
@@ -1063,7 +1108,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21816:61399"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryNeutral.buttonPrimaryNeutralLabelColor}"
       },
       "name": "buttonPrimaryNeutralLabelColor",
       "attributes": {},
@@ -1073,6 +1119,7 @@
       ]
     },
     "buttonPrimaryNeutralBgColorActive": {
+      "key": "{PrimaryNeutral.buttonPrimaryNeutralBgColorActive}",
       "$value": "#40464D",
       "value": "#40464D",
       "type": "color",
@@ -1109,7 +1156,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:19568:251966"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{PrimaryNeutral.buttonPrimaryNeutralBgColorActive}"
       },
       "name": "buttonPrimaryNeutralBgColorActive",
       "attributes": {},
@@ -1121,6 +1169,7 @@
   },
   "Ghost": {
     "buttonGhostBgColorHover": {
+      "key": "{Ghost.buttonGhostBgColorHover}",
       "$value": "#DDE1E2",
       "value": "#DDE1E2",
       "type": "color",
@@ -1157,7 +1206,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:9756:1625"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Ghost.buttonGhostBgColorHover}"
       },
       "name": "buttonGhostBgColorHover",
       "attributes": {},
@@ -1167,6 +1217,7 @@
       ]
     },
     "buttonGhostLabelColor": {
+      "key": "{Ghost.buttonGhostLabelColor}",
       "$value": "#222628",
       "value": "#222628",
       "type": "color",
@@ -1203,7 +1254,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:21709:109227"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Ghost.buttonGhostLabelColor}"
       },
       "name": "buttonGhostLabelColor",
       "attributes": {},
@@ -1213,6 +1265,7 @@
       ]
     },
     "buttonGhostBgColorActive": {
+      "key": "{Ghost.buttonGhostBgColorActive}",
       "$value": "#C4C9CF",
       "value": "#C4C9CF",
       "type": "color",
@@ -1249,7 +1302,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:7532:4296"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Ghost.buttonGhostBgColorActive}"
       },
       "name": "buttonGhostBgColorActive",
       "attributes": {},
@@ -1261,6 +1315,7 @@
   },
   "Disabled": {
     "buttonDisabledLabelColor": {
+      "key": "{Disabled.buttonDisabledLabelColor}",
       "$value": "#A6ABB0",
       "value": "#A6ABB0",
       "type": "color",
@@ -1297,7 +1352,8 @@
           "collectionType": "semantic",
           "variableId": "VariableID:3746:1628"
         },
-        "$type": "color"
+        "$type": "color",
+        "key": "{Disabled.buttonDisabledLabelColor}"
       },
       "name": "buttonDisabledLabelColor",
       "attributes": {},
@@ -1307,6 +1363,7 @@
       ]
     },
     "buttonDisabledBgColor": {
+      "key": "{Disabled.buttonDisabledBgColor}",
       "$value": "#F2F4F5",
       "value": "#F2F4F5",
       "type": "color",
@@ -1345,7 +1402,8 @@
           "variableId": "VariableID:3936:1911"
         },
         "$type": "color",
-        "comment": "Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100"
+        "comment": "Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100",
+        "key": "{Disabled.buttonDisabledBgColor}"
       },
       "name": "buttonDisabledBgColor",
       "attributes": {},
@@ -1355,6 +1413,7 @@
       ]
     },
     "buttonDisabledBorderColor": {
+      "key": "{Disabled.buttonDisabledBorderColor}",
       "$value": "#DDE1E2",
       "value": "#DDE1E2",
       "type": "color",
@@ -1393,7 +1452,8 @@
           "variableId": "VariableID:16279:19036"
         },
         "$type": "color",
-        "comment": "Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100"
+        "comment": "Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100",
+        "key": "{Disabled.buttonDisabledBorderColor}"
       },
       "name": "buttonDisabledBorderColor",
       "attributes": {},

package/dist/json/brands/bild/components/Button/button-density-default.json

@@ -1,5 +1,6 @@
 {
   "densityButtonContentGapSpace": {
+    "key": "{densityButtonContentGapSpace}",
     "$value": "8px",
     "value": 8,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12078"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonContentGapSpace}"
     },
     "name": "densityButtonContentGapSpace",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "densityButtonStackSpace": {
+    "key": "{densityButtonStackSpace}",
     "$value": "8px",
     "value": 8,
     "type": "float",
@@ -81,7 +84,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12078"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonStackSpace}"
     },
     "name": "densityButtonStackSpace",
     "attributes": {},
@@ -90,6 +94,7 @@
     ]
   },
   "densityButtonLabelFontSize": {
+    "key": "{densityButtonLabelFontSize}",
     "$value": "17px",
     "value": 17,
     "type": "float",
@@ -116,7 +121,8 @@
         }
       },
       "$type": "fontSize",
-      "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"
+      "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",
+      "key": "{densityButtonLabelFontSize}"
     },
     "name": "densityButtonLabelFontSize",
     "attributes": {},
@@ -125,6 +131,7 @@
     ]
   },
   "densityButtonInlineSpace": {
+    "key": "{densityButtonInlineSpace}",
     "$value": "20px",
     "value": 20,
     "type": "float",
@@ -161,7 +168,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3114:1737"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonInlineSpace}"
     },
     "name": "densityButtonInlineSpace",
     "attributes": {},
@@ -170,6 +178,7 @@
     ]
   },
   "densityButtonHeightSize": {
+    "key": "{densityButtonHeightSize}",
     "$value": "40px",
     "value": 40,
     "type": "float",
@@ -206,7 +215,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4082:2076"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonHeightSize}"
     },
     "name": "densityButtonHeightSize",
     "attributes": {},

package/dist/json/brands/bild/components/Button/button-density-dense.json

@@ -1,5 +1,6 @@
 {
   "densityButtonContentGapSpace": {
+    "key": "{densityButtonContentGapSpace}",
     "$value": "6px",
     "value": 6,
     "type": "float",
@@ -36,7 +37,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3344:1618"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonContentGapSpace}"
     },
     "name": "densityButtonContentGapSpace",
     "attributes": {},
@@ -45,6 +47,7 @@
     ]
   },
   "densityButtonStackSpace": {
+    "key": "{densityButtonStackSpace}",
     "$value": "6px",
     "value": 6,
     "type": "float",
@@ -81,7 +84,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3344:1618"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonStackSpace}"
     },
     "name": "densityButtonStackSpace",
     "attributes": {},
@@ -90,6 +94,7 @@
     ]
   },
   "densityButtonLabelFontSize": {
+    "key": "{densityButtonLabelFontSize}",
     "$value": "15px",
     "value": 15,
     "type": "float",
@@ -116,7 +121,8 @@
         }
       },
       "$type": "fontSize",
-      "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"
+      "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",
+      "key": "{densityButtonLabelFontSize}"
     },
     "name": "densityButtonLabelFontSize",
     "attributes": {},
@@ -125,6 +131,7 @@
     ]
   },
   "densityButtonInlineSpace": {
+    "key": "{densityButtonInlineSpace}",
     "$value": "16px",
     "value": 16,
     "type": "float",
@@ -161,7 +168,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:2726:12081"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonInlineSpace}"
     },
     "name": "densityButtonInlineSpace",
     "attributes": {},
@@ -170,6 +178,7 @@
     ]
   },
   "densityButtonHeightSize": {
+    "key": "{densityButtonHeightSize}",
     "$value": "36px",
     "value": 36,
     "type": "float",
@@ -206,7 +215,8 @@
         "collectionType": "primitive",
         "variableId": "VariableID:4075:1873"
       },
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{densityButtonHeightSize}"
     },
     "name": "densityButtonHeightSize",
     "attributes": {},