@volvo-cars/css 0.42.0 → 0.44.0

package/dist/meta.json

@@ -30,15 +30,18 @@
     "-my-8",
     "-rotate-90",
     "active:scale-pressed",
+    "aspect-1/1",
+    "aspect-16/9",
+    "aspect-2/3",
+    "aspect-21/9",
+    "aspect-3/2",
+    "aspect-4/3",
+    "aspect-4/5",
+    "aspect-9/16",
     "backdrop",
-    "bg-accent-blue",
     "bg-always-black",
     "bg-always-white",
-    "bg-feedback-green",
-    "bg-feedback-orange",
-    "bg-feedback-red",
     "bg-inherit",
-    "bg-neutral",
     "bg-primary",
     "bg-secondary",
     "bg-surface-accent-blue",
@@ -189,6 +192,14 @@
     "justify-end",
     "justify-evenly",
     "justify-start",
+    "lg:aspect-1/1",
+    "lg:aspect-16/9",
+    "lg:aspect-2/3",
+    "lg:aspect-21/9",
+    "lg:aspect-3/2",
+    "lg:aspect-4/3",
+    "lg:aspect-4/5",
+    "lg:aspect-9/16",
     "lg:flex",
     "lg:flex-col",
     "lg:flex-col-reverse",
@@ -227,6 +238,14 @@
     "lg:gap-y-l",
     "lg:gap-y-m",
     "lg:gap-y-s",
+    "lg:h-0",
+    "lg:h-16",
+    "lg:h-24",
+    "lg:h-32",
+    "lg:h-48",
+    "lg:h-64",
+    "lg:h-8",
+    "lg:h-full",
     "lg:hidden",
     "lg:items-center",
     "lg:items-end",
@@ -247,6 +266,14 @@
     "lg:m-64",
     "lg:m-8",
     "lg:m-auto",
+    "lg:max-h-0",
+    "lg:max-h-16",
+    "lg:max-h-24",
+    "lg:max-h-32",
+    "lg:max-h-48",
+    "lg:max-h-64",
+    "lg:max-h-8",
+    "lg:max-h-full",
     "lg:mb-0",
     "lg:mb-16",
     "lg:mb-24",
@@ -259,6 +286,14 @@
     "lg:mb-l",
     "lg:mb-m",
     "lg:mb-s",
+    "lg:min-h-0",
+    "lg:min-h-16",
+    "lg:min-h-24",
+    "lg:min-h-32",
+    "lg:min-h-48",
+    "lg:min-h-64",
+    "lg:min-h-8",
+    "lg:min-h-full",
     "lg:ml-0",
     "lg:ml-16",
     "lg:ml-24",
@@ -413,6 +448,14 @@
     "m-64",
     "m-8",
     "m-auto",
+    "max-h-0",
+    "max-h-16",
+    "max-h-24",
+    "max-h-32",
+    "max-h-48",
+    "max-h-64",
+    "max-h-8",
+    "max-h-full",
     "max-w-prose",
     "mb-0",
     "mb-16",
@@ -426,6 +469,14 @@
     "mb-l",
     "mb-m",
     "mb-s",
+    "md:aspect-1/1",
+    "md:aspect-16/9",
+    "md:aspect-2/3",
+    "md:aspect-21/9",
+    "md:aspect-3/2",
+    "md:aspect-4/3",
+    "md:aspect-4/5",
+    "md:aspect-9/16",
     "md:flex",
     "md:flex-col",
     "md:flex-col-reverse",
@@ -464,6 +515,14 @@
     "md:gap-y-l",
     "md:gap-y-m",
     "md:gap-y-s",
+    "md:h-0",
+    "md:h-16",
+    "md:h-24",
+    "md:h-32",
+    "md:h-48",
+    "md:h-64",
+    "md:h-8",
+    "md:h-full",
     "md:hidden",
     "md:items-center",
     "md:items-end",
@@ -484,6 +543,14 @@
     "md:m-64",
     "md:m-8",
     "md:m-auto",
+    "md:max-h-0",
+    "md:max-h-16",
+    "md:max-h-24",
+    "md:max-h-32",
+    "md:max-h-48",
+    "md:max-h-64",
+    "md:max-h-8",
+    "md:max-h-full",
     "md:mb-0",
     "md:mb-16",
     "md:mb-24",
@@ -496,6 +563,14 @@
     "md:mb-l",
     "md:mb-m",
     "md:mb-s",
+    "md:min-h-0",
+    "md:min-h-16",
+    "md:min-h-24",
+    "md:min-h-32",
+    "md:min-h-48",
+    "md:min-h-64",
+    "md:min-h-8",
+    "md:min-h-full",
     "md:ml-0",
     "md:ml-16",
     "md:ml-24",
@@ -634,6 +709,14 @@
     "md:until-lg:hidden",
     "md:until-xl:hidden",
     "micro",
+    "min-h-0",
+    "min-h-16",
+    "min-h-24",
+    "min-h-32",
+    "min-h-48",
+    "min-h-64",
+    "min-h-8",
+    "min-h-full",
     "ml-0",
     "ml-16",
     "ml-24",
@@ -688,6 +771,9 @@
     "my-l",
     "my-m",
     "my-s",
+    "object-contain",
+    "object-cover",
+    "object-fill",
     "overflow-auto",
     "overflow-hidden",
     "overflow-scroll",
@@ -864,6 +950,14 @@
     "w-sm",
     "w-xs",
     "wordmark",
+    "xl:aspect-1/1",
+    "xl:aspect-16/9",
+    "xl:aspect-2/3",
+    "xl:aspect-21/9",
+    "xl:aspect-3/2",
+    "xl:aspect-4/3",
+    "xl:aspect-4/5",
+    "xl:aspect-9/16",
     "xl:flex",
     "xl:flex-col",
     "xl:flex-col-reverse",
@@ -902,6 +996,14 @@
     "xl:gap-y-l",
     "xl:gap-y-m",
     "xl:gap-y-s",
+    "xl:h-0",
+    "xl:h-16",
+    "xl:h-24",
+    "xl:h-32",
+    "xl:h-48",
+    "xl:h-64",
+    "xl:h-8",
+    "xl:h-full",
     "xl:hidden",
     "xl:items-center",
     "xl:items-end",
@@ -922,6 +1024,14 @@
     "xl:m-64",
     "xl:m-8",
     "xl:m-auto",
+    "xl:max-h-0",
+    "xl:max-h-16",
+    "xl:max-h-24",
+    "xl:max-h-32",
+    "xl:max-h-48",
+    "xl:max-h-64",
+    "xl:max-h-8",
+    "xl:max-h-full",
     "xl:mb-0",
     "xl:mb-16",
     "xl:mb-24",
@@ -934,6 +1044,14 @@
     "xl:mb-l",
     "xl:mb-m",
     "xl:mb-s",
+    "xl:min-h-0",
+    "xl:min-h-16",
+    "xl:min-h-24",
+    "xl:min-h-32",
+    "xl:min-h-48",
+    "xl:min-h-64",
+    "xl:min-h-8",
+    "xl:min-h-full",
     "xl:ml-0",
     "xl:ml-16",
     "xl:ml-24",
@@ -1225,22 +1343,22 @@
         "text-align: start",
         "--_arrow-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.96' fill-rule='evenodd' d='m2.728 10 4-4-4-4L4 .729 9.273 6 4 11.273l-1.272-1.272Z' clip-rule='evenodd'/%3E%3C/svg%3E\")",
         "mask: var(--_arrow-icon)",
+        "transition: rotate var(--_v-transition-speed-default) ease",
         "rotate: var(--_arrow-rotation)",
         "flex-shrink: 0",
         "width: .75em",
         "height: .75em",
         "margin-top: .125rem",
-        "transition: translate .1s",
         "mask-size: cover",
         "width: .5rem",
         "height: .5rem",
         "background-color: currentColor",
         "margin-inline-start: var(--v-space-4)",
         "margin-inline-end: var(--v-space-4)",
-        "--_rtl-arrow-rotation: var(--_rtl-toggle) -180deg",
+        "--_rtl-arrow-rotation: var(--_rtl-toggle) 180deg",
         "--_arrow-rotation: var(--_rtl-arrow-rotation, 0deg)",
         "--_rtl-arrow-rotation: var(--_rtl-toggle) 0deg",
-        "--_arrow-rotation: var(--_rtl-arrow-rotation, -180deg)",
+        "--_arrow-rotation: var(--_rtl-arrow-rotation, 180deg)",
         "--_arrow-rotation: 90deg",
         "--_arrow-rotation: -90deg",
         "margin-inline-start: var(--v-space-8)",
@@ -1687,7 +1805,7 @@
       "name": "backdrop",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--_v-color-black-64)",
+        "background-color: #000000a3",
         "z-index: calc(var(--v-index-overlay)  - 1)",
         "justify-content: center",
         "align-items: center",
@@ -2127,140 +2245,191 @@
       "layer": "volvo.blocks"
     },
     {
-      "name": "bg-inherit",
-      "prefixes": [],
+      "name": "aspect-1/1",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
-        "background-color: inherit"
+        "aspect-ratio: 1"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-transparent",
-      "prefixes": [],
+      "name": "aspect-4/5",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
-        "background-color: #0000"
+        "aspect-ratio: 4 / 5"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-always-black",
-      "prefixes": [],
+      "name": "aspect-2/3",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
-        "--background-color: var(--v-color-always-black)",
-        "background-color: var(--background-color)"
+        "aspect-ratio: 2 / 3"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-always-white",
-      "prefixes": [],
+      "name": "aspect-9/16",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
-        "--background-color: var(--v-color-always-white)",
-        "background-color: var(--background-color)"
+        "aspect-ratio: 9 / 16"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-primary",
-      "prefixes": [],
+      "name": "aspect-4/3",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
-        "--background-color: var(--v-color-background-primary)",
-        "background-color: var(--background-color)"
+        "aspect-ratio: 4 / 3"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-secondary",
+      "name": "aspect-3/2",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "aspect-ratio: 3 / 2"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "aspect-16/9",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "aspect-ratio: 16 / 9"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "aspect-21/9",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "aspect-ratio: 21 / 9"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "bg-inherit",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-background-secondary)",
-        "background-color: var(--background-color)"
+        "background-color: inherit"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-surface-neutral",
+      "name": "bg-transparent",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-neutral)",
-        "background-color: var(--background-color)"
+        "background-color: #0000"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-neutral",
+      "name": "bg-always-black",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-neutral)",
+        "--background-color: var(--v-color-always-black)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-surface-accent-blue",
+      "name": "bg-always-white",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-accent-blue)",
+        "--background-color: var(--v-color-always-white)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-accent-blue",
+      "name": "bg-primary",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-accent-blue)",
+        "--background-color: var(--v-color-background-primary)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-surface-feedback-green",
+      "name": "bg-secondary",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-green)",
+        "--background-color: var(--v-color-background-secondary)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-feedback-green",
+      "name": "bg-surface-neutral",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-green)",
+        "--background-color: var(--v-color-surface-neutral)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-surface-feedback-orange",
+      "name": "bg-surface-accent-blue",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-orange)",
+        "--background-color: var(--v-color-surface-accent-blue)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-feedback-orange",
+      "name": "bg-surface-feedback-green",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-orange)",
+        "--background-color: var(--v-color-surface-feedback-green)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-surface-feedback-red",
+      "name": "bg-surface-feedback-orange",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-red)",
+        "--background-color: var(--v-color-surface-feedback-orange)",
         "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "bg-feedback-red",
+      "name": "bg-surface-feedback-red",
       "prefixes": [],
       "declarations": [
         "--background-color: var(--v-color-surface-feedback-red)",
@@ -3188,7 +3357,11 @@
     },
     {
       "name": "h-0",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 0"
       ],
@@ -3196,7 +3369,11 @@
     },
     {
       "name": "h-8",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: .5rem"
       ],
@@ -3204,7 +3381,11 @@
     },
     {
       "name": "h-16",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 1rem"
       ],
@@ -3212,7 +3393,11 @@
     },
     {
       "name": "h-24",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 1.5rem"
       ],
@@ -3220,7 +3405,11 @@
     },
     {
       "name": "h-32",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 2rem"
       ],
@@ -3228,7 +3417,11 @@
     },
     {
       "name": "h-48",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 3rem"
       ],
@@ -3236,7 +3429,11 @@
     },
     {
       "name": "h-64",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 4rem"
       ],
@@ -3244,12 +3441,208 @@
     },
     {
       "name": "h-full",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "height: 100%"
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "min-h-0",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 0"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-8",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: .5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-16",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-24",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-32",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 2rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-48",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 3rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-64",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 4rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-h-full",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-height: 100%"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-0",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 0"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-8",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: .5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-16",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-24",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-32",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 2rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-48",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 3rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-64",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 4rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-h-full",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-height: 100%"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "block",
       "prefixes": [],
@@ -4427,6 +4820,30 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "object-fill",
+      "prefixes": [],
+      "declarations": [
+        "object-fit: fill"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "object-cover",
+      "prefixes": [],
+      "declarations": [
+        "object-fit: cover"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "object-contain",
+      "prefixes": [],
+      "declarations": [
+        "object-fit: contain"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "overflow-auto",
       "prefixes": [
@@ -6536,7 +6953,7 @@
         "description": "Use for primary text and icons."
       },
       "value": [
-        "var(--_v-color-black-96)",
+        "rgb(0 0 0 / 96%)",
         "#ffffff"
       ]
     },
@@ -6549,7 +6966,7 @@
         "description": "Use for secondary text and icons."
       },
       "value": [
-        "var(--_v-color-black-64)",
+        "rgb(0 0 0 / 64%)",
         "rgb(255 255 255 / 64%)"
       ]
     },
@@ -6631,7 +7048,7 @@
         "description": "Use to visually group or separate UI elements."
       },
       "value": [
-        "var(--_v-color-black-16)",
+        "rgb(0 0 0 / 12%)",
         "rgb(255 255 255 / 12%)"
       ]
     },
@@ -6729,6 +7146,48 @@
         "#fafafa",
         "#141414"
       ]
+    },
+    {
+      "css": "--v-color-background-feedback-green",
+      "type": "color",
+      "property": "background",
+      "variant": "green",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for positive and actionable states."
+      },
+      "value": [
+        "#ebf6ee",
+        "#011b07"
+      ]
+    },
+    {
+      "css": "--v-color-background-feedback-orange",
+      "type": "color",
+      "property": "background",
+      "variant": "orange",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for cautionary background states."
+      },
+      "value": [
+        "#fdf4eb",
+        "#291800"
+      ]
+    },
+    {
+      "css": "--v-color-background-feedback-red",
+      "type": "color",
+      "property": "background",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for errors, invalid and destructive background states."
+      },
+      "value": [
+        "#faedec",
+        "#290805"
+      ]
     }
   ],
   "customMedia": [