@marioschmidt/design-system-tokens 1.0.78 → 1.1.0

package/dist/json/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.json

@@ -260,7 +260,7 @@
           }
         },
         "Constant": {
-          "gridSpaceConstLG": {
+          "gridSpaceConstLg": {
             "$value": "16px",
             "value": 16,
             "type": "float",
@@ -308,10 +308,10 @@
               "Layout",
               "Grid",
               "Constant",
-              "gridSpaceConstLG"
+              "gridSpaceConstLg"
             ]
           },
-          "gridSpaceConstSM": {
+          "gridSpaceConstSm": {
             "$value": "12px",
             "value": 12,
             "type": "float",
@@ -359,12 +359,12 @@
               "Layout",
               "Grid",
               "Constant",
-              "gridSpaceConstSM"
+              "gridSpaceConstSm"
             ]
           }
         },
         "LayoutGuide": {
-          "LayoutGuideGridColums": {
+          "layoutGuideGridColums": {
             "$value": 4,
             "value": 4,
             "type": "float",
@@ -400,7 +400,7 @@
               "Layout",
               "Grid",
               "LayoutGuide",
-              "LayoutGuideGridColums"
+              "layoutGuideGridColums"
             ]
           }
         }
@@ -456,7 +456,7 @@
             "sectionSpaceBase"
           ]
         },
-        "sectionSpaceLG": {
+        "sectionSpaceLg": {
           "$value": "72px",
           "value": 72,
           "type": "float",
@@ -503,7 +503,7 @@
             "Semantic",
             "Layout",
             "Section",
-            "sectionSpaceLG"
+            "sectionSpaceLg"
           ]
         },
         "paragraphEndSpace": {
@@ -556,7 +556,7 @@
             "paragraphEndSpace"
           ]
         },
-        "sectionSpaceSM": {
+        "sectionSpaceSm": {
           "$value": "24px",
           "value": 24,
           "type": "float",
@@ -603,7 +603,7 @@
             "Semantic",
             "Layout",
             "Section",
-            "sectionSpaceSM"
+            "sectionSpaceSm"
           ]
         }
       },
@@ -995,7 +995,7 @@
           }
         },
         "Display": {
-          "Display1FontSize": {
+          "display1FontSize": {
             "$value": "40px",
             "value": 40,
             "type": "float",
@@ -1031,10 +1031,10 @@
               "Typography",
               "FontSize",
               "Display",
-              "Display1FontSize"
+              "display1FontSize"
             ]
           },
-          "Display2FontSize": {
+          "display2FontSize": {
             "$value": "36px",
             "value": 36,
             "type": "float",
@@ -1070,10 +1070,10 @@
               "Typography",
               "FontSize",
               "Display",
-              "Display2FontSize"
+              "display2FontSize"
             ]
           },
-          "Display3FontSize": {
+          "display3FontSize": {
             "$value": "28px",
             "value": 28,
             "type": "float",
@@ -1109,12 +1109,12 @@
               "Typography",
               "FontSize",
               "Display",
-              "Display3FontSize"
+              "display3FontSize"
             ]
           }
         },
         "Headline": {
-          "Headline1FontSize": {
+          "headline1FontSize": {
             "$value": "48px",
             "value": 48,
             "type": "float",
@@ -1150,10 +1150,10 @@
               "Typography",
               "FontSize",
               "Headline",
-              "Headline1FontSize"
+              "headline1FontSize"
             ]
           },
-          "Headline2FontSize": {
+          "headline2FontSize": {
             "$value": "40px",
             "value": 40,
             "type": "float",
@@ -1189,10 +1189,10 @@
               "Typography",
               "FontSize",
               "Headline",
-              "Headline2FontSize"
+              "headline2FontSize"
             ]
           },
-          "Headline3FontSize": {
+          "headline3FontSize": {
             "$value": "28px",
             "value": 28,
             "type": "float",
@@ -1228,10 +1228,10 @@
               "Typography",
               "FontSize",
               "Headline",
-              "Headline3FontSize"
+              "headline3FontSize"
             ]
           },
-          "Headline4FontSize": {
+          "headline4FontSize": {
             "$value": "22px",
             "value": 22,
             "type": "float",
@@ -1267,7 +1267,7 @@
               "Typography",
               "FontSize",
               "Headline",
-              "Headline4FontSize"
+              "headline4FontSize"
             ]
           }
         },
@@ -1429,45 +1429,6 @@
               "Label",
               "label1FontSize"
             ]
-          },
-          "label1FontSizeResponsive": {
-            "$value": "10px",
-            "value": 10,
-            "type": "float",
-            "$extensions": {
-              "com.figma": {
-                "collectionId": "VariableCollectionId:7017:25696",
-                "collectionName": "BreakpointMode",
-                "variableId": "VariableID:7635:48965"
-              }
-            },
-            "$type": "fontSize",
-            "comment": "10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.",
-            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
-            "isSource": true,
-            "original": {
-              "$value": 10,
-              "value": 10,
-              "type": "float",
-              "$extensions": {
-                "com.figma": {
-                  "collectionId": "VariableCollectionId:7017:25696",
-                  "collectionName": "BreakpointMode",
-                  "variableId": "VariableID:7635:48965"
-                }
-              },
-              "$type": "fontSize",
-              "comment": "10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes."
-            },
-            "name": "label1fontSizeResponsive",
-            "attributes": {},
-            "path": [
-              "Semantic",
-              "Typography",
-              "FontSize",
-              "Label",
-              "label1FontSizeResponsive"
-            ]
           }
         },
         "Callout": {
@@ -1592,7 +1553,7 @@
           }
         },
         "Kicker": {
-          "Kicker1FontSize": {
+          "kicker1FontSize": {
             "$value": "18px",
             "value": 18,
             "type": "float",
@@ -1628,10 +1589,10 @@
               "Typography",
               "FontSize",
               "Kicker",
-              "Kicker1FontSize"
+              "kicker1FontSize"
             ]
           },
-          "Kicker2FontSize": {
+          "kicker2FontSize": {
             "$value": "18px",
             "value": 18,
             "type": "float",
@@ -1667,10 +1628,10 @@
               "Typography",
               "FontSize",
               "Kicker",
-              "Kicker2FontSize"
+              "kicker2FontSize"
             ]
           },
-          "Kicker3FontSize": {
+          "kicker3FontSize": {
             "$value": "16px",
             "value": 16,
             "type": "float",
@@ -1706,10 +1667,10 @@
               "Typography",
               "FontSize",
               "Kicker",
-              "Kicker3FontSize"
+              "kicker3FontSize"
             ]
           },
-          "Kicker4FontSize": {
+          "kicker4FontSize": {
             "$value": "14px",
             "value": 14,
             "type": "float",
@@ -1745,7 +1706,7 @@
               "Typography",
               "FontSize",
               "Kicker",
-              "Kicker4FontSize"
+              "kicker4FontSize"
             ]
           }
         },
@@ -2466,6 +2427,104 @@
               "Label",
               "labelFontWeightBook"
             ]
+          },
+          "labelFontWeightBoldSt": {
+            "$value": "700",
+            "value": "700",
+            "type": "string",
+            "$extensions": {
+              "com.figma": {
+                "collectionId": "VariableCollectionId:7017:25696",
+                "collectionName": "BreakpointMode",
+                "variableId": "VariableID:21897:301629"
+              }
+            },
+            "$alias": {
+              "token": "stFontWeightBold",
+              "collection": "_fontprimitive",
+              "collectionType": "primitive",
+              "variableId": "VariableID:18275:5782"
+            },
+            "$type": "string",
+            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
+            "isSource": true,
+            "original": {
+              "$value": "700",
+              "value": "700",
+              "type": "string",
+              "$extensions": {
+                "com.figma": {
+                  "collectionId": "VariableCollectionId:7017:25696",
+                  "collectionName": "BreakpointMode",
+                  "variableId": "VariableID:21897:301629"
+                }
+              },
+              "$alias": {
+                "token": "stFontWeightBold",
+                "collection": "_fontprimitive",
+                "collectionType": "primitive",
+                "variableId": "VariableID:18275:5782"
+              },
+              "$type": "string"
+            },
+            "name": "labelFontWeightBoldSt",
+            "attributes": {},
+            "path": [
+              "Semantic",
+              "Typography",
+              "FontWeight",
+              "Label",
+              "labelFontWeightBoldSt"
+            ]
+          },
+          "labelFontWeightBookSt": {
+            "$value": "400",
+            "value": "400",
+            "type": "string",
+            "$extensions": {
+              "com.figma": {
+                "collectionId": "VariableCollectionId:7017:25696",
+                "collectionName": "BreakpointMode",
+                "variableId": "VariableID:21897:301631"
+              }
+            },
+            "$alias": {
+              "token": "stFontWeightStBook",
+              "collection": "_fontprimitive",
+              "collectionType": "primitive",
+              "variableId": "VariableID:18275:5785"
+            },
+            "$type": "string",
+            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
+            "isSource": true,
+            "original": {
+              "$value": "400",
+              "value": "400",
+              "type": "string",
+              "$extensions": {
+                "com.figma": {
+                  "collectionId": "VariableCollectionId:7017:25696",
+                  "collectionName": "BreakpointMode",
+                  "variableId": "VariableID:21897:301631"
+                }
+              },
+              "$alias": {
+                "token": "stFontWeightStBook",
+                "collection": "_fontprimitive",
+                "collectionType": "primitive",
+                "variableId": "VariableID:18275:5785"
+              },
+              "$type": "string"
+            },
+            "name": "labelFontWeightBookSt",
+            "attributes": {},
+            "path": [
+              "Semantic",
+              "Typography",
+              "FontWeight",
+              "Label",
+              "labelFontWeightBookSt"
+            ]
           }
         },
         "Body": {
@@ -2618,7 +2677,7 @@
               "kickerFontWeight"
             ]
           },
-          "kickerFontWeightST": {
+          "kickerFontWeightSt": {
             "$value": "700",
             "value": "700",
             "type": "string",
@@ -2664,7 +2723,7 @@
               "Typography",
               "FontWeight",
               "Kicker",
-              "kickerFontWeightST"
+              "kickerFontWeightSt"
             ]
           }
         },
@@ -2916,7 +2975,7 @@
               "headline4FontWeight"
             ]
           },
-          "headline1FontWeightST": {
+          "headline1FontWeightSt": {
             "$value": "700",
             "value": "700",
             "type": "string",
@@ -2964,7 +3023,160 @@
               "Typography",
               "FontWeight",
               "Headline",
-              "headline1FontWeightST"
+              "headline1FontWeightSt"
+            ]
+          },
+          "headline2FontWeightSt": {
+            "$value": "700",
+            "value": "700",
+            "type": "string",
+            "$extensions": {
+              "com.figma": {
+                "collectionId": "VariableCollectionId:7017:25696",
+                "collectionName": "BreakpointMode",
+                "variableId": "VariableID:21897:301638"
+              }
+            },
+            "$alias": {
+              "token": "stFontWeightBold",
+              "collection": "_fontprimitive",
+              "collectionType": "primitive",
+              "variableId": "VariableID:18275:5782"
+            },
+            "$type": "string",
+            "comment": "This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.",
+            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
+            "isSource": true,
+            "original": {
+              "$value": "700",
+              "value": "700",
+              "type": "string",
+              "$extensions": {
+                "com.figma": {
+                  "collectionId": "VariableCollectionId:7017:25696",
+                  "collectionName": "BreakpointMode",
+                  "variableId": "VariableID:21897:301638"
+                }
+              },
+              "$alias": {
+                "token": "stFontWeightBold",
+                "collection": "_fontprimitive",
+                "collectionType": "primitive",
+                "variableId": "VariableID:18275:5782"
+              },
+              "$type": "string",
+              "comment": "This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines."
+            },
+            "name": "headline2fontWeightSt",
+            "attributes": {},
+            "path": [
+              "Semantic",
+              "Typography",
+              "FontWeight",
+              "Headline",
+              "headline2FontWeightSt"
+            ]
+          },
+          "headline3FontWeightSt": {
+            "$value": "700",
+            "value": "700",
+            "type": "string",
+            "$extensions": {
+              "com.figma": {
+                "collectionId": "VariableCollectionId:7017:25696",
+                "collectionName": "BreakpointMode",
+                "variableId": "VariableID:21897:301640"
+              }
+            },
+            "$alias": {
+              "token": "stFontWeightBold",
+              "collection": "_fontprimitive",
+              "collectionType": "primitive",
+              "variableId": "VariableID:18275:5782"
+            },
+            "$type": "string",
+            "comment": "This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.",
+            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
+            "isSource": true,
+            "original": {
+              "$value": "700",
+              "value": "700",
+              "type": "string",
+              "$extensions": {
+                "com.figma": {
+                  "collectionId": "VariableCollectionId:7017:25696",
+                  "collectionName": "BreakpointMode",
+                  "variableId": "VariableID:21897:301640"
+                }
+              },
+              "$alias": {
+                "token": "stFontWeightBold",
+                "collection": "_fontprimitive",
+                "collectionType": "primitive",
+                "variableId": "VariableID:18275:5782"
+              },
+              "$type": "string",
+              "comment": "This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines."
+            },
+            "name": "headline3fontWeightSt",
+            "attributes": {},
+            "path": [
+              "Semantic",
+              "Typography",
+              "FontWeight",
+              "Headline",
+              "headline3FontWeightSt"
+            ]
+          },
+          "headline4FontWeightSt": {
+            "$value": "600",
+            "value": "600",
+            "type": "string",
+            "$extensions": {
+              "com.figma": {
+                "collectionId": "VariableCollectionId:7017:25696",
+                "collectionName": "BreakpointMode",
+                "variableId": "VariableID:21897:301641"
+              }
+            },
+            "$alias": {
+              "token": "stFontWeightSemiBold",
+              "collection": "_fontprimitive",
+              "collectionType": "primitive",
+              "variableId": "VariableID:18275:5783"
+            },
+            "$type": "string",
+            "comment": "This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.",
+            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
+            "isSource": true,
+            "original": {
+              "$value": "600",
+              "value": "600",
+              "type": "string",
+              "$extensions": {
+                "com.figma": {
+                  "collectionId": "VariableCollectionId:7017:25696",
+                  "collectionName": "BreakpointMode",
+                  "variableId": "VariableID:21897:301641"
+                }
+              },
+              "$alias": {
+                "token": "stFontWeightSemiBold",
+                "collection": "_fontprimitive",
+                "collectionType": "primitive",
+                "variableId": "VariableID:18275:5783"
+              },
+              "$type": "string",
+              "comment": "This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines."
+            },
+            "name": "headline4fontWeightSt",
+            "attributes": {},
+            "path": [
+              "Semantic",
+              "Typography",
+              "FontWeight",
+              "Headline",
+              "headline4FontWeightSt"
             ]
           }
         },
@@ -3068,6 +3280,55 @@
               "Display",
               "displayFontWeight"
             ]
+          },
+          "displayFontWeightSt": {
+            "$value": "800",
+            "value": "800",
+            "type": "string",
+            "$extensions": {
+              "com.figma": {
+                "collectionId": "VariableCollectionId:7017:25696",
+                "collectionName": "BreakpointMode",
+                "variableId": "VariableID:21897:301637"
+              }
+            },
+            "$alias": {
+              "token": "stFontWeightBlack",
+              "collection": "_fontprimitive",
+              "collectionType": "primitive",
+              "variableId": "VariableID:18275:5781"
+            },
+            "$type": "string",
+            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
+            "isSource": true,
+            "original": {
+              "$value": "800",
+              "value": "800",
+              "type": "string",
+              "$extensions": {
+                "com.figma": {
+                  "collectionId": "VariableCollectionId:7017:25696",
+                  "collectionName": "BreakpointMode",
+                  "variableId": "VariableID:21897:301637"
+                }
+              },
+              "$alias": {
+                "token": "stFontWeightBlack",
+                "collection": "_fontprimitive",
+                "collectionType": "primitive",
+                "variableId": "VariableID:18275:5781"
+              },
+              "$type": "string"
+            },
+            "name": "displayFontWeightSt",
+            "attributes": {},
+            "path": [
+              "Semantic",
+              "Typography",
+              "FontWeight",
+              "Display",
+              "displayFontWeightSt"
+            ]
           }
         },
         "Quote": {
@@ -3265,7 +3526,7 @@
           }
         },
         "Kicker": {
-          "Kicker4LineHeight": {
+          "kicker4LineHeight": {
             "$value": "15.4px",
             "value": 15.4,
             "type": "float",
@@ -3299,10 +3560,10 @@
               "Typography",
               "LineHeight",
               "Kicker",
-              "Kicker4LineHeight"
+              "kicker4LineHeight"
             ]
           },
-          "Kicker3LineHeight": {
+          "kicker3LineHeight": {
             "$value": "17.6px",
             "value": 17.6,
             "type": "float",
@@ -3336,10 +3597,10 @@
               "Typography",
               "LineHeight",
               "Kicker",
-              "Kicker3LineHeight"
+              "kicker3LineHeight"
             ]
           },
-          "Kicker2LineHeight": {
+          "kicker2LineHeight": {
             "$value": "19.8px",
             "value": 19.8,
             "type": "float",
@@ -3373,10 +3634,10 @@
               "Typography",
               "LineHeight",
               "Kicker",
-              "Kicker2LineHeight"
+              "kicker2LineHeight"
             ]
           },
-          "Kicker1LineHeight": {
+          "kicker1LineHeight": {
             "$value": "19.8px",
             "value": 19.8,
             "type": "float",
@@ -3410,7 +3671,7 @@
               "Typography",
               "LineHeight",
               "Kicker",
-              "Kicker1LineHeight"
+              "kicker1LineHeight"
             ]
           }
         },
@@ -3491,43 +3752,6 @@
               "label1LineHeight"
             ]
           },
-          "label1ResponsiveLineHeight": {
-            "$value": "10px",
-            "value": 10,
-            "type": "float",
-            "$extensions": {
-              "com.figma": {
-                "collectionId": "VariableCollectionId:7017:25696",
-                "collectionName": "BreakpointMode",
-                "variableId": "VariableID:8443:60653"
-              }
-            },
-            "$type": "lineHeight",
-            "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
-            "isSource": true,
-            "original": {
-              "$value": 10,
-              "value": 10,
-              "type": "float",
-              "$extensions": {
-                "com.figma": {
-                  "collectionId": "VariableCollectionId:7017:25696",
-                  "collectionName": "BreakpointMode",
-                  "variableId": "VariableID:8443:60653"
-                }
-              },
-              "$type": "lineHeight"
-            },
-            "name": "label1responsiveLineHeight",
-            "attributes": {},
-            "path": [
-              "Semantic",
-              "Typography",
-              "LineHeight",
-              "Label",
-              "label1ResponsiveLineHeight"
-            ]
-          },
           "label2LineHeight": {
             "$value": "16px",
             "value": 16,
@@ -3875,7 +4099,7 @@
           }
         },
         "Headline": {
-          "Headline1LineHeight": {
+          "headline1LineHeight": {
             "$value": "48px",
             "value": 48,
             "type": "float",
@@ -3909,10 +4133,10 @@
               "Typography",
               "LineHeight",
               "Headline",
-              "Headline1LineHeight"
+              "headline1LineHeight"
             ]
           },
-          "Headline2LineHeight": {
+          "headline2LineHeight": {
             "$value": "40px",
             "value": 40,
             "type": "float",
@@ -3946,10 +4170,10 @@
               "Typography",
               "LineHeight",
               "Headline",
-              "Headline2LineHeight"
+              "headline2LineHeight"
             ]
           },
-          "Headline3LineHeight": {
+          "headline3LineHeight": {
             "$value": "28px",
             "value": 28,
             "type": "float",
@@ -3983,7 +4207,7 @@
               "Typography",
               "LineHeight",
               "Headline",
-              "Headline3LineHeight"
+              "headline3LineHeight"
             ]
           },
           "headline4LineHeight": {
@@ -4103,8 +4327,8 @@
           }
         }
       },
-      "LetterSpacing": {
-        "letterSpacingPositiveSM": {
+      "LetterSpace": {
+        "letterSpacePositiveSM": {
           "$value": "0.5px",
           "value": 0.5,
           "type": "float",
@@ -4145,16 +4369,16 @@
             "$type": "letterSpacing",
             "comment": "0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingPositiveSm",
+          "name": "letterSpacePositiveSm",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingPositiveSM"
+            "LetterSpace",
+            "letterSpacePositiveSM"
           ]
         },
-        "letterSpacingPositiveLG": {
+        "letterSpacePositiveLG": {
           "$value": "2px",
           "value": 2,
           "type": "float",
@@ -4195,16 +4419,16 @@
             "$type": "letterSpacing",
             "comment": "2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingPositiveLg",
+          "name": "letterSpacePositiveLg",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingPositiveLG"
+            "LetterSpace",
+            "letterSpacePositiveLG"
           ]
         },
-        "letterSpacingPositiveMD": {
+        "letterSpacePositiveMD": {
           "$value": "1px",
           "value": 1,
           "type": "float",
@@ -4245,16 +4469,16 @@
             "$type": "letterSpacing",
             "comment": "1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingPositiveMd",
+          "name": "letterSpacePositiveMd",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingPositiveMD"
+            "LetterSpace",
+            "letterSpacePositiveMD"
           ]
         },
-        "letterSpacingNone": {
+        "letterSpaceNone": {
           "$value": "0px",
           "value": 0,
           "type": "float",
@@ -4295,16 +4519,16 @@
             "$type": "letterSpacing",
             "comment": "0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingNone",
+          "name": "letterSpaceNone",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingNone"
+            "LetterSpace",
+            "letterSpaceNone"
           ]
         },
-        "letterSpacingNegativeSM": {
+        "letterSpaceNegativeSM": {
           "$value": "-0.5px",
           "value": -0.5,
           "type": "float",
@@ -4345,16 +4569,16 @@
             "$type": "letterSpacing",
             "comment": "-0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingNegativeSm",
+          "name": "letterSpaceNegativeSm",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingNegativeSM"
+            "LetterSpace",
+            "letterSpaceNegativeSM"
           ]
         },
-        "letterSpacingNegativeMD": {
+        "letterSpaceNegativeMD": {
           "$value": "-1px",
           "value": -1,
           "type": "float",
@@ -4395,16 +4619,16 @@
             "$type": "letterSpacing",
             "comment": "-1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingNegativeMd",
+          "name": "letterSpaceNegativeMd",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingNegativeMD"
+            "LetterSpace",
+            "letterSpaceNegativeMD"
           ]
         },
-        "letterSpacingNegativeLG": {
+        "letterSpaceNegativeLG": {
           "$value": "-2px",
           "value": -2,
           "type": "float",
@@ -4445,16 +4669,16 @@
             "$type": "letterSpacing",
             "comment": "-2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingNegativeLg",
+          "name": "letterSpaceNegativeLg",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingNegativeLG"
+            "LetterSpace",
+            "letterSpaceNegativeLG"
           ]
         },
-        "letterSpacingNegativeXS": {
+        "letterSpaceNegativeXS": {
           "$value": "-0.25px",
           "value": -0.25,
           "type": "float",
@@ -4495,16 +4719,16 @@
             "$type": "letterSpacing",
             "comment": "-0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component."
           },
-          "name": "letterSpacingNegativeXs",
+          "name": "letterSpaceNegativeXs",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingNegativeXS"
+            "LetterSpace",
+            "letterSpaceNegativeXS"
           ]
         },
-        "letterSpacingPositiveXS": {
+        "letterSpacePositiveXS": {
           "$value": "0.25px",
           "value": 0.25,
           "type": "float",
@@ -4545,17 +4769,17 @@
             "$type": "letterSpacing",
             "comment": "0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes."
           },
-          "name": "letterSpacingPositiveXs",
+          "name": "letterSpacePositiveXs",
           "attributes": {},
           "path": [
             "Semantic",
             "Typography",
-            "LetterSpacing",
-            "letterSpacingPositiveXS"
+            "LetterSpace",
+            "letterSpacePositiveXS"
           ]
         },
         "display": {
-          "display1LetterSpacing": {
+          "display1LetterSpace": {
             "$value": "-0.5px",
             "value": -0.5,
             "type": "float",
@@ -4596,17 +4820,17 @@
               "$type": "letterSpacing",
               "comment": "-0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact."
             },
-            "name": "display1letterSpacing",
+            "name": "display1letterSpace",
             "attributes": {},
             "path": [
               "Semantic",
               "Typography",
-              "LetterSpacing",
+              "LetterSpace",
               "display",
-              "display1LetterSpacing"
+              "display1LetterSpace"
             ]
           },
-          "display2LetterSpacing": {
+          "display2LetterSpace": {
             "$value": "-0.5px",
             "value": -0.5,
             "type": "float",
@@ -4647,17 +4871,17 @@
               "$type": "letterSpacing",
               "comment": "-0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices."
             },
-            "name": "display2letterSpacing",
+            "name": "display2letterSpace",
             "attributes": {},
             "path": [
               "Semantic",
               "Typography",
-              "LetterSpacing",
+              "LetterSpace",
               "display",
-              "display2LetterSpacing"
+              "display2LetterSpace"
             ]
           },
-          "display3LetterSpacing": {
+          "display3LetterSpace": {
             "$value": "-0.5px",
             "value": -0.5,
             "type": "float",
@@ -4698,14 +4922,14 @@
               "$type": "letterSpacing",
               "comment": "-0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices."
             },
-            "name": "display3letterSpacing",
+            "name": "display3letterSpace",
             "attributes": {},
             "path": [
               "Semantic",
               "Typography",
-              "LetterSpacing",
+              "LetterSpace",
               "display",
-              "display3LetterSpacing"
+              "display3LetterSpace"
             ]
           }
         }
@@ -5053,7 +5277,7 @@
         }
       },
       "BorderWidth": {
-        "BorderWidthThin": {
+        "borderWidthThin": {
           "$value": "1px",
           "value": 1,
           "type": "float",
@@ -5100,10 +5324,10 @@
             "Semantic",
             "Border",
             "BorderWidth",
-            "BorderWidthThin"
+            "borderWidthThin"
           ]
         },
-        "BorderWidthThick": {
+        "borderWidthThick": {
           "$value": "2px",
           "value": 2,
           "type": "float",
@@ -5150,10 +5374,10 @@
             "Semantic",
             "Border",
             "BorderWidth",
-            "BorderWidthThick"
+            "borderWidthThick"
           ]
         },
-        "BorderWidthHairline": {
+        "borderWidthHairline": {
           "$value": "0.33px",
           "value": 0.33,
           "type": "float",
@@ -5188,14 +5412,14 @@
             "Semantic",
             "Border",
             "BorderWidth",
-            "BorderWidthHairline"
+            "borderWidthHairline"
           ]
         }
       }
     },
     "Visibility": {
       "VariantSwitch": {
-        "changeOnLG": {
+        "changeOnLg": {
           "$value": "xs/sm/md",
           "value": "xs/sm/md",
           "type": "string",
@@ -5228,10 +5452,10 @@
             "Semantic",
             "Visibility",
             "VariantSwitch",
-            "changeOnLG"
+            "changeOnLg"
           ]
         },
-        "changeOnMD": {
+        "changeOnMd": {
           "$value": "xs/sm",
           "value": "xs/sm",
           "type": "string",
@@ -5266,7 +5490,7 @@
             "Semantic",
             "Visibility",
             "VariantSwitch",
-            "changeOnMD"
+            "changeOnMd"
           ]
         },
         "bpSpecificWeb": {
@@ -5346,7 +5570,7 @@
     "Space": {
       "Inline": {
         "Responsive": {
-          "inlineSpaceRespSM": {
+          "inlineSpaceRespSm": {
             "$value": "8px",
             "value": 8,
             "type": "float",
@@ -5394,10 +5618,10 @@
               "Space",
               "Inline",
               "Responsive",
-              "inlineSpaceRespSM"
+              "inlineSpaceRespSm"
             ]
           },
-          "inlineSpaceRespMD": {
+          "inlineSpaceRespMd": {
             "$value": "12px",
             "value": 12,
             "type": "float",
@@ -5445,10 +5669,10 @@
               "Space",
               "Inline",
               "Responsive",
-              "inlineSpaceRespMD"
+              "inlineSpaceRespMd"
             ]
           },
-          "inlineSpaceRespLG": {
+          "inlineSpaceRespLg": {
             "$value": "16px",
             "value": 16,
             "type": "float",
@@ -5496,10 +5720,10 @@
               "Space",
               "Inline",
               "Responsive",
-              "inlineSpaceRespLG"
+              "inlineSpaceRespLg"
             ]
           },
-          "inlineSpaceResp2XL": {
+          "inlineSpaceResp2Xl": {
             "$value": "32px",
             "value": 32,
             "type": "float",
@@ -5547,10 +5771,10 @@
               "Space",
               "Inline",
               "Responsive",
-              "inlineSpaceResp2XL"
+              "inlineSpaceResp2Xl"
             ]
           },
-          "inlineSpaceRespXL": {
+          "inlineSpaceRespXl": {
             "$value": "24px",
             "value": 24,
             "type": "float",
@@ -5598,12 +5822,12 @@
               "Space",
               "Inline",
               "Responsive",
-              "inlineSpaceRespXL"
+              "inlineSpaceRespXl"
             ]
           }
         },
         "Constant": {
-          "inlineSpaceConstSM": {
+          "inlineSpaceConstSm": {
             "$value": "8px",
             "value": 8,
             "type": "float",
@@ -5651,10 +5875,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConstSM"
+              "inlineSpaceConstSm"
             ]
           },
-          "inlineSpaceConstMD": {
+          "inlineSpaceConstMd": {
             "$value": "12px",
             "value": 12,
             "type": "float",
@@ -5702,10 +5926,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConstMD"
+              "inlineSpaceConstMd"
             ]
           },
-          "inlineSpaceConstLG": {
+          "inlineSpaceConstLg": {
             "$value": "16px",
             "value": 16,
             "type": "float",
@@ -5753,10 +5977,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConstLG"
+              "inlineSpaceConstLg"
             ]
           },
-          "inlineSpaceConst2XL": {
+          "inlineSpaceConst2Xl": {
             "$value": "32px",
             "value": 32,
             "type": "float",
@@ -5804,10 +6028,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConst2XL"
+              "inlineSpaceConst2Xl"
             ]
           },
-          "inlineSpaceConstXL": {
+          "inlineSpaceConstXl": {
             "$value": "24px",
             "value": 24,
             "type": "float",
@@ -5855,10 +6079,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConstXL"
+              "inlineSpaceConstXl"
             ]
           },
-          "inlineSpaceConstXS": {
+          "inlineSpaceConstXs": {
             "$value": "6px",
             "value": 6,
             "type": "float",
@@ -5906,10 +6130,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConstXS"
+              "inlineSpaceConstXs"
             ]
           },
-          "inlineSpaceConst3XS": {
+          "inlineSpaceConst3Xs": {
             "$value": "2px",
             "value": 2,
             "type": "float",
@@ -5957,10 +6181,10 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConst3XS"
+              "inlineSpaceConst3Xs"
             ]
           },
-          "inlineSpaceConst2XS": {
+          "inlineSpaceConst2Xs": {
             "$value": "4px",
             "value": 4,
             "type": "float",
@@ -6008,16 +6232,16 @@
               "Space",
               "Inline",
               "Constant",
-              "inlineSpaceConst2XS"
+              "inlineSpaceConst2Xs"
             ]
           }
         }
       },
       "Stack": {
         "Responsive": {
-          "stackSpaceRespMD": {
-            "$value": "12px",
-            "value": 12,
+          "stackSpaceRespMd": {
+            "$value": "8px",
+            "value": 8,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6027,18 +6251,18 @@
               }
             },
             "$alias": {
-              "token": "space1p5x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12082"
+              "token": "densitySmStackSpaceRespMd",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:111348"
             },
             "$type": "dimension",
             "comment": "12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 12,
-              "value": 12,
+              "$value": 8,
+              "value": 8,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6048,10 +6272,10 @@
                 }
               },
               "$alias": {
-                "token": "space1p5x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12082"
+                "token": "densitySmStackSpaceRespMd",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:111348"
               },
               "$type": "dimension",
               "comment": "12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints"
@@ -6063,12 +6287,12 @@
               "Space",
               "Stack",
               "Responsive",
-              "stackSpaceRespMD"
+              "stackSpaceRespMd"
             ]
           },
-          "stackSpaceRespLG": {
-            "$value": "16px",
-            "value": 16,
+          "stackSpaceRespLg": {
+            "$value": "12px",
+            "value": 12,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6078,18 +6302,18 @@
               }
             },
             "$alias": {
-              "token": "space2x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12081"
+              "token": "densitySmStackSpaceRespLg",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:111349"
             },
             "$type": "dimension",
             "comment": "16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 16,
-              "value": 16,
+              "$value": 12,
+              "value": 12,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6099,10 +6323,10 @@
                 }
               },
               "$alias": {
-                "token": "space2x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12081"
+                "token": "densitySmStackSpaceRespLg",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:111349"
               },
               "$type": "dimension",
               "comment": "16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints"
@@ -6114,12 +6338,12 @@
               "Space",
               "Stack",
               "Responsive",
-              "stackSpaceRespLG"
+              "stackSpaceRespLg"
             ]
           },
-          "stackSpaceResp2XL": {
-            "$value": "32px",
-            "value": 32,
+          "stackSpaceResp2Xl": {
+            "$value": "24px",
+            "value": 24,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6129,18 +6353,18 @@
               }
             },
             "$alias": {
-              "token": "space4x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12083"
+              "token": "densitySmStackSpaceResp2Xl",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:111351"
             },
             "$type": "dimension",
             "comment": "32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 32,
-              "value": 32,
+              "$value": 24,
+              "value": 24,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6150,10 +6374,10 @@
                 }
               },
               "$alias": {
-                "token": "space4x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12083"
+                "token": "densitySmStackSpaceResp2Xl",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:111351"
               },
               "$type": "dimension",
               "comment": "32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints"
@@ -6165,12 +6389,12 @@
               "Space",
               "Stack",
               "Responsive",
-              "stackSpaceResp2XL"
+              "stackSpaceResp2Xl"
             ]
           },
-          "stackSpaceRespSM": {
-            "$value": "8px",
-            "value": 8,
+          "stackSpaceRespSm": {
+            "$value": "6px",
+            "value": 6,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6180,18 +6404,18 @@
               }
             },
             "$alias": {
-              "token": "space1x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12078"
+              "token": "densitySmStackSpaceRespSm",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:111347"
             },
             "$type": "dimension",
             "comment": "8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 8,
-              "value": 8,
+              "$value": 6,
+              "value": 6,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6201,10 +6425,10 @@
                 }
               },
               "$alias": {
-                "token": "space1x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12078"
+                "token": "densitySmStackSpaceRespSm",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:111347"
               },
               "$type": "dimension",
               "comment": "8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints"
@@ -6216,12 +6440,12 @@
               "Space",
               "Stack",
               "Responsive",
-              "stackSpaceRespSM"
+              "stackSpaceRespSm"
             ]
           },
-          "stackSpaceRespXL": {
-            "$value": "24px",
-            "value": 24,
+          "stackSpaceRespXl": {
+            "$value": "16px",
+            "value": 16,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6231,18 +6455,18 @@
               }
             },
             "$alias": {
-              "token": "space3x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12084"
+              "token": "densitySmStackSpaceRespXl",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:111350"
             },
             "$type": "dimension",
             "comment": "24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 24,
-              "value": 24,
+              "$value": 16,
+              "value": 16,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6252,10 +6476,10 @@
                 }
               },
               "$alias": {
-                "token": "space3x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12084"
+                "token": "densitySmStackSpaceRespXl",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:111350"
               },
               "$type": "dimension",
               "comment": "24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints"
@@ -6267,14 +6491,14 @@
               "Space",
               "Stack",
               "Responsive",
-              "stackSpaceRespXL"
+              "stackSpaceRespXl"
             ]
           }
         },
         "Constant": {
-          "stackSpaceConstSM": {
-            "$value": "8px",
-            "value": 8,
+          "stackSpaceConstSm": {
+            "$value": "6px",
+            "value": 6,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6284,18 +6508,18 @@
               }
             },
             "$alias": {
-              "token": "space1x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12078"
+              "token": "densityStackSpaceConstSm",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13167"
             },
             "$type": "dimension",
             "comment": "8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 8,
-              "value": 8,
+              "$value": 6,
+              "value": 6,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6305,10 +6529,10 @@
                 }
               },
               "$alias": {
-                "token": "space1x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12078"
+                "token": "densityStackSpaceConstSm",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13167"
               },
               "$type": "dimension",
               "comment": "8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6320,12 +6544,12 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConstSM"
+              "stackSpaceConstSm"
             ]
           },
-          "stackSpaceConstMD": {
-            "$value": "12px",
-            "value": 12,
+          "stackSpaceConstMd": {
+            "$value": "8px",
+            "value": 8,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6335,18 +6559,18 @@
               }
             },
             "$alias": {
-              "token": "space1p5x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12082"
+              "token": "densityStackSpaceConstMd",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13168"
             },
             "$type": "dimension",
             "comment": "12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 12,
-              "value": 12,
+              "$value": 8,
+              "value": 8,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6356,10 +6580,10 @@
                 }
               },
               "$alias": {
-                "token": "space1p5x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12082"
+                "token": "densityStackSpaceConstMd",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13168"
               },
               "$type": "dimension",
               "comment": "12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6371,12 +6595,12 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConstMD"
+              "stackSpaceConstMd"
             ]
           },
-          "stackSpaceConstLG": {
-            "$value": "16px",
-            "value": 16,
+          "stackSpaceConstLg": {
+            "$value": "12px",
+            "value": 12,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6386,18 +6610,18 @@
               }
             },
             "$alias": {
-              "token": "space2x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12081"
+              "token": "densityStackSpaceConstLg",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13169"
             },
             "$type": "dimension",
             "comment": "16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 16,
-              "value": 16,
+              "$value": 12,
+              "value": 12,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6407,10 +6631,10 @@
                 }
               },
               "$alias": {
-                "token": "space2x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12081"
+                "token": "densityStackSpaceConstLg",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13169"
               },
               "$type": "dimension",
               "comment": "16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6422,12 +6646,12 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConstLG"
+              "stackSpaceConstLg"
             ]
           },
-          "stackSpaceConst2XL": {
-            "$value": "32px",
-            "value": 32,
+          "stackSpaceConst2Xl": {
+            "$value": "24px",
+            "value": 24,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6437,18 +6661,18 @@
               }
             },
             "$alias": {
-              "token": "space4x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12083"
+              "token": "densityStackSpaceConst2Xl",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13171"
             },
             "$type": "dimension",
             "comment": "32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 32,
-              "value": 32,
+              "$value": 24,
+              "value": 24,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6458,10 +6682,10 @@
                 }
               },
               "$alias": {
-                "token": "space4x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12083"
+                "token": "densityStackSpaceConst2Xl",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13171"
               },
               "$type": "dimension",
               "comment": "32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6473,12 +6697,12 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConst2XL"
+              "stackSpaceConst2Xl"
             ]
           },
-          "stackSpaceConstXL": {
-            "$value": "24px",
-            "value": 24,
+          "stackSpaceConstXl": {
+            "$value": "16px",
+            "value": 16,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6488,18 +6712,18 @@
               }
             },
             "$alias": {
-              "token": "space3x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12084"
+              "token": "densityStackSpaceConstXl",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13170"
             },
             "$type": "dimension",
             "comment": "24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 24,
-              "value": 24,
+              "$value": 16,
+              "value": 16,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6509,10 +6733,10 @@
                 }
               },
               "$alias": {
-                "token": "space3x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12084"
+                "token": "densityStackSpaceConstXl",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13170"
               },
               "$type": "dimension",
               "comment": "24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6524,12 +6748,12 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConstXL"
+              "stackSpaceConstXl"
             ]
           },
-          "stackSpaceConstXS": {
-            "$value": "6px",
-            "value": 6,
+          "stackSpaceConstXs": {
+            "$value": "2px",
+            "value": 2,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6539,18 +6763,18 @@
               }
             },
             "$alias": {
-              "token": "space0p75x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:3344:1618"
+              "token": "densityStackSpaceConstXs",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13166"
             },
             "$type": "dimension",
             "comment": "6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 6,
-              "value": 6,
+              "$value": 2,
+              "value": 2,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6560,10 +6784,10 @@
                 }
               },
               "$alias": {
-                "token": "space0p75x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:3344:1618"
+                "token": "densityStackSpaceConstXs",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13166"
               },
               "$type": "dimension",
               "comment": "6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6575,10 +6799,10 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConstXS"
+              "stackSpaceConstXs"
             ]
           },
-          "stackSpaceConst3XS": {
+          "stackSpaceConst3Xs": {
             "$value": "2px",
             "value": 2,
             "type": "float",
@@ -6590,10 +6814,10 @@
               }
             },
             "$alias": {
-              "token": "space0p25x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12080"
+              "token": "densityStackSpaceConst3Xs",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13164"
             },
             "$type": "dimension",
             "comment": "2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements",
@@ -6611,10 +6835,10 @@
                 }
               },
               "$alias": {
-                "token": "space0p25x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12080"
+                "token": "densityStackSpaceConst3Xs",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13164"
               },
               "$type": "dimension",
               "comment": "2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6626,12 +6850,12 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConst3XS"
+              "stackSpaceConst3Xs"
             ]
           },
-          "stackSpaceConst2XS": {
-            "$value": "4px",
-            "value": 4,
+          "stackSpaceConst2Xs": {
+            "$value": "2px",
+            "value": 2,
             "type": "float",
             "$extensions": {
               "com.figma": {
@@ -6641,18 +6865,18 @@
               }
             },
             "$alias": {
-              "token": "space0p5x",
-              "collection": "_spaceprimitive",
-              "collectionType": "primitive",
-              "variableId": "VariableID:2726:12079"
+              "token": "densityStackSpaceConst2Xs",
+              "collection": "density",
+              "collectionType": "density",
+              "variableId": "VariableID:21991:13165"
             },
             "$type": "dimension",
             "comment": "4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements",
             "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/brands/bild/breakpoints/breakpoint-sm-390px-compact.json",
             "isSource": true,
             "original": {
-              "$value": 4,
-              "value": 4,
+              "$value": 2,
+              "value": 2,
               "type": "float",
               "$extensions": {
                 "com.figma": {
@@ -6662,10 +6886,10 @@
                 }
               },
               "$alias": {
-                "token": "space0p5x",
-                "collection": "_spaceprimitive",
-                "collectionType": "primitive",
-                "variableId": "VariableID:2726:12079"
+                "token": "densityStackSpaceConst2Xs",
+                "collection": "density",
+                "collectionType": "density",
+                "variableId": "VariableID:21991:13165"
               },
               "$type": "dimension",
               "comment": "4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements"
@@ -6677,14 +6901,14 @@
               "Space",
               "Stack",
               "Constant",
-              "stackSpaceConst2XS"
+              "stackSpaceConst2Xs"
             ]
           }
         }
       },
       "Gap": {
         "Responsive": {
-          "gapSpaceRespXS": {
+          "gapSpaceRespXs": {
             "$value": "4px",
             "value": 4,
             "type": "float",
@@ -6732,10 +6956,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceRespXS"
+              "gapSpaceRespXs"
             ]
           },
-          "gapSpaceRespLG": {
+          "gapSpaceRespLg": {
             "$value": "16px",
             "value": 16,
             "type": "float",
@@ -6783,10 +7007,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceRespLG"
+              "gapSpaceRespLg"
             ]
           },
-          "gapSpaceRespXL": {
+          "gapSpaceRespXl": {
             "$value": "24px",
             "value": 24,
             "type": "float",
@@ -6834,10 +7058,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceRespXL"
+              "gapSpaceRespXl"
             ]
           },
-          "gapSpaceResp2XL": {
+          "gapSpaceResp2Xl": {
             "$value": "32px",
             "value": 32,
             "type": "float",
@@ -6885,10 +7109,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceResp2XL"
+              "gapSpaceResp2Xl"
             ]
           },
-          "gapSpaceRespMD": {
+          "gapSpaceRespMd": {
             "$value": "12px",
             "value": 12,
             "type": "float",
@@ -6936,10 +7160,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceRespMD"
+              "gapSpaceRespMd"
             ]
           },
-          "gapSpaceRespSM": {
+          "gapSpaceRespSm": {
             "$value": "8px",
             "value": 8,
             "type": "float",
@@ -6987,10 +7211,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceRespSM"
+              "gapSpaceRespSm"
             ]
           },
-          "gapSpaceResp2XS": {
+          "gapSpaceResp2Xs": {
             "$value": "2px",
             "value": 2,
             "type": "float",
@@ -7038,10 +7262,10 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceResp2XS"
+              "gapSpaceResp2Xs"
             ]
           },
-          "gapSpaceResp3XL": {
+          "gapSpaceResp3Xl": {
             "$value": "48px",
             "value": 48,
             "type": "float",
@@ -7089,12 +7313,12 @@
               "Space",
               "Gap",
               "Responsive",
-              "gapSpaceResp3XL"
+              "gapSpaceResp3Xl"
             ]
           }
         },
         "Constant": {
-          "gapSpaceConst2XS": {
+          "gapSpaceConst2Xs": {
             "$value": "2px",
             "value": 2,
             "type": "float",
@@ -7142,10 +7366,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConst2XS"
+              "gapSpaceConst2Xs"
             ]
           },
-          "gapSpaceConstXS": {
+          "gapSpaceConstXs": {
             "$value": "4px",
             "value": 4,
             "type": "float",
@@ -7193,10 +7417,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConstXS"
+              "gapSpaceConstXs"
             ]
           },
-          "gapSpaceConstSM": {
+          "gapSpaceConstSm": {
             "$value": "8px",
             "value": 8,
             "type": "float",
@@ -7244,10 +7468,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConstSM"
+              "gapSpaceConstSm"
             ]
           },
-          "gapSpaceConstMD": {
+          "gapSpaceConstMd": {
             "$value": "12px",
             "value": 12,
             "type": "float",
@@ -7295,10 +7519,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConstMD"
+              "gapSpaceConstMd"
             ]
           },
-          "gapSpaceConstLG": {
+          "gapSpaceConstLg": {
             "$value": "16px",
             "value": 16,
             "type": "float",
@@ -7346,10 +7570,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConstLG"
+              "gapSpaceConstLg"
             ]
           },
-          "gapSpaceConstXL": {
+          "gapSpaceConstXl": {
             "$value": "24px",
             "value": 24,
             "type": "float",
@@ -7397,10 +7621,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConstXL"
+              "gapSpaceConstXl"
             ]
           },
-          "gapSpaceConst2XL": {
+          "gapSpaceConst2Xl": {
             "$value": "32px",
             "value": 32,
             "type": "float",
@@ -7448,10 +7672,10 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConst2XL"
+              "gapSpaceConst2Xl"
             ]
           },
-          "gapSpaceConst3XL": {
+          "gapSpaceConst3Xl": {
             "$value": "48px",
             "value": 48,
             "type": "float",
@@ -7499,7 +7723,7 @@
               "Space",
               "Gap",
               "Constant",
-              "gapSpaceConst3XL"
+              "gapSpaceConst3Xl"
             ]
           }
         }
@@ -7507,7 +7731,7 @@
     },
     "Size": {
       "Constant": {
-        "sizeConst3XS": {
+        "sizeConst3Xs": {
           "$value": "16px",
           "value": 16,
           "type": "float",
@@ -7554,10 +7778,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConst3XS"
+            "sizeConst3Xs"
           ]
         },
-        "sizeConst2XS": {
+        "sizeConst2Xs": {
           "$value": "24px",
           "value": 24,
           "type": "float",
@@ -7604,10 +7828,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConst2XS"
+            "sizeConst2Xs"
           ]
         },
-        "sizeConstXS": {
+        "sizeConstXs": {
           "$value": "32px",
           "value": 32,
           "type": "float",
@@ -7654,10 +7878,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConstXS"
+            "sizeConstXs"
           ]
         },
-        "sizeConstSM": {
+        "sizeConstSm": {
           "$value": "40px",
           "value": 40,
           "type": "float",
@@ -7704,10 +7928,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConstSM"
+            "sizeConstSm"
           ]
         },
-        "sizeConstMD": {
+        "sizeConstMd": {
           "$value": "48px",
           "value": 48,
           "type": "float",
@@ -7754,10 +7978,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConstMD"
+            "sizeConstMd"
           ]
         },
-        "sizeConstLG": {
+        "sizeConstLg": {
           "$value": "56px",
           "value": 56,
           "type": "float",
@@ -7804,10 +8028,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConstLG"
+            "sizeConstLg"
           ]
         },
-        "sizeConstXL": {
+        "sizeConstXl": {
           "$value": "64px",
           "value": 64,
           "type": "float",
@@ -7854,10 +8078,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConstXL"
+            "sizeConstXl"
           ]
         },
-        "sizeConst3XL": {
+        "sizeConst3Xl": {
           "$value": "96px",
           "value": 96,
           "type": "float",
@@ -7904,10 +8128,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConst3XL"
+            "sizeConst3Xl"
           ]
         },
-        "sizeConst4XL": {
+        "sizeConst4Xl": {
           "$value": "148px",
           "value": 148,
           "type": "float",
@@ -7954,10 +8178,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConst4XL"
+            "sizeConst4Xl"
           ]
         },
-        "sizeConst2XL": {
+        "sizeConst2Xl": {
           "$value": "72px",
           "value": 72,
           "type": "float",
@@ -8004,10 +8228,10 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConst2XL"
+            "sizeConst2Xl"
           ]
         },
-        "sizeConst4XS": {
+        "sizeConst4Xs": {
           "$value": "8px",
           "value": 8,
           "type": "float",
@@ -8054,12 +8278,12 @@
             "Semantic",
             "Size",
             "Constant",
-            "sizeConst4XS"
+            "sizeConst4Xs"
           ]
         }
       },
       "Responsive": {
-        "sizeResp3XS": {
+        "sizeResp3Xs": {
           "$value": "16px",
           "value": 16,
           "type": "float",
@@ -8106,10 +8330,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeResp3XS"
+            "sizeResp3Xs"
           ]
         },
-        "sizeResp2XS": {
+        "sizeResp2Xs": {
           "$value": "24px",
           "value": 24,
           "type": "float",
@@ -8156,10 +8380,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeResp2XS"
+            "sizeResp2Xs"
           ]
         },
-        "sizeRespXS": {
+        "sizeRespXs": {
           "$value": "32px",
           "value": 32,
           "type": "float",
@@ -8206,10 +8430,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeRespXS"
+            "sizeRespXs"
           ]
         },
-        "sizeRespSM": {
+        "sizeRespSm": {
           "$value": "40px",
           "value": 40,
           "type": "float",
@@ -8256,10 +8480,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeRespSM"
+            "sizeRespSm"
           ]
         },
-        "sizeRespMD": {
+        "sizeRespMd": {
           "$value": "48px",
           "value": 48,
           "type": "float",
@@ -8306,10 +8530,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeRespMD"
+            "sizeRespMd"
           ]
         },
-        "sizeRespLG": {
+        "sizeRespLg": {
           "$value": "56px",
           "value": 56,
           "type": "float",
@@ -8356,10 +8580,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeRespLG"
+            "sizeRespLg"
           ]
         },
-        "sizeRespXL": {
+        "sizeRespXl": {
           "$value": "64px",
           "value": 64,
           "type": "float",
@@ -8406,10 +8630,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeRespXL"
+            "sizeRespXl"
           ]
         },
-        "sizeResp2XL": {
+        "sizeResp2Xl": {
           "$value": "72px",
           "value": 72,
           "type": "float",
@@ -8456,10 +8680,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeResp2XL"
+            "sizeResp2Xl"
           ]
         },
-        "sizeResp3XL": {
+        "sizeResp3Xl": {
           "$value": "96px",
           "value": 96,
           "type": "float",
@@ -8506,10 +8730,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeResp3XL"
+            "sizeResp3Xl"
           ]
         },
-        "sizeResp4XL": {
+        "sizeResp4Xl": {
           "$value": "148px",
           "value": 148,
           "type": "float",
@@ -8556,10 +8780,10 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeResp4XL"
+            "sizeResp4Xl"
           ]
         },
-        "sizeResp4XS": {
+        "sizeResp4Xs": {
           "$value": "12px",
           "value": 12,
           "type": "float",
@@ -8606,7 +8830,7 @@
             "Semantic",
             "Size",
             "Responsive",
-            "sizeResp4XS"
+            "sizeResp4Xs"
           ]
         }
       }