@volvo-cars/css 1.7.1 → 1.9.0

package/dist/meta.json

@@ -1036,6 +1036,7 @@
     "radio-checked:border-2",
     "radio-checked:border-accent-blue",
     "radio-checked:border-primary",
+    "range",
     "reel",
     "reel-indicators",
     "relative",
@@ -1488,10 +1489,10 @@
         "min-width: max-content",
         "display: inline-flex",
         "position: relative",
-        "--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))",
+        "--button-accent-color: var(--v-color-surface-neutral)",
+        "--_color: var(--v-color-foreground-inverted)",
         "--_overlay-rate: 0%",
         "border-radius: var(--v-radius-full)",
         "flex-shrink: 0",
@@ -1514,8 +1515,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%",
-        "--button-accent-color: var(--v-color-foreground-primary)",
         "color: var(--button-accent-color)",
+        "--button-accent-color: var(--v-color-foreground-primary)",
         "border-radius: var(--v-radius-full)",
         "flex-shrink: 0",
         "width: 2.5rem",
@@ -1536,8 +1537,8 @@
         "position: relative",
         "background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))",
         "--_overlay-rate: 0%",
-        "--button-accent-color: var(--v-color-foreground-primary)",
         "color: var(--button-accent-color)",
+        "--button-accent-color: var(--v-color-foreground-primary)",
         "border-radius: var(--v-radius-full)",
         "flex-shrink: 0",
         "width: 2.5rem",
@@ -1562,10 +1563,10 @@
         "max-width: 100%",
         "height: 3rem",
         "overflow: hidden",
-        "--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))",
+        "--button-accent-color: var(--v-color-surface-neutral)",
+        "--_color: var(--v-color-foreground-inverted)",
         "--_overlay-rate: 0%",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-sm)"
@@ -1594,8 +1595,8 @@
         "--_overlay-rate: 0%",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-sm)",
-        "--button-accent-color: var(--v-color-foreground-primary)",
-        "color: var(--button-accent-color)"
+        "color: var(--button-accent-color)",
+        "--button-accent-color: var(--v-color-foreground-primary)"
       ],
       "layer": "volvo.layout"
     },
@@ -1616,8 +1617,8 @@
         "max-width: 100%",
         "height: 3rem",
         "overflow: hidden",
-        "--button-accent-color: var(--v-color-foreground-primary)",
         "color: var(--button-accent-color)",
+        "--button-accent-color: var(--v-color-foreground-primary)",
         "text-align: start"
       ],
       "layer": "volvo.layout"
@@ -1797,6 +1798,12 @@
       "declarations": [],
       "layer": "volvo.layout"
     },
+    {
+      "name": "range",
+      "prefixes": [],
+      "declarations": [],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "w-16",
       "prefixes": [
@@ -1924,9 +1931,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"
@@ -1938,9 +1945,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"
@@ -1952,9 +1959,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"
@@ -1966,9 +1973,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"
@@ -1980,9 +1987,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"
@@ -1994,9 +2001,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"
@@ -2007,9 +2014,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",
@@ -2353,8 +2360,8 @@
       "name": "bg-always-black",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-always-black)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-always-black)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2362,8 +2369,8 @@
       "name": "bg-always-white",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-always-white)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-always-white)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2371,8 +2378,8 @@
       "name": "bg-primary",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-background-primary)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-background-primary)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2380,8 +2387,8 @@
       "name": "bg-secondary",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-background-secondary)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-background-secondary)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2389,8 +2396,8 @@
       "name": "bg-surface-neutral",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-neutral)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-surface-neutral)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2398,8 +2405,8 @@
       "name": "bg-surface-accent-blue",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-accent-blue)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-surface-accent-blue)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2407,8 +2414,8 @@
       "name": "bg-surface-feedback-green",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-green)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-surface-feedback-green)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2416,8 +2423,8 @@
       "name": "bg-surface-feedback-orange",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-orange)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-surface-feedback-orange)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2425,8 +2432,8 @@
       "name": "bg-surface-feedback-red",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-surface-feedback-red)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-surface-feedback-red)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2434,8 +2441,8 @@
       "name": "bg-feedback-green",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-background-feedback-green)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-background-feedback-green)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2443,8 +2450,8 @@
       "name": "bg-feedback-orange",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-background-feedback-orange)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-background-feedback-orange)"
       ],
       "layer": "volvo.utilities"
     },
@@ -2452,8 +2459,8 @@
       "name": "bg-feedback-red",
       "prefixes": [],
       "declarations": [
-        "--background-color: var(--v-color-background-feedback-red)",
-        "background-color: var(--background-color)"
+        "background-color: var(--background-color)",
+        "--background-color: var(--v-color-background-feedback-red)"
       ],
       "layer": "volvo.utilities"
     },
@@ -3083,8 +3090,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: flex",
-        "display: var(--_display-outer) flex"
+        "display: var(--_display-outer) flex",
+        "--_display-inner: flex"
       ],
       "layer": "volvo.utilities"
     },
@@ -3096,8 +3103,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: flex",
         "display: var(--_display-outer) flex",
+        "--_display-inner: flex",
         "flex-direction: row"
       ],
       "layer": "volvo.utilities"
@@ -3110,8 +3117,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: flex",
         "display: var(--_display-outer) flex",
+        "--_display-inner: flex",
         "flex-direction: column"
       ],
       "layer": "volvo.utilities"
@@ -3124,8 +3131,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: flex",
         "display: var(--_display-outer) flex",
+        "--_display-inner: flex",
         "flex-direction: row-reverse"
       ],
       "layer": "volvo.utilities"
@@ -3138,8 +3145,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: flex",
         "display: var(--_display-outer) flex",
+        "--_display-inner: flex",
         "flex-direction: column-reverse"
       ],
       "layer": "volvo.utilities"
@@ -3737,8 +3744,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: grid",
-        "display: var(--_display-outer) grid"
+        "display: var(--_display-outer) grid",
+        "--_display-inner: grid"
       ],
       "layer": "volvo.utilities"
     },
@@ -3750,8 +3757,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: grid",
         "display: var(--_display-outer) grid",
+        "--_display-inner: grid",
         "grid-template-columns: repeat(2, minmax(0, 1fr))"
       ],
       "layer": "volvo.utilities"
@@ -3764,8 +3771,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: grid",
         "display: var(--_display-outer) grid",
+        "--_display-inner: grid",
         "grid-template-columns: repeat(3, minmax(0, 1fr))"
       ],
       "layer": "volvo.utilities"
@@ -3778,8 +3785,8 @@
         "xl"
       ],
       "declarations": [
-        "--_display-inner: grid",
         "display: var(--_display-outer) grid",
+        "--_display-inner: grid",
         "grid-template-columns: repeat(4, minmax(0, 1fr))"
       ],
       "layer": "volvo.utilities"
@@ -6767,8 +6774,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"
     },
@@ -6776,8 +6783,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"
     },
@@ -6785,8 +6792,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"
     },
@@ -6799,8 +6806,8 @@
         "selected"
       ],
       "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"
     },
@@ -6808,8 +6815,8 @@
       "name": "text-secondary",
       "prefixes": [],
       "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"
     },
@@ -6817,8 +6824,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"
     },
@@ -6826,8 +6833,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"
     },
@@ -6835,8 +6842,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"
     },
@@ -6844,8 +6851,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"
     },
@@ -6913,9 +6920,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: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
+        "--translate-y: 0"
       ],
       "layer": "volvo.utilities"
     },
@@ -6923,9 +6930,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: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
+        "--translate-y: 0"
       ],
       "layer": "volvo.utilities"
     },
@@ -6933,9 +6940,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"
@@ -6944,9 +6951,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"
@@ -6955,9 +6962,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"
@@ -6966,9 +6973,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"
@@ -6977,9 +6984,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"
@@ -6988,9 +6995,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"
@@ -6999,9 +7006,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"
@@ -7010,9 +7017,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"