@volvo-cars/css 2.5.1 → 3.0.0

package/dist/{get-media-query--Gir4iE6.cjs → get-media-query-DO52S6QV.cjs}

@@ -1,2 +1,2 @@
-const e=require("./media-queries.cjs");var t={"font-face.css":`css/v2/font-face.ae406374.css`,"tokens.css":`css/v2/tokens.64c4f99b.css`,"styles.css":`css/v2/styles.aed64923.css`,"styles_md.css":`css/v2/styles_md.8822691d.css`,"styles_xl.css":`css/v2/styles_xl.8cc80b1d.css`,"styles_hover.css":`css/v2/styles_hover.e0e353f0.css`};function n({fonts:e=!0,tokens:t=!0}={}){return([n])=>n===`font-face.css`?e:!n.endsWith(`tokens.css`)||t}function r(t){var n,r;let i=(n=t.split(`_`).pop())==null?void 0:n.replace(`.css`,``);return(r=Object.entries(e.default).find(([e])=>e===i))==null?void 0:r[1]}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return`https://www.volvocars.com/static/shared/pkg/`}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=get-media-query--Gir4iE6.cjs.map
+const e=require("./media-queries.cjs");var t={"font-face.css":`css/v3/font-face.ae406374.css`,"tokens.css":`css/v3/tokens.5288b0b2.css`,"styles.css":`css/v3/styles.71ee96da.css`,"styles_md.css":`css/v3/styles_md.7179b0ee.css`,"styles_xl.css":`css/v3/styles_xl.d04eed36.css`,"styles_hover.css":`css/v3/styles_hover.81980e05.css`};function n({fonts:e=!0,tokens:t=!0}={}){return([n])=>n===`font-face.css`?e:!n.endsWith(`tokens.css`)||t}function r(t){var n,r;let i=(n=t.split(`_`).pop())==null?void 0:n.replace(`.css`,``);return(r=Object.entries(e.default).find(([e])=>e===i))==null?void 0:r[1]}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return`https://www.volvocars.com/static/shared/pkg/`}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=get-media-query-DO52S6QV.cjs.map

package/dist/{get-media-query--Gir4iE6.cjs.map → get-media-query-DO52S6QV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"get-media-query--Gir4iE6.cjs","names":["mediaQueries"],"sources":["../src/imports.json","../src/links/constants.ts","../src/links/create-filter.ts","../src/links/get-media-query.ts"],"sourcesContent":["","export const defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n","export interface LinksFilter {\n  preload?: boolean;\n  fonts?: boolean;\n  tokens?: boolean;\n}\n\nexport function createFilter({\n  fonts = true,\n  tokens = true,\n}: LinksFilter = {}) {\n  return ([name]: [string, string]) => {\n    if (name === 'font-face.css') return fonts;\n    if (name.endsWith('tokens.css')) return tokens;\n    return true;\n  };\n}\n","import mediaQueries from '../media-queries';\n\nexport function getMediaQuery(name: string) {\n  const suffix = name.split('_').pop()?.replace('.css', '');\n  return Object.entries(mediaQueries).find(\n    ([mediaQueryName]) => mediaQueryName === suffix,\n  )?.[1];\n}\n"],"mappings":"yUEMA,SAAgB,EAAa,CAC3B,QAAQ,GACR,SAAS,IACM,CAAC,EAAG,CACnB,OAAQ,CAAC,KACH,IAAS,gBAAwB,EACrC,CAAI,EAAK,SAAS,YAAY,GAAU,CAG5C,CCbA,SAAgB,EAAc,EAAc,SAC1C,IAAM,GAAA,EAAS,EAAK,MAAM,GAAG,CAAC,CAAC,IAAI,IAAA,KAAA,IAAA,GAAA,EAAG,QAAQ,OAAQ,EAAE,EACxD,OAAA,EAAO,OAAO,QAAQA,EAAAA,OAAY,CAAC,CAAC,MACjC,CAAC,KAAoB,IAAmB,CAC3C,IAAA,KAAA,IAAA,GAAA,EAAI,EACN"}
+{"version":3,"file":"get-media-query-DO52S6QV.cjs","names":["mediaQueries"],"sources":["../src/imports.json","../src/links/constants.ts","../src/links/create-filter.ts","../src/links/get-media-query.ts"],"sourcesContent":["","export const defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n","export interface LinksFilter {\n  preload?: boolean;\n  fonts?: boolean;\n  tokens?: boolean;\n}\n\nexport function createFilter({\n  fonts = true,\n  tokens = true,\n}: LinksFilter = {}) {\n  return ([name]: [string, string]) => {\n    if (name === 'font-face.css') return fonts;\n    if (name.endsWith('tokens.css')) return tokens;\n    return true;\n  };\n}\n","import mediaQueries from '../media-queries';\n\nexport function getMediaQuery(name: string) {\n  const suffix = name.split('_').pop()?.replace('.css', '');\n  return Object.entries(mediaQueries).find(\n    ([mediaQueryName]) => mediaQueryName === suffix,\n  )?.[1];\n}\n"],"mappings":"yUEMA,SAAgB,EAAa,CAC3B,QAAQ,GACR,SAAS,IACM,CAAC,EAAG,CACnB,OAAQ,CAAC,KACH,IAAS,gBAAwB,EACrC,CAAI,EAAK,SAAS,YAAY,GAAU,CAG5C,CCbA,SAAgB,EAAc,EAAc,SAC1C,IAAM,GAAA,EAAS,EAAK,MAAM,GAAG,CAAC,CAAC,IAAI,IAAA,KAAA,IAAA,GAAA,EAAG,QAAQ,OAAQ,EAAE,EACxD,OAAA,EAAO,OAAO,QAAQA,EAAAA,OAAY,CAAC,CAAC,MACjC,CAAC,KAAoB,IAAmB,CAC3C,IAAA,KAAA,IAAA,GAAA,EAAI,EACN"}

package/dist/imports.json

@@ -1,8 +1,8 @@
 {
-  "font-face.css": "css/v2/font-face.ae406374.css",
-  "tokens.css": "css/v2/tokens.64c4f99b.css",
-  "styles.css": "css/v2/styles.aed64923.css",
-  "styles_md.css": "css/v2/styles_md.8822691d.css",
-  "styles_xl.css": "css/v2/styles_xl.8cc80b1d.css",
-  "styles_hover.css": "css/v2/styles_hover.e0e353f0.css"
+  "font-face.css": "css/v3/font-face.ae406374.css",
+  "tokens.css": "css/v3/tokens.5288b0b2.css",
+  "styles.css": "css/v3/styles.71ee96da.css",
+  "styles_md.css": "css/v3/styles_md.7179b0ee.css",
+  "styles_xl.css": "css/v3/styles_xl.d04eed36.css",
+  "styles_hover.css": "css/v3/styles_hover.81980e05.css"
 }

package/dist/links.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./get-media-query--Gir4iE6.cjs"),t=({base:t=e.r,filter:n}={})=>{let r=typeof t==`string`?t:t==null?void 0:t.href,i=r&&!r.endsWith(`/`)?`${r}/`:r,a=Object.entries(e.i).filter(e.n(n)).map(([t,n])=>{let r={rel:`stylesheet`,href:i+n,"data-volvo-css-name":t,crossOrigin:`anonymous`},a=e.t(t);return a&&(r.media=a),r});return a.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},a};exports.links=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./get-media-query-DO52S6QV.cjs"),t=({base:t=e.r,filter:n}={})=>{let r=typeof t==`string`?t:t==null?void 0:t.href,i=r&&!r.endsWith(`/`)?`${r}/`:r,a=Object.entries(e.i).filter(e.n(n)).map(([t,n])=>{let r={rel:`stylesheet`,href:i+n,"data-volvo-css-name":t,crossOrigin:`anonymous`},a=e.t(t);return a&&(r.media=a),r});return a.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},a};exports.links=t;
 //# sourceMappingURL=links.cjs.map

package/dist/links.js

@@ -1,2 +1,2 @@
-import{i as e,n as t,r as n,t as r}from"./get-media-query-Bkpeu2gY.js";const i=({base:i=n,filter:a}={})=>{let o=typeof i==`string`?i:i==null?void 0:i.href,s=o&&!o.endsWith(`/`)?`${o}/`:o,c=Object.entries(e).filter(t(a)).map(([e,t])=>{let n={rel:`stylesheet`,href:s+t,"data-volvo-css-name":e,crossOrigin:`anonymous`},i=r(e);return i&&(n.media=i),n});return c.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},c};export{i as links};
+import{i as e,n as t,r as n,t as r}from"./get-media-query-ByBypMhM.js";const i=({base:i=n,filter:a}={})=>{let o=typeof i==`string`?i:i==null?void 0:i.href,s=o&&!o.endsWith(`/`)?`${o}/`:o,c=Object.entries(e).filter(t(a)).map(([e,t])=>{let n={rel:`stylesheet`,href:s+t,"data-volvo-css-name":e,crossOrigin:`anonymous`},i=r(e);return i&&(n.media=i),n});return c.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},c};export{i as links};
 //# sourceMappingURL=links.js.map

package/dist/links.server.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./get-media-query--Gir4iE6.cjs"),t=[`https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2`],n=({base:n=e.r,filter:r}={})=>{let i=typeof n==`string`?n:n==null?void 0:n.href,a=i&&!i.endsWith(`/`)?`${i}/`:i,o=Object.entries(e.i).filter(e.n(r)).flatMap(([t,n])=>{let i={href:a+n,rel:`stylesheet`,crossOrigin:`anonymous`},o=e.t(t);o&&(i.media=o);let s={...i,rel:`preload`,as:`style`};return i[`data-volvo-css-name`]=t,(r==null?void 0:r.preload)===!1?i:[s,i]}).sort((e,t)=>e.rel===`preload`&&t.rel===`preload`?0:e.rel===`preload`?-1:1),s=[...(r==null?void 0:r.fonts)===!1||(r==null?void 0:r.preload)===!1?[]:t.map(e=>({rel:`preload`,href:e,as:`font`,type:`font/woff2`,crossOrigin:`anonymous`})),...o];return s.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},s};exports.links=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./get-media-query-DO52S6QV.cjs"),t=[`https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2`],n=({base:n=e.r,filter:r}={})=>{let i=typeof n==`string`?n:n==null?void 0:n.href,a=i&&!i.endsWith(`/`)?`${i}/`:i,o=Object.entries(e.i).filter(e.n(r)).flatMap(([t,n])=>{let i={href:a+n,rel:`stylesheet`,crossOrigin:`anonymous`},o=e.t(t);o&&(i.media=o);let s={...i,rel:`preload`,as:`style`};return i[`data-volvo-css-name`]=t,(r==null?void 0:r.preload)===!1?i:[s,i]}).sort((e,t)=>e.rel===`preload`&&t.rel===`preload`?0:e.rel===`preload`?-1:1),s=[...(r==null?void 0:r.fonts)===!1||(r==null?void 0:r.preload)===!1?[]:t.map(e=>({rel:`preload`,href:e,as:`font`,type:`font/woff2`,crossOrigin:`anonymous`})),...o];return s.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},s};exports.links=n;
 //# sourceMappingURL=links.server.cjs.map

package/dist/links.server.js

@@ -1,2 +1,2 @@
-import{i as e,n as t,r as n,t as r}from"./get-media-query-Bkpeu2gY.js";const i=[`https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2`],a=({base:a=n,filter:o}={})=>{let s=typeof a==`string`?a:a==null?void 0:a.href,c=s&&!s.endsWith(`/`)?`${s}/`:s,l=Object.entries(e).filter(t(o)).flatMap(([e,t])=>{let n={href:c+t,rel:`stylesheet`,crossOrigin:`anonymous`},i=r(e);i&&(n.media=i);let a={...n,rel:`preload`,as:`style`};return n[`data-volvo-css-name`]=e,(o==null?void 0:o.preload)===!1?n:[a,n]}).sort((e,t)=>e.rel===`preload`&&t.rel===`preload`?0:e.rel===`preload`?-1:1),u=[...(o==null?void 0:o.fonts)===!1||(o==null?void 0:o.preload)===!1?[]:i.map(e=>({rel:`preload`,href:e,as:`font`,type:`font/woff2`,crossOrigin:`anonymous`})),...l];return u.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},u};export{a as links};
+import{i as e,n as t,r as n,t as r}from"./get-media-query-ByBypMhM.js";const i=[`https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2`],a=({base:a=n,filter:o}={})=>{let s=typeof a==`string`?a:a==null?void 0:a.href,c=s&&!s.endsWith(`/`)?`${s}/`:s,l=Object.entries(e).filter(t(o)).flatMap(([e,t])=>{let n={href:c+t,rel:`stylesheet`,crossOrigin:`anonymous`},i=r(e);i&&(n.media=i);let a={...n,rel:`preload`,as:`style`};return n[`data-volvo-css-name`]=e,(o==null?void 0:o.preload)===!1?n:[a,n]}).sort((e,t)=>e.rel===`preload`&&t.rel===`preload`?0:e.rel===`preload`?-1:1),u=[...(o==null?void 0:o.fonts)===!1||(o==null?void 0:o.preload)===!1?[]:i.map(e=>({rel:`preload`,href:e,as:`font`,type:`font/woff2`,crossOrigin:`anonymous`})),...l];return u.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},u};export{a as links};
 //# sourceMappingURL=links.server.js.map

package/dist/llm/meta.md

@@ -53,6 +53,10 @@ Utility classes may be combined with other classes and include the CSS rules the
 
 .link-plain
 
+.list-item
+
+.navigation-list-item
+
 .pagination-dots
 
 .range

package/dist/meta.json

@@ -914,6 +914,7 @@
     "link-plain",
     "link-underlined",
     "list",
+    "list-item",
     "m-0",
     "m-12",
     "m-16",
@@ -1598,6 +1599,7 @@
     "my-xl",
     "my-xs",
     "navigation-bar",
+    "navigation-list-item",
     "object-contain",
     "object-cover",
     "object-fill",
@@ -2708,6 +2710,7 @@
       "name": "input-floating-label",
       "prefixes": [],
       "declarations": [
+        "min-width: 0",
         "contain: content",
         "min-width: fit-content"
       ],
@@ -2716,7 +2719,9 @@
     {
       "name": "custom-select",
       "prefixes": [],
-      "declarations": [],
+      "declarations": [
+        "min-width: 0"
+      ],
       "layer": "volvo.blocks"
     },
     {
@@ -2811,6 +2816,34 @@
       "declarations": [],
       "layer": "volvo.layout"
     },
+    {
+      "name": "list-item",
+      "prefixes": [],
+      "declarations": [
+        "gap: var(--v-space-16)",
+        "padding-block: var(--v-space-16)",
+        "align-items: center",
+        "display: flex",
+        "border-bottom: 1px solid var(--v-color-ornament-primary)",
+        "list-style: none"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "navigation-list-item",
+      "prefixes": [],
+      "declarations": [
+        "gap: var(--v-space-16)",
+        "padding-block: var(--v-space-16)",
+        "align-items: center",
+        "display: flex",
+        "border-bottom: 1px solid var(--v-color-ornament-primary)",
+        "list-style: none",
+        "isolation: isolate",
+        "position: relative"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "pagination-dots",
       "prefixes": [],
@@ -2980,10 +3013,10 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
         "display: block",
+        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "height: 3rem",
         "padding-inline: var(--v-space-8)",
         "border-bottom: 2px solid #0000",
@@ -2997,10 +3030,10 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
-        "display: block"
+        "display: block",
+        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))"
       ],
       "layer": "volvo.blocks"
     },
@@ -3009,14 +3042,15 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
         "display: block",
         "flex-direction: column",
         "display: flex",
+        "text-align: start",
         "text-decoration: none",
-        "--background-color: var(--v-color-background-secondary)"
+        "padding-bottom: var(--v-space-16)",
+        "background-color: #0000"
       ],
       "layer": "volvo.blocks"
     },
@@ -3025,18 +3059,19 @@
       "prefixes": [],
       "declarations": [
         "cursor: pointer",
-        "background-color: color-mix(in lab,\n    var(--background-color, var(--v-color-background-primary)),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))",
         "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
         "transition-duration: var(--_v-transition-speed-default)",
         "display: block",
         "flex-direction: column",
         "display: flex",
+        "text-align: start",
         "text-decoration: none",
         "--background-color: var(--v-color-background-secondary)",
-        "gap: var(--v-space-24)",
+        "column-gap: var(--v-space-24)",
         "height: 100%",
         "padding: var(--v-space-24)",
-        "justify-content: space-between"
+        "justify-content: space-between",
+        "background-color: color-mix(in lab,\n    var(--background-color),\n    var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))\n      var(--_overlay-rate, 0%))"
       ],
       "layer": "volvo.blocks"
     },
@@ -3094,9 +3129,13 @@
       "name": "media-hero",
       "prefixes": [],
       "declarations": [
+        "--_media-hero-media-bleed: max(0px,\n    calc(var(--v-space-pagemargin) - (100vw - var(--v-size-pagemax)) / 2))",
         "row-gap: var(--v-space-24)",
+        "width: 100%",
+        "max-width: var(--v-size-pagemax)",
         "padding: var(--v-space-xl) var(--v-space-pagemargin) 0",
         "grid-template-columns: 1fr",
+        "margin-inline: auto",
         "display: grid",
         "column-gap: var(--v-space-gutter)",
         "grid-template-columns: 1fr 1fr"
@@ -3654,7 +3693,7 @@
         "--_sidebar-start-toggle: initial",
         "--_sidebar-end-toggle: initial",
         "--_page-grid: [page-start] 1fr [page-end]",
-        "grid-template-columns: [bleed-start]\n    var(--v-space-pagemargin)\n    /* pick the sidebar grids if defined, fallback to the page grid */ var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid)))\n    /* --- */ var(--v-space-pagemargin)\n    [bleed-end]",
+        "grid-template-columns: [bleed-start]\n    var(--v-space-pagemargin)\n    /* pick the sidebar grids if defined, fallback to the page grid */\n    var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid)))\n    /* --- */\n    var(--v-space-pagemargin)\n    [bleed-end]",
         "grid-auto-flow: dense",
         "max-width: 160rem",
         "margin-inline: auto",