@volvo-cars/css 0.37.0 → 0.38.0

package/dist/meta.json

@@ -1,5 +1,33 @@
 {
   "classNames": [
+    "-m-16",
+    "-m-24",
+    "-m-4",
+    "-m-8",
+    "-mb-16",
+    "-mb-24",
+    "-mb-4",
+    "-mb-8",
+    "-ml-16",
+    "-ml-24",
+    "-ml-4",
+    "-ml-8",
+    "-mr-16",
+    "-mr-24",
+    "-mr-4",
+    "-mr-8",
+    "-mt-16",
+    "-mt-24",
+    "-mt-4",
+    "-mt-8",
+    "-mx-16",
+    "-mx-24",
+    "-mx-4",
+    "-mx-8",
+    "-my-16",
+    "-my-24",
+    "-my-4",
+    "-my-8",
     "backdrop",
     "bg-accent-blue",
     "bg-always-black",
@@ -52,6 +80,10 @@
     "button-text",
     "capitalize",
     "checkbox",
+    "checkbox-checked:border",
+    "checkbox-checked:border-2",
+    "checkbox-checked:border-accent-blue",
+    "checkbox-checked:border-primary",
     "checked:border",
     "checked:border-2",
     "checked:border-accent-blue",
@@ -71,6 +103,7 @@
     "current:text-primary",
     "dialog",
     "dialog__close",
+    "disclosure",
     "empty:hidden",
     "expanded:border-accent-blue",
     "expanded:border-primary",
@@ -115,6 +148,8 @@
     "gap-y-l",
     "gap-y-m",
     "gap-y-s",
+    "grid-cols-2",
+    "grid-cols-3",
     "h-16",
     "h-24",
     "h-32",
@@ -127,6 +162,9 @@
     "hover:border-primary",
     "hover:text-primary",
     "hyphens",
+    "icon-button-clear",
+    "icon-button-filled",
+    "icon-button-outlined",
     "icon-mask",
     "icon-sprite",
     "invisible",
@@ -334,6 +372,10 @@
     "lg:text-end",
     "lg:text-start",
     "lg:until-xl:hidden",
+    "link-current:border",
+    "link-current:border-2",
+    "link-current:border-accent-blue",
+    "link-current:border-primary",
     "link-inline",
     "link-plain",
     "link-underlined",
@@ -679,6 +721,10 @@
     "py-m",
     "py-s",
     "radio",
+    "radio-checked:border",
+    "radio-checked:border-2",
+    "radio-checked:border-accent-blue",
+    "radio-checked:border-primary",
     "reel",
     "reel-indicators",
     "rounded",
@@ -712,6 +758,10 @@
     "statement-2",
     "statement-3",
     "statement-signature",
+    "tab-selected:border",
+    "tab-selected:border-2",
+    "tab-selected:border-accent-blue",
+    "tab-selected:border-primary",
     "tap-area",
     "text-accent-blue",
     "text-always-black",
@@ -971,24 +1021,23 @@
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-32)",
         "--stack-gap: var(--v-space-16)",
-        "font-size: var(--v-font-16-size)",
-        "font-weight: var(--v-font-emphasis-weight)",
-        "white-space: nowrap",
         "user-select: none",
+        "transition: transform var(--v-transition-default), background-color var(--v-transition-default)",
         "justify-content: center",
         "align-items: center",
         "min-width: max-content",
-        "max-width: 100%",
-        "height: 3rem",
-        "transition: transform .2s, background-color .2s",
         "display: inline-flex",
         "position: relative",
-        "overflow: hidden",
         "opacity: var(--_v-disabled-opacity)",
-        "--_min-touch-area: 44px",
-        "height: var(--_min-touch-area)",
+        "font-size: var(--v-font-16-size)",
+        "font-weight: var(--v-font-emphasis-weight)",
+        "white-space: nowrap",
+        "max-width: 100%",
+        "height: 3rem",
+        "overflow: hidden",
         "content: \"\"",
         "width: 100%",
+        "height: 44px",
         "position: absolute",
         "top: 50%",
         "transform: translateY(-50%)",
@@ -1004,15 +1053,14 @@
         "--button-accent-color: var(--v-color-surface-feedback-red)",
         "background: var(--button-accent-color)",
         "--_overlay-rate: var(--_v-color-mix-strong)",
+        "transform: scale(.95)",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-4)",
         "width: 1.5rem",
         "height: 1.5rem",
         "padding-inline: var(--v-space-16)",
         "width: 1rem",
-        "height: 1rem",
-        "height: 44px",
-        "transform: scale(.95)"
+        "height: 1rem"
       ],
       "layer": "volvo.blocks"
     },
@@ -1025,24 +1073,23 @@
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-32)",
         "--stack-gap: var(--v-space-16)",
-        "font-size: var(--v-font-16-size)",
-        "font-weight: var(--v-font-emphasis-weight)",
-        "white-space: nowrap",
         "user-select: none",
+        "transition: transform var(--v-transition-default), background-color var(--v-transition-default)",
         "justify-content: center",
         "align-items: center",
         "min-width: max-content",
-        "max-width: 100%",
-        "height: 3rem",
-        "transition: transform .2s, background-color .2s",
         "display: inline-flex",
         "position: relative",
-        "overflow: hidden",
         "opacity: var(--_v-disabled-opacity)",
-        "--_min-touch-area: 44px",
-        "height: var(--_min-touch-area)",
+        "font-size: var(--v-font-16-size)",
+        "font-weight: var(--v-font-emphasis-weight)",
+        "white-space: nowrap",
+        "max-width: 100%",
+        "height: 3rem",
+        "overflow: hidden",
         "content: \"\"",
         "width: 100%",
+        "height: 44px",
         "position: absolute",
         "top: 50%",
         "transform: translateY(-50%)",
@@ -1051,6 +1098,7 @@
         "box-shadow: inset 0 0 0 1px var(--button-accent-color)",
         "color: var(--v-color-foreground-inverted)",
         "background-color: var(--button-accent-color)",
+        "transform: scale(.95)",
         "padding-inline: min(var(--v-space-32), 8vw)",
         "border-radius: var(--v-radius-4)",
         "width: 1.5rem",
@@ -1058,8 +1106,6 @@
         "padding-inline: var(--v-space-16)",
         "width: 1rem",
         "height: 1rem",
-        "height: 44px",
-        "transform: scale(.95)",
         "--button-accent-color: var(--v-color-foreground-primary)",
         "color: var(--button-accent-color)",
         "--button-accent-color: var(--v-color-foreground-accent-blue)",
@@ -1075,24 +1121,23 @@
         "flex: 1 0 40cqw",
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-16)",
-        "font-size: var(--v-font-16-size)",
-        "font-weight: var(--v-font-emphasis-weight)",
-        "white-space: nowrap",
         "user-select: none",
+        "transition: transform var(--v-transition-default), background-color var(--v-transition-default)",
         "justify-content: center",
         "align-items: center",
         "min-width: max-content",
-        "max-width: 100%",
-        "height: 3rem",
-        "transition: transform .2s, background-color .2s",
         "display: inline-flex",
         "position: relative",
-        "overflow: hidden",
         "opacity: var(--_v-disabled-opacity)",
-        "--_min-touch-area: 44px",
-        "height: var(--_min-touch-area)",
+        "font-size: var(--v-font-16-size)",
+        "font-weight: var(--v-font-emphasis-weight)",
+        "white-space: nowrap",
+        "max-width: 100%",
+        "height: 3rem",
+        "overflow: hidden",
         "content: \"\"",
         "width: 100%",
+        "height: 44px",
         "position: absolute",
         "top: 50%",
         "transform: translateY(-50%)",
@@ -1123,6 +1168,7 @@
         "--_arrow-rotation: var(--_rtl-arrow-rotation, -180deg)",
         "--_arrow-rotation: 90deg",
         "--_arrow-rotation: -90deg",
+        "margin-inline-start: var(--v-space-8)",
         "text-decoration-line: underline"
       ],
       "layer": "volvo.blocks"
@@ -1197,7 +1243,8 @@
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
         "width: 100%",
         "margin-inline: auto",
-        "container-type: inline-size"
+        "container-type: inline-size",
+        "--_outer-margin: calc(var(--v-space-pagemargin) * 2)"
       ],
       "layer": "volvo.layout"
     },
@@ -1306,6 +1353,24 @@
       ],
       "layer": "volvo.layout"
     },
+    {
+      "name": "grid-cols-2",
+      "prefixes": [],
+      "declarations": [
+        "grid-template-columns: repeat(2, minmax(0, 1fr))",
+        "display: grid"
+      ],
+      "layer": "volvo.layout"
+    },
+    {
+      "name": "grid-cols-3",
+      "prefixes": [],
+      "declarations": [
+        "grid-template-columns: repeat(3, minmax(0, 1fr))",
+        "display: grid"
+      ],
+      "layer": "volvo.layout"
+    },
     {
       "name": "stack-4",
       "prefixes": [],
@@ -1557,6 +1622,106 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "icon-button-filled",
+      "prefixes": [],
+      "declarations": [
+        "user-select: none",
+        "transition: transform var(--v-transition-default), background-color var(--v-transition-default)",
+        "justify-content: center",
+        "align-items: center",
+        "min-width: max-content",
+        "display: inline-flex",
+        "position: relative",
+        "opacity: var(--_v-disabled-opacity)",
+        "--button-accent-color: var(--v-color-surface-neutral)",
+        "--_color: var(--v-color-foreground-inverted)",
+        "--_overlay-rate: 0%",
+        "color: var(--_color)",
+        "background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))",
+        "--button-accent-color: var(--v-color-surface-accent-blue)",
+        "--_color: var(--v-color-always-white)",
+        "--button-accent-color: var(--v-color-surface-feedback-red)",
+        "background: var(--button-accent-color)",
+        "--_overlay-rate: var(--_v-color-mix-strong)",
+        "transform: scale(.95)",
+        "border-radius: var(--v-radius-full)",
+        "flex-shrink: 0",
+        "width: 2.5rem",
+        "height: 2.5rem",
+        "content: \"\"",
+        "width: 44px",
+        "height: 44px",
+        "position: absolute",
+        "top: 50%",
+        "transform: translateY(-50%)"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "icon-button-outlined",
+      "prefixes": [],
+      "declarations": [
+        "user-select: none",
+        "transition: transform var(--v-transition-default), background-color var(--v-transition-default)",
+        "justify-content: center",
+        "align-items: center",
+        "min-width: max-content",
+        "display: inline-flex",
+        "position: relative",
+        "opacity: var(--_v-disabled-opacity)",
+        "box-shadow: inset 0 0 0 1px var(--button-accent-color)",
+        "color: var(--v-color-foreground-inverted)",
+        "background-color: var(--button-accent-color)",
+        "transform: scale(.95)",
+        "--button-accent-color: var(--v-color-foreground-primary)",
+        "color: var(--button-accent-color)",
+        "--button-accent-color: var(--v-color-foreground-accent-blue)",
+        "--button-accent-color: var(--v-color-foreground-feedback-red)",
+        "border-radius: var(--v-radius-full)",
+        "flex-shrink: 0",
+        "width: 2.5rem",
+        "height: 2.5rem",
+        "content: \"\"",
+        "width: 44px",
+        "height: 44px",
+        "position: absolute",
+        "top: 50%",
+        "transform: translateY(-50%)"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "icon-button-clear",
+      "prefixes": [],
+      "declarations": [
+        "user-select: none",
+        "transition: transform var(--v-transition-default), background-color var(--v-transition-default)",
+        "justify-content: center",
+        "align-items: center",
+        "min-width: max-content",
+        "display: inline-flex",
+        "position: relative",
+        "opacity: var(--_v-disabled-opacity)",
+        "transform: scale(.95)",
+        "--button-accent-color: var(--v-color-foreground-primary)",
+        "color: var(--button-accent-color)",
+        "--button-accent-color: var(--v-color-foreground-accent-blue)",
+        "--button-accent-color: var(--v-color-foreground-feedback-red)",
+        "border-radius: var(--v-radius-full)",
+        "flex-shrink: 0",
+        "width: 2.5rem",
+        "height: 2.5rem",
+        "content: \"\"",
+        "width: 44px",
+        "height: 44px",
+        "position: absolute",
+        "top: 50%",
+        "transform: translateY(-50%)",
+        "background-color: color-mix(in lab, var(--background-color, var(--v-color-background-primary)), var(--button-accent-color) var(--_v-color-mix-subtle))"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "spinner",
       "prefixes": [],
@@ -1580,6 +1745,36 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "icon-sprite",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-start: var(--v-space-8)",
+        "width: var(--_height)",
+        "min-width: var(--_height)",
+        "height: var(--_height)",
+        "min-height: var(--_height)",
+        "vertical-align: middle",
+        "flex-grow: 0",
+        "flex-shrink: 0",
+        "display: inline-block",
+        "--_height: 5rem",
+        "--_height: 4rem",
+        "--_height: 3rem",
+        "--_height: 2.5rem",
+        "--_height: 2rem",
+        "--_height: 1.5rem",
+        "--_height: 1rem",
+        "--_height: .75rem",
+        "--_height: .5rem",
+        "--_y-offset: var(--_dark-toggle) 7",
+        "fill: currentColor",
+        "object-fit: cover",
+        "object-position: 0 calc(var(--_y-offset, 0) * -1 * var(--_height, 0))",
+        "transform: scaleX(-1)"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "dialog",
       "prefixes": [],
@@ -1625,6 +1820,17 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "disclosure",
+      "prefixes": [],
+      "declarations": [
+        "display: flex",
+        "flex-direction: row",
+        "justify-content: space-between",
+        "align-items: center"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "radio",
       "prefixes": [],
@@ -1690,35 +1896,6 @@
       ],
       "layer": "volvo.blocks"
     },
-    {
-      "name": "icon-sprite",
-      "prefixes": [],
-      "declarations": [
-        "width: var(--_height)",
-        "min-width: var(--_height)",
-        "height: var(--_height)",
-        "min-height: var(--_height)",
-        "vertical-align: middle",
-        "flex-grow: 0",
-        "flex-shrink: 0",
-        "display: inline-block",
-        "--_height: 5rem",
-        "--_height: 4rem",
-        "--_height: 3rem",
-        "--_height: 2.5rem",
-        "--_height: 2rem",
-        "--_height: 1.5rem",
-        "--_height: 1rem",
-        "--_height: .75rem",
-        "--_height: .5rem",
-        "--_y-offset: var(--_dark-toggle) 7",
-        "fill: currentColor",
-        "object-fit: cover",
-        "object-position: 0 calc(var(--_y-offset, 0) * -1 * var(--_height, 0))",
-        "transform: scaleX(-1)"
-      ],
-      "layer": "volvo.blocks"
-    },
     {
       "name": "icon-mask",
       "prefixes": [],
@@ -1886,7 +2063,6 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "border-radius: var(--v-radius-4)",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
         "display: block",
@@ -2039,7 +2215,11 @@
     {
       "name": "border",
       "prefixes": [
+        "link-current",
+        "radio-checked",
+        "checkbox-checked",
         "checked",
+        "tab-selected",
         "selected"
       ],
       "declarations": [
@@ -2050,7 +2230,11 @@
     {
       "name": "border-2",
       "prefixes": [
+        "link-current",
+        "radio-checked",
+        "checkbox-checked",
         "checked",
+        "tab-selected",
         "selected"
       ],
       "declarations": [
@@ -2181,9 +2365,13 @@
     {
       "name": "border-primary",
       "prefixes": [
+        "radio-checked",
+        "checkbox-checked",
         "checked",
+        "link-current",
         "current",
         "expanded",
+        "tab-selected",
         "selected",
         "hover"
       ],
@@ -2203,9 +2391,13 @@
     {
       "name": "border-accent-blue",
       "prefixes": [
+        "radio-checked",
+        "checkbox-checked",
         "checked",
+        "link-current",
         "current",
         "expanded",
+        "tab-selected",
         "selected"
       ],
       "declarations": [
@@ -3195,6 +3387,14 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-m-4",
+      "prefixes": [],
+      "declarations": [
+        "margin: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "my-4",
       "prefixes": [
@@ -3232,6 +3432,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-my-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -.25rem",
+        "margin-bottom: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mt-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mb-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-bottom: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "mx-4",
       "prefixes": [
@@ -3269,6 +3494,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-mx-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -.25rem",
+        "margin-inline-start: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mr-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-ml-4",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-start: -.25rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "m-8",
       "prefixes": [
@@ -3281,6 +3531,14 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-m-8",
+      "prefixes": [],
+      "declarations": [
+        "margin: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "my-8",
       "prefixes": [
@@ -3318,6 +3576,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-my-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -.5rem",
+        "margin-bottom: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mt-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mb-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-bottom: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "mx-8",
       "prefixes": [
@@ -3355,6 +3638,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-mx-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -.5rem",
+        "margin-inline-start: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mr-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-ml-8",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-start: -.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "m-16",
       "prefixes": [
@@ -3367,6 +3675,14 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-m-16",
+      "prefixes": [],
+      "declarations": [
+        "margin: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "my-16",
       "prefixes": [
@@ -3404,6 +3720,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-my-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -1rem",
+        "margin-bottom: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mt-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mb-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-bottom: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "mx-16",
       "prefixes": [
@@ -3441,6 +3782,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-mx-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -1rem",
+        "margin-inline-start: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mr-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-ml-16",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-start: -1rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "m-24",
       "prefixes": [
@@ -3453,6 +3819,14 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-m-24",
+      "prefixes": [],
+      "declarations": [
+        "margin: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "my-24",
       "prefixes": [
@@ -3490,6 +3864,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-my-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -1.5rem",
+        "margin-bottom: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mt-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-top: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mb-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-bottom: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "mx-24",
       "prefixes": [
@@ -3527,6 +3926,31 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "-mx-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -1.5rem",
+        "margin-inline-start: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-mr-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-end: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
+    {
+      "name": "-ml-24",
+      "prefixes": [],
+      "declarations": [
+        "margin-inline-start: -1.5rem"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "m-32",
       "prefixes": [