@volvo-cars/css 1.43.1 → 1.45.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",
@@ -2498,7 +2507,7 @@
       "name": "heading-1",
       "prefixes": [],
       "declarations": [
-        "font-size: var(--v-font-heading-1-size)",
+        "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-weight: var(--v-font-heading-1-weight)",
         "line-height: var(--v-font-heading-1-lineheight)",
         "text-wrap: balance"
@@ -2509,7 +2518,7 @@
       "name": "heading-2",
       "prefixes": [],
       "declarations": [
-        "font-size: var(--v-font-heading-2-size)",
+        "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-weight: var(--v-font-heading-2-weight)",
         "line-height: var(--v-font-heading-2-lineheight)",
         "text-wrap: balance"
@@ -2520,7 +2529,7 @@
       "name": "heading-3",
       "prefixes": [],
       "declarations": [
-        "font-size: var(--v-font-heading-3-size)",
+        "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-weight: var(--v-font-heading-3-weight)",
         "line-height: var(--v-font-heading-3-lineheight)",
         "text-wrap: balance"
@@ -2718,6 +2727,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": [],
@@ -2804,7 +2822,7 @@
       "name": "statement-1",
       "prefixes": [],
       "declarations": [
-        "font-size: var(--v-font-statement-1-size)",
+        "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-weight: var(--v-font-statement-1-weight)",
         "line-height: var(--v-font-statement-1-lineheight)",
         "text-wrap: balance"
@@ -2815,7 +2833,7 @@
       "name": "statement-2",
       "prefixes": [],
       "declarations": [
-        "font-size: var(--v-font-statement-2-size)",
+        "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-weight: var(--v-font-statement-2-weight)",
         "line-height: var(--v-font-statement-2-lineheight)",
         "text-wrap: balance"
@@ -2826,7 +2844,7 @@
       "name": "statement-3",
       "prefixes": [],
       "declarations": [
-        "font-size: var(--v-font-statement-3-size)",
+        "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-weight: var(--v-font-statement-3-weight)",
         "line-height: var(--v-font-statement-3-lineheight)",
         "text-wrap: balance"
@@ -2838,7 +2856,7 @@
       "prefixes": [],
       "declarations": [
         "font-family: var(--v-font-broad-family)",
-        "font-size: var(--v-font-statement-signature-size)",
+        "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-weight: var(--v-font-statement-signature-weight)",
         "line-height: var(--v-font-statement-signature-lineheight)",
         "text-wrap: balance",
@@ -3007,6 +3025,33 @@
       ],
       "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": "button-group",
       "prefixes": [],
@@ -3712,7 +3757,9 @@
     },
     {
       "name": "bg-secondary",
-      "prefixes": [],
+      "prefixes": [
+        "odd"
+      ],
       "declarations": [
         "--background-color: var(--v-color-background-secondary)",
         "background-color: var(--background-color)"
@@ -3804,6 +3851,15 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "bg-accent-blue-medium",
+      "prefixes": [
+        "expanded",
+        "selected"
+      ],
+      "declarations": [],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "border-0",
       "prefixes": [
@@ -10536,6 +10592,14 @@
         "z-index: var(--v-index-deep)"
       ],
       "layer": "volvo.utilities"
+    },
+    {
+      "name": "bg-primary-subtle",
+      "prefixes": [
+        "hover"
+      ],
+      "declarations": [],
+      "layer": "volvo.utilities"
     }
   ],
   "tokens": [
@@ -11116,7 +11180,7 @@
       "property": "family",
       "variant": "sans",
       "meta": {},
-      "value": "'Volvo Novum', 'Helvetica Neue', 'Helvetica',\n    'Noto Sans', 'Segoe UI', 'Arial', sans-serif"
+      "value": "'Volvo Novum', 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Segoe UI',\n    'Arial', sans-serif"
     },
     {
       "css": "--v-font-broad-family",
@@ -11318,7 +11382,7 @@
       "variant": "1",
       "category": "heading",
       "meta": {},
-      "value": "var(--v-font-heading-1-weight)\n    var(--v-font-heading-1-size) / var(--v-font-heading-1-lineheight)\n    var(--v-font-sans-family)"
+      "value": "var(--v-font-heading-1-weight) var(--v-font-heading-1-size) /\n    var(--v-font-heading-1-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-heading-2-weight",
@@ -11373,7 +11437,7 @@
       "variant": "2",
       "category": "heading",
       "meta": {},
-      "value": "var(--v-font-heading-2-weight)\n    var(--v-font-heading-2-size) / var(--v-font-heading-2-lineheight)\n    var(--v-font-sans-family)"
+      "value": "var(--v-font-heading-2-weight) var(--v-font-heading-2-size) /\n    var(--v-font-heading-2-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-heading-3-weight",
@@ -11428,7 +11492,7 @@
       "variant": "3",
       "category": "heading",
       "meta": {},
-      "value": "var(--v-font-heading-3-weight)\n    var(--v-font-heading-3-size) / var(--v-font-heading-3-lineheight)\n    var(--v-font-sans-family)"
+      "value": "var(--v-font-heading-3-weight) var(--v-font-heading-3-size) /\n    var(--v-font-heading-3-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-1-weight",
@@ -11483,7 +11547,7 @@
       "variant": "1",
       "category": "statement",
       "meta": {},
-      "value": "var(--v-font-statement-1-weight)\n    var(--v-font-statement-1-size) / var(--v-font-statement-1-lineheight)\n    var(--v-font-sans-family)"
+      "value": "var(--v-font-statement-1-weight) var(--v-font-statement-1-size) /\n    var(--v-font-statement-1-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-2-weight",
@@ -11538,7 +11602,7 @@
       "variant": "2",
       "category": "statement",
       "meta": {},
-      "value": "var(--v-font-statement-2-weight)\n    var(--v-font-statement-2-size) / var(--v-font-statement-2-lineheight)\n    var(--v-font-sans-family)"
+      "value": "var(--v-font-statement-2-weight) var(--v-font-statement-2-size) /\n    var(--v-font-statement-2-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-3-weight",
@@ -11593,7 +11657,7 @@
       "variant": "3",
       "category": "statement",
       "meta": {},
-      "value": "var(--v-font-statement-3-weight)\n    var(--v-font-statement-3-size) / var(--v-font-statement-3-lineheight)\n    var(--v-font-sans-family)"
+      "value": "var(--v-font-statement-3-weight) var(--v-font-statement-3-size) /\n    var(--v-font-statement-3-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-signature-weight",