@volvo-cars/css 1.45.0 → 1.46.1

package/dist/meta.json

@@ -1749,6 +1749,7 @@
     "text-secondary",
     "text-start",
     "text-wrap",
+    "title",
     "toast-message",
     "toggle-group-button",
     "tooltip",
@@ -2301,7 +2302,7 @@
         "--button-accent-color: var(--v-color-surface-neutral)",
         "--_color: var(--v-color-foreground-inverted)",
         "color: var(--_color)",
-        "background: color-mix(in hsl, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
+        "background: color-mix(in hsl,\n    var(--button-accent-color),\n    var(--_color) var(--_overlay-rate))",
         "background: var(--button-accent-color)",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-shape-emphasis)",
@@ -2323,7 +2324,7 @@
         "align-items: center",
         "display: inline-flex",
         "position: relative",
-        "background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))",
+        "background: color-mix(in oklab,\n    var(--_button-bg-color, transparent),\n    var(--button-accent-color) var(--_overlay-rate))",
         "box-shadow: inset 0 0 0 1px var(--button-accent-color)",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-shape-emphasis)",
@@ -2347,7 +2348,7 @@
         "align-items: center",
         "display: inline-flex",
         "position: relative",
-        "background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))",
+        "background: color-mix(in oklab,\n    var(--_button-bg-color, transparent),\n    var(--button-accent-color) var(--_overlay-rate))",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-shape-emphasis)",
         "--button-accent-color: var(--v-color-foreground-primary)",
@@ -2379,7 +2380,7 @@
         "--button-accent-color: var(--v-color-surface-neutral)",
         "--_color: var(--v-color-foreground-inverted)",
         "color: var(--_color)",
-        "background: color-mix(in hsl, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
+        "background: color-mix(in hsl,\n    var(--button-accent-color),\n    var(--_color) var(--_overlay-rate))",
         "background: var(--button-accent-color)",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-shape-emphasis)",
@@ -2405,7 +2406,7 @@
         "font-weight: var(--v-font-emphasis-weight)",
         "white-space: nowrap",
         "overflow-x: clip",
-        "background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))",
+        "background: color-mix(in oklab,\n    var(--_button-bg-color, transparent),\n    var(--button-accent-color) var(--_overlay-rate))",
         "box-shadow: inset 0 0 0 1px var(--button-accent-color)",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-shape-emphasis)",
@@ -2507,7 +2508,7 @@
       "name": "heading-1",
       "prefixes": [],
       "declarations": [
-        "font-size: clamp(var(--v-font-heading-1-size-min), var(--_size-override, var(--v-font-heading-1-size)), var(--v-font-heading-1-size-max))",
+        "font-size: clamp(var(--v-font-heading-1-size-min),\n    var(--_size-override, var(--v-font-heading-1-size)),\n    var(--v-font-heading-1-size-max))",
         "font-weight: var(--v-font-heading-1-weight)",
         "line-height: var(--v-font-heading-1-lineheight)",
         "text-wrap: balance"
@@ -2518,7 +2519,7 @@
       "name": "heading-2",
       "prefixes": [],
       "declarations": [
-        "font-size: clamp(var(--v-font-heading-2-size-min), var(--_size-override, var(--v-font-heading-2-size)), var(--v-font-heading-2-size-max))",
+        "font-size: clamp(var(--v-font-heading-2-size-min),\n    var(--_size-override, var(--v-font-heading-2-size)),\n    var(--v-font-heading-2-size-max))",
         "font-weight: var(--v-font-heading-2-weight)",
         "line-height: var(--v-font-heading-2-lineheight)",
         "text-wrap: balance"
@@ -2529,7 +2530,7 @@
       "name": "heading-3",
       "prefixes": [],
       "declarations": [
-        "font-size: clamp(var(--v-font-heading-3-size-min), var(--_size-override, var(--v-font-heading-3-size)), var(--v-font-heading-3-size-max))",
+        "font-size: clamp(var(--v-font-heading-3-size-min),\n    var(--_size-override, var(--v-font-heading-3-size)),\n    var(--v-font-heading-3-size-max))",
         "font-weight: var(--v-font-heading-3-weight)",
         "line-height: var(--v-font-heading-3-lineheight)",
         "text-wrap: balance"
@@ -2596,7 +2597,7 @@
         "color: var(--_color)",
         "white-space: nowrap",
         "user-select: none",
-        "background-color: color-mix(in oklab, var(--_chip-bg-color, transparent), var(--_color) var(--_overlay-rate))",
+        "background-color: color-mix(in oklab,\n    var(--_chip-bg-color, transparent),\n    var(--_color) var(--_overlay-rate))",
         "border-radius: var(--v-shape-emphasis)",
         "box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary)",
         "transition: background-color var(--v-transition-default)",
@@ -2622,7 +2623,7 @@
         "color: var(--_color)",
         "white-space: nowrap",
         "user-select: none",
-        "background-color: color-mix(in oklab, var(--_chip-bg-color, transparent), var(--_color) var(--_overlay-rate))",
+        "background-color: color-mix(in oklab,\n    var(--_chip-bg-color, transparent),\n    var(--_color) var(--_overlay-rate))",
         "border-radius: var(--v-shape-emphasis)",
         "box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary)",
         "transition: background-color var(--v-transition-default)",
@@ -2649,7 +2650,7 @@
         "color: var(--_color)",
         "white-space: nowrap",
         "user-select: none",
-        "background-color: color-mix(in oklab, var(--_chip-bg-color, transparent), var(--_color) var(--_overlay-rate))",
+        "background-color: color-mix(in oklab,\n    var(--_chip-bg-color, transparent),\n    var(--_color) var(--_overlay-rate))",
         "border-radius: var(--v-shape-emphasis)",
         "box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary)",
         "transition: background-color var(--v-transition-default)",
@@ -2750,7 +2751,7 @@
         "background-color: var(--v-color-background-primary)",
         "border-radius: var(--v-shape-default)",
         "box-shadow: inset 0 0 0 var(--_card-border-width) var(--_card-border-color)",
-        "transition: box-shadow var(--v-transition-default), background-color var(--_v-transition-speed-default) ease-out",
+        "transition: box-shadow var(--v-transition-default),\n    background-color var(--_v-transition-speed-default) ease-out",
         "grid-template-columns: 1fr auto",
         "align-items: start",
         "display: grid",
@@ -2822,7 +2823,7 @@
       "name": "statement-1",
       "prefixes": [],
       "declarations": [
-        "font-size: clamp(var(--v-font-statement-1-size-min), var(--_size-override, var(--v-font-statement-1-size)), var(--v-font-statement-1-size-max))",
+        "font-size: clamp(var(--v-font-statement-1-size-min),\n    var(--_size-override, var(--v-font-statement-1-size)),\n    var(--v-font-statement-1-size-max))",
         "font-weight: var(--v-font-statement-1-weight)",
         "line-height: var(--v-font-statement-1-lineheight)",
         "text-wrap: balance"
@@ -2833,7 +2834,7 @@
       "name": "statement-2",
       "prefixes": [],
       "declarations": [
-        "font-size: clamp(var(--v-font-statement-2-size-min), var(--_size-override, var(--v-font-statement-2-size)), var(--v-font-statement-2-size-max))",
+        "font-size: clamp(var(--v-font-statement-2-size-min),\n    var(--_size-override, var(--v-font-statement-2-size)),\n    var(--v-font-statement-2-size-max))",
         "font-weight: var(--v-font-statement-2-weight)",
         "line-height: var(--v-font-statement-2-lineheight)",
         "text-wrap: balance"
@@ -2844,7 +2845,7 @@
       "name": "statement-3",
       "prefixes": [],
       "declarations": [
-        "font-size: clamp(var(--v-font-statement-3-size-min), var(--_size-override, var(--v-font-statement-3-size)), var(--v-font-statement-3-size-max))",
+        "font-size: clamp(var(--v-font-statement-3-size-min),\n    var(--_size-override, var(--v-font-statement-3-size)),\n    var(--v-font-statement-3-size-max))",
         "font-weight: var(--v-font-statement-3-weight)",
         "line-height: var(--v-font-statement-3-lineheight)",
         "text-wrap: balance"
@@ -2856,7 +2857,7 @@
       "prefixes": [],
       "declarations": [
         "font-family: var(--v-font-broad-family)",
-        "font-size: clamp(var(--v-font-statement-signature-size-min), var(--_size-override, var(--v-font-statement-signature-size)), var(--v-font-statement-signature-size-max))",
+        "font-size: clamp(var(--v-font-statement-signature-size-min),\n    var(--_size-override, var(--v-font-statement-signature-size)),\n    var(--v-font-statement-signature-size-max))",
         "font-weight: var(--v-font-statement-signature-weight)",
         "line-height: var(--v-font-statement-signature-lineheight)",
         "text-wrap: balance",
@@ -2875,13 +2876,12 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "background-color: color-mix(in lab, var(--background-color, var(--v-color-background-primary)), var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) var(--_overlay-rate, 0%))",
+        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
         "display: block",
         "height: 3rem",
         "padding-inline: var(--v-space-8)",
-        "font-weight: var(--v-font-emphasis-weight)",
         "border-bottom: 2px solid #0000",
         "align-items: center",
         "display: flex"
@@ -2893,7 +2893,7 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "background-color: color-mix(in lab, var(--background-color, var(--v-color-background-primary)), var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) var(--_overlay-rate, 0%))",
+        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
         "display: block"
@@ -2907,7 +2907,7 @@
         "max-width: 24ch",
         "padding-block: var(--v-space-4)",
         "padding-inline: var(--v-space-8)",
-        "font-size: var(--v-font-14-size)",
+        "font-size: var(--v-font-12-size)",
         "hyphens: auto",
         "color: var(--v-color-foreground-inverted)",
         "white-space: pre-line",
@@ -2988,7 +2988,7 @@
         "padding-inline: var(--v-space-8)",
         "font: var(--v-font-12)",
         "border-radius: var(--v-radius-full)",
-        "box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))"
+        "box-shadow: inset 0 0 0 1px\n    var(--_border-color, var(--v-color-ornament-primary))"
       ],
       "layer": "volvo.blocks"
     },
@@ -3052,6 +3052,19 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "title",
+      "prefixes": [],
+      "declarations": [
+        "grid-template-areas: \"heading\"\n                         \"description\"\n                         \"action\"",
+        "justify-items: start",
+        "display: grid",
+        "column-gap: var(--v-space-24)",
+        "grid-template-columns: 1fr 1fr",
+        "grid-template-areas: \"heading description\"\n                           \"heading action\""
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "button-group",
       "prefixes": [],
@@ -3070,7 +3083,7 @@
         "--_columns-total-width: var(--v-size-grid-xs)",
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -3084,7 +3097,7 @@
         "--_columns-total-width: var(--v-size-grid-sm)",
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -3098,7 +3111,7 @@
         "--_columns-total-width: var(--v-size-grid-md)",
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -3112,7 +3125,7 @@
         "--_columns-total-width: var(--v-size-grid-lg)",
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -3126,7 +3139,7 @@
         "--_columns-total-width: var(--v-size-grid-xl)",
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -3140,7 +3153,7 @@
         "--_columns-total-width: var(--v-size-grid-xl)",
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -3153,11 +3166,11 @@
       "declarations": [
         "--_outer-margin: 0px",
         "width: 100%",
-        "max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "max-width: min(var(--_container-max-width, 81rem),\n    min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +\n    var(--_outer-margin))",
         "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "margin-inline: auto",
         "container-type: inline-size",
-        "max-width: min((100vw - var(--v-space-pagemargin) * 2)  + var(--_outer-margin), 160rem)"
+        "max-width: min((100vw - var(--v-space-pagemargin) * 2) +\n    var(--_outer-margin),\n    160rem)"
       ],
       "layer": "volvo.layout"
     },
@@ -3335,7 +3348,7 @@
       "prefixes": [],
       "declarations": [
         "gap: var(--v-space-gutter)",
-        "max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))",
+        "max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))",
         "grid-template-columns: 1fr",
         "margin-inline: auto",
         "display: grid",
@@ -3349,7 +3362,7 @@
       "prefixes": [],
       "declarations": [
         "gap: var(--v-space-gutter)",
-        "max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))",
+        "max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))",
         "grid-template-columns: 1fr",
         "margin-inline: auto",
         "display: grid",
@@ -3363,7 +3376,7 @@
       "prefixes": [],
       "declarations": [
         "gap: var(--v-space-gutter)",
-        "max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))",
+        "max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))",
         "grid-template-columns: 1fr",
         "margin-inline: auto",
         "display: grid",
@@ -3378,7 +3391,7 @@
       "prefixes": [],
       "declarations": [
         "gap: var(--v-space-gutter)",
-        "max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))",
+        "max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))",
         "grid-template-columns: 1fr",
         "margin-inline: auto",
         "display: grid",
@@ -3397,14 +3410,14 @@
         "--_sidebar-start-toggle: initial",
         "--_sidebar-end-toggle: initial",
         "--_page-grid: [page-start] 1fr [page-end]",
-        "grid-template-columns: [bleed-start] var(--v-space-pagemargin) var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid))) var(--v-space-pagemargin) [bleed-end]",
+        "grid-template-columns: [bleed-start]\n    var(--v-space-pagemargin)\n    /* pick the sidebar grids if defined, fallback to the page grid */\n    var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid)))\n    /* --- */\n    var(--v-space-pagemargin)\n    [bleed-end]",
         "grid-auto-flow: dense",
         "max-width: 160rem",
         "margin-inline: auto",
         "display: grid",
         "--sidebar-width: var(--v-size-sidebar-wide)",
-        "--_sidebar-end-grid: var(--_sidebar-end-toggle) [main-start] 1fr [main-end] var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end]",
-        "--_sidebar-start-grid: var(--_sidebar-start-toggle) [sidebar-start] var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start] 1fr [main-end]"
+        "--_sidebar-end-grid: var(--_sidebar-end-toggle) [main-start] 1fr [main-end]\n    var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end]",
+        "--_sidebar-start-grid: var(--_sidebar-start-toggle) [sidebar-start]\n    var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start]\n    1fr [main-end]"
       ],
       "layer": "volvo.layout"
     },
@@ -4250,7 +4263,7 @@
         "selected"
       ],
       "declarations": [
-        "box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))"
+        "box-shadow: inset 0 0 0 1px\n    var(--_border-color, var(--v-color-ornament-primary))"
       ],
       "layer": "volvo.utilities"
     },
@@ -4261,7 +4274,7 @@
         "selected"
       ],
       "declarations": [
-        "box-shadow: inset 0 0 0 2px var(--_border-color, var(--v-color-ornament-primary))"
+        "box-shadow: inset 0 0 0 2px\n    var(--_border-color, var(--v-color-ornament-primary))"
       ],
       "layer": "volvo.utilities"
     },
@@ -4893,7 +4906,7 @@
       "prefixes": [],
       "declarations": [
         "--_font-variation-ital: 1",
-        "font-variation-settings: \"DRKM\" var(--_font-variation-drkm, 0), \"ital\" var(--_font-variation-ital, 1)",
+        "font-variation-settings: \"DRKM\" var(--_font-variation-drkm, 0), \"ital\"\n    var(--_font-variation-ital, 1)",
         "font-synthesis-style: none",
         "font-style: italic"
       ],
@@ -10176,7 +10189,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)"
       ],
       "layer": "volvo.utilities"
     },
@@ -10186,7 +10199,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)"
       ],
       "layer": "volvo.utilities"
     },
@@ -10196,7 +10209,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-x: 50%"
       ],
       "layer": "volvo.utilities"
@@ -10207,7 +10220,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-y: 50%"
       ],
       "layer": "volvo.utilities"
@@ -10218,7 +10231,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-x: -50%"
       ],
       "layer": "volvo.utilities"
@@ -10229,7 +10242,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-y: -50%"
       ],
       "layer": "volvo.utilities"
@@ -10240,7 +10253,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-x: 100%"
       ],
       "layer": "volvo.utilities"
@@ -10251,7 +10264,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-y: 100%"
       ],
       "layer": "volvo.utilities"
@@ -10262,7 +10275,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-x: -100%"
       ],
       "layer": "volvo.utilities"
@@ -10273,7 +10286,7 @@
       "declarations": [
         "--translate-x: 0px",
         "--translate-y: 0px",
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction))\n    var(--translate-y)",
         "--translate-y: -100%"
       ],
       "layer": "volvo.utilities"
@@ -11936,14 +11949,18 @@
       "css": "--v-shape-default",
       "type": "shape",
       "variant": "default",
-      "meta": {},
+      "meta": {
+        "description": "Use as default value for all all non-interactive UI elements."
+      },
       "value": "var(--v-radius-sm)"
     },
     {
       "css": "--v-shape-emphasis",
       "type": "shape",
       "variant": "emphasis",
-      "meta": {},
+      "meta": {
+        "description": "Use for interactive UI, and elements that need to draw attention and create visual contrast from the rest of the page."
+      },
       "value": "var(--v-radius-sm)"
     },
     {
@@ -12067,7 +12084,7 @@
         "direction": "vertical",
         "description": "Fluid spacing between 8px-20px."
       },
-      "value": "clamp(0.5rem, 1.071vw + 0.179rem, 1.25rem)"
+      "value": "round(clamp(0.5rem, 1.071vw + 0.179rem, 1.25rem), 2px)"
     },
     {
       "css": "--v-space-sm",
@@ -12077,7 +12094,7 @@
         "direction": "vertical",
         "description": "Fluid spacing between 16px-32px."
       },
-      "value": "clamp(1rem, 1.429vw + 0.571rem, 2rem)"
+      "value": "round(clamp(1rem, 1.429vw + 0.571rem, 2rem), 2px)"
     },
     {
       "css": "--v-space-md",
@@ -12087,7 +12104,7 @@
         "direction": "vertical",
         "description": "Fluid spacing between 24px-48px."
       },
-      "value": "clamp(1.5rem, 2.143vw + 0.857rem, 3rem)"
+      "value": "round(clamp(1.5rem, 2.143vw + 0.857rem, 3rem), 2px)"
     },
     {
       "css": "--v-space-lg",
@@ -12097,7 +12114,7 @@
         "direction": "vertical",
         "description": "Fluid spacing between 32px-56px."
       },
-      "value": "clamp(2rem, 2.143vw + 1.357rem, 3.5rem)"
+      "value": "round(clamp(2rem, 2.143vw + 1.357rem, 3.5rem), 2px)"
     },
     {
       "css": "--v-space-xl",
@@ -12107,7 +12124,7 @@
         "direction": "vertical",
         "description": "Fluid spacing between 48px-72px."
       },
-      "value": "clamp(3rem, 2.143vw + 2.357rem, 4.5rem)"
+      "value": "round(clamp(3rem, 2.143vw + 2.357rem, 4.5rem), 2px)"
     },
     {
       "css": "--v-space-2xl",
@@ -12117,7 +12134,7 @@
         "direction": "vertical",
         "description": "Fluid spacing between 64px-128px."
       },
-      "value": "clamp(4rem, 5.714vw + 2.286rem, 8rem)"
+      "value": "round(clamp(4rem, 5.714vw + 2.286rem, 8rem), 2px)"
     },
     {
       "css": "--v-border-width-default",
@@ -12145,7 +12162,7 @@
       "meta": {
         "description": "Narrow sidebar width is 240 to 304 between lg and xl"
       },
-      "value": "clamp(15rem, 11.111vw + 7.889rem, 19rem)"
+      "value": "round(clamp(15rem, 11.111vw + 7.889rem, 19rem), 2px)"
     },
     {
       "css": "--v-size-sidebar-wide",
@@ -12155,7 +12172,7 @@
       "meta": {
         "description": "Wide sidebar width is 368 to 464 between lg and xl"
       },
-      "value": "clamp(23rem, 16.667vw + 12.333rem, 29rem)"
+      "value": "round(clamp(23rem, 16.667vw + 12.333rem, 29rem), 2px)"
     }
   ],
   "customMedia": [