@volvo-cars/css 0.25.1 → 0.26.0

package/dist/meta.json

@@ -30,6 +30,8 @@
     "border-primary",
     "border-r",
     "border-r-2",
+    "border-ring",
+    "border-ring-2",
     "border-secondary",
     "border-t",
     "border-t-2",
@@ -42,14 +44,31 @@
     "button-group",
     "button-outlined",
     "button-text",
+    "checked:border-accent-blue",
+    "checked:border-primary",
+    "checked:border-ring",
+    "checked:border-ring-2",
     "container",
+    "container-lg",
+    "container-max",
+    "container-md",
+    "container-sm",
+    "container-xl",
+    "container-xs",
+    "current:border-accent-blue",
+    "current:border-primary",
+    "dialog",
     "empty:hidden",
+    "expanded:border-accent-blue",
+    "expanded:border-primary",
     "flex",
     "flex-col",
+    "flex-col-reverse",
     "flex-grow",
     "flex-grow-0",
     "flex-nowrap",
     "flex-row",
+    "flex-row-reverse",
     "flex-shrink",
     "flex-shrink-0",
     "flex-wrap",
@@ -89,6 +108,7 @@
     "heading-2",
     "heading-3",
     "hidden",
+    "hover:border-primary",
     "hyphens",
     "items-center",
     "items-end",
@@ -102,10 +122,12 @@
     "justify-start",
     "lg:flex",
     "lg:flex-col",
+    "lg:flex-col-reverse",
     "lg:flex-grow",
     "lg:flex-grow-0",
     "lg:flex-nowrap",
     "lg:flex-row",
+    "lg:flex-row-reverse",
     "lg:flex-shrink",
     "lg:flex-shrink-0",
     "lg:flex-wrap",
@@ -128,6 +150,7 @@
     "lg:text-end",
     "lg:text-start",
     "lg:until-xl:hidden",
+    "link-inline",
     "m-0",
     "m-16",
     "m-24",
@@ -149,10 +172,12 @@
     "mb-s",
     "md:flex",
     "md:flex-col",
+    "md:flex-col-reverse",
     "md:flex-grow",
     "md:flex-grow-0",
     "md:flex-nowrap",
     "md:flex-row",
+    "md:flex-row-reverse",
     "md:flex-shrink",
     "md:flex-shrink-0",
     "md:flex-wrap",
@@ -212,6 +237,7 @@
     "mx-48",
     "mx-64",
     "mx-8",
+    "mx-auto",
     "my-0",
     "my-16",
     "my-24",
@@ -288,6 +314,12 @@
     "py-l",
     "py-m",
     "py-s",
+    "rounded",
+    "rounded-full",
+    "selected:border-accent-blue",
+    "selected:border-primary",
+    "selected:border-ring",
+    "selected:border-ring-2",
     "self-center",
     "self-end",
     "self-start",
@@ -321,18 +353,27 @@
     "text-start",
     "title-20",
     "title-24",
+    "transition-colors",
     "truncate",
     "until-lg:hidden",
     "until-md:hidden",
     "until-xl:hidden",
+    "v-input",
+    "v-input-delegate",
     "v-input-floating-label",
     "v-input__password-visibility-control",
+    "w-lg",
+    "w-md",
+    "w-sm",
+    "w-xs",
     "xl:flex",
     "xl:flex-col",
+    "xl:flex-col-reverse",
     "xl:flex-grow",
     "xl:flex-grow-0",
     "xl:flex-nowrap",
     "xl:flex-row",
+    "xl:flex-row-reverse",
     "xl:flex-shrink",
     "xl:flex-shrink-0",
     "xl:flex-wrap",
@@ -360,111 +401,21 @@
       "name": "button-group",
       "prefixes": [],
       "declarations": [
-        "row-gap: var(--v-space-16)",
-        "column-gap: var(--v-space-24)",
+        "gap: var(--v-space-16)",
         "flex-wrap: wrap",
-        "justify-content: center",
         "display: flex",
-        "container: button-group / inline-size"
+        "container: button-group / inline-size",
+        "flex: 1 0 40%",
+        "flex: 1 0 40cqw"
       ],
       "layer": "volvo.layout"
     },
-    {
-      "name": "container",
-      "prefixes": [],
-      "declarations": [
-        "width: 100%",
-        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
-        "margin-inline: auto"
-      ],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-s",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-m",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-l",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-4",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-8",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-16",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-24",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-32",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-48",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-64",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "stack-text",
-      "prefixes": [],
-      "declarations": [],
-      "layer": "volvo.layout"
-    },
-    {
-      "name": "statement-3",
-      "prefixes": [],
-      "declarations": [
-        "font: var(--v-font-statement-3)"
-      ],
-      "layer": "volvo.blocks"
-    },
-    {
-      "name": "backdrop",
-      "prefixes": [],
-      "declarations": [
-        "background-color: var(--_v-color-black-64)"
-      ],
-      "layer": "volvo.blocks"
-    },
     {
       "name": "button-filled",
       "prefixes": [],
       "declarations": [
+        "flex: 1 0 40%",
+        "flex: 1 0 40cqw",
         "min-width: max-content",
         "max-width: 100%",
         "height: var(--_height)",
@@ -487,7 +438,7 @@
         "background-color: var(--_background-hover, var(--_background))",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-4)",
-        "padding-inline: min(var(--v-space-16), 4vw)",
+        "padding-inline: var(--v-space-16)",
         "width: 100%",
         "height: 44px",
         "content: \"\"",
@@ -502,6 +453,8 @@
       "name": "button-outlined",
       "prefixes": [],
       "declarations": [
+        "flex: 1 0 40%",
+        "flex: 1 0 40cqw",
         "min-width: max-content",
         "max-width: 100%",
         "height: var(--_height)",
@@ -526,7 +479,7 @@
         "box-shadow: inset 0 0 0 1px var(--_color-disabled)",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-4)",
-        "padding-inline: min(var(--v-space-16), 4vw)",
+        "padding-inline: var(--v-space-16)",
         "width: 100%",
         "height: 44px",
         "content: \"\"",
@@ -541,6 +494,8 @@
       "name": "button-text",
       "prefixes": [],
       "declarations": [
+        "flex: 1 0 40%",
+        "flex: 1 0 40cqw",
         "min-width: max-content",
         "max-width: 100%",
         "height: var(--_height)",
@@ -581,6 +536,239 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "w-xs",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "w-sm",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "w-md",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "w-lg",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container-xs",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container-sm",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container-md",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container-lg",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container-xl",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "container-max",
+      "prefixes": [],
+      "declarations": [
+        "width: 100%",
+        "max-width: var(--_max-calculated-width, var(--_container-calculated-width))",
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-32",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-48",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-64",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-s",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-m",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-l",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "stack-text",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: var(--stack-gap)"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "statement-3",
+      "prefixes": [],
+      "declarations": [
+        "font: var(--v-font-statement-3)"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "backdrop",
+      "prefixes": [],
+      "declarations": [
+        "background-color: var(--_v-color-black-64)"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "dialog",
+      "prefixes": [],
+      "declarations": [
+        "z-index: var(--v-index-overlay)",
+        "width: 100%",
+        "max-width: 100%",
+        "height: fit-content",
+        "max-height: 80vh",
+        "padding-block: var(--v-space-48)",
+        "padding-inline: var(--v-space-24)",
+        "color: var(--v-color-foreground-primary)",
+        "background-color: var(--v-color-background-secondary)",
+        "margin: auto",
+        "margin-bottom: 0",
+        "position: fixed",
+        "inset: 0",
+        "max-width: 496px",
+        "padding: var(--v-space-48)",
+        "margin-bottom: auto"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "heading-1",
       "prefixes": [],
@@ -605,6 +793,12 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "v-input",
+      "prefixes": [],
+      "declarations": [],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "v-input__password-visibility-control",
       "prefixes": [],
@@ -632,7 +826,19 @@
         "top: 0",
         "position: absolute",
         "inset-inline-start: var(--v-space-16)",
-        "transform: translateY(5px)scale(.75)"
+        "transform: translateY(5px)scale(.75)",
+        "height: 3.5rem",
+        "padding-top: 1.625rem",
+        "padding-bottom: .625rem"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "link-inline",
+      "prefixes": [],
+      "declarations": [
+        "color: var(--v-color-foreground-secondary)",
+        "text-decoration-line: underline"
       ],
       "layer": "volvo.blocks"
     },
@@ -758,186 +964,213 @@
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-ornament",
+      "name": "border-t",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-ornament-primary)"
+        "border-top-width: 1px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-always-black",
+      "name": "border-t-2",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-always-black)"
+        "border-top-width: 2px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-always-white",
+      "name": "border-r",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-always-white)"
+        "border-inline-end-width: 1px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-primary",
+      "name": "border-r-2",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-foreground-primary)"
+        "border-inline-end-width: 2px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-secondary",
+      "name": "border-b",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-foreground-secondary)"
+        "border-bottom-width: 1px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-accent-blue",
+      "name": "border-b-2",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-foreground-accent-blue)"
+        "border-bottom-width: 2px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-feedback-green",
+      "name": "border-l",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-foreground-feedback-green)"
+        "border-inline-start-width: 1px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-feedback-orange",
+      "name": "border-l-2",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-foreground-feedback-orange)"
+        "border-inline-start-width: 2px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-feedback-red",
+      "name": "border-x",
       "prefixes": [],
       "declarations": [
-        "border-color: var(--v-color-foreground-feedback-red)"
+        "border-inline-width: 1px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-transparent",
+      "name": "border-x-2",
       "prefixes": [],
       "declarations": [
-        "border-color: #0000"
+        "border-inline-width: 2px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-inherit",
+      "name": "border-y",
       "prefixes": [],
       "declarations": [
-        "border-color: inherit"
+        "border-block-width: 1px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-t",
+      "name": "border-y-2",
       "prefixes": [],
       "declarations": [
-        "border-top-width: 1px"
+        "border-block-width: 2px"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-t-2",
+      "name": "border-ornament",
       "prefixes": [],
-      "declarations": [
-        "border-top-width: 2px"
-      ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-r",
+      "name": "border-always-black",
       "prefixes": [],
-      "declarations": [
-        "border-inline-end-width: 1px"
-      ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-r-2",
+      "name": "border-always-white",
       "prefixes": [],
-      "declarations": [
-        "border-inline-end-width: 2px"
+      "declarations": [],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "border-primary",
+      "prefixes": [
+        "checked",
+        "current",
+        "expanded",
+        "selected",
+        "hover"
       ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-b",
+      "name": "border-secondary",
       "prefixes": [],
-      "declarations": [
-        "border-bottom-width: 1px"
+      "declarations": [],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "border-accent-blue",
+      "prefixes": [
+        "checked",
+        "current",
+        "expanded",
+        "selected"
       ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-b-2",
+      "name": "border-feedback-green",
       "prefixes": [],
-      "declarations": [
-        "border-bottom-width: 2px"
-      ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-l",
+      "name": "border-feedback-orange",
       "prefixes": [],
-      "declarations": [
-        "border-inline-start-width: 1px"
-      ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-l-2",
+      "name": "border-feedback-red",
       "prefixes": [],
-      "declarations": [
-        "border-inline-start-width: 2px"
-      ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-x",
+      "name": "border-transparent",
       "prefixes": [],
+      "declarations": [],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "border-inherit",
+      "prefixes": [],
+      "declarations": [],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "border-ring",
+      "prefixes": [
+        "checked",
+        "selected"
+      ],
       "declarations": [
-        "border-inline-width: 1px"
+        "box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-x-2",
-      "prefixes": [],
+      "name": "border-ring-2",
+      "prefixes": [
+        "checked",
+        "selected"
+      ],
       "declarations": [
-        "border-inline-width: 2px"
+        "box-shadow: inset 0 0 0 2px var(--_border-color, var(--v-color-ornament-primary))"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-y",
+      "name": "rounded",
       "prefixes": [],
       "declarations": [
-        "border-block-width: 1px"
+        "border-radius: var(--v-radius-4)"
       ],
       "layer": "volvo.utilities"
     },
     {
-      "name": "border-y-2",
+      "name": "rounded-full",
       "prefixes": [],
       "declarations": [
-        "border-block-width: 2px"
+        "border-radius: var(--v-radius-full)"
       ],
       "layer": "volvo.utilities"
     },
@@ -979,6 +1212,32 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "flex-col-reverse",
+      "prefixes": [
+        "md",
+        "lg",
+        "xl"
+      ],
+      "declarations": [
+        "display: flex",
+        "flex-direction: column-reverse"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "flex-row-reverse",
+      "prefixes": [
+        "md",
+        "lg",
+        "xl"
+      ],
+      "declarations": [
+        "display: flex",
+        "flex-direction: row-reverse"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "flex-wrap",
       "prefixes": [
@@ -2087,6 +2346,14 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "mx-auto",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline: auto"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "p-0",
       "prefixes": [],
@@ -2743,6 +3010,23 @@
         "overflow: hidden"
       ],
       "layer": "volvo.utilities"
+    },
+    {
+      "name": "transition-colors",
+      "prefixes": [],
+      "declarations": [
+        "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
+        "transition-duration: var(--_v-transition-speed-default)"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "v-input-delegate",
+      "prefixes": [],
+      "declarations": [
+        "pointer-events: none"
+      ],
+      "layer": "volvo.blocks"
     }
   ],
   "tokens": [