@volvo-cars/css 1.44.0 → 1.46.0

package/dist/meta.json

@@ -176,6 +176,7 @@
     "basis-sm",
     "basis-xl",
     "basis-xs",
+    "bg-accent-blue-medium",
     "bg-always-black",
     "bg-always-white",
     "bg-feedback-gray",
@@ -184,6 +185,7 @@
     "bg-feedback-red",
     "bg-inherit",
     "bg-primary",
+    "bg-primary-subtle",
     "bg-secondary",
     "bg-surface-accent-blue",
     "bg-surface-feedback-green",
@@ -285,6 +287,7 @@
     "dialog-large",
     "dialog-small",
     "dialog__close",
+    "double-range",
     "empty:hidden",
     "empty:invisible",
     "end-0",
@@ -300,6 +303,7 @@
     "end-8",
     "end-auto",
     "end-full",
+    "expanded:bg-accent-blue-medium",
     "expanded:border-accent-blue",
     "expanded:border-primary",
     "fade-in",
@@ -386,6 +390,7 @@
     "heading-2",
     "heading-3",
     "hidden",
+    "hover:bg-primary-subtle",
     "hover:border-primary",
     "hover:scale-zoomed",
     "hover:text-primary",
@@ -1498,6 +1503,7 @@
     "object-contain",
     "object-cover",
     "object-fill",
+    "odd:bg-secondary",
     "opacity-0",
     "open:border-primary",
     "overflow-auto",
@@ -1626,6 +1632,7 @@
     "reel",
     "reel-indicators",
     "relative",
+    "resize-handle",
     "rotate-0",
     "rotate-180",
     "rotate-90",
@@ -1662,6 +1669,7 @@
     "scale-zoomed",
     "scrollbar-none",
     "selectable-card",
+    "selected:bg-accent-blue-medium",
     "selected:bg-surface-neutral",
     "selected:border",
     "selected:border-2",
@@ -1722,6 +1730,7 @@
     "tab-selected:border-2",
     "tab-selected:border-accent-blue",
     "tab-selected:border-primary",
+    "table",
     "tablist",
     "tablist-stretched",
     "tap-area",
@@ -1740,6 +1749,7 @@
     "text-secondary",
     "text-start",
     "text-wrap",
+    "title",
     "toast-message",
     "toggle-group-button",
     "tooltip",
@@ -2292,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)",
@@ -2314,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)",
@@ -2338,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)",
@@ -2370,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)",
@@ -2396,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)",
@@ -2498,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"
@@ -2509,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"
@@ -2520,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"
@@ -2587,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)",
@@ -2613,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)",
@@ -2640,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)",
@@ -2718,6 +2728,15 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "double-range",
+      "prefixes": [],
+      "declarations": [
+        "--range-thumb-width: 1.5rem",
+        "--_range-gradient-direction: to right"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "selectable-card",
       "prefixes": [],
@@ -2732,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",
@@ -2804,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"
@@ -2815,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"
@@ -2826,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"
@@ -2838,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",
@@ -2857,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"
@@ -2875,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"
@@ -2889,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",
@@ -2970,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"
     },
@@ -3007,6 +3025,46 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "table",
+      "prefixes": [],
+      "declarations": [
+        "border-collapse: collapse",
+        "background-color: var(--v-color-background-primary)"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "resize-handle",
+      "prefixes": [],
+      "declarations": [
+        "inset-inline-end: 0",
+        "width: var(--v-space-20)",
+        "touch-action: none",
+        "cursor: col-resize",
+        "user-select: none",
+        "justify-content: center",
+        "align-items: center",
+        "height: 100%",
+        "display: flex",
+        "position: absolute",
+        "top: 0"
+      ],
+      "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": [],
@@ -3025,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"
@@ -3039,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"
@@ -3053,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"
@@ -3067,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"
@@ -3081,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"
@@ -3095,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"
@@ -3108,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"
     },
@@ -3290,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",
@@ -3304,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",
@@ -3318,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",
@@ -3333,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",
@@ -3352,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"
     },
@@ -3712,7 +3770,9 @@
     },
     {
       "name": "bg-secondary",
-      "prefixes": [],
+      "prefixes": [
+        "odd"
+      ],
       "declarations": [
         "--background-color: var(--v-color-background-secondary)",
         "background-color: var(--background-color)"
@@ -3804,6 +3864,15 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "bg-accent-blue-medium",
+      "prefixes": [
+        "expanded",
+        "selected"
+      ],
+      "declarations": [],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "border-0",
       "prefixes": [
@@ -4194,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"
     },
@@ -4205,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"
     },
@@ -4837,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"
       ],
@@ -10120,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"
     },
@@ -10130,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"
     },
@@ -10140,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"
@@ -10151,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"
@@ -10162,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"
@@ -10173,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"
@@ -10184,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"
@@ -10195,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"
@@ -10206,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"
@@ -10217,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"
@@ -10536,6 +10605,14 @@
         "z-index: var(--v-index-deep)"
       ],
       "layer": "volvo.utilities"
+    },
+    {
+      "name": "bg-primary-subtle",
+      "prefixes": [
+        "hover"
+      ],
+      "declarations": [],
+      "layer": "volvo.utilities"
     }
   ],
   "tokens": [
@@ -11872,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)"
     },
     {
@@ -12003,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",
@@ -12013,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",
@@ -12023,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",
@@ -12033,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",
@@ -12043,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",
@@ -12053,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",
@@ -12081,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",
@@ -12091,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": [