@volvo-cars/css 2.5.1 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/CHANGELOG.md +95 -0
  2. package/dist/css/v3/font-face.ae406374.css +1 -0
  3. package/dist/css/v3/styles.e4f91260.css +1 -0
  4. package/dist/css/v3/styles_hover.e8d70a02.css +1 -0
  5. package/dist/css/v3/styles_md.bb187d3a.css +1 -0
  6. package/dist/css/{v2/styles_xl.8cc80b1d.css → v3/styles_xl.d04eed36.css} +1 -1
  7. package/dist/css/{v2/tokens.64c4f99b.css → v3/tokens.5288b0b2.css} +1 -1
  8. package/dist/css/v3-compat/styles.e4f91260.css +1 -0
  9. package/dist/css/v3-compat/styles_hover.e8d70a02.css +1 -0
  10. package/dist/css/v3-compat/styles_md.bb187d3a.css +1 -0
  11. package/dist/css/v3-compat/styles_xl.d04eed36.css +1 -0
  12. package/dist/css/v3-compat/tokens.5288b0b2.css +1 -0
  13. package/dist/debug.css +1 -1
  14. package/dist/get-media-query-D4pZUbJr.js +2 -0
  15. package/dist/get-media-query-D4pZUbJr.js.map +1 -0
  16. package/dist/{get-media-query--Gir4iE6.cjs → get-media-query-teSkEJxp.cjs} +2 -2
  17. package/dist/get-media-query-teSkEJxp.cjs.map +1 -0
  18. package/dist/imports.json +6 -6
  19. package/dist/links.cjs +1 -1
  20. package/dist/links.cjs.map +1 -1
  21. package/dist/links.d.ts +2 -2
  22. package/dist/links.js +1 -1
  23. package/dist/links.js.map +1 -1
  24. package/dist/links.server.cjs +1 -1
  25. package/dist/links.server.cjs.map +1 -1
  26. package/dist/links.server.d.ts +2 -2
  27. package/dist/links.server.js +1 -1
  28. package/dist/links.server.js.map +1 -1
  29. package/dist/llm/meta.md +10 -0
  30. package/dist/media-queries.cjs.map +1 -1
  31. package/dist/media-queries.js.map +1 -1
  32. package/dist/meta.json +95 -10
  33. package/dist/meta.json.d.ts +4 -4
  34. package/dist/styles.css +1 -1
  35. package/dist/styles.d.ts +77 -19
  36. package/dist/styles_all-media.css +1 -1
  37. package/dist/styles_hover.css +1 -1
  38. package/dist/styles_lg.css +1 -1
  39. package/dist/styles_md.css +1 -1
  40. package/dist/styles_xl.css +1 -1
  41. package/dist/tokens.cjs.map +1 -1
  42. package/dist/tokens.css +1 -1
  43. package/dist/tokens.js.map +1 -1
  44. package/dist/utils.cjs +1 -1
  45. package/dist/utils.cjs.map +1 -1
  46. package/dist/utils.d.ts +3 -3
  47. package/dist/utils.js +1 -1
  48. package/dist/utils.js.map +1 -1
  49. package/package.json +21 -21
  50. package/dist/css/v2/styles.aed64923.css +0 -1
  51. package/dist/css/v2/styles_hover.e0e353f0.css +0 -1
  52. package/dist/css/v2/styles_md.8822691d.css +0 -1
  53. package/dist/get-media-query--Gir4iE6.cjs.map +0 -1
  54. package/dist/get-media-query-Bkpeu2gY.js +0 -2
  55. package/dist/get-media-query-Bkpeu2gY.js.map +0 -1
  56. /package/dist/css/{v2 → v3-compat}/font-face.ae406374.css +0 -0
@@ -1,5 +1,5 @@
1
1
  import { n as LinksFunction, t as LinkProps } from "./types-lTMF4rCm.js";
2
2
  //#region src/links.server.d.ts
3
- declare const links: LinksFunction;
3
+ export declare const links: LinksFunction;
4
4
  //#endregion
5
- export { type LinkProps, type LinksFunction, links };
5
+ export type { LinkProps, LinksFunction };
@@ -1,2 +1,2 @@
1
- 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};
1
+ import{i as e,n as t,r as n,t as r}from"./get-media-query-D4pZUbJr.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};
2
2
  //# sourceMappingURL=links.server.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"links.server.js","names":["cssImports"],"sources":["../src/links.server.ts"],"sourcesContent":["import cssImports from './imports.json' with { type: 'json' };\nimport { defaultBase } from './links/constants';\nimport { createFilter } from './links/create-filter';\nimport { getMediaQuery } from './links/get-media-query';\nimport type { LinkProps, LinkPropsList, LinksFunction } from './links/types';\n\nconst fontPreloadUrls = [\n 'https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2',\n];\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n const baseHref = typeof base === 'string' ? base : base?.href;\n const normalizedBase =\n baseHref && !baseHref.endsWith('/') ? `${baseHref}/` : baseHref;\n const cssLinkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap<LinkProps>(([name, filename]) => {\n const props: LinkProps = {\n href: normalizedBase + filename,\n rel: 'stylesheet',\n crossOrigin: 'anonymous',\n };\n const media = getMediaQuery(name);\n if (media) {\n props.media = media;\n }\n\n const preloadProps: LinkProps = {\n ...props,\n rel: 'preload',\n as: 'style',\n };\n\n props['data-volvo-css-name'] = name;\n\n if (filter?.preload === false) {\n return props;\n }\n return [preloadProps, props] as const;\n })\n .sort((a, b) =>\n a.rel === 'preload' && b.rel === 'preload'\n ? 0\n : a.rel === 'preload'\n ? -1\n : 1,\n );\n\n const fontPreloads: LinkProps[] =\n filter?.fonts === false || filter?.preload === false\n ? []\n : fontPreloadUrls.map((href) => ({\n rel: 'preload',\n href,\n as: 'font',\n type: 'font/woff2',\n crossOrigin: 'anonymous',\n }));\n const linkProps: LinkPropsList = [...fontPreloads, ...cssLinkProps];\n\n linkProps.toString = function () {\n let html = '';\n for (const link of this) {\n const attrs = Object.entries(link)\n .map(([key, value]) => `${key}=\"${value}\"`)\n .join(' ');\n html += `<link ${attrs} />\\n`;\n }\n return html;\n };\n\n return linkProps;\n};\n\nexport type { LinkProps, LinksFunction };\n"],"mappings":"uEAMA,MAAM,EAAkB,CACtB,kFACF,EAEa,GAAwB,CAAE,OAAO,EAAa,UAAW,CAAC,IAAM,CAC3E,IAAM,EAAW,OAAO,GAAS,SAAW,EAAA,GAAA,KAAA,IAAA,GAAO,EAAM,KACnD,EACJ,GAAY,CAAC,EAAS,SAAS,GAAG,EAAI,GAAG,EAAS,GAAK,EACnD,EAAe,OAAO,QAAQA,CAAU,CAAC,CAC5C,OAAO,EAAa,CAAM,CAAC,CAAC,CAC5B,SAAoB,CAAC,EAAM,KAAc,CACxC,IAAM,EAAmB,CACvB,KAAM,EAAiB,EACvB,IAAK,aACL,YAAa,WACf,EACM,EAAQ,EAAc,CAAI,EAC5B,IACF,EAAM,MAAQ,GAGhB,IAAM,EAA0B,CAC9B,GAAG,EACH,IAAK,UACL,GAAI,OACN,EAOA,MALA,GAAM,uBAAyB,GAE/B,GAAA,KAAA,IAAA,GAAI,EAAQ,WAAY,GACf,EAEF,CAAC,EAAc,CAAK,CAC7B,CAAC,CAAC,CACD,MAAM,EAAG,IACR,EAAE,MAAQ,WAAa,EAAE,MAAQ,UAC7B,EACA,EAAE,MAAQ,UACR,GACA,CACR,EAYI,EAA2B,CAAC,IAAA,GAAA,KAAA,IAAA,GAThC,EAAQ,SAAU,KAAA,GAAA,KAAA,IAAA,GAAS,EAAQ,WAAY,GAC3C,CAAC,EACD,EAAgB,IAAK,IAAU,CAC7B,IAAK,UACL,OACA,GAAI,OACJ,KAAM,aACN,YAAa,WACf,EAAE,EAC2C,GAAG,CAAY,EAalE,MAXA,GAAU,SAAW,UAAY,CAC/B,IAAI,EAAO,GACX,IAAK,IAAM,KAAQ,KAAM,CACvB,IAAM,EAAQ,OAAO,QAAQ,CAAI,CAAC,CAC/B,KAAK,CAAC,EAAK,KAAW,GAAG,EAAI,IAAI,EAAM,EAAE,CAAC,CAC1C,KAAK,GAAG,EACX,GAAQ,SAAS,EAAM,MACzB,CACA,OAAO,CACT,EAEO,CACT"}
1
+ {"version":3,"file":"links.server.js","names":["cssImports","imports_default","createFilter","defaultBase","getMediaQuery","fontPreloadUrls","links","baseHref","base","normalizedBase","cssLinkProps","filter","name","filename","props","media","preloadProps","a","b","linkProps","html","link","attrs","key","value"],"sources":["../src/links.server.ts"],"sourcesContent":["import cssImports from './imports.json' with { type: 'json' };\nimport { defaultBase } from './links/constants';\nimport { createFilter } from './links/create-filter';\nimport { getMediaQuery } from './links/get-media-query';\nimport type { LinkProps, LinkPropsList, LinksFunction } from './links/types';\n\nconst fontPreloadUrls = [\n 'https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2',\n];\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n const baseHref = typeof base === 'string' ? base : base?.href;\n const normalizedBase =\n baseHref && !baseHref.endsWith('/') ? `${baseHref}/` : baseHref;\n const cssLinkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap<LinkProps>(([name, filename]) => {\n const props: LinkProps = {\n href: normalizedBase + filename,\n rel: 'stylesheet',\n crossOrigin: 'anonymous',\n };\n const media = getMediaQuery(name);\n if (media) {\n props.media = media;\n }\n\n const preloadProps: LinkProps = {\n ...props,\n rel: 'preload',\n as: 'style',\n };\n\n props['data-volvo-css-name'] = name;\n\n if (filter?.preload === false) {\n return props;\n }\n return [preloadProps, props] as const;\n })\n .sort((a, b) =>\n a.rel === 'preload' && b.rel === 'preload'\n ? 0\n : a.rel === 'preload'\n ? -1\n : 1,\n );\n\n const fontPreloads: LinkProps[] =\n filter?.fonts === false || filter?.preload === false\n ? []\n : fontPreloadUrls.map((href) => ({\n rel: 'preload',\n href,\n as: 'font',\n type: 'font/woff2',\n crossOrigin: 'anonymous',\n }));\n const linkProps: LinkPropsList = [...fontPreloads, ...cssLinkProps];\n\n linkProps.toString = function () {\n let html = '';\n for (const link of this) {\n const attrs = Object.entries(link)\n .map(([key, value]) => `${key}=\"${value}\"`)\n .join(' ');\n html += `<link ${attrs} />\\n`;\n }\n return html;\n };\n\n return linkProps;\n};\n\nexport type { LinkProps, LinksFunction };\n"],"mappings":"uEAMA,MAAMK,EAAkB,CACtB,kFACF,EAEaC,GAAwB,CAAE,OAAOH,EAAa,UAAW,CAAC,IAAM,CAC3E,IAAMI,EAAW,OAAOC,GAAS,SAAWA,EAAAA,GAAA,KAAA,IAAA,GAAOA,EAAM,KACnDC,EACJF,GAAY,CAACA,EAAS,SAAS,GAAG,EAAI,GAAGA,EAAS,GAAKA,EACnDG,EAAe,OAAO,QAAQV,CAAU,CAAC,CAC5C,OAAOE,EAAaS,CAAM,CAAC,CAAC,CAC5B,SAAoB,CAACC,EAAMC,KAAc,CACxC,IAAMC,EAAmB,CACvB,KAAML,EAAiBI,EACvB,IAAK,aACL,YAAa,WACf,EACME,EAAQX,EAAcQ,CAAI,EAC5BG,IACF,EAAM,MAAQA,GAGhB,IAAMC,EAA0B,CAC9B,GAAGF,EACH,IAAK,UACL,GAAI,OACN,EAOA,MALA,GAAM,uBAAyBF,GAE/BD,GAAA,KAAA,IAAA,GAAIA,EAAQ,WAAY,GACfG,EAEF,CAACE,EAAcF,CAAK,CAC7B,CAAC,CAAC,CACD,MAAM,EAAG,IACRG,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACR,GACA,CACR,EAYIE,EAA2B,CAAC,IAAAR,GAAA,KAAA,IAAA,GAThCA,EAAQ,SAAU,KAAAA,GAAA,KAAA,IAAA,GAASA,EAAQ,WAAY,GAC3C,CAAC,EACDN,EAAgB,IAAK,IAAU,CAC7B,IAAK,UACL,OACA,GAAI,OACJ,KAAM,aACN,YAAa,WACf,EAAE,EAC2C,GAAGK,CAAY,EAalE,MAXA,GAAU,SAAW,UAAY,CAC/B,IAAIU,EAAO,GACX,IAAK,IAAMC,KAAQ,KAAM,CACvB,IAAMC,EAAQ,OAAO,QAAQD,CAAI,CAAC,CAC/B,KAAK,CAACE,EAAKC,KAAW,GAAGD,EAAI,IAAIC,EAAM,EAAE,CAAC,CAC1C,KAAK,GAAG,EACX,GAAQ,SAASF,EAAM,MACzB,CACA,OAAOF,CACT,EAEOD,CACT"}
package/dist/llm/meta.md CHANGED
@@ -43,6 +43,12 @@ Utility classes may be combined with other classes and include the CSS rules the
43
43
 
44
44
  .custom-select
45
45
 
46
+ .custom-option
47
+
48
+ .listbox
49
+
50
+ .option-group-name
51
+
46
52
  .chip-selectable
47
53
 
48
54
  .chip-dismissible
@@ -53,6 +59,10 @@ Utility classes may be combined with other classes and include the CSS rules the
53
59
 
54
60
  .link-plain
55
61
 
62
+ .list-item
63
+
64
+ .navigation-list-item
65
+
56
66
  .pagination-dots
57
67
 
58
68
  .range
@@ -1 +1 @@
1
- {"version":3,"file":"media-queries.cjs","names":[],"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"+FAAA,MAAM,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN"}
1
+ {"version":3,"file":"media-queries.cjs","names":["queries"],"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"+FAAA,MAAMA,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN"}
@@ -1 +1 @@
1
- {"version":3,"file":"media-queries.js","names":[],"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"AAAA,MAAM,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN"}
1
+ {"version":3,"file":"media-queries.js","names":["queries"],"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"AAAA,MAAMA,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN"}
package/dist/meta.json CHANGED
@@ -223,6 +223,7 @@
223
223
  "current:text-primary",
224
224
  "cursor-auto",
225
225
  "cursor-pointer",
226
+ "custom-option",
226
227
  "custom-select",
227
228
  "details-open:rotate-180",
228
229
  "dialog-large",
@@ -914,6 +915,8 @@
914
915
  "link-plain",
915
916
  "link-underlined",
916
917
  "list",
918
+ "list-item",
919
+ "listbox",
917
920
  "m-0",
918
921
  "m-12",
919
922
  "m-16",
@@ -1598,12 +1601,14 @@
1598
1601
  "my-xl",
1599
1602
  "my-xs",
1600
1603
  "navigation-bar",
1604
+ "navigation-list-item",
1601
1605
  "object-contain",
1602
1606
  "object-cover",
1603
1607
  "object-fill",
1604
1608
  "odd:bg-secondary",
1605
1609
  "opacity-0",
1606
1610
  "open:border-primary",
1611
+ "option-group-name",
1607
1612
  "overflow-auto",
1608
1613
  "overflow-clip",
1609
1614
  "overflow-hidden",
@@ -2708,6 +2713,7 @@
2708
2713
  "name": "input-floating-label",
2709
2714
  "prefixes": [],
2710
2715
  "declarations": [
2716
+ "min-width: 0",
2711
2717
  "contain: content",
2712
2718
  "min-width: fit-content"
2713
2719
  ],
@@ -2716,7 +2722,52 @@
2716
2722
  {
2717
2723
  "name": "custom-select",
2718
2724
  "prefixes": [],
2719
- "declarations": [],
2725
+ "declarations": [
2726
+ "min-width: 0"
2727
+ ],
2728
+ "layer": "volvo.blocks"
2729
+ },
2730
+ {
2731
+ "name": "custom-option",
2732
+ "prefixes": [],
2733
+ "declarations": [
2734
+ "--_y-offset-dark: var(--_dark-toggle) 1",
2735
+ "--_y-offset: var(--_y-offset-dark, 0)",
2736
+ "gap: var(--v-space-16)",
2737
+ "min-height: 3rem",
2738
+ "padding-block: var(--v-space-12)",
2739
+ "padding-inline: var(--v-space-16)",
2740
+ "overflow-wrap: anywhere",
2741
+ "white-space: normal",
2742
+ "cursor: pointer",
2743
+ "align-items: center",
2744
+ "display: flex"
2745
+ ],
2746
+ "layer": "volvo.blocks"
2747
+ },
2748
+ {
2749
+ "name": "listbox",
2750
+ "prefixes": [],
2751
+ "declarations": [
2752
+ "background-color: var(--v-color-background-secondary)",
2753
+ "max-height: 16rem",
2754
+ "overflow: hidden",
2755
+ "box-shadow: var(--v-effect-shadow-default)"
2756
+ ],
2757
+ "layer": "volvo.blocks"
2758
+ },
2759
+ {
2760
+ "name": "option-group-name",
2761
+ "prefixes": [],
2762
+ "declarations": [
2763
+ "min-height: 2.5rem",
2764
+ "font-size: var(--v-font-12-size)",
2765
+ "line-height: var(--v-font-12-lineheight)",
2766
+ "color: var(--v-color-foreground-secondary)",
2767
+ "align-items: center",
2768
+ "padding-inline-start: var(--v-space-16)",
2769
+ "display: flex"
2770
+ ],
2720
2771
  "layer": "volvo.blocks"
2721
2772
  },
2722
2773
  {
@@ -2811,6 +2862,34 @@
2811
2862
  "declarations": [],
2812
2863
  "layer": "volvo.layout"
2813
2864
  },
2865
+ {
2866
+ "name": "list-item",
2867
+ "prefixes": [],
2868
+ "declarations": [
2869
+ "gap: var(--v-space-16)",
2870
+ "padding-block: var(--v-space-16)",
2871
+ "align-items: center",
2872
+ "display: flex",
2873
+ "border-bottom: 1px solid var(--v-color-ornament-primary)",
2874
+ "list-style: none"
2875
+ ],
2876
+ "layer": "volvo.blocks"
2877
+ },
2878
+ {
2879
+ "name": "navigation-list-item",
2880
+ "prefixes": [],
2881
+ "declarations": [
2882
+ "gap: var(--v-space-16)",
2883
+ "padding-block: var(--v-space-16)",
2884
+ "align-items: center",
2885
+ "display: flex",
2886
+ "border-bottom: 1px solid var(--v-color-ornament-primary)",
2887
+ "list-style: none",
2888
+ "isolation: isolate",
2889
+ "position: relative"
2890
+ ],
2891
+ "layer": "volvo.blocks"
2892
+ },
2814
2893
  {
2815
2894
  "name": "pagination-dots",
2816
2895
  "prefixes": [],
@@ -2980,10 +3059,10 @@
2980
3059
  "prefixes": [],
2981
3060
  "declarations": [
2982
3061
  "cursor: pointer",
2983
- "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%))",
2984
3062
  "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
2985
3063
  "transition-duration: var(--_v-transition-speed-default)",
2986
3064
  "display: block",
3065
+ "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%))",
2987
3066
  "height: 3rem",
2988
3067
  "padding-inline: var(--v-space-8)",
2989
3068
  "border-bottom: 2px solid #0000",
@@ -2997,10 +3076,10 @@
2997
3076
  "prefixes": [],
2998
3077
  "declarations": [
2999
3078
  "cursor: pointer",
3000
- "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%))",
3001
3079
  "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
3002
3080
  "transition-duration: var(--_v-transition-speed-default)",
3003
- "display: block"
3081
+ "display: block",
3082
+ "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%))"
3004
3083
  ],
3005
3084
  "layer": "volvo.blocks"
3006
3085
  },
@@ -3009,14 +3088,15 @@
3009
3088
  "prefixes": [],
3010
3089
  "declarations": [
3011
3090
  "cursor: pointer",
3012
- "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%))",
3013
3091
  "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
3014
3092
  "transition-duration: var(--_v-transition-speed-default)",
3015
3093
  "display: block",
3016
3094
  "flex-direction: column",
3017
3095
  "display: flex",
3096
+ "text-align: start",
3018
3097
  "text-decoration: none",
3019
- "--background-color: var(--v-color-background-secondary)"
3098
+ "padding-bottom: var(--v-space-16)",
3099
+ "background-color: #0000"
3020
3100
  ],
3021
3101
  "layer": "volvo.blocks"
3022
3102
  },
@@ -3025,18 +3105,19 @@
3025
3105
  "prefixes": [],
3026
3106
  "declarations": [
3027
3107
  "cursor: pointer",
3028
- "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%))",
3029
3108
  "transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke",
3030
3109
  "transition-duration: var(--_v-transition-speed-default)",
3031
3110
  "display: block",
3032
3111
  "flex-direction: column",
3033
3112
  "display: flex",
3113
+ "text-align: start",
3034
3114
  "text-decoration: none",
3035
3115
  "--background-color: var(--v-color-background-secondary)",
3036
- "gap: var(--v-space-24)",
3116
+ "column-gap: var(--v-space-24)",
3037
3117
  "height: 100%",
3038
3118
  "padding: var(--v-space-24)",
3039
- "justify-content: space-between"
3119
+ "justify-content: space-between",
3120
+ "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%))"
3040
3121
  ],
3041
3122
  "layer": "volvo.blocks"
3042
3123
  },
@@ -3094,9 +3175,13 @@
3094
3175
  "name": "media-hero",
3095
3176
  "prefixes": [],
3096
3177
  "declarations": [
3178
+ "--_media-hero-media-bleed: max(0px,\n calc(var(--v-space-pagemargin) - (100vw - var(--v-size-pagemax)) / 2))",
3097
3179
  "row-gap: var(--v-space-24)",
3180
+ "width: 100%",
3181
+ "max-width: var(--v-size-pagemax)",
3098
3182
  "padding: var(--v-space-xl) var(--v-space-pagemargin) 0",
3099
3183
  "grid-template-columns: 1fr",
3184
+ "margin-inline: auto",
3100
3185
  "display: grid",
3101
3186
  "column-gap: var(--v-space-gutter)",
3102
3187
  "grid-template-columns: 1fr 1fr"
@@ -3654,7 +3739,7 @@
3654
3739
  "--_sidebar-start-toggle: initial",
3655
3740
  "--_sidebar-end-toggle: initial",
3656
3741
  "--_page-grid: [page-start] 1fr [page-end]",
3657
- "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]",
3742
+ "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]",
3658
3743
  "grid-auto-flow: dense",
3659
3744
  "max-width: 160rem",
3660
3745
  "margin-inline: auto",
@@ -1,6 +1,6 @@
1
1
  //#region src/meta.json.d.ts
2
- type Library = 'edls';
3
- interface DesignToken {
2
+ export type Library = 'edls';
3
+ export interface DesignToken {
4
4
  css: string;
5
5
  type: 'font' | 'color' | 'border' | 'grid' | 'index' | 'radius' | 'shape' | 'size' | 'space' | 'setting' | 'transition' | 'effect';
6
6
  category?: string;
@@ -12,7 +12,7 @@ interface DesignToken {
12
12
  value?: string | string[];
13
13
  library?: Library;
14
14
  }
15
- interface ClassMeta {
15
+ export interface ClassMeta {
16
16
  name: string;
17
17
  declarations: string[];
18
18
  prefixes: string[];
@@ -29,4 +29,4 @@ declare const meta: {
29
29
  }[];
30
30
  };
31
31
  //#endregion
32
- export { ClassMeta, DesignToken, Library, meta as default };
32
+ export { meta as default };