@volvo-cars/css 0.51.0 → 0.53.0

package/dist/meta.json

@@ -131,6 +131,9 @@
     "flex-shrink",
     "flex-shrink-0",
     "flex-wrap",
+    "font-16",
+    "font-20",
+    "font-24",
     "font-light",
     "font-medium",
     "gap-0",
@@ -187,6 +190,9 @@
     "icon-button-outlined",
     "icon-mask",
     "icon-sprite",
+    "img",
+    "input",
+    "input-floating-label",
     "invisible",
     "items-center",
     "items-end",
@@ -221,6 +227,9 @@
     "lg:flex-shrink",
     "lg:flex-shrink-0",
     "lg:flex-wrap",
+    "lg:font-16",
+    "lg:font-20",
+    "lg:font-24",
     "lg:gap-0",
     "lg:gap-16",
     "lg:gap-24",
@@ -288,6 +297,8 @@
     "lg:max-h-64",
     "lg:max-h-8",
     "lg:max-h-full",
+    "lg:max-w-fit",
+    "lg:max-w-min",
     "lg:mb-0",
     "lg:mb-16",
     "lg:mb-24",
@@ -308,6 +319,9 @@
     "lg:min-h-64",
     "lg:min-h-8",
     "lg:min-h-full",
+    "lg:min-w-0",
+    "lg:min-w-fit",
+    "lg:min-w-min",
     "lg:ml-0",
     "lg:ml-16",
     "lg:ml-24",
@@ -449,6 +463,17 @@
     "lg:title-20",
     "lg:title-24",
     "lg:until-xl:hidden",
+    "lg:w-0",
+    "lg:w-16",
+    "lg:w-24",
+    "lg:w-32",
+    "lg:w-40",
+    "lg:w-48",
+    "lg:w-64",
+    "lg:w-8",
+    "lg:w-fit",
+    "lg:w-full",
+    "lg:w-min",
     "link-current:border",
     "link-current:border-2",
     "link-current:border-accent-blue",
@@ -475,6 +500,8 @@
     "max-h-64",
     "max-h-8",
     "max-h-full",
+    "max-w-fit",
+    "max-w-min",
     "max-w-prose",
     "mb-0",
     "mb-16",
@@ -507,6 +534,9 @@
     "md:flex-shrink",
     "md:flex-shrink-0",
     "md:flex-wrap",
+    "md:font-16",
+    "md:font-20",
+    "md:font-24",
     "md:gap-0",
     "md:gap-16",
     "md:gap-24",
@@ -574,6 +604,8 @@
     "md:max-h-64",
     "md:max-h-8",
     "md:max-h-full",
+    "md:max-w-fit",
+    "md:max-w-min",
     "md:mb-0",
     "md:mb-16",
     "md:mb-24",
@@ -594,6 +626,9 @@
     "md:min-h-64",
     "md:min-h-8",
     "md:min-h-full",
+    "md:min-w-0",
+    "md:min-w-fit",
+    "md:min-w-min",
     "md:ml-0",
     "md:ml-16",
     "md:ml-24",
@@ -736,6 +771,17 @@
     "md:title-24",
     "md:until-lg:hidden",
     "md:until-xl:hidden",
+    "md:w-0",
+    "md:w-16",
+    "md:w-24",
+    "md:w-32",
+    "md:w-40",
+    "md:w-48",
+    "md:w-64",
+    "md:w-8",
+    "md:w-fit",
+    "md:w-full",
+    "md:w-min",
     "micro",
     "min-h-0",
     "min-h-16",
@@ -745,6 +791,9 @@
     "min-h-64",
     "min-h-8",
     "min-h-full",
+    "min-w-0",
+    "min-w-fit",
+    "min-w-min",
     "ml-0",
     "ml-16",
     "ml-24",
@@ -1063,6 +1112,8 @@
     "xl:max-h-64",
     "xl:max-h-8",
     "xl:max-h-full",
+    "xl:max-w-fit",
+    "xl:max-w-min",
     "xl:mb-0",
     "xl:mb-16",
     "xl:mb-24",
@@ -1083,6 +1134,9 @@
     "xl:min-h-64",
     "xl:min-h-8",
     "xl:min-h-full",
+    "xl:min-w-0",
+    "xl:min-w-fit",
+    "xl:min-w-min",
     "xl:ml-0",
     "xl:ml-16",
     "xl:ml-24",
@@ -1221,6 +1275,17 @@
     "xl:text-center",
     "xl:text-end",
     "xl:text-start",
+    "xl:w-0",
+    "xl:w-16",
+    "xl:w-24",
+    "xl:w-32",
+    "xl:w-40",
+    "xl:w-48",
+    "xl:w-64",
+    "xl:w-8",
+    "xl:w-fit",
+    "xl:w-full",
+    "xl:w-min",
     "z-deep",
     "z-default",
     "z-navigation",
@@ -1545,9 +1610,9 @@
         "z-index: var(--v-index-overlay)",
         "padding-block: var(--v-space-48)",
         "padding-inline: var(--v-space-24)",
+        "margin: auto",
         "color: var(--v-color-foreground-primary)",
         "background-color: var(--v-color-background-secondary)",
-        "margin: auto",
         "width: 100%",
         "max-width: 100%",
         "height: fit-content",
@@ -1567,8 +1632,8 @@
       "name": "dialog__close",
       "prefixes": [],
       "declarations": [
-        "height: var(--v-space-48)",
         "top: 0",
+        "height: var(--v-space-48)",
         "justify-content: flex-end",
         "align-items: center",
         "display: flex",
@@ -1723,6 +1788,21 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "img",
+      "prefixes": [],
+      "declarations": [
+        "object-fit: cover",
+        "shape-margin: .75rem",
+        "background-repeat: no-repeat",
+        "background-size: cover",
+        "max-width: 100%",
+        "height: auto",
+        "font-style: italic",
+        "display: block"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "v-label",
       "prefixes": [],
@@ -1753,6 +1833,26 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "input",
+      "prefixes": [],
+      "declarations": [
+        "padding: var(--v-space-16)",
+        "background-color: var(--_input-background-color, var(--v-color-background-primary))",
+        "border-radius: var(--v-radius-4)",
+        "box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-ornament-primary))",
+        "transition: box-shadow var(--v-transition-default)",
+        "outline: none",
+        "height: 3rem",
+        "width: 100%",
+        "--_bg-pos-x: var(--_rtl-toggle) left",
+        "background-image: var(--_icon-chevrondown)",
+        "background-repeat: no-repeat",
+        "background-position: center var(--_bg-pos-x, right) var(--v-space-16)",
+        "background-size: 1rem 1rem"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "v-input-floating-label",
       "prefixes": [],
@@ -1762,9 +1862,32 @@
         "z-index: 1",
         "color: var(--v-color-foreground-secondary)",
         "pointer-events: none",
+        "top: 0",
         "transition: transform var(--v-transition-default)",
         "transform-origin: var(--_transform-origin, 0)",
+        "position: absolute",
+        "inset-inline-start: var(--v-space-16)",
+        "transform: translateY(5px)scale(.75)",
+        "color: var(--v-color-foreground-feedback-red)",
+        "height: 3.5rem",
+        "padding-top: 1.625rem",
+        "padding-bottom: .625rem",
+        "--stack-gap: var(--v-space-32)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "input-floating-label",
+      "prefixes": [],
+      "declarations": [
+        "position: relative",
+        "--_transform-origin: var(--_rtl-toggle) 100%",
+        "z-index: 1",
+        "color: var(--v-color-foreground-secondary)",
+        "pointer-events: none",
         "top: 0",
+        "transition: transform var(--v-transition-default)",
+        "transform-origin: var(--_transform-origin, 0)",
         "position: absolute",
         "inset-inline-start: var(--v-space-16)",
         "transform: translateY(5px)scale(.75)",
@@ -1879,15 +2002,6 @@
       ],
       "layer": "volvo.layout"
     },
-    {
-      "name": "w-xs",
-      "prefixes": [],
-      "declarations": [
-        "--_columns-total-width: var(--v-size-grid-xs)",
-        "width: var(--_columns-total-width)"
-      ],
-      "layer": "volvo.layout"
-    },
     {
       "name": "container-xs",
       "prefixes": [],
@@ -1895,6 +2009,7 @@
         "--_columns-total-width: var(--v-size-grid-xs)",
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -1902,15 +2017,6 @@
       ],
       "layer": "volvo.layout"
     },
-    {
-      "name": "w-sm",
-      "prefixes": [],
-      "declarations": [
-        "--_columns-total-width: var(--v-size-grid-sm)",
-        "width: var(--_columns-total-width)"
-      ],
-      "layer": "volvo.layout"
-    },
     {
       "name": "container-sm",
       "prefixes": [],
@@ -1918,6 +2024,7 @@
         "--_columns-total-width: var(--v-size-grid-sm)",
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -1925,15 +2032,6 @@
       ],
       "layer": "volvo.layout"
     },
-    {
-      "name": "w-md",
-      "prefixes": [],
-      "declarations": [
-        "--_columns-total-width: var(--v-size-grid-md)",
-        "width: var(--_columns-total-width)"
-      ],
-      "layer": "volvo.layout"
-    },
     {
       "name": "container-md",
       "prefixes": [],
@@ -1941,6 +2039,7 @@
         "--_columns-total-width: var(--v-size-grid-md)",
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -1948,15 +2047,6 @@
       ],
       "layer": "volvo.layout"
     },
-    {
-      "name": "w-lg",
-      "prefixes": [],
-      "declarations": [
-        "--_columns-total-width: var(--v-size-grid-lg)",
-        "width: var(--_columns-total-width)"
-      ],
-      "layer": "volvo.layout"
-    },
     {
       "name": "container-lg",
       "prefixes": [],
@@ -1964,6 +2054,7 @@
         "--_columns-total-width: var(--v-size-grid-lg)",
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -1971,15 +2062,6 @@
       ],
       "layer": "volvo.layout"
     },
-    {
-      "name": "w-xl",
-      "prefixes": [],
-      "declarations": [
-        "--_columns-total-width: var(--v-size-grid-xl)",
-        "width: var(--_columns-total-width)"
-      ],
-      "layer": "volvo.layout"
-    },
     {
       "name": "container",
       "prefixes": [],
@@ -1987,6 +2069,7 @@
         "--_columns-total-width: var(--v-size-grid-xl)",
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -2001,6 +2084,7 @@
         "--_columns-total-width: var(--v-size-grid-xl)",
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -2014,6 +2098,7 @@
       "declarations": [
         "--_outer-margin: 0px",
         "max-width: min(80rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))",
+        "scroll-padding-inline: calc(var(--_outer-margin) / 2)",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -2035,9 +2120,12 @@
       "prefixes": [],
       "declarations": [
         "scroll-snap-type: x mandatory",
-        "scrollbar-width: none",
+        "scroll-snap-stop: always",
+        "scroll-behavior: smooth",
+        "overscroll-behavior-x: contain",
+        "touch-action: manipulation",
         "display: flex",
-        "overflow: scroll hidden"
+        "overflow: auto hidden"
       ],
       "layer": "volvo.layout"
     },
@@ -2047,9 +2135,10 @@
       "declarations": [
         "flex-direction: row",
         "justify-content: center",
-        "column-gap: 4px",
-        "margin-block: 32px",
+        "column-gap: .25rem",
+        "margin-block: 2rem",
         "display: flex",
+        "display: none",
         "background-color: var(--v-color-ornament-primary)",
         "border-radius: 9999px",
         "width: .5rem",
@@ -2176,7 +2265,9 @@
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-16)",
         "font-size: var(--v-font-title-20-size)",
-        "line-height: var(--v-font-title-20-lineheight)"
+        "line-height: var(--v-font-title-20-lineheight)",
+        "font-size: var(--v-font-20-size)",
+        "line-height: var(--v-font-20-lineheight)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2224,7 +2315,9 @@
         "--stack-gap: var(--v-space-4)",
         "--stack-gap: var(--v-space-16)",
         "font-size: var(--v-font-title-24-size)",
-        "line-height: var(--v-font-title-24-lineheight)"
+        "line-height: var(--v-font-title-24-lineheight)",
+        "font-size: var(--v-font-24-size)",
+        "line-height: var(--v-font-24-lineheight)"
       ],
       "layer": "volvo.utilities"
     },
@@ -3094,6 +3187,46 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "font-24",
+      "prefixes": [
+        "lg",
+        "md"
+      ],
+      "declarations": [
+        "font-size: var(--v-font-title-24-size)",
+        "line-height: var(--v-font-title-24-lineheight)",
+        "font-size: var(--v-font-24-size)",
+        "line-height: var(--v-font-24-lineheight)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "font-20",
+      "prefixes": [
+        "lg",
+        "md"
+      ],
+      "declarations": [
+        "font-size: var(--v-font-title-20-size)",
+        "line-height: var(--v-font-title-20-lineheight)",
+        "font-size: var(--v-font-20-size)",
+        "line-height: var(--v-font-20-lineheight)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "font-16",
+      "prefixes": [
+        "lg",
+        "md"
+      ],
+      "declarations": [
+        "font-size: var(--v-font-16-size)",
+        "line-height: var(--v-font-16-lineheight)"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "font-light",
       "prefixes": [],
@@ -6273,7 +6406,11 @@
     },
     {
       "name": "w-0",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 0"
       ],
@@ -6281,7 +6418,11 @@
     },
     {
       "name": "w-8",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: .5rem"
       ],
@@ -6289,7 +6430,11 @@
     },
     {
       "name": "w-16",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 1rem"
       ],
@@ -6297,7 +6442,11 @@
     },
     {
       "name": "w-24",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 1.5rem"
       ],
@@ -6305,7 +6454,11 @@
     },
     {
       "name": "w-32",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 2rem"
       ],
@@ -6313,7 +6466,11 @@
     },
     {
       "name": "w-40",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 2.5rem"
       ],
@@ -6321,7 +6478,11 @@
     },
     {
       "name": "w-48",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 3rem"
       ],
@@ -6329,7 +6490,11 @@
     },
     {
       "name": "w-64",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 4rem"
       ],
@@ -6337,7 +6502,11 @@
     },
     {
       "name": "w-full",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: 100%"
       ],
@@ -6345,7 +6514,11 @@
     },
     {
       "name": "w-min",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: min-content"
       ],
@@ -6353,12 +6526,116 @@
     },
     {
       "name": "w-fit",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
         "width: fit-content"
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "min-w-0",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-width: 0"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-w-fit",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-width: fit-content"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "min-w-min",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "min-width: min-content"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-w-fit",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-width: fit-content"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "max-w-min",
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
+      "declarations": [
+        "max-width: min-content"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "w-xs",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--v-size-grid-xs)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "w-sm",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--v-size-grid-sm)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "w-md",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--v-size-grid-md)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "w-lg",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--v-size-grid-lg)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "w-xl",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--v-size-grid-xl)"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "z-spinner",
       "prefixes": [],
@@ -6725,6 +7002,52 @@
       "meta": {},
       "value": "500"
     },
+    {
+      "css": "--v-font-24-size",
+      "type": "font",
+      "property": "size",
+      "variant": "24",
+      "meta": {},
+      "value": "1.5rem"
+    },
+    {
+      "css": "--v-font-24-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "24",
+      "meta": {},
+      "value": "1.334"
+    },
+    {
+      "css": "--v-font-24",
+      "type": "font",
+      "variant": "24",
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-24-size) /\n    var(--v-font-24-lineheight) var(--v-font-sans-family)"
+    },
+    {
+      "css": "--v-font-20-size",
+      "type": "font",
+      "property": "size",
+      "variant": "20",
+      "meta": {},
+      "value": "1.25rem"
+    },
+    {
+      "css": "--v-font-20-lineheight",
+      "type": "font",
+      "property": "lineheight",
+      "variant": "20",
+      "meta": {},
+      "value": "1.4"
+    },
+    {
+      "css": "--v-font-20",
+      "type": "font",
+      "variant": "20",
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-20-size) /\n    var(--v-font-20-lineheight) var(--v-font-sans-family)"
+    },
     {
       "css": "--v-font-16-size",
       "type": "font",
@@ -7122,7 +7445,9 @@
       "property": "size",
       "variant": "24",
       "category": "title",
-      "meta": {},
+      "meta": {
+        "deprecated": "Use --v-font-24-size instead."
+      },
       "value": "1.5rem"
     },
     {