@volvo-cars/css 1.8.0 → 1.10.0

package/dist/meta.json

@@ -554,6 +554,8 @@
     "lg:self-stretch",
     "lg:text-center",
     "lg:text-end",
+    "lg:text-primary",
+    "lg:text-secondary",
     "lg:text-start",
     "lg:until-xl:hidden",
     "lg:w-0",
@@ -869,6 +871,8 @@
     "md:self-stretch",
     "md:text-center",
     "md:text-end",
+    "md:text-primary",
+    "md:text-secondary",
     "md:text-start",
     "md:until-lg:hidden",
     "md:until-xl:hidden",
@@ -1442,6 +1446,8 @@
     "xl:self-stretch",
     "xl:text-center",
     "xl:text-end",
+    "xl:text-primary",
+    "xl:text-secondary",
     "xl:text-start",
     "xl:w-0",
     "xl:w-1/2",
@@ -1489,10 +1495,10 @@
         "min-width: max-content",
         "display: inline-flex",
         "position: relative",
-        "color: var(--_color)",
-        "background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
         "--button-accent-color: var(--v-color-surface-neutral)",
         "--_color: var(--v-color-foreground-inverted)",
+        "color: var(--_color)",
+        "background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-radius-full)",
         "flex-shrink: 0",
@@ -1515,8 +1521,8 @@
         "background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))",
         "box-shadow: inset 0 0 0 1px var(--button-accent-color)",
         "--_overlay-rate: 0%",
-        "color: var(--button-accent-color)",
         "--button-accent-color: var(--v-color-foreground-primary)",
+        "color: var(--button-accent-color)",
         "border-radius: var(--v-radius-full)",
         "flex-shrink: 0",
         "width: 2.5rem",
@@ -1537,8 +1543,8 @@
         "position: relative",
         "background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))",
         "--_overlay-rate: 0%",
-        "color: var(--button-accent-color)",
         "--button-accent-color: var(--v-color-foreground-primary)",
+        "color: var(--button-accent-color)",
         "border-radius: var(--v-radius-full)",
         "flex-shrink: 0",
         "width: 2.5rem",
@@ -1563,10 +1569,10 @@
         "max-width: 100%",
         "height: 3rem",
         "overflow: hidden",
-        "color: var(--_color)",
-        "background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
         "--button-accent-color: var(--v-color-surface-neutral)",
         "--_color: var(--v-color-foreground-inverted)",
+        "color: var(--_color)",
+        "background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
         "--_overlay-rate: 0%",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-sm)"
@@ -1595,8 +1601,8 @@
         "--_overlay-rate: 0%",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-sm)",
-        "color: var(--button-accent-color)",
-        "--button-accent-color: var(--v-color-foreground-primary)"
+        "--button-accent-color: var(--v-color-foreground-primary)",
+        "color: var(--button-accent-color)"
       ],
       "layer": "volvo.layout"
     },
@@ -1617,8 +1623,8 @@
         "max-width: 100%",
         "height: 3rem",
         "overflow: hidden",
-        "color: var(--button-accent-color)",
         "--button-accent-color: var(--v-color-foreground-primary)",
+        "color: var(--button-accent-color)",
         "text-align: start"
       ],
       "layer": "volvo.layout"
@@ -1931,9 +1937,9 @@
       "prefixes": [],
       "declarations": [
         "--_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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -1945,9 +1951,9 @@
       "prefixes": [],
       "declarations": [
         "--_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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -1959,9 +1965,9 @@
       "prefixes": [],
       "declarations": [
         "--_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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -1973,9 +1979,9 @@
       "prefixes": [],
       "declarations": [
         "--_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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -1987,9 +1993,9 @@
       "prefixes": [],
       "declarations": [
         "--_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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -2001,9 +2007,9 @@
       "prefixes": [],
       "declarations": [
         "--_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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
@@ -2014,9 +2020,9 @@
       "name": "container-max",
       "prefixes": [],
       "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)",
-        "--_outer-margin: 0px",
         "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
@@ -2360,8 +2366,8 @@
       "name": "bg-always-black",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-always-black)"
+        "--background-color: var(--v-color-always-black)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2369,8 +2375,8 @@
       "name": "bg-always-white",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-always-white)"
+        "--background-color: var(--v-color-always-white)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2378,8 +2384,8 @@
       "name": "bg-primary",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-background-primary)"
+        "--background-color: var(--v-color-background-primary)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2387,8 +2393,8 @@
       "name": "bg-secondary",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-background-secondary)"
+        "--background-color: var(--v-color-background-secondary)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2396,8 +2402,8 @@
       "name": "bg-surface-neutral",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-surface-neutral)"
+        "--background-color: var(--v-color-surface-neutral)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2405,8 +2411,8 @@
       "name": "bg-surface-accent-blue",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-surface-accent-blue)"
+        "--background-color: var(--v-color-surface-accent-blue)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2414,8 +2420,8 @@
       "name": "bg-surface-feedback-green",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-surface-feedback-green)"
+        "--background-color: var(--v-color-surface-feedback-green)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2423,8 +2429,8 @@
       "name": "bg-surface-feedback-orange",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-surface-feedback-orange)"
+        "--background-color: var(--v-color-surface-feedback-orange)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2432,8 +2438,8 @@
       "name": "bg-surface-feedback-red",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-surface-feedback-red)"
+        "--background-color: var(--v-color-surface-feedback-red)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2441,8 +2447,8 @@
       "name": "bg-feedback-green",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-background-feedback-green)"
+        "--background-color: var(--v-color-background-feedback-green)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2450,8 +2456,8 @@
       "name": "bg-feedback-orange",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-background-feedback-orange)"
+        "--background-color: var(--v-color-background-feedback-orange)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2459,8 +2465,8 @@
       "name": "bg-feedback-red",
       "prefixes": [],
       "declarations": [
-        "background-color: var(--background-color)",
-        "--background-color: var(--v-color-background-feedback-red)"
+        "--background-color: var(--v-color-background-feedback-red)",
+        "background-color: var(--background-color)"
       ],
       "layer": "volvo.utilities"
     },
@@ -3090,8 +3096,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) flex",
-        "--_display-inner: flex"
+        "--_display-inner: flex",
+        "display: var(--_display-outer) flex"
       ],
       "layer": "volvo.utilities"
     },
@@ -3103,8 +3109,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) flex",
         "--_display-inner: flex",
+        "display: var(--_display-outer) flex",
         "flex-direction: row"
       ],
       "layer": "volvo.utilities"
@@ -3117,8 +3123,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) flex",
         "--_display-inner: flex",
+        "display: var(--_display-outer) flex",
         "flex-direction: column"
       ],
       "layer": "volvo.utilities"
@@ -3131,8 +3137,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) flex",
         "--_display-inner: flex",
+        "display: var(--_display-outer) flex",
         "flex-direction: row-reverse"
       ],
       "layer": "volvo.utilities"
@@ -3145,8 +3151,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) flex",
         "--_display-inner: flex",
+        "display: var(--_display-outer) flex",
         "flex-direction: column-reverse"
       ],
       "layer": "volvo.utilities"
@@ -3744,8 +3750,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) grid",
-        "--_display-inner: grid"
+        "--_display-inner: grid",
+        "display: var(--_display-outer) grid"
       ],
       "layer": "volvo.utilities"
     },
@@ -3757,8 +3763,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) grid",
         "--_display-inner: grid",
+        "display: var(--_display-outer) grid",
         "grid-template-columns: repeat(2, minmax(0, 1fr))"
       ],
       "layer": "volvo.utilities"
@@ -3771,8 +3777,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) grid",
         "--_display-inner: grid",
+        "display: var(--_display-outer) grid",
         "grid-template-columns: repeat(3, minmax(0, 1fr))"
       ],
       "layer": "volvo.utilities"
@@ -3785,8 +3791,8 @@
         "xl"
       ],
       "declarations": [
-        "display: var(--_display-outer) grid",
         "--_display-inner: grid",
+        "display: var(--_display-outer) grid",
         "grid-template-columns: repeat(4, minmax(0, 1fr))"
       ],
       "layer": "volvo.utilities"
@@ -6774,8 +6780,8 @@
       "name": "text-always-black",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-always-black)",
-        "--color: var(--v-color-always-black)"
+        "--color: var(--v-color-always-black)",
+        "color: var(--v-color-always-black)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6783,8 +6789,8 @@
       "name": "text-always-white",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-always-white)",
-        "--color: var(--v-color-always-white)"
+        "--color: var(--v-color-always-white)",
+        "color: var(--v-color-always-white)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6792,8 +6798,8 @@
       "name": "text-inverted",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-foreground-inverted)",
-        "--color: var(--v-color-foreground-inverted)"
+        "--color: var(--v-color-foreground-inverted)",
+        "color: var(--v-color-foreground-inverted)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6803,20 +6809,27 @@
         "checked",
         "current",
         "hover",
-        "selected"
+        "lg",
+        "md",
+        "selected",
+        "xl"
       ],
       "declarations": [
-        "color: var(--v-color-foreground-primary)",
-        "--color: var(--v-color-foreground-primary)"
+        "--color: var(--v-color-foreground-primary)",
+        "color: var(--v-color-foreground-primary)"
       ],
       "layer": "volvo.utilities"
     },
     {
       "name": "text-secondary",
-      "prefixes": [],
+      "prefixes": [
+        "lg",
+        "md",
+        "xl"
+      ],
       "declarations": [
-        "color: var(--v-color-foreground-secondary)",
-        "--color: var(--v-color-foreground-secondary)"
+        "--color: var(--v-color-foreground-secondary)",
+        "color: var(--v-color-foreground-secondary)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6824,8 +6837,8 @@
       "name": "text-accent-blue",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-foreground-accent-blue)",
-        "--color: var(--v-color-foreground-accent-blue)"
+        "--color: var(--v-color-foreground-accent-blue)",
+        "color: var(--v-color-foreground-accent-blue)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6833,8 +6846,8 @@
       "name": "text-feedback-green",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-foreground-feedback-green)",
-        "--color: var(--v-color-foreground-feedback-green)"
+        "--color: var(--v-color-foreground-feedback-green)",
+        "color: var(--v-color-foreground-feedback-green)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6842,8 +6855,8 @@
       "name": "text-feedback-orange",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-foreground-feedback-orange)",
-        "--color: var(--v-color-foreground-feedback-orange)"
+        "--color: var(--v-color-foreground-feedback-orange)",
+        "color: var(--v-color-foreground-feedback-orange)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6851,8 +6864,8 @@
       "name": "text-feedback-red",
       "prefixes": [],
       "declarations": [
-        "color: var(--v-color-foreground-feedback-red)",
-        "--color: var(--v-color-foreground-feedback-red)"
+        "--color: var(--v-color-foreground-feedback-red)",
+        "color: var(--v-color-foreground-feedback-red)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6920,9 +6933,9 @@
       "name": "translate-x-0",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
-        "--translate-y: 0"
+        "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6930,9 +6943,9 @@
       "name": "translate-y-0",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
-        "--translate-y: 0"
+        "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
       ],
       "layer": "volvo.utilities"
     },
@@ -6940,9 +6953,9 @@
       "name": "translate-x-1/2",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 50%"
       ],
       "layer": "volvo.utilities"
@@ -6951,9 +6964,9 @@
       "name": "translate-y-1/2",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: 50%"
       ],
       "layer": "volvo.utilities"
@@ -6962,9 +6975,9 @@
       "name": "-translate-x-1/2",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: -50%"
       ],
       "layer": "volvo.utilities"
@@ -6973,9 +6986,9 @@
       "name": "-translate-y-1/2",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: -50%"
       ],
       "layer": "volvo.utilities"
@@ -6984,9 +6997,9 @@
       "name": "translate-x-full",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 100%"
       ],
       "layer": "volvo.utilities"
@@ -6995,9 +7008,9 @@
       "name": "translate-y-full",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: 100%"
       ],
       "layer": "volvo.utilities"
@@ -7006,9 +7019,9 @@
       "name": "-translate-x-full",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: -100%"
       ],
       "layer": "volvo.utilities"
@@ -7017,9 +7030,9 @@
       "name": "-translate-y-full",
       "prefixes": [],
       "declarations": [
-        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 0",
         "--translate-y: 0",
+        "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: -100%"
       ],
       "layer": "volvo.utilities"