@volvo-cars/css 2.2.0 → 2.4.0

package/dist/llm/meta.md

@@ -41,6 +41,8 @@ Utility classes may be combined with other classes and include the CSS rules the
 
 .input
 
+.custom-select
+
 .chip-selectable
 
 .chip-dismissible
@@ -79,6 +81,10 @@ Utility classes may be combined with other classes and include the CSS rules the
 
 .media-banner
 
+.media-hero
+
+.text-hero
+
 .message-bar
 
 .tooltip
@@ -499,8 +505,6 @@ display: var(--_display-outer) var(--_display-inner)
 .{lg,md,xl}:block
 --_display-outer: block
 display: var(--_display-outer) var(--_display-inner)
---_display-outer: 
-display: block
 
 .{lg,md,xl}:inline
 --_display-outer: inline
@@ -2052,6 +2056,9 @@ text-align: end
 .{lg,md,xl}:text-center
 text-align: center
 
+.trim-cap
+text-box: trim-both cap alphabetic
+
 .text-inherit
 color: inherit
 
@@ -2312,7 +2319,7 @@ pagemargin; on wider viewports it adds the extra centering space.
 --v-size-contentmax: The maximum width a block of content should be allowed to grow to while maintaining readability
 https://baymard.com/blog/line-length-readability
 --v-radius-sm--v-radius-md--v-radius-lg--v-radius-full--v-index-spinner--v-index-overlay--v-index-navigation--v-index-default--v-index-deep--v-size-navigation-bar-height--v-grid-columns: The total number of grid columns at the current breakpoint.
---v-font-heading-1-size-max--v-font-heading-2-size-max--v-font-heading-3-size-max--v-font-statement-1-size-max--v-font-statement-2-size-max--v-font-statement-3-size-max--v-font-statement-signature-size-max--v-transition-default--v-transition-micro--v-transition-notable--v-color-foreground-primary: Use for primary text, icons and borders.
+--v-transition-default--v-transition-micro--v-transition-notable--v-color-foreground-primary: Use for primary text, icons and borders.
 --v-color-foreground-secondary: Use for secondary text, icons and borders.
 --v-color-foreground-tertiary: The lightest possible foreground color acceptable for UI fills. Should not be used for body text.
 --v-color-foreground-inverted: The inverse of the primary foreground color. For use on filled surfaces.
@@ -2383,4 +2390,4 @@ https://baymard.com/blog/line-length-readability
 --v-size-sidebar-wide: Wide sidebar width is 368 to 464 between lg and xl
 --v-shape-default: Use as default value for all all non-interactive UI elements.
 --v-shape-emphasis: Use for interactive UI, and elements that need to draw attention and create visual contrast from the rest of the page.
---v-font-12-size--v-font-12-lineheight--v-font-14-size--v-font-14-lineheight--v-font-16-size--v-font-16-lineheight--v-font-20-size--v-font-20-lineheight--v-font-24-size--v-font-24-lineheight--v-font-heading-3-weight--v-font-heading-3-size--v-font-heading-3-lineheight--v-font-heading-3-size-min--v-font-heading-2-weight--v-font-heading-2-size--v-font-heading-2-size-min--v-font-heading-2-lineheight--v-font-heading-1-weight--v-font-heading-1-size--v-font-heading-1-lineheight--v-font-heading-1-size-min--v-font-statement-3-weight--v-font-statement-3-size--v-font-statement-3-size-min--v-font-statement-3-lineheight--v-font-statement-2-weight--v-font-statement-2-size--v-font-statement-2-size-min--v-font-statement-2-lineheight--v-font-statement-1-weight--v-font-statement-1-size--v-font-statement-1-size-min--v-font-statement-1-lineheight--v-font-statement-signature-weight--v-font-statement-signature-size--v-font-statement-signature-size-min--v-font-statement-signature-lineheight--v-font-regular-weight--v-font-emphasis-weight--v-font-sans-family--v-font-broad-family--v-font-mono-family
+--v-font-12-size--v-font-12-lineheight--v-font-14-size--v-font-14-lineheight--v-font-16-size--v-font-16-lineheight--v-font-20-size--v-font-20-lineheight--v-font-24-size--v-font-24-lineheight--v-font-heading-2-weight--v-font-heading-2-size--v-font-heading-2-size-min--v-font-heading-2-size-max--v-font-heading-2-lineheight--v-font-heading-1-weight--v-font-heading-1-size--v-font-heading-1-lineheight--v-font-heading-1-size-min--v-font-heading-1-size-max--v-font-statement-3-weight--v-font-statement-3-size--v-font-statement-3-size-min--v-font-statement-3-size-max--v-font-statement-3-lineheight--v-font-statement-2-weight--v-font-statement-2-size--v-font-statement-2-size-min--v-font-statement-2-size-max--v-font-statement-2-lineheight--v-font-statement-1-weight--v-font-statement-1-size--v-font-statement-1-size-min--v-font-statement-1-size-max--v-font-statement-1-lineheight--v-font-statement-signature-weight--v-font-statement-signature-size--v-font-statement-signature-size-min--v-font-statement-signature-size-max--v-font-statement-signature-lineheight--v-font-regular-weight--v-font-emphasis-weight--v-font-sans-family--v-font-broad-family--v-font-mono-family

package/dist/meta.json

@@ -218,6 +218,7 @@
     "current:text-primary",
     "cursor-auto",
     "cursor-pointer",
+    "custom-select",
     "details-open:rotate-180",
     "dialog-large",
     "dialog-small",
@@ -1358,6 +1359,7 @@
     "md:w-min",
     "media-banner",
     "media-card",
+    "media-hero",
     "media-tile",
     "message-bar",
     "micro",
@@ -1681,6 +1683,7 @@
     "text-feedback-green",
     "text-feedback-orange",
     "text-feedback-red",
+    "text-hero",
     "text-inherit",
     "text-inverted",
     "text-primary",
@@ -1715,6 +1718,7 @@
     "translate-y-0",
     "translate-y-1/2",
     "translate-y-full",
+    "trim-cap",
     "truncate",
     "until-lg:hidden",
     "until-lg:invisible",
@@ -2499,6 +2503,12 @@
       ],
       "layer": "volvo.layout"
     },
+    {
+      "name": "custom-select",
+      "prefixes": [],
+      "declarations": [],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "chip-selectable",
       "prefixes": [],
@@ -2870,6 +2880,29 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "media-hero",
+      "prefixes": [],
+      "declarations": [
+        "row-gap: var(--v-space-24)",
+        "padding: var(--v-space-xl) var(--v-space-pagemargin) 0",
+        "grid-template-columns: 1fr",
+        "display: grid",
+        "column-gap: var(--v-space-gutter)",
+        "grid-template-columns: 1fr 1fr"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "text-hero",
+      "prefixes": [],
+      "declarations": [
+        "padding: var(--v-space-xl) var(--v-space-pagemargin)",
+        "flex-direction: column",
+        "display: flex"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "message-bar",
       "prefixes": [],
@@ -2877,12 +2910,17 @@
         "--v-color-foreground-primary: var(--v-color-foreground-inverted)",
         "--_dark-toggle: var(--_light-toggle)",
         "gap: var(--v-space-8)",
+        "height: var(--message-bar-expanded-height, fit-content)",
         "padding: var(--v-space-16) var(--v-space-pageoffset)",
         "color: var(--v-color-foreground-inverted)",
         "background-color: var(--v-color-surface-neutral)",
+        "transition-timing-function: cubic-bezier(0, 0, .1, 1), cubic-bezier(.9, 0, 1, 1), cubic-bezier(.9, 0, 1, 1), cubic-bezier(.9, 0, 1, 1)",
+        "transition-duration: var(--_v-transition-speed-default)",
+        "contain: inline-size layout paint style",
+        "interpolate-size: allow-keywords",
         "flex-direction: column",
+        "transition-property: opacity, height, padding-top, padding-bottom",
         "display: flex",
-        "position: relative",
         "gap: var(--v-space-16)",
         "flex-direction: row",
         "justify-content: center",
@@ -4362,9 +4400,7 @@
       ],
       "declarations": [
         "--_display-outer: block",
-        "display: var(--_display-outer) var(--_display-inner)",
-        "--_display-outer: ",
-        "display: block"
+        "display: var(--_display-outer) var(--_display-inner)"
       ],
       "layer": "volvo.utilities"
     },
@@ -9925,6 +9961,14 @@
       ],
       "layer": "volvo.utilities"
     },
+    {
+      "name": "trim-cap",
+      "prefixes": [],
+      "declarations": [
+        "text-box: trim-both cap alphabetic"
+      ],
+      "layer": "volvo.utilities"
+    },
     {
       "name": "text-inherit",
       "prefixes": [],
@@ -10747,76 +10791,6 @@
       },
       "value": "8"
     },
-    {
-      "css": "--v-font-heading-1-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "1",
-      "category": "heading",
-      "meta": {},
-      "value": "3rem"
-    },
-    {
-      "css": "--v-font-heading-2-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "2",
-      "category": "heading",
-      "meta": {},
-      "value": "2rem"
-    },
-    {
-      "css": "--v-font-heading-3-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "3",
-      "category": "heading",
-      "meta": {},
-      "value": "2rem"
-    },
-    {
-      "css": "--v-font-statement-1-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "1",
-      "category": "statement",
-      "meta": {},
-      "value": "8rem"
-    },
-    {
-      "css": "--v-font-statement-2-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "2",
-      "category": "statement",
-      "meta": {},
-      "value": "6rem"
-    },
-    {
-      "css": "--v-font-statement-3-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "3",
-      "category": "statement",
-      "meta": {},
-      "value": "4.5rem"
-    },
-    {
-      "css": "--v-font-statement-signature-size-max",
-      "type": "font",
-      "modifier": "max",
-      "property": "size",
-      "variant": "signature",
-      "category": "statement",
-      "meta": {},
-      "value": "4.5rem"
-    },
     {
       "css": "--v-transition-default",
       "type": "transition",
@@ -11763,69 +11737,42 @@
       "value": "1.334"
     },
     {
-      "css": "--v-font-heading-3-weight",
+      "css": "--v-font-heading-2-weight",
       "type": "font",
       "property": "weight",
-      "variant": "3",
+      "variant": "2",
       "category": "heading",
       "meta": {},
       "value": "400"
     },
     {
-      "css": "--v-font-heading-3-size",
-      "type": "font",
-      "property": "size",
-      "variant": "3",
-      "category": "heading",
-      "meta": {},
-      "value": "round(down, clamp(var(--v-font-heading-3-size-min), 1.071vw + 1.179rem, var(--v-font-heading-3-size-max)), 2px)"
-    },
-    {
-      "css": "--v-font-heading-3-lineheight",
-      "type": "font",
-      "property": "lineheight",
-      "variant": "3",
-      "category": "heading",
-      "meta": {},
-      "value": "calc(1em + 0.5rem)"
-    },
-    {
-      "css": "--v-font-heading-3-size-min",
+      "css": "--v-font-heading-2-size",
       "type": "font",
-      "modifier": "min",
       "property": "size",
-      "variant": "3",
-      "category": "heading",
-      "meta": {},
-      "value": "1.5rem"
-    },
-    {
-      "css": "--v-font-heading-2-weight",
-      "type": "font",
-      "property": "weight",
       "variant": "2",
       "category": "heading",
       "meta": {},
-      "value": "400"
+      "value": "round(down, clamp(var(--v-font-heading-2-size-min), 0.714vw + 1.286rem, var(--v-font-heading-2-size-max)), 2px)"
     },
     {
-      "css": "--v-font-heading-2-size",
+      "css": "--v-font-heading-2-size-min",
       "type": "font",
+      "modifier": "min",
       "property": "size",
       "variant": "2",
       "category": "heading",
       "meta": {},
-      "value": "round(down, clamp(var(--v-font-heading-2-size-min), 1.071vw + 1.179rem, var(--v-font-heading-2-size-max)), 2px)"
+      "value": "1.5rem"
     },
     {
-      "css": "--v-font-heading-2-size-min",
+      "css": "--v-font-heading-2-size-max",
       "type": "font",
-      "modifier": "min",
+      "modifier": "max",
       "property": "size",
       "variant": "2",
       "category": "heading",
       "meta": {},
-      "value": "1.5rem"
+      "value": "2rem"
     },
     {
       "css": "--v-font-heading-2-lineheight",
@@ -11873,6 +11820,16 @@
       "meta": {},
       "value": "2rem"
     },
+    {
+      "css": "--v-font-heading-1-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "1",
+      "category": "heading",
+      "meta": {},
+      "value": "3.5rem"
+    },
     {
       "css": "--v-font-statement-3-weight",
       "type": "font",
@@ -11889,7 +11846,7 @@
       "variant": "3",
       "category": "statement",
       "meta": {},
-      "value": "round(down, clamp(var(--v-font-statement-3-size-min), 2.143vw + 2.357rem, var(--v-font-statement-3-size-max)), 2px)"
+      "value": "round(down, clamp(var(--v-font-statement-3-size-min), 2.5vw + 1.5rem, var(--v-font-statement-3-size-max)), 2px)"
     },
     {
       "css": "--v-font-statement-3-size-min",
@@ -11899,7 +11856,17 @@
       "variant": "3",
       "category": "statement",
       "meta": {},
-      "value": "3rem"
+      "value": "2.25rem"
+    },
+    {
+      "css": "--v-font-statement-3-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "3",
+      "category": "statement",
+      "meta": {},
+      "value": "4rem"
     },
     {
       "css": "--v-font-statement-3-lineheight",
@@ -11926,7 +11893,7 @@
       "variant": "2",
       "category": "statement",
       "meta": {},
-      "value": "round(down, clamp(var(--v-font-statement-2-size-min), 5vw + 2rem, var(--v-font-statement-2-size-max)), 2px)"
+      "value": "round(down, clamp(var(--v-font-statement-2-size-min), 6.429vw + 1.571rem, var(--v-font-statement-2-size-max)), 2px)"
     },
     {
       "css": "--v-font-statement-2-size-min",
@@ -11938,6 +11905,16 @@
       "meta": {},
       "value": "3.5rem"
     },
+    {
+      "css": "--v-font-statement-2-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "2",
+      "category": "statement",
+      "meta": {},
+      "value": "8rem"
+    },
     {
       "css": "--v-font-statement-2-lineheight",
       "type": "font",
@@ -11963,7 +11940,7 @@
       "variant": "1",
       "category": "statement",
       "meta": {},
-      "value": "round(down, clamp(var(--v-font-statement-1-size-min), 6.786vw + 2.464rem, var(--v-font-statement-1-size-max)), 2px)"
+      "value": "round(down, clamp(var(--v-font-statement-1-size-min), 15.714vw + 0.286rem, var(--v-font-statement-1-size-max)), 2px)"
     },
     {
       "css": "--v-font-statement-1-size-min",
@@ -11973,7 +11950,17 @@
       "variant": "1",
       "category": "statement",
       "meta": {},
-      "value": "4.5rem"
+      "value": "5rem"
+    },
+    {
+      "css": "--v-font-statement-1-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "1",
+      "category": "statement",
+      "meta": {},
+      "value": "16rem"
     },
     {
       "css": "--v-font-statement-1-lineheight",
@@ -12012,6 +11999,16 @@
       "meta": {},
       "value": "2.5rem"
     },
+    {
+      "css": "--v-font-statement-signature-size-max",
+      "type": "font",
+      "modifier": "max",
+      "property": "size",
+      "variant": "signature",
+      "category": "statement",
+      "meta": {},
+      "value": "5.25rem"
+    },
     {
       "css": "--v-font-statement-signature-lineheight",
       "type": "font",