@volvo-cars/css 0.21.0 → 0.23.0

package/dist/meta.json

@@ -37,61 +37,89 @@
     "border-x-2",
     "border-y",
     "border-y-2",
+    "button",
+    "container",
     "empty:hidden",
     "flex",
     "flex-col",
     "flex-grow",
     "flex-grow-0",
-    "flex-items-center",
-    "flex-items-end",
-    "flex-items-start",
-    "flex-items-stretch",
-    "flex-justify-around",
-    "flex-justify-between",
-    "flex-justify-center",
-    "flex-justify-end",
-    "flex-justify-evenly",
-    "flex-justify-start",
     "flex-nowrap",
     "flex-row",
-    "flex-self-center",
-    "flex-self-end",
-    "flex-self-start",
-    "flex-self-stretch",
     "flex-shrink",
     "flex-shrink-0",
     "flex-wrap",
     "font-light",
     "font-medium",
+    "gap-0",
+    "gap-16",
+    "gap-24",
+    "gap-32",
+    "gap-4",
+    "gap-48",
+    "gap-64",
+    "gap-8",
+    "gap-l",
+    "gap-m",
+    "gap-s",
+    "gap-x-0",
+    "gap-x-16",
+    "gap-x-24",
+    "gap-x-32",
+    "gap-x-4",
+    "gap-x-48",
+    "gap-x-64",
+    "gap-x-8",
+    "gap-y-0",
+    "gap-y-16",
+    "gap-y-24",
+    "gap-y-32",
+    "gap-y-4",
+    "gap-y-48",
+    "gap-y-64",
+    "gap-y-8",
+    "gap-y-l",
+    "gap-y-m",
+    "gap-y-s",
     "heading-1",
     "heading-2",
     "heading-3",
     "hidden",
     "hyphens",
+    "items-center",
+    "items-end",
+    "items-start",
+    "items-stretch",
+    "justify-around",
+    "justify-between",
+    "justify-center",
+    "justify-end",
+    "justify-evenly",
+    "justify-start",
     "lg:flex",
     "lg:flex-col",
     "lg:flex-grow",
     "lg:flex-grow-0",
-    "lg:flex-items-center",
-    "lg:flex-items-end",
-    "lg:flex-items-start",
-    "lg:flex-items-stretch",
-    "lg:flex-justify-around",
-    "lg:flex-justify-between",
-    "lg:flex-justify-center",
-    "lg:flex-justify-end",
-    "lg:flex-justify-evenly",
-    "lg:flex-justify-start",
     "lg:flex-nowrap",
     "lg:flex-row",
-    "lg:flex-self-center",
-    "lg:flex-self-end",
-    "lg:flex-self-start",
-    "lg:flex-self-stretch",
     "lg:flex-shrink",
     "lg:flex-shrink-0",
     "lg:flex-wrap",
     "lg:hidden",
+    "lg:items-center",
+    "lg:items-end",
+    "lg:items-start",
+    "lg:items-stretch",
+    "lg:justify-around",
+    "lg:justify-between",
+    "lg:justify-center",
+    "lg:justify-end",
+    "lg:justify-evenly",
+    "lg:justify-start",
+    "lg:self-center",
+    "lg:self-end",
+    "lg:self-start",
+    "lg:self-stretch",
     "lg:text-center",
     "lg:text-end",
     "lg:text-start",
@@ -119,26 +147,26 @@
     "md:flex-col",
     "md:flex-grow",
     "md:flex-grow-0",
-    "md:flex-items-center",
-    "md:flex-items-end",
-    "md:flex-items-start",
-    "md:flex-items-stretch",
-    "md:flex-justify-around",
-    "md:flex-justify-between",
-    "md:flex-justify-center",
-    "md:flex-justify-end",
-    "md:flex-justify-evenly",
-    "md:flex-justify-start",
     "md:flex-nowrap",
     "md:flex-row",
-    "md:flex-self-center",
-    "md:flex-self-end",
-    "md:flex-self-start",
-    "md:flex-self-stretch",
     "md:flex-shrink",
     "md:flex-shrink-0",
     "md:flex-wrap",
     "md:hidden",
+    "md:items-center",
+    "md:items-end",
+    "md:items-start",
+    "md:items-stretch",
+    "md:justify-around",
+    "md:justify-between",
+    "md:justify-center",
+    "md:justify-end",
+    "md:justify-evenly",
+    "md:justify-start",
+    "md:self-center",
+    "md:self-end",
+    "md:self-start",
+    "md:self-stretch",
     "md:text-center",
     "md:text-end",
     "md:text-start",
@@ -256,6 +284,10 @@
     "py-l",
     "py-m",
     "py-s",
+    "self-center",
+    "self-end",
+    "self-start",
+    "self-stretch",
     "stack-16",
     "stack-24",
     "stack-32",
@@ -295,31 +327,41 @@
     "xl:flex-col",
     "xl:flex-grow",
     "xl:flex-grow-0",
-    "xl:flex-items-center",
-    "xl:flex-items-end",
-    "xl:flex-items-start",
-    "xl:flex-items-stretch",
-    "xl:flex-justify-around",
-    "xl:flex-justify-between",
-    "xl:flex-justify-center",
-    "xl:flex-justify-end",
-    "xl:flex-justify-evenly",
-    "xl:flex-justify-start",
     "xl:flex-nowrap",
     "xl:flex-row",
-    "xl:flex-self-center",
-    "xl:flex-self-end",
-    "xl:flex-self-start",
-    "xl:flex-self-stretch",
     "xl:flex-shrink",
     "xl:flex-shrink-0",
     "xl:flex-wrap",
     "xl:hidden",
+    "xl:items-center",
+    "xl:items-end",
+    "xl:items-start",
+    "xl:items-stretch",
+    "xl:justify-around",
+    "xl:justify-between",
+    "xl:justify-center",
+    "xl:justify-end",
+    "xl:justify-evenly",
+    "xl:justify-start",
+    "xl:self-center",
+    "xl:self-end",
+    "xl:self-start",
+    "xl:self-stretch",
     "xl:text-center",
     "xl:text-end",
     "xl:text-start"
   ],
   "classes": [
+    {
+      "name": "container",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
     {
       "name": "stack-s",
       "prefixes": [],
@@ -394,6 +436,36 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "v-backdrop",
+      "prefixes": [],
+      "declarations": [
+        "background-color: #000000bd",
+        "position: fixed",
+        "inset: 0"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "button",
+      "prefixes": [],
+      "declarations": [
+        "height: var(--_height, var(--v-space-48))",
+        "padding-inline: var(--_padding-inline, var(--v-space-32))",
+        "font-size: var(--_font-size, var(--v-font-16-size))",
+        "font-weight: var(--v-font-emphasis-weight)",
+        "color: var(--_color, var(--v-color-background-primary))",
+        "white-space: nowrap",
+        "background-color: var(--_background, var(--v-color-surface-neutral))",
+        "border-radius: var(--v-radius-4)",
+        "box-shadow: inset 0 0 0 var(--_border-size, 1px) var(--_border-color, transparent)",
+        "align-items: center",
+        "transition: transform .2s, background-color .2s",
+        "display: inline-flex",
+        "position: relative"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "v-input__password-visibility-control",
       "prefixes": [],
@@ -416,9 +488,9 @@
         "z-index: 1",
         "color: var(--v-color-foreground-secondary)",
         "pointer-events: none",
+        "transition: transform var(--v-transition-default)",
         "transform-origin: var(--_transform-origin, 0)",
         "top: 0",
-        "transition: transform .25s",
         "position: absolute",
         "inset-inline-start: var(--v-space-16)",
         "transform: translateY(5px)scale(.75)"
@@ -474,16 +546,6 @@
       ],
       "layer": "volvo.blocks"
     },
-    {
-      "name": "v-backdrop",
-      "prefixes": [],
-      "declarations": [
-        "background-color: #000000bd",
-        "position: fixed",
-        "inset: 0"
-      ],
-      "layer": "volvo.blocks"
-    },
     {
       "name": "bg-inherit",
       "prefixes": [],
@@ -875,7 +937,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-items-start",
+      "name": "items-start",
       "prefixes": [
         "md",
         "lg",
@@ -887,7 +949,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-items-end",
+      "name": "items-end",
       "prefixes": [
         "md",
         "lg",
@@ -899,7 +961,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-items-center",
+      "name": "items-center",
       "prefixes": [
         "md",
         "lg",
@@ -911,7 +973,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-items-stretch",
+      "name": "items-stretch",
       "prefixes": [
         "md",
         "lg",
@@ -923,7 +985,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-self-start",
+      "name": "self-start",
       "prefixes": [
         "md",
         "lg",
@@ -936,7 +998,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-self-end",
+      "name": "self-end",
       "prefixes": [
         "md",
         "lg",
@@ -948,7 +1010,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-self-center",
+      "name": "self-center",
       "prefixes": [
         "md",
         "lg",
@@ -960,7 +1022,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-self-stretch",
+      "name": "self-stretch",
       "prefixes": [
         "md",
         "lg",
@@ -972,7 +1034,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-justify-start",
+      "name": "justify-start",
       "prefixes": [
         "md",
         "lg",
@@ -984,7 +1046,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-justify-end",
+      "name": "justify-end",
       "prefixes": [
         "md",
         "lg",
@@ -996,7 +1058,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-justify-around",
+      "name": "justify-around",
       "prefixes": [
         "md",
         "lg",
@@ -1008,7 +1070,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-justify-between",
+      "name": "justify-between",
       "prefixes": [
         "md",
         "lg",
@@ -1020,7 +1082,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-justify-evenly",
+      "name": "justify-evenly",
       "prefixes": [
         "md",
         "lg",
@@ -1032,7 +1094,7 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "flex-justify-center",
+      "name": "justify-center",
       "prefixes": [
         "md",
         "lg",
@@ -1096,6 +1158,246 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "gap-0",
+      "prefixes": [],
+      "declarations": [
+        "gap: 0"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-0",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: 0"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-0",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: 0"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-4",
+      "prefixes": [],
+      "declarations": [
+        "gap: .25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-4",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: .25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-4",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: .25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-8",
+      "prefixes": [],
+      "declarations": [
+        "gap: .5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-8",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: .5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-8",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: .5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-16",
+      "prefixes": [],
+      "declarations": [
+        "gap: 1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-16",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: 1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-16",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: 1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-24",
+      "prefixes": [],
+      "declarations": [
+        "gap: 1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-24",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: 1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-24",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: 1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-32",
+      "prefixes": [],
+      "declarations": [
+        "gap: 2rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-32",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: 2rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-32",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: 2rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-48",
+      "prefixes": [],
+      "declarations": [
+        "gap: 3rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-48",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: 3rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-48",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: 3rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-64",
+      "prefixes": [],
+      "declarations": [
+        "gap: 4rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-64",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: 4rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-x-64",
+      "prefixes": [],
+      "declarations": [
+        "column-gap: 4rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-l",
+      "prefixes": [],
+      "declarations": [
+        "gap: var(--v-space-l)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-l",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: var(--v-space-l)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-m",
+      "prefixes": [],
+      "declarations": [
+        "gap: var(--v-space-m)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-m",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: var(--v-space-m)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-s",
+      "prefixes": [],
+      "declarations": [
+        "gap: var(--v-space-s)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "gap-y-s",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: var(--v-space-s)"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "block",
       "prefixes": [],
@@ -2317,5 +2619,750 @@
       ],
       "layer": "volvo.utilities"
     }
+  ],
+  "tokens": [
+    {
+      "css": "--v-transition-default",
+      "type": "transition",
+      "variant": "default",
+      "meta": {}
+    },
+    {
+      "css": "--v-transition-micro",
+      "type": "transition",
+      "variant": "micro",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-4",
+      "type": "space",
+      "variant": "4",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-8",
+      "type": "space",
+      "variant": "8",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-16",
+      "type": "space",
+      "variant": "16",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-24",
+      "type": "space",
+      "variant": "24",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-32",
+      "type": "space",
+      "variant": "32",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-48",
+      "type": "space",
+      "variant": "48",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-64",
+      "type": "space",
+      "variant": "64",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-l",
+      "type": "space",
+      "variant": "l",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-m",
+      "type": "space",
+      "variant": "m",
+      "meta": {}
+    },
+    {
+      "css": "--v-space-s",
+      "type": "space",
+      "variant": "s",
+      "meta": {}
+    },
+    {
+      "css": "--v-radius-4",
+      "type": "radius",
+      "variant": "4",
+      "meta": {}
+    },
+    {
+      "css": "--v-radius-full",
+      "type": "radius",
+      "variant": "full",
+      "meta": {}
+    },
+    {
+      "css": "--v-index-spinner",
+      "type": "index",
+      "variant": "spinner",
+      "meta": {}
+    },
+    {
+      "css": "--v-index-overlay",
+      "type": "index",
+      "variant": "overlay",
+      "meta": {}
+    },
+    {
+      "css": "--v-index-navigation",
+      "type": "index",
+      "variant": "navigation",
+      "meta": {}
+    },
+    {
+      "css": "--v-index-default",
+      "type": "index",
+      "variant": "default",
+      "meta": {}
+    },
+    {
+      "css": "--v-index-deep",
+      "type": "index",
+      "variant": "deep",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-sans-family",
+      "type": "font",
+      "property": "family",
+      "variant": "sans",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-broad-family",
+      "type": "font",
+      "property": "family",
+      "variant": "broad",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-mono-family",
+      "type": "font",
+      "property": "family",
+      "variant": "mono",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-regular-weight",
+      "type": "font",
+      "variant": "weight",
+      "category": "regular",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-emphasis-weight",
+      "type": "font",
+      "variant": "weight",
+      "category": "emphasis",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-16-size",
+      "type": "font",
+      "property": "size",
+      "variant": "16",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-16-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "16",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-16",
+      "type": "font",
+      "variant": "16",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-14-size",
+      "type": "font",
+      "property": "size",
+      "variant": "14",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-14-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "14",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-14",
+      "type": "font",
+      "variant": "14",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-12-size",
+      "type": "font",
+      "property": "size",
+      "variant": "12",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-12-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "12",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-12",
+      "type": "font",
+      "variant": "12",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-1-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "1",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-1-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "1",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-1-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "1",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-1-size",
+      "type": "font",
+      "property": "size",
+      "variant": "1",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-1",
+      "type": "font",
+      "variant": "1",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-2-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "2",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-2-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "2",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-2-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "2",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-2-size",
+      "type": "font",
+      "property": "size",
+      "variant": "2",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-2",
+      "type": "font",
+      "variant": "2",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-3-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "3",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-3-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "3",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-3-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "3",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-3-size",
+      "type": "font",
+      "property": "size",
+      "variant": "3",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-heading-3",
+      "type": "font",
+      "variant": "3",
+      "category": "heading",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-1-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "1",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-1-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "1",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-1-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "1",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-1-size",
+      "type": "font",
+      "property": "size",
+      "variant": "1",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-1",
+      "type": "font",
+      "variant": "1",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-2-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "2",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-2-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "2",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-2-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "2",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-2-size",
+      "type": "font",
+      "property": "size",
+      "variant": "2",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-2",
+      "type": "font",
+      "variant": "2",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-3-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "3",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-3-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "3",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-3-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "3",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-3-size",
+      "type": "font",
+      "property": "size",
+      "variant": "3",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-3",
+      "type": "font",
+      "variant": "3",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-signature-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "signature",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-signature-size-min",
+      "type": "font",
+      "modifier": "min",
+      "property": "size",
+      "variant": "signature",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-signature-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "signature",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-signature-size",
+      "type": "font",
+      "property": "size",
+      "variant": "signature",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-statement-signature",
+      "type": "font",
+      "variant": "signature",
+      "category": "statement",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-title-24-size",
+      "type": "font",
+      "property": "size",
+      "variant": "24",
+      "category": "title",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-title-24-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "24",
+      "category": "title",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-title-24",
+      "type": "font",
+      "variant": "24",
+      "category": "title",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-title-20-size",
+      "type": "font",
+      "property": "size",
+      "variant": "20",
+      "category": "title",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-title-20-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "20",
+      "category": "title",
+      "meta": {}
+    },
+    {
+      "css": "--v-font-title-20",
+      "type": "font",
+      "variant": "20",
+      "category": "title",
+      "meta": {}
+    },
+    {
+      "css": "--v-color-always-black",
+      "type": "color",
+      "variant": "black",
+      "category": "always",
+      "meta": {
+        "description": "Always black regardless of colour mode."
+      }
+    },
+    {
+      "css": "--v-color-always-white",
+      "type": "color",
+      "variant": "white",
+      "category": "always",
+      "meta": {
+        "description": "Always white regardless of colour mode."
+      }
+    },
+    {
+      "css": "--v-color-foreground-primary",
+      "type": "color",
+      "property": "foreground",
+      "variant": "primary",
+      "meta": {
+        "description": "Use for primary text and icons."
+      }
+    },
+    {
+      "css": "--v-color-foreground-secondary",
+      "type": "color",
+      "property": "foreground",
+      "variant": "secondary",
+      "meta": {
+        "description": "Use for secondary text and icons."
+      }
+    },
+    {
+      "css": "--v-color-foreground-inverted",
+      "type": "color",
+      "property": "foreground",
+      "variant": "inverted",
+      "meta": {
+        "description": "Inverse of the primary foreground colour."
+      }
+    },
+    {
+      "css": "--v-color-foreground-accent-blue",
+      "type": "color",
+      "property": "foreground",
+      "variant": "blue",
+      "category": "accent",
+      "meta": {
+        "description": "Use for links and selected states."
+      }
+    },
+    {
+      "css": "--v-color-foreground-feedback-green",
+      "type": "color",
+      "property": "foreground",
+      "variant": "green",
+      "category": "feedback",
+      "meta": {
+        "description": "Use to signify positive actions."
+      }
+    },
+    {
+      "css": "--v-color-foreground-feedback-orange",
+      "type": "color",
+      "property": "foreground",
+      "variant": "orange",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for highlighting errors, invalid data, and destructive actions for caution."
+      }
+    },
+    {
+      "css": "--v-color-foreground-feedback-red",
+      "type": "color",
+      "property": "foreground",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for highlighting errors, invalid data, and destructive actions."
+      }
+    },
+    {
+      "css": "--v-color-ornament-primary",
+      "type": "color",
+      "property": "ornament",
+      "variant": "primary",
+      "meta": {
+        "description": "Use to visually group or separate UI elements."
+      }
+    },
+    {
+      "css": "--v-color-surface-neutral",
+      "type": "color",
+      "property": "surface",
+      "variant": "neutral",
+      "meta": {
+        "description": "Use for neutral surfaces."
+      }
+    },
+    {
+      "css": "--v-color-surface-accent-blue",
+      "type": "color",
+      "property": "surface",
+      "variant": "blue",
+      "category": "accent",
+      "meta": {
+        "description": "Use for CTA backgrounds."
+      }
+    },
+    {
+      "css": "--v-color-surface-feedback-green",
+      "type": "color",
+      "property": "surface",
+      "variant": "green",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for positive and actionable states."
+      }
+    },
+    {
+      "css": "--v-color-surface-feedback-orange",
+      "type": "color",
+      "property": "surface",
+      "variant": "orange",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for cautionary background states."
+      }
+    },
+    {
+      "css": "--v-color-surface-feedback-red",
+      "type": "color",
+      "property": "surface",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for errors, invalid and destructive background states."
+      }
+    },
+    {
+      "css": "--v-color-background-primary",
+      "type": "color",
+      "property": "background",
+      "variant": "primary",
+      "meta": {
+        "description": "Use as the primary background."
+      }
+    },
+    {
+      "css": "--v-color-background-secondary",
+      "type": "color",
+      "property": "background",
+      "variant": "secondary",
+      "meta": {
+        "description": "Use as the secondary background."
+      }
+    },
+    {
+      "css": "--v-color-background-accent-blue",
+      "type": "color",
+      "property": "background",
+      "variant": "blue",
+      "category": "accent",
+      "meta": {
+        "deprecated": "Use `--v-color-surface-accent-blue` instead."
+      }
+    },
+    {
+      "css": "--v-color-background-feedback-green",
+      "type": "color",
+      "property": "background",
+      "variant": "green",
+      "category": "feedback",
+      "meta": {
+        "deprecated": "Use `--v-color-surface-feedback-green` instead."
+      }
+    },
+    {
+      "css": "--v-color-background-feedback-orange",
+      "type": "color",
+      "property": "background",
+      "variant": "orange",
+      "category": "feedback",
+      "meta": {
+        "deprecated": "Use `--v-color-surface-feedback-orange` instead."
+      }
+    },
+    {
+      "css": "--v-color-background-feedback-red",
+      "type": "color",
+      "property": "background",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "deprecated": "Use `--v-color-surface-feedback-red` instead."
+      }
+    }
   ]
 }