@marioschmidt/design-system-tokens 1.0.78 → 1.1.0

package/dist/json/brands/bild/components/Article/article-breakpoint-xs-320px.json

@@ -1,26 +1,7 @@
 {
-  "aricleMobile1ColGridImageMarginSpace": {
-    "$value": "0px",
-    "value": 0,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:7015:23745"
-      }
-    },
-    "$alias": {
-      "token": "space0x",
-      "collection": "_spaceprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:3103:2458"
-    },
-    "$type": "dimension",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 0,
+  "Space": {
+    "aricleMobile1ColGridImageMarginSpace": {
+      "$value": "0px",
       "value": 0,
       "type": "float",
       "$extensions": {
@@ -36,38 +17,38 @@
         "collectionType": "primitive",
         "variableId": "VariableID:3103:2458"
       },
-      "$type": "dimension"
-    },
-    "name": "aricleMobile1colGridImageMarginSpace",
-    "attributes": {},
-    "path": [
-      "aricleMobile1ColGridImageMarginSpace"
-    ]
-  },
-  "articleTopMarginSpace": {
-    "$value": "8px",
-    "value": 8,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:7015:23732"
-      }
-    },
-    "$alias": {
-      "token": "stackSpaceRespSM",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:16051:6714"
-    },
-    "$type": "dimension",
-    "comment": "8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box.",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 8,
-      "value": 8,
+      "$type": "dimension",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 0,
+        "value": 0,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:7015:23745"
+          }
+        },
+        "$alias": {
+          "token": "space0x",
+          "collection": "_spaceprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:3103:2458"
+        },
+        "$type": "dimension"
+      },
+      "name": "aricleMobile1colGridImageMarginSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "aricleMobile1ColGridImageMarginSpace"
+      ]
+    },
+    "articleTopMarginSpace": {
+      "$value": "6px",
+      "value": 6,
       "type": "float",
       "$extensions": {
         "com.figma": {
@@ -77,780 +58,791 @@
         }
       },
       "$alias": {
-        "token": "stackSpaceRespSM",
+        "token": "stackSpaceRespSm",
         "collection": "breakpointmode",
         "collectionType": "semantic",
         "variableId": "VariableID:16051:6714"
       },
       "$type": "dimension",
-      "comment": "8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box."
-    },
-    "name": "articleTopMarginSpace",
-    "attributes": {},
-    "path": [
-      "articleTopMarginSpace"
-    ]
-  },
-  "articleKickerFontSize": {
-    "$value": "18px",
-    "value": 18,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:7630:47250"
-      }
-    },
-    "$alias": {
-      "token": "Kicker1FontSize",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:7554:42911"
-    },
-    "$type": "fontSize",
-    "comment": "This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 18,
-      "value": 18,
+      "comment": "8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box.",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 6,
+        "value": 6,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:7015:23732"
+          }
+        },
+        "$alias": {
+          "token": "stackSpaceRespSm",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:16051:6714"
+        },
+        "$type": "dimension",
+        "comment": "8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box."
+      },
+      "name": "articleTopMarginSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleTopMarginSpace"
+      ]
+    },
+    "articleContentStackSpace": {
+      "$value": "12px",
+      "value": 12,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:7630:47250"
+          "variableId": "VariableID:13572:31177"
         }
       },
       "$alias": {
-        "token": "Kicker1FontSize",
+        "token": "stackSpaceRespLg",
         "collection": "breakpointmode",
         "collectionType": "semantic",
-        "variableId": "VariableID:7554:42911"
+        "variableId": "VariableID:16051:6712"
       },
-      "$type": "fontSize",
-      "comment": "This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30"
-    },
-    "name": "articleKickerFontSize",
-    "attributes": {},
-    "path": [
-      "articleKickerFontSize"
-    ]
-  },
-  "articleHeadlineFontSize": {
-    "$value": "40px",
-    "value": 40,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:10499:8846"
-      }
-    },
-    "$alias": {
-      "token": "Headline2FontSize",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:7139:2987"
-    },
-    "$type": "fontSize",
-    "comment": "40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 40,
-      "value": 40,
+      "$type": "dimension",
+      "comment": "16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 12,
+        "value": 12,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13572:31177"
+          }
+        },
+        "$alias": {
+          "token": "stackSpaceRespLg",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:16051:6712"
+        },
+        "$type": "dimension",
+        "comment": "16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc."
+      },
+      "name": "articleContentStackSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleContentStackSpace"
+      ]
+    },
+    "articleHeadingsStackSpace": {
+      "$value": "12px",
+      "value": 12,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:10499:8846"
+          "variableId": "VariableID:13572:31178"
         }
       },
       "$alias": {
-        "token": "Headline2FontSize",
-        "collection": "breakpointmode",
-        "collectionType": "semantic",
-        "variableId": "VariableID:7139:2987"
+        "token": "space1p5x",
+        "collection": "_spaceprimitive",
+        "collectionType": "primitive",
+        "variableId": "VariableID:2726:12082"
       },
-      "$type": "fontSize",
-      "comment": "40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG"
-    },
-    "name": "articleHeadlineFontSize",
-    "attributes": {},
-    "path": [
-      "articleHeadlineFontSize"
-    ]
-  },
-  "articleGalleryATeaserWidth": {
-    "$value": "145px",
-    "value": 145,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:10809:1517"
-      }
-    },
-    "$type": "dimension",
-    "comment": "same as standard teaser width size variable",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 145,
-      "value": 145,
+      "$type": "dimension",
+      "comment": "12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 12,
+        "value": 12,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13572:31178"
+          }
+        },
+        "$alias": {
+          "token": "space1p5x",
+          "collection": "_spaceprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:2726:12082"
+        },
+        "$type": "dimension",
+        "comment": "12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8"
+      },
+      "name": "articleHeadingsStackSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleHeadingsStackSpace"
+      ]
+    },
+    "articleImageLandscapeInlineSpace": {
+      "$value": "0px",
+      "value": 0,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:10809:1517"
+          "variableId": "VariableID:13673:4047"
         }
       },
+      "$alias": {
+        "token": "space0x",
+        "collection": "_spaceprimitive",
+        "collectionType": "primitive",
+        "variableId": "VariableID:3103:2458"
+      },
       "$type": "dimension",
-      "comment": "same as standard teaser width size variable"
-    },
-    "name": "articleGalleryAteaserWidth",
-    "attributes": {},
-    "path": [
-      "articleGalleryATeaserWidth"
-    ]
-  },
-  "articleImageCaptionFontSize": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13116:12165"
-      }
-    },
-    "$type": "fontSize",
-    "comment": "CSS --article-figure-meta-font-size 16-16-18-18",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 0,
+        "value": 0,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13673:4047"
+          }
+        },
+        "$alias": {
+          "token": "space0x",
+          "collection": "_spaceprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:3103:2458"
+        },
+        "$type": "dimension"
+      },
+      "name": "articleImageLandscapeInlineSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleImageLandscapeInlineSpace"
+      ]
+    },
+    "articleContentInlineSpace": {
+      "$value": "16px",
       "value": 16,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13116:12165"
+          "variableId": "VariableID:14231:56829"
         }
       },
-      "$type": "fontSize",
-      "comment": "CSS --article-figure-meta-font-size 16-16-18-18"
-    },
-    "name": "articleImageCaptionFontSize",
-    "attributes": {},
-    "path": [
-      "articleImageCaptionFontSize"
-    ]
-  },
-  "articleImageSourceFontSize": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13116:12166"
-      }
-    },
-    "$type": "fontSize",
-    "comment": "NMT CSS --article-figure-meta-font-size",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
+      "$alias": {
+        "token": "space2x",
+        "collection": "_spaceprimitive",
+        "collectionType": "primitive",
+        "variableId": "VariableID:2726:12081"
+      },
+      "$type": "dimension",
+      "comment": "16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 16,
+        "value": 16,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:14231:56829"
+          }
+        },
+        "$alias": {
+          "token": "space2x",
+          "collection": "_spaceprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:2726:12081"
+        },
+        "$type": "dimension",
+        "comment": "16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values."
+      },
+      "name": "articleContentInlineSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleContentInlineSpace"
+      ]
+    },
+    "articleHeadingsInlineSpace": {
+      "$value": "16px",
       "value": 16,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13116:12166"
+          "variableId": "VariableID:14231:57071"
         }
       },
-      "$type": "fontSize",
-      "comment": "NMT CSS --article-figure-meta-font-size"
-    },
-    "name": "articleImageSourceFontSize",
-    "attributes": {},
-    "path": [
-      "articleImageSourceFontSize"
-    ]
-  },
-  "articleImageCaptionLineHeight": {
-    "$value": "19.5px",
-    "value": 19.5,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13150:12460"
-      }
-    },
-    "$type": "lineHeight",
-    "comment": "this component level variable references the branding variables",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 19.5,
-      "value": 19.5,
+      "$alias": {
+        "token": "space2x",
+        "collection": "_spaceprimitive",
+        "collectionType": "primitive",
+        "variableId": "VariableID:2726:12081"
+      },
+      "$type": "dimension",
+      "comment": "16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 16,
+        "value": 16,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:14231:57071"
+          }
+        },
+        "$alias": {
+          "token": "space2x",
+          "collection": "_spaceprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:2726:12081"
+        },
+        "$type": "dimension",
+        "comment": "16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline."
+      },
+      "name": "articleHeadingsInlineSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleHeadingsInlineSpace"
+      ]
+    },
+    "articleImagePortaitInlineSpace": {
+      "$value": "0px",
+      "value": 0,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13150:12460"
+          "variableId": "VariableID:14273:18625"
         }
       },
-      "$type": "lineHeight",
-      "comment": "this component level variable references the branding variables"
-    },
-    "name": "articleImageCaptionLineHeight",
-    "attributes": {},
-    "path": [
-      "articleImageCaptionLineHeight"
-    ]
-  },
-  "articleImageSourceLineHeight": {
-    "$value": "21px",
-    "value": 21,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13150:34411"
-      }
-    },
-    "$type": "lineHeight",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 21,
-      "value": 21,
+      "$alias": {
+        "token": "space0x",
+        "collection": "_spaceprimitive",
+        "collectionType": "primitive",
+        "variableId": "VariableID:3103:2458"
+      },
+      "$type": "dimension",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 0,
+        "value": 0,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:14273:18625"
+          }
+        },
+        "$alias": {
+          "token": "space0x",
+          "collection": "_spaceprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:3103:2458"
+        },
+        "$type": "dimension"
+      },
+      "name": "articleImagePortaitInlineSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleImagePortaitInlineSpace"
+      ]
+    },
+    "articleImageContainerStackSpace": {
+      "$value": "6px",
+      "value": 6,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13150:34411"
+          "variableId": "VariableID:14347:15978"
         }
       },
-      "$type": "lineHeight"
-    },
-    "name": "articleImageSourceLineHeight",
-    "attributes": {},
-    "path": [
-      "articleImageSourceLineHeight"
-    ]
-  },
-  "articleContentStackSpace": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13572:31177"
-      }
-    },
-    "$alias": {
-      "token": "stackSpaceRespLG",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:16051:6712"
-    },
-    "$type": "dimension",
-    "comment": "16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
+      "$alias": {
+        "token": "stackSpaceRespSm",
+        "collection": "breakpointmode",
+        "collectionType": "semantic",
+        "variableId": "VariableID:16051:6714"
+      },
+      "$type": "dimension",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 6,
+        "value": 6,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:14347:15978"
+          }
+        },
+        "$alias": {
+          "token": "stackSpaceRespSm",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:16051:6714"
+        },
+        "$type": "dimension"
+      },
+      "name": "articleImageContainerStackSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleImageContainerStackSpace"
+      ]
+    },
+    "articleInfoboxInlineSpace": {
+      "$value": "16px",
       "value": 16,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13572:31177"
+          "variableId": "VariableID:17810:19258"
         }
       },
       "$alias": {
-        "token": "stackSpaceRespLG",
+        "token": "inlineSpaceRespLg",
         "collection": "breakpointmode",
         "collectionType": "semantic",
-        "variableId": "VariableID:16051:6712"
+        "variableId": "VariableID:16051:6709"
       },
       "$type": "dimension",
-      "comment": "16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc."
-    },
-    "name": "articleContentStackSpace",
-    "attributes": {},
-    "path": [
-      "articleContentStackSpace"
-    ]
-  },
-  "articleHeadingsStackSpace": {
-    "$value": "12px",
-    "value": 12,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13572:31178"
-      }
-    },
-    "$alias": {
-      "token": "space1p5x",
-      "collection": "_spaceprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:2726:12082"
-    },
-    "$type": "dimension",
-    "comment": "12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 12,
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 16,
+        "value": 16,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:17810:19258"
+          }
+        },
+        "$alias": {
+          "token": "inlineSpaceRespLg",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:16051:6709"
+        },
+        "$type": "dimension"
+      },
+      "name": "articleInfoboxInlineSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleInfoboxInlineSpace"
+      ]
+    },
+    "articleInfoboxStackSpace": {
+      "$value": "12px",
       "value": 12,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13572:31178"
+          "variableId": "VariableID:17810:19259"
         }
       },
       "$alias": {
-        "token": "space1p5x",
-        "collection": "_spaceprimitive",
-        "collectionType": "primitive",
-        "variableId": "VariableID:2726:12082"
+        "token": "stackSpaceRespLg",
+        "collection": "breakpointmode",
+        "collectionType": "semantic",
+        "variableId": "VariableID:16051:6712"
       },
       "$type": "dimension",
-      "comment": "12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8"
-    },
-    "name": "articleHeadingsStackSpace",
-    "attributes": {},
-    "path": [
-      "articleHeadingsStackSpace"
-    ]
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 12,
+        "value": 12,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:17810:19259"
+          }
+        },
+        "$alias": {
+          "token": "stackSpaceRespLg",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:16051:6712"
+        },
+        "$type": "dimension"
+      },
+      "name": "articleInfoboxStackSpace",
+      "attributes": {},
+      "path": [
+        "Space",
+        "articleInfoboxStackSpace"
+      ]
+    }
   },
-  "articleImageLandscapeInlineSpace": {
-    "$value": "0px",
-    "value": 0,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:13673:4047"
-      }
-    },
-    "$alias": {
-      "token": "space0x",
-      "collection": "_spaceprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:3103:2458"
-    },
-    "$type": "dimension",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 0,
-      "value": 0,
+  "FontSize": {
+    "articleKickerFontSize": {
+      "$value": "18px",
+      "value": 18,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:13673:4047"
+          "variableId": "VariableID:7630:47250"
         }
       },
       "$alias": {
-        "token": "space0x",
-        "collection": "_spaceprimitive",
-        "collectionType": "primitive",
-        "variableId": "VariableID:3103:2458"
+        "token": "kicker1FontSize",
+        "collection": "breakpointmode",
+        "collectionType": "semantic",
+        "variableId": "VariableID:7554:42911"
       },
-      "$type": "dimension"
-    },
-    "name": "articleImageLandscapeInlineSpace",
-    "attributes": {},
-    "path": [
-      "articleImageLandscapeInlineSpace"
-    ]
-  },
-  "articleMetaFontFamily": {
-    "$value": "Gotham",
-    "value": "Gotham",
-    "type": "string",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:14211:155274"
-      }
-    },
-    "$alias": {
-      "token": "fontFamilyGotham",
-      "collection": "_fontprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:588:1986"
-    },
-    "$type": "fontFamily",
-    "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection.",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": "Gotham",
-      "value": "Gotham",
-      "type": "string",
+      "$type": "fontSize",
+      "comment": "This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 18,
+        "value": 18,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:7630:47250"
+          }
+        },
+        "$alias": {
+          "token": "kicker1FontSize",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:7554:42911"
+        },
+        "$type": "fontSize",
+        "comment": "This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30"
+      },
+      "name": "articleKickerFontSize",
+      "attributes": {},
+      "path": [
+        "FontSize",
+        "articleKickerFontSize"
+      ]
+    },
+    "articleHeadlineFontSize": {
+      "$value": "40px",
+      "value": 40,
+      "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:14211:155274"
+          "variableId": "VariableID:10499:8846"
         }
       },
       "$alias": {
-        "token": "fontFamilyGotham",
-        "collection": "_fontprimitive",
-        "collectionType": "primitive",
-        "variableId": "VariableID:588:1986"
-      },
-      "$type": "fontFamily",
-      "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection."
-    },
-    "name": "articleMetaFontFamily",
-    "attributes": {},
-    "path": [
-      "articleMetaFontFamily"
-    ]
-  },
-  "articleMetaFontSize": {
-    "$value": "12px",
-    "value": 12,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:14211:155275"
-      }
-    },
-    "$type": "fontSize",
-    "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 12,
-      "value": 12,
-      "type": "float",
-      "$extensions": {
-        "com.figma": {
-          "collectionId": "VariableCollectionId:7017:25696",
-          "collectionName": "BreakpointMode",
-          "variableId": "VariableID:14211:155275"
-        }
+        "token": "headline2FontSize",
+        "collection": "breakpointmode",
+        "collectionType": "semantic",
+        "variableId": "VariableID:7139:2987"
       },
       "$type": "fontSize",
-      "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16"
-    },
-    "name": "articleMetaFontSize",
-    "attributes": {},
-    "path": [
-      "articleMetaFontSize"
-    ]
-  },
-  "articleContentInlineSpace": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:14231:56829"
-      }
-    },
-    "$alias": {
-      "token": "space2x",
-      "collection": "_spaceprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:2726:12081"
-    },
-    "$type": "dimension",
-    "comment": "16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
+      "comment": "40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 40,
+        "value": 40,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:10499:8846"
+          }
+        },
+        "$alias": {
+          "token": "headline2FontSize",
+          "collection": "breakpointmode",
+          "collectionType": "semantic",
+          "variableId": "VariableID:7139:2987"
+        },
+        "$type": "fontSize",
+        "comment": "40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG"
+      },
+      "name": "articleHeadlineFontSize",
+      "attributes": {},
+      "path": [
+        "FontSize",
+        "articleHeadlineFontSize"
+      ]
+    },
+    "articleImageCaptionFontSize": {
+      "$value": "16px",
       "value": 16,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:14231:56829"
+          "variableId": "VariableID:13116:12165"
         }
       },
-      "$alias": {
-        "token": "space2x",
-        "collection": "_spaceprimitive",
-        "collectionType": "primitive",
-        "variableId": "VariableID:2726:12081"
-      },
-      "$type": "dimension",
-      "comment": "16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values."
-    },
-    "name": "articleContentInlineSpace",
-    "attributes": {},
-    "path": [
-      "articleContentInlineSpace"
-    ]
-  },
-  "articleHeadingsInlineSpace": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:14231:57071"
-      }
-    },
-    "$alias": {
-      "token": "space2x",
-      "collection": "_spaceprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:2726:12081"
-    },
-    "$type": "dimension",
-    "comment": "16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
+      "$type": "fontSize",
+      "comment": "CSS --article-figure-meta-font-size 16-16-18-18",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 16,
+        "value": 16,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13116:12165"
+          }
+        },
+        "$type": "fontSize",
+        "comment": "CSS --article-figure-meta-font-size 16-16-18-18"
+      },
+      "name": "articleImageCaptionFontSize",
+      "attributes": {},
+      "path": [
+        "FontSize",
+        "articleImageCaptionFontSize"
+      ]
+    },
+    "articleImageSourceFontSize": {
+      "$value": "16px",
       "value": 16,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:14231:57071"
+          "variableId": "VariableID:13116:12166"
         }
       },
-      "$alias": {
-        "token": "space2x",
-        "collection": "_spaceprimitive",
-        "collectionType": "primitive",
-        "variableId": "VariableID:2726:12081"
-      },
-      "$type": "dimension",
-      "comment": "16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline."
-    },
-    "name": "articleHeadingsInlineSpace",
-    "attributes": {},
-    "path": [
-      "articleHeadingsInlineSpace"
-    ]
-  },
-  "articleImagePortaitInlineSpace": {
-    "$value": "0px",
-    "value": 0,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:14273:18625"
-      }
-    },
-    "$alias": {
-      "token": "space0x",
-      "collection": "_spaceprimitive",
-      "collectionType": "primitive",
-      "variableId": "VariableID:3103:2458"
-    },
-    "$type": "dimension",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 0,
-      "value": 0,
+      "$type": "fontSize",
+      "comment": "NMT CSS --article-figure-meta-font-size",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 16,
+        "value": 16,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13116:12166"
+          }
+        },
+        "$type": "fontSize",
+        "comment": "NMT CSS --article-figure-meta-font-size"
+      },
+      "name": "articleImageSourceFontSize",
+      "attributes": {},
+      "path": [
+        "FontSize",
+        "articleImageSourceFontSize"
+      ]
+    },
+    "articleMetaFontSize": {
+      "$value": "12px",
+      "value": 12,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:14273:18625"
+          "variableId": "VariableID:14211:155275"
         }
       },
-      "$alias": {
-        "token": "space0x",
-        "collection": "_spaceprimitive",
-        "collectionType": "primitive",
-        "variableId": "VariableID:3103:2458"
-      },
-      "$type": "dimension"
-    },
-    "name": "articleImagePortaitInlineSpace",
-    "attributes": {},
-    "path": [
-      "articleImagePortaitInlineSpace"
-    ]
+      "$type": "fontSize",
+      "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 12,
+        "value": 12,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:14211:155275"
+          }
+        },
+        "$type": "fontSize",
+        "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16"
+      },
+      "name": "articleMetaFontSize",
+      "attributes": {},
+      "path": [
+        "FontSize",
+        "articleMetaFontSize"
+      ]
+    }
   },
-  "articleImageContainerStackSpace": {
-    "$value": "8px",
-    "value": 8,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:14347:15978"
-      }
-    },
-    "$alias": {
-      "token": "stackSpaceRespSM",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:16051:6714"
-    },
-    "$type": "dimension",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 8,
-      "value": 8,
+  "LineHeight": {
+    "articleImageCaptionLineHeight": {
+      "$value": "19.5px",
+      "value": 19.5,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:14347:15978"
+          "variableId": "VariableID:13150:12460"
         }
       },
-      "$alias": {
-        "token": "stackSpaceRespSM",
-        "collection": "breakpointmode",
-        "collectionType": "semantic",
-        "variableId": "VariableID:16051:6714"
-      },
-      "$type": "dimension"
-    },
-    "name": "articleImageContainerStackSpace",
-    "attributes": {},
-    "path": [
-      "articleImageContainerStackSpace"
-    ]
-  },
-  "articleInfoboxInlineSpace": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:17810:19258"
-      }
-    },
-    "$alias": {
-      "token": "inlineSpaceRespLG",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:16051:6709"
-    },
-    "$type": "dimension",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
-      "value": 16,
+      "$type": "lineHeight",
+      "comment": "this component level variable references the branding variables",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 19.5,
+        "value": 19.5,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13150:12460"
+          }
+        },
+        "$type": "lineHeight",
+        "comment": "this component level variable references the branding variables"
+      },
+      "name": "articleImageCaptionLineHeight",
+      "attributes": {},
+      "path": [
+        "LineHeight",
+        "articleImageCaptionLineHeight"
+      ]
+    },
+    "articleImageSourceLineHeight": {
+      "$value": "21px",
+      "value": 21,
       "type": "float",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:17810:19258"
+          "variableId": "VariableID:13150:34411"
         }
       },
-      "$alias": {
-        "token": "inlineSpaceRespLG",
-        "collection": "breakpointmode",
-        "collectionType": "semantic",
-        "variableId": "VariableID:16051:6709"
-      },
-      "$type": "dimension"
-    },
-    "name": "articleInfoboxInlineSpace",
-    "attributes": {},
-    "path": [
-      "articleInfoboxInlineSpace"
-    ]
+      "$type": "lineHeight",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": 21,
+        "value": 21,
+        "type": "float",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:13150:34411"
+          }
+        },
+        "$type": "lineHeight"
+      },
+      "name": "articleImageSourceLineHeight",
+      "attributes": {},
+      "path": [
+        "LineHeight",
+        "articleImageSourceLineHeight"
+      ]
+    }
   },
-  "articleInfoboxStackSpace": {
-    "$value": "16px",
-    "value": 16,
-    "type": "float",
-    "$extensions": {
-      "com.figma": {
-        "collectionId": "VariableCollectionId:7017:25696",
-        "collectionName": "BreakpointMode",
-        "variableId": "VariableID:17810:19259"
-      }
-    },
-    "$alias": {
-      "token": "stackSpaceRespLG",
-      "collection": "breakpointmode",
-      "collectionType": "semantic",
-      "variableId": "VariableID:16051:6712"
-    },
-    "$type": "dimension",
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
-    "isSource": true,
-    "original": {
-      "$value": 16,
-      "value": 16,
-      "type": "float",
+  "FontFamily": {
+    "articleMetaFontFamily": {
+      "$value": "Gotham",
+      "value": "Gotham",
+      "type": "string",
       "$extensions": {
         "com.figma": {
           "collectionId": "VariableCollectionId:7017:25696",
           "collectionName": "BreakpointMode",
-          "variableId": "VariableID:17810:19259"
+          "variableId": "VariableID:14211:155274"
         }
       },
       "$alias": {
-        "token": "stackSpaceRespLG",
-        "collection": "breakpointmode",
-        "collectionType": "semantic",
-        "variableId": "VariableID:16051:6712"
+        "token": "fontFamilyGotham",
+        "collection": "_fontprimitive",
+        "collectionType": "primitive",
+        "variableId": "VariableID:588:1986"
       },
-      "$type": "dimension"
-    },
-    "name": "articleInfoboxStackSpace",
-    "attributes": {},
-    "path": [
-      "articleInfoboxStackSpace"
-    ]
+      "$type": "fontFamily",
+      "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection.",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/components/Article/article-breakpoint-xs-320px.json",
+      "isSource": true,
+      "original": {
+        "$value": "Gotham",
+        "value": "Gotham",
+        "type": "string",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:7017:25696",
+            "collectionName": "BreakpointMode",
+            "variableId": "VariableID:14211:155274"
+          }
+        },
+        "$alias": {
+          "token": "fontFamilyGotham",
+          "collection": "_fontprimitive",
+          "collectionType": "primitive",
+          "variableId": "VariableID:588:1986"
+        },
+        "$type": "fontFamily",
+        "comment": "This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection."
+      },
+      "name": "articleMetaFontFamily",
+      "attributes": {},
+      "path": [
+        "FontFamily",
+        "articleMetaFontFamily"
+      ]
+    }
   }
 }