@volvo-cars/css 1.52.0 → 1.53.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.
- package/dist/chunk-CELME2EF.js +2 -0
- package/dist/{chunk-RP47DZ7L.js.map → chunk-CELME2EF.js.map} +1 -1
- package/dist/css/v1/{styles.da165024.css → styles.ffb585ca.css} +1 -1
- package/dist/css/v1/styles_md.53438709.css +1 -0
- package/dist/css/v1/styles_xl.dc799dcd.css +1 -0
- package/dist/css/v1/{tokens.40dcfb84.css → tokens.435f99f1.css} +1 -1
- package/dist/imports.json +4 -4
- package/dist/links.cjs +1 -1
- package/dist/links.cjs.map +1 -1
- package/dist/links.js +1 -1
- package/dist/links.server.cjs +1 -1
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.js +1 -1
- package/dist/llm/meta.md +25 -0
- package/dist/meta.json +132 -1
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +43 -0
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_md.css +1 -1
- package/dist/styles_xl.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +4 -0
- package/package.json +3 -3
- package/dist/chunk-RP47DZ7L.js +0 -2
- package/dist/css/v1/styles_md.4971b914.css +0 -1
- package/dist/css/v1/styles_xl.a877db6a.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:host,:root,[data-color-mode],::backdrop{--v-color-always-black:#000;--v-color-always-white:#fff;--v-color-background-feedback-gray:#f5f5f5;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-red:#fce5e3;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#1c6eba;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-orange:#ce6700;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-inverted:#fff;--v-color-foreground-primary:#0a0a0a;--v-color-foreground-secondary:#616161;--v-color-foreground-tertiary:#838383;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1c6eba1f;--v-color-state-accent-blue-strong:#1c6eba33;--v-color-state-accent-blue-subtle:#1c6eba0a;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-subtle:#ffffff0a;--v-color-state-feedback-red-medium:#d624151f;--v-color-state-feedback-red-strong:#d6241533;--v-color-state-feedback-red-subtle:#d624150a;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-strong:#0003;--v-color-state-primary-subtle:#0000000a;--v-color-surface-accent-blue:#1c6eba;--v-color-surface-feedback-green:#04771d;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#cd2314;--v-color-surface-neutral:#1f1f1f}[data-color-mode=dark],:host([data-color-mode=dark]){--v-color-background-feedback-gray:#2e2e2e;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-orange:#522900;--v-color-background-feedback-red:#4a0d07;--v-color-background-primary:#141414;--v-color-background-secondary:#1f1f1f;--v-color-foreground-accent-blue:#378fe1;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-orange:#f93;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-inverted:#0a0a0a;--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#bababa;--v-color-ornament-primary:#ffffff1f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1f78d129;--v-color-state-accent-blue-strong:#1f78d13d;--v-color-state-accent-blue-subtle:#1f78d114;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-subtle:#ffffff14;--v-color-state-feedback-red-medium:#ef665829;--v-color-state-feedback-red-strong:#ef66583d;--v-color-state-feedback-red-subtle:#ef665814;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-subtle:#00000014;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-subtle:#ffffff14;--v-color-surface-accent-blue:#1f78d1;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-red:#e52715;--v-color-surface-neutral:#fff}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--v-color-background-feedback-gray:#2e2e2e;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-orange:#522900;--v-color-background-feedback-red:#4a0d07;--v-color-background-primary:#141414;--v-color-background-secondary:#1f1f1f;--v-color-foreground-accent-blue:#378fe1;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-orange:#f93;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-inverted:#0a0a0a;--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#bababa;--v-color-ornament-primary:#ffffff1f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1f78d129;--v-color-state-accent-blue-strong:#1f78d13d;--v-color-state-accent-blue-subtle:#1f78d114;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-subtle:#ffffff14;--v-color-state-feedback-red-medium:#ef665829;--v-color-state-feedback-red-strong:#ef66583d;--v-color-state-feedback-red-subtle:#ef665814;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-subtle:#00000014;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-subtle:#ffffff14;--v-color-surface-accent-blue:#1f78d1;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-red:#e52715;--v-color-surface-neutral:#fff}}:host,:root,[data-color-mode],::backdrop{--_ve73fe1:0;--_v01aeb4:initial;--_v142aa7: ;--_v580f4a:4%;--_v462cee:12%;--_vce294a:20%;--_vd9113b:.32;--_vfb96e0:var(--v-color-surface-accent-blue)}[data-color-mode=dark],:host([data-color-mode=dark]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}}:host([data-theme=centenary]),[data-theme=centenary],[data-theme=centenary] [data-color-mode]{--_vfb96e0:var(--v-color-surface-neutral)}:host,:root{--v-font-sans-family:"Volvo Novum", "Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-broad-family:"Volvo Broad", "Arial Black", sans-serif;--v-font-mono-family:monospace;--v-font-regular-weight:300;--v-font-emphasis-weight:500;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-24:var(--v-font-regular-weight) var(--v-font-24-size) / var(--v-font-24-lineheight) var(--v-font-sans-family);--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-20:var(--v-font-regular-weight) var(--v-font-20-size) / var(--v-font-20-lineheight) var(--v-font-sans-family);--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:var(--v-font-regular-weight) var(--v-font-16-size) / var(--v-font-16-lineheight) var(--v-font-sans-family);--v-font-14-size:.875rem;--v-font-14-lineheight:1.57;--v-font-14:var(--v-font-regular-weight) var(--v-font-14-size) / var(--v-font-14-lineheight) var(--v-font-sans-family);--v-font-12-size:.75rem;--v-font-12-lineheight:1.67;--v-font-12:var(--v-font-regular-weight) var(--v-font-12-size) / var(--v-font-12-lineheight) var(--v-font-sans-family);--_v942f76:calc(.31rem + 2ex);--v-font-heading-1-weight:var(--v-font-emphasis-weight);--v-font-heading-1-lineheight:var(--_v942f76);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:2.5rem;--v-font-heading-1-size:clamp(var(--v-font-heading-1-size-min), 1vw + 1.7rem, var(--v-font-heading-1-size-max));--v-font-heading-1:var(--v-font-heading-1-weight) var(--v-font-heading-1-size) / var(--v-font-heading-1-lineheight) var(--v-font-sans-family);--v-font-heading-2-weight:var(--v-font-emphasis-weight);--v-font-heading-2-lineheight:var(--_v942f76);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2rem;--v-font-heading-2-size:clamp(var(--v-font-heading-2-size-min), 1vw + 1.2rem, var(--v-font-heading-2-size-max));--v-font-heading-2:var(--v-font-heading-2-weight) var(--v-font-heading-2-size) / var(--v-font-heading-2-lineheight) var(--v-font-sans-family);--v-font-heading-3-weight:var(--v-font-regular-weight);--v-font-heading-3-lineheight:var(--_v942f76);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2rem;--v-font-heading-3-size:clamp(var(--v-font-heading-3-size-min), 1vw + 1.2rem, var(--v-font-heading-3-size-max));--v-font-heading-3:var(--v-font-heading-3-weight) var(--v-font-heading-3-size) / var(--v-font-heading-3-lineheight) var(--v-font-sans-family);--v-font-statement-1-weight:var(--v-font-emphasis-weight);--v-font-statement-1-lineheight:var(--_v942f76);--v-font-statement-1-size-min:4rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min), 4vw + 2.8rem, var(--v-font-statement-1-size-max));--v-font-statement-1:var(--v-font-statement-1-weight) var(--v-font-statement-1-size) / var(--v-font-statement-1-lineheight) var(--v-font-sans-family);--v-font-statement-2-weight:var(--v-font-emphasis-weight);--v-font-statement-2-lineheight:var(--_v942f76);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:4.5rem;--v-font-statement-2-size:clamp(var(--v-font-statement-2-size-min), 2vw + 2.9rem, var(--v-font-statement-2-size-max));--v-font-statement-2:var(--v-font-statement-2-weight) var(--v-font-statement-2-size) / var(--v-font-statement-2-lineheight) var(--v-font-sans-family);--v-font-statement-3-weight:var(--v-font-emphasis-weight);--v-font-statement-3-lineheight:var(--_v942f76);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:3.5rem;--v-font-statement-3-size:clamp(var(--v-font-statement-3-size-min), 1vw + 2.7rem, var(--v-font-statement-3-size-max));--v-font-statement-3:var(--v-font-statement-3-weight) var(--v-font-statement-3-size) / var(--v-font-statement-3-lineheight) var(--v-font-sans-family);--v-font-statement-signature-weight:var(--v-font-emphasis-weight);--v-font-statement-signature-lineheight:1;--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:4.5rem;--v-font-statement-signature-size:clamp(var(--v-font-statement-signature-size-min), 4vw + 1.3rem, var(--v-font-statement-signature-size-max));--v-font-statement-signature:var(--v-font-statement-signature-weight) var(--v-font-statement-signature-size) / var(--v-font-statement-signature-lineheight) var(--v-font-broad-family)}:root:is(:lang(az),:lang(vi)),:host(:lang(az,vi)){--v-font-sans-family:"Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-regular-weight:400;--v-font-emphasis-weight:600}:root:is(:lang(ja),:lang(ko),:lang(zh)),:host(:lang(ja,ko,zh)){--v-font-heading-1-size-min:1.8em;--v-font-heading-1-size-max:2.25rem;--v-font-heading-2-size-min:1.35rem;--v-font-heading-2-size-max:1.8rem;--v-font-heading-3-size-min:1.35rem;--v-font-heading-3-size-max:1.8rem;--v-font-statement-1-size-min:4.05rem;--v-font-statement-1-size-max:5.4rem;--v-font-statement-2-size-min:3.15rem;--v-font-statement-2-size-max:4.05rem;--v-font-statement-3-size-min:2.7rem;--v-font-statement-3-size-max:3.15rem;--v-font-statement-signature-size-min:2.25rem;--v-font-statement-signature-size-max:4.05rem}:host([data-theme=centenary]) :is(.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl):not(.pagelayout *),[data-theme=centenary] :is(.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl):not(.pagelayout *){--v-font-heading-1-size-max:3rem;--v-font-heading-2-size-max:2rem;--v-font-heading-3-size-max:2rem;--v-font-statement-1-size-max:8rem;--v-font-statement-2-size-max:6rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-signature-size-max:4.5rem}:host,:root{--_vff1a2e:url(https://www.volvocars.com/static/shared/icons/v4/checkmark-16.svg)}:host,:root,[data-color-mode=light]{--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#light-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#light-primary)}[data-color-mode=dark],:host([data-color-mode=dark]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}}:host,:root,:where(.pagelayout){--v-space-l:var(--v-space-xl);--v-space-m:var(--v-space-lg);--v-space-s:var(--v-space-md);--_va4350f:calc(env(safe-area-inset-left,0px) + clamp(1.5rem, .8vw + 1.1rem, 1.75rem));--v-size-grid-column:calc(( var(--v-size-grid-maxwidth) - (var(--v-grid-columns) - 1) * var(--v-space-gutter) ) / var(--v-grid-columns));--v-size-grid-maxwidth:min(81rem, 100vw - var(--_va4350f) * 2);--v-size-pagemax:min(160rem, 100vw);--v-size-grid-xs:calc((var(--v-size-grid-column) * var(--_vf6c8b5)) + var(--v-space-gutter) * (var(--_vf6c8b5) - 1));--v-size-grid-sm:calc((var(--v-size-grid-column) * var(--_v0bb1b3)) + var(--v-space-gutter) * (var(--_v0bb1b3) - 1));--v-size-grid-md:calc((var(--v-size-grid-column) * var(--_v55f8aa)) + var(--v-space-gutter) * (var(--_v55f8aa) - 1));--v-size-grid-lg:calc((var(--v-size-grid-column) * var(--_vbd64de)) + var(--v-space-gutter) * (var(--_vbd64de) - 1));--v-size-grid-xl:calc((var(--v-size-grid-column) * var(--_v1c7adc)) + var(--v-space-gutter) * (var(--_v1c7adc) - 1));--v-size-grid-max:min((100vw - var(--v-space-pagemargin) * 2) + var(--_vf7c86e,0rem), 160rem);--v-size-contentmax:70ch;--v-radius-sm:.25rem;--v-radius-md:.5rem;--v-radius-lg:1rem;--v-radius-full:9999px;--v-index-spinner:30;--v-index-overlay:20;--v-index-navigation:10;--v-index-default:0;--v-index-deep:-1;--v-grid-columns:8;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:8;--_vbd64de:8;--_v1c7adc:8}dialog{--v-size-grid-xs:min(21.75rem, 100vw);--v-size-grid-sm:min(29.5rem, 100vw);--v-size-grid-md:min(45rem, 100vw);--v-size-grid-lg:min(45rem, 100vw);--v-size-grid-xl:min(81rem, 100vw)}@media (width>=30rem){:root,:host,:where(.pagelayout){--v-grid-columns:12;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:10;--_vbd64de:10;--_v1c7adc:12}}@media (width>=64rem){:root,:host,:where(.pagelayout){--_vf6c8b5:4;--_v0bb1b3:6;--_v55f8aa:8}dialog{--v-size-grid-xs:min(26rem, 100vw);--v-size-grid-sm:min(39.75rem, 100vw);--v-size-grid-md:min(53.5rem, 100vw);--v-size-grid-lg:min(67.25rem, 100vw)}}:root,:host,[dir=ltr]{--_v386612:1}[dir=rtl]{--_v386612:-1}:host(:not([data-theme=centenary])),:root:not([data-theme=centenary]){--v-space-pagemargin:clamp(var(--_va4350f), 22vw - 16.3rem, 8rem);--v-space-l:clamp(4rem, 4vw + 2.8rem, 6rem);--v-space-m:clamp(3rem, 3vw + 2rem, 4rem);--v-space-s:clamp(2rem, 3vw + 1rem, 3rem);--v-space-gutter:clamp(1rem, 2.6vw + .3rem, 1.5rem);--v-shape-default:var(--v-radius-sm);--v-shape-emphasis:var(--v-radius-sm)}:host,:root,::backdrop{--_va2d762:.8s;--_v57fab3:.22s;--_vba04ca:.11s;--v-transition-default:var(--_v57fab3) ease;--v-transition-micro:var(--_vba04ca) ease;--v-transition-notable:var(--_va2d762) ease}@media (prefers-reduced-motion:reduce){:host,:root,::backdrop{--_va2d762:50ms;--_v57fab3:25ms;--_vba04ca:12ms}}:host([data-theme=centenary]),[data-theme=centenary],[data-theme=centenary] [data-color-mode]{--v-color-foreground-primary:#000;--v-color-foreground-secondary:#5e5e5e;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#fff;--v-color-foreground-accent-blue:#0b2ded;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-feedback-orange:#ce6700;--v-color-surface-neutral:#000;--v-color-surface-gray:#e3e3e3;--v-color-surface-accent-blue:#0b2ded;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-red:#fce5e3;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-gray:#f0f0f0;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#000000a3;--v-color-state-primary-strong:#0003;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-subtle:#0000000a;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-accent-blue-strong:#0b2ded33;--v-color-state-accent-blue-medium:#0b2ded1f;--v-color-state-accent-blue-subtle:#0b2ded0a;--v-color-state-feedback-red-strong:#e5271533;--v-color-state-feedback-red-medium:#e527151f;--v-color-state-feedback-red-subtle:#e527150a;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-subtle:#ffffff0a}@media (prefers-color-scheme:dark){:host([data-theme=centenary][data-color-mode=auto]),[data-theme=centenary][data-color-mode=auto],[data-theme=centenary] [data-color-mode=auto]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#000000a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}}:host([data-theme=centenary][data-color-mode=dark]),[data-theme=centenary][data-color-mode=dark],[data-theme=centenary] [data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#000000a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}:host([data-theme=centenary]),[data-theme=centenary]{--v-font-12-size:.75rem;--v-font-12-lineheight:1.667;--v-font-14-size:.875rem;--v-font-14-lineheight:1.572;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-heading-3-weight:400;--v-font-heading-3-size:round(down, clamp(var(--v-font-heading-3-size-min), 1.071vw + 1.179rem, var(--v-font-heading-3-size-max)), 2px);--v-font-heading-3-lineheight:calc(1em + .5rem);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2.25rem;--v-font-heading-2-weight:400;--v-font-heading-2-size:round(down, clamp(var(--v-font-heading-2-size-min), 1.071vw + 1.179rem, var(--v-font-heading-2-size-max)), 2px);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2.25rem;--v-font-heading-2-lineheight:calc(1em + .5rem);--v-font-heading-1-weight:400;--v-font-heading-1-size:round(down, clamp(var(--v-font-heading-1-size-min), 2.143vw + 1.357rem, var(--v-font-heading-1-size-max)), 2px);--v-font-heading-1-lineheight:calc(1em + .5rem);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:3.5rem;--v-font-statement-3-weight:400;--v-font-statement-3-size:round(down, clamp(var(--v-font-statement-3-size-min), 2.143vw + 2.357rem, var(--v-font-statement-3-size-max)), 2px);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-3-lineheight:calc(1em + .5rem);--v-font-statement-2-weight:400;--v-font-statement-2-size:round(down, clamp(var(--v-font-statement-2-size-min), 5vw + 2rem, var(--v-font-statement-2-size-max)), 2px);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:7rem;--v-font-statement-2-lineheight:calc(1em + .5rem);--v-font-statement-1-weight:400;--v-font-statement-1-size:round(down, clamp(var(--v-font-statement-1-size-min), 6.786vw + 2.464rem, var(--v-font-statement-1-size-max)), 2px);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:9.25rem;--v-font-statement-1-lineheight:calc(1em + .5rem);--v-font-statement-signature-weight:400;--v-font-statement-signature-size:round(down, clamp(var(--v-font-statement-signature-size-min), 3.929vw + 1.321rem, var(--v-font-statement-signature-size-max)), 2px);--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:5.25rem;--v-font-statement-signature-lineheight:calc(1em + .5rem);--v-font-regular-weight:400;--v-font-emphasis-weight:600;--v-font-sans-family:"Volvo Centum", "Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-broad-family:"Volvo Broad Pro", "Volvo Broad", "Arial Black", sans-serif}:host,:root{--v-space-2:.125rem;--v-space-4:.25rem;--v-space-8:.5rem;--v-space-12:.75rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-32:2rem;--v-space-48:3rem;--v-space-64:4rem;--v-space-gridded-element-gap:var(--v-space-2);--v-space-pagemargin:round(clamp(1rem, 4.286vw + -.286rem, 4rem), 2px);--v-space-xs:round(clamp(.5rem, 1.071vw + .179rem, 1.25rem), 2px);--v-space-sm:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-space-md:round(clamp(1.5rem, 2.143vw + .857rem, 3rem), 2px);--v-space-lg:round(clamp(2rem, 2.143vw + 1.357rem, 3.5rem), 2px);--v-space-xl:round(clamp(3rem, 2.143vw + 2.357rem, 4.5rem), 2px);--v-space-2xl:round(clamp(4rem, 5.714vw + 2.286rem, 8rem), 2px);--v-space-gutter:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-border-width-default:1px;--v-border-width-selected:2px;--v-size-sidebar-narrow:round(clamp(15rem, 11.111vw + 7.889rem, 19rem), 2px);--v-size-sidebar-wide:round(clamp(23rem, 16.667vw + 12.333rem, 29rem), 2px);--v-shape-default:0px;--v-shape-emphasis:9999px}
|
|
1
|
+
:host,:root,[data-color-mode],::backdrop{--v-color-always-black:#000;--v-color-always-white:#fff;--v-color-background-feedback-gray:#f5f5f5;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-red:#fce5e3;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#1c6eba;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-orange:#ce6700;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-inverted:#fff;--v-color-foreground-primary:#0a0a0a;--v-color-foreground-secondary:#616161;--v-color-foreground-tertiary:#838383;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1c6eba1f;--v-color-state-accent-blue-strong:#1c6eba33;--v-color-state-accent-blue-subtle:#1c6eba0a;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-subtle:#ffffff0a;--v-color-state-feedback-red-medium:#d624151f;--v-color-state-feedback-red-strong:#d6241533;--v-color-state-feedback-red-subtle:#d624150a;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-strong:#0003;--v-color-state-primary-subtle:#0000000a;--v-color-surface-accent-blue:#1c6eba;--v-color-surface-feedback-green:#04771d;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#cd2314;--v-color-surface-neutral:#1f1f1f}[data-color-mode=dark],:host([data-color-mode=dark]){--v-color-background-feedback-gray:#2e2e2e;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-orange:#522900;--v-color-background-feedback-red:#4a0d07;--v-color-background-primary:#141414;--v-color-background-secondary:#1f1f1f;--v-color-foreground-accent-blue:#378fe1;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-orange:#f93;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-inverted:#0a0a0a;--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#bababa;--v-color-ornament-primary:#ffffff1f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1f78d129;--v-color-state-accent-blue-strong:#1f78d13d;--v-color-state-accent-blue-subtle:#1f78d114;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-subtle:#ffffff14;--v-color-state-feedback-red-medium:#ef665829;--v-color-state-feedback-red-strong:#ef66583d;--v-color-state-feedback-red-subtle:#ef665814;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-subtle:#00000014;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-subtle:#ffffff14;--v-color-surface-accent-blue:#1f78d1;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-red:#e52715;--v-color-surface-neutral:#fff}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--v-color-background-feedback-gray:#2e2e2e;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-orange:#522900;--v-color-background-feedback-red:#4a0d07;--v-color-background-primary:#141414;--v-color-background-secondary:#1f1f1f;--v-color-foreground-accent-blue:#378fe1;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-orange:#f93;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-inverted:#0a0a0a;--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#bababa;--v-color-ornament-primary:#ffffff1f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1f78d129;--v-color-state-accent-blue-strong:#1f78d13d;--v-color-state-accent-blue-subtle:#1f78d114;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-subtle:#ffffff14;--v-color-state-feedback-red-medium:#ef665829;--v-color-state-feedback-red-strong:#ef66583d;--v-color-state-feedback-red-subtle:#ef665814;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-subtle:#00000014;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-subtle:#ffffff14;--v-color-surface-accent-blue:#1f78d1;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-red:#e52715;--v-color-surface-neutral:#fff}}:host,:root,[data-color-mode],::backdrop{--_ve73fe1:0;--_v01aeb4:initial;--_v142aa7: ;--_v580f4a:4%;--_v462cee:12%;--_vce294a:20%;--_vd9113b:.32;--_vfb96e0:var(--v-color-surface-accent-blue)}[data-color-mode=dark],:host([data-color-mode=dark]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}}:host([data-theme=centenary]),[data-theme=centenary],[data-theme=centenary] [data-color-mode]{--_vfb96e0:var(--v-color-surface-neutral)}:host,:root{--v-font-sans-family:"Volvo Novum", "Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-broad-family:"Volvo Broad", "Arial Black", sans-serif;--v-font-mono-family:monospace;--v-font-regular-weight:300;--v-font-emphasis-weight:500;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-24:var(--v-font-regular-weight) var(--v-font-24-size) / var(--v-font-24-lineheight) var(--v-font-sans-family);--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-20:var(--v-font-regular-weight) var(--v-font-20-size) / var(--v-font-20-lineheight) var(--v-font-sans-family);--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:var(--v-font-regular-weight) var(--v-font-16-size) / var(--v-font-16-lineheight) var(--v-font-sans-family);--v-font-14-size:.875rem;--v-font-14-lineheight:1.57;--v-font-14:var(--v-font-regular-weight) var(--v-font-14-size) / var(--v-font-14-lineheight) var(--v-font-sans-family);--v-font-12-size:.75rem;--v-font-12-lineheight:1.67;--v-font-12:var(--v-font-regular-weight) var(--v-font-12-size) / var(--v-font-12-lineheight) var(--v-font-sans-family);--_v942f76:calc(.31rem + 2ex);--v-font-heading-1-weight:var(--v-font-emphasis-weight);--v-font-heading-1-lineheight:var(--_v942f76);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:2.5rem;--v-font-heading-1-size:clamp(var(--v-font-heading-1-size-min), 1vw + 1.7rem, var(--v-font-heading-1-size-max));--v-font-heading-1:var(--v-font-heading-1-weight) var(--v-font-heading-1-size) / var(--v-font-heading-1-lineheight) var(--v-font-sans-family);--v-font-heading-2-weight:var(--v-font-emphasis-weight);--v-font-heading-2-lineheight:var(--_v942f76);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2rem;--v-font-heading-2-size:clamp(var(--v-font-heading-2-size-min), 1vw + 1.2rem, var(--v-font-heading-2-size-max));--v-font-heading-2:var(--v-font-heading-2-weight) var(--v-font-heading-2-size) / var(--v-font-heading-2-lineheight) var(--v-font-sans-family);--v-font-heading-3-weight:var(--v-font-regular-weight);--v-font-heading-3-lineheight:var(--_v942f76);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2rem;--v-font-heading-3-size:clamp(var(--v-font-heading-3-size-min), 1vw + 1.2rem, var(--v-font-heading-3-size-max));--v-font-heading-3:var(--v-font-heading-3-weight) var(--v-font-heading-3-size) / var(--v-font-heading-3-lineheight) var(--v-font-sans-family);--v-font-statement-1-weight:var(--v-font-emphasis-weight);--v-font-statement-1-lineheight:var(--_v942f76);--v-font-statement-1-size-min:4rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min), 4vw + 2.8rem, var(--v-font-statement-1-size-max));--v-font-statement-1:var(--v-font-statement-1-weight) var(--v-font-statement-1-size) / var(--v-font-statement-1-lineheight) var(--v-font-sans-family);--v-font-statement-2-weight:var(--v-font-emphasis-weight);--v-font-statement-2-lineheight:var(--_v942f76);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:4.5rem;--v-font-statement-2-size:clamp(var(--v-font-statement-2-size-min), 2vw + 2.9rem, var(--v-font-statement-2-size-max));--v-font-statement-2:var(--v-font-statement-2-weight) var(--v-font-statement-2-size) / var(--v-font-statement-2-lineheight) var(--v-font-sans-family);--v-font-statement-3-weight:var(--v-font-emphasis-weight);--v-font-statement-3-lineheight:var(--_v942f76);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:3.5rem;--v-font-statement-3-size:clamp(var(--v-font-statement-3-size-min), 1vw + 2.7rem, var(--v-font-statement-3-size-max));--v-font-statement-3:var(--v-font-statement-3-weight) var(--v-font-statement-3-size) / var(--v-font-statement-3-lineheight) var(--v-font-sans-family);--v-font-statement-signature-weight:var(--v-font-emphasis-weight);--v-font-statement-signature-lineheight:1;--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:4.5rem;--v-font-statement-signature-size:clamp(var(--v-font-statement-signature-size-min), 4vw + 1.3rem, var(--v-font-statement-signature-size-max));--v-font-statement-signature:var(--v-font-statement-signature-weight) var(--v-font-statement-signature-size) / var(--v-font-statement-signature-lineheight) var(--v-font-broad-family)}:root:is(:lang(az),:lang(vi)),:host(:lang(az,vi)){--v-font-sans-family:"Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-regular-weight:400;--v-font-emphasis-weight:600}:root:is(:lang(ja),:lang(ko),:lang(zh)),:host(:lang(ja,ko,zh)){--v-font-heading-1-size-min:1.8em;--v-font-heading-1-size-max:2.25rem;--v-font-heading-2-size-min:1.35rem;--v-font-heading-2-size-max:1.8rem;--v-font-heading-3-size-min:1.35rem;--v-font-heading-3-size-max:1.8rem;--v-font-statement-1-size-min:4.05rem;--v-font-statement-1-size-max:5.4rem;--v-font-statement-2-size-min:3.15rem;--v-font-statement-2-size-max:4.05rem;--v-font-statement-3-size-min:2.7rem;--v-font-statement-3-size-max:3.15rem;--v-font-statement-signature-size-min:2.25rem;--v-font-statement-signature-size-max:4.05rem}:host([data-theme=centenary]) :is(.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl):not(.pagelayout *),[data-theme=centenary] :is(.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl):not(.pagelayout *){--v-font-heading-1-size-max:3rem;--v-font-heading-2-size-max:2rem;--v-font-heading-3-size-max:2rem;--v-font-statement-1-size-max:8rem;--v-font-statement-2-size-max:6rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-signature-size-max:4.5rem}:host,:root{--_vff1a2e:url(https://www.volvocars.com/static/shared/icons/v4/checkmark-16.svg)}:host,:root,[data-color-mode=light]{--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#light-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#light-primary)}[data-color-mode=dark],:host([data-color-mode=dark]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}}:host,:root,:where(.pagelayout){--v-space-l:var(--v-space-xl);--v-space-m:var(--v-space-lg);--v-space-s:var(--v-space-md);--_va4350f:calc(env(safe-area-inset-left,0px) + clamp(1.5rem, .8vw + 1.1rem, 1.75rem));--v-size-grid-column:calc(( var(--v-size-grid-maxwidth) - (var(--v-grid-columns) - 1) * var(--v-space-gutter) ) / var(--v-grid-columns));--v-size-grid-maxwidth:min(81rem, 100vw - var(--_va4350f) * 2);--v-size-pagemax:min(160rem, 100vw);--v-space-pageoffset:max(var(--v-space-pagemargin), calc((100% - var(--v-size-pagemax)) / 2 + var(--v-space-pagemargin)));--v-size-grid-xs:calc((var(--v-size-grid-column) * var(--_vf6c8b5)) + var(--v-space-gutter) * (var(--_vf6c8b5) - 1));--v-size-grid-sm:calc((var(--v-size-grid-column) * var(--_v0bb1b3)) + var(--v-space-gutter) * (var(--_v0bb1b3) - 1));--v-size-grid-md:calc((var(--v-size-grid-column) * var(--_v55f8aa)) + var(--v-space-gutter) * (var(--_v55f8aa) - 1));--v-size-grid-lg:calc((var(--v-size-grid-column) * var(--_vbd64de)) + var(--v-space-gutter) * (var(--_vbd64de) - 1));--v-size-grid-xl:calc((var(--v-size-grid-column) * var(--_v1c7adc)) + var(--v-space-gutter) * (var(--_v1c7adc) - 1));--v-size-grid-max:min((100vw - var(--v-space-pagemargin) * 2) + var(--_vf7c86e,0rem), 160rem);--v-size-contentmax:70ch;--v-radius-sm:.25rem;--v-radius-md:.5rem;--v-radius-lg:1rem;--v-radius-full:9999px;--v-index-spinner:30;--v-index-overlay:20;--v-index-navigation:10;--v-index-default:0;--v-index-deep:-1;--v-grid-columns:8;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:8;--_vbd64de:8;--_v1c7adc:8}dialog{--v-size-grid-xs:min(21.75rem, 100vw);--v-size-grid-sm:min(29.5rem, 100vw);--v-size-grid-md:min(45rem, 100vw);--v-size-grid-lg:min(45rem, 100vw);--v-size-grid-xl:min(81rem, 100vw)}@media (width>=30rem){:root,:host,:where(.pagelayout){--v-grid-columns:12;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:10;--_vbd64de:10;--_v1c7adc:12}}@media (width>=64rem){:root,:host,:where(.pagelayout){--_vf6c8b5:4;--_v0bb1b3:6;--_v55f8aa:8}dialog{--v-size-grid-xs:min(26rem, 100vw);--v-size-grid-sm:min(39.75rem, 100vw);--v-size-grid-md:min(53.5rem, 100vw);--v-size-grid-lg:min(67.25rem, 100vw)}}:root,:host,[dir=ltr]{--_v386612:1}[dir=rtl]{--_v386612:-1}:host(:not([data-theme=centenary])),:root:not([data-theme=centenary]){--v-space-pagemargin:clamp(var(--_va4350f), 22vw - 16.3rem, 8rem);--v-space-l:clamp(4rem, 4vw + 2.8rem, 6rem);--v-space-m:clamp(3rem, 3vw + 2rem, 4rem);--v-space-s:clamp(2rem, 3vw + 1rem, 3rem);--v-space-gutter:clamp(1rem, 2.6vw + .3rem, 1.5rem);--v-shape-default:var(--v-radius-sm);--v-shape-emphasis:var(--v-radius-sm)}:host,:root,::backdrop{--_va2d762:.8s;--_v57fab3:.22s;--_vba04ca:.11s;--v-transition-default:var(--_v57fab3) ease;--v-transition-micro:var(--_vba04ca) ease;--v-transition-notable:var(--_va2d762) ease}@media (prefers-reduced-motion:reduce){:host,:root,::backdrop{--_va2d762:50ms;--_v57fab3:25ms;--_vba04ca:12ms}}:host([data-theme=centenary]),[data-theme=centenary],[data-theme=centenary] [data-color-mode]{--v-color-foreground-primary:#000;--v-color-foreground-secondary:#5e5e5e;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#fff;--v-color-foreground-accent-blue:#0b2ded;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-feedback-orange:#ce6700;--v-color-surface-neutral:#000;--v-color-surface-gray:#e3e3e3;--v-color-surface-accent-blue:#0b2ded;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-red:#fce5e3;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-gray:#f0f0f0;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#000000a3;--v-color-state-primary-strong:#0003;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-subtle:#0000000a;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-accent-blue-strong:#0b2ded33;--v-color-state-accent-blue-medium:#0b2ded1f;--v-color-state-accent-blue-subtle:#0b2ded0a;--v-color-state-feedback-red-strong:#e5271533;--v-color-state-feedback-red-medium:#e527151f;--v-color-state-feedback-red-subtle:#e527150a;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-subtle:#ffffff0a}@media (prefers-color-scheme:dark){:host([data-theme=centenary][data-color-mode=auto]),[data-theme=centenary][data-color-mode=auto],[data-theme=centenary] [data-color-mode=auto]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#000000a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}}:host([data-theme=centenary][data-color-mode=dark]),[data-theme=centenary][data-color-mode=dark],[data-theme=centenary] [data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#000000a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}:host([data-theme=centenary]),[data-theme=centenary]{--v-font-12-size:.75rem;--v-font-12-lineheight:1.667;--v-font-14-size:.875rem;--v-font-14-lineheight:1.572;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-heading-3-weight:400;--v-font-heading-3-size:round(down, clamp(var(--v-font-heading-3-size-min), 1.071vw + 1.179rem, var(--v-font-heading-3-size-max)), 2px);--v-font-heading-3-lineheight:calc(1em + .5rem);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2.25rem;--v-font-heading-2-weight:400;--v-font-heading-2-size:round(down, clamp(var(--v-font-heading-2-size-min), 1.071vw + 1.179rem, var(--v-font-heading-2-size-max)), 2px);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2.25rem;--v-font-heading-2-lineheight:calc(1em + .5rem);--v-font-heading-1-weight:400;--v-font-heading-1-size:round(down, clamp(var(--v-font-heading-1-size-min), 2.143vw + 1.357rem, var(--v-font-heading-1-size-max)), 2px);--v-font-heading-1-lineheight:calc(1em + .5rem);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:3.5rem;--v-font-statement-3-weight:400;--v-font-statement-3-size:round(down, clamp(var(--v-font-statement-3-size-min), 2.143vw + 2.357rem, var(--v-font-statement-3-size-max)), 2px);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-3-lineheight:calc(1em + .5rem);--v-font-statement-2-weight:400;--v-font-statement-2-size:round(down, clamp(var(--v-font-statement-2-size-min), 5vw + 2rem, var(--v-font-statement-2-size-max)), 2px);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:7rem;--v-font-statement-2-lineheight:calc(1em + .5rem);--v-font-statement-1-weight:400;--v-font-statement-1-size:round(down, clamp(var(--v-font-statement-1-size-min), 6.786vw + 2.464rem, var(--v-font-statement-1-size-max)), 2px);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:9.25rem;--v-font-statement-1-lineheight:calc(1em + .5rem);--v-font-statement-signature-weight:400;--v-font-statement-signature-size:round(down, clamp(var(--v-font-statement-signature-size-min), 3.929vw + 1.321rem, var(--v-font-statement-signature-size-max)), 2px);--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:5.25rem;--v-font-statement-signature-lineheight:calc(1em + .5rem);--v-font-regular-weight:400;--v-font-emphasis-weight:600;--v-font-sans-family:"Volvo Centum", "Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-broad-family:"Volvo Broad Pro", "Volvo Broad", "Arial Black", sans-serif}:host,:root{--v-space-2:.125rem;--v-space-4:.25rem;--v-space-8:.5rem;--v-space-12:.75rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-32:2rem;--v-space-48:3rem;--v-space-64:4rem;--v-space-gridded-element-gap:var(--v-space-2);--v-space-pagemargin:round(clamp(1rem, 4.286vw + -.286rem, 4rem), 2px);--v-space-xs:round(clamp(.5rem, 1.071vw + .179rem, 1.25rem), 2px);--v-space-sm:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-space-md:round(clamp(1.5rem, 2.143vw + .857rem, 3rem), 2px);--v-space-lg:round(clamp(2rem, 2.143vw + 1.357rem, 3.5rem), 2px);--v-space-xl:round(clamp(3rem, 2.143vw + 2.357rem, 4.5rem), 2px);--v-space-2xl:round(clamp(4rem, 5.714vw + 2.286rem, 8rem), 2px);--v-space-gutter:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-border-width-default:1px;--v-border-width-selected:2px;--v-size-sidebar-narrow:round(clamp(15rem, 11.111vw + 7.889rem, 19rem), 2px);--v-size-sidebar-wide:round(clamp(23rem, 16.667vw + 12.333rem, 29rem), 2px);--v-shape-default:0px;--v-shape-emphasis:9999px}
|
package/dist/imports.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"font-face.css": "css/v1/font-face.8324f4d8.css",
|
|
3
|
-
"tokens.css": "css/v1/tokens.
|
|
4
|
-
"styles.css": "css/v1/styles.
|
|
5
|
-
"styles_md.css": "css/v1/styles_md.
|
|
6
|
-
"styles_xl.css": "css/v1/styles_xl.
|
|
3
|
+
"tokens.css": "css/v1/tokens.435f99f1.css",
|
|
4
|
+
"styles.css": "css/v1/styles.ffb585ca.css",
|
|
5
|
+
"styles_md.css": "css/v1/styles_md.53438709.css",
|
|
6
|
+
"styles_xl.css": "css/v1/styles_xl.dc799dcd.css",
|
|
7
7
|
"styles_hover.css": "css/v1/styles_hover.13f2c48a.css"
|
|
8
8
|
}
|
package/dist/links.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var h=(s,t)=>{for(var e in t)c(s,e,{get:t[e],enumerable:!0})},v=(s,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of y(t))!k.call(s,r)&&r!==e&&c(s,r,{get:()=>t[r],enumerable:!(o=d(t,r))||o.enumerable});return s};var g=s=>v(c({},"__esModule",{value:!0}),s);var F={};h(F,{links:()=>w});module.exports=g(F);var f={"font-face.css":"css/v1/font-face.8324f4d8.css","tokens.css":"css/v1/tokens.
|
|
1
|
+
var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var h=(s,t)=>{for(var e in t)c(s,e,{get:t[e],enumerable:!0})},v=(s,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of y(t))!k.call(s,r)&&r!==e&&c(s,r,{get:()=>t[r],enumerable:!(o=d(t,r))||o.enumerable});return s};var g=s=>v(c({},"__esModule",{value:!0}),s);var F={};h(F,{links:()=>w});module.exports=g(F);var f={"font-face.css":"css/v1/font-face.8324f4d8.css","tokens.css":"css/v1/tokens.435f99f1.css","styles.css":"css/v1/styles.ffb585ca.css","styles_md.css":"css/v1/styles_md.53438709.css","styles_xl.css":"css/v1/styles_xl.dc799dcd.css","styles_hover.css":"css/v1/styles_hover.13f2c48a.css"};var l="https://www.volvocars.com/static/shared/pkg/";function p({fonts:s=!0,tokens:t=!0}={}){return([e])=>e==="font-face.css"?s:e.endsWith("tokens.css")?t:!0}var L={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)",xl:"(min-width: 100rem)"},m=L;function a(s){let t=s.split("_").pop()?.replace(".css","");return m[t]}var w=({base:s=l,filter:t}={})=>{s&&typeof s!="string"&&(s=s.href),typeof s=="string"&&s!==""&&!s.endsWith("/")&&(s+="/");let e=Object.entries(f).filter(p(t)).map(([o,r])=>{let n={rel:"stylesheet",href:s+r,"data-volvo-css-name":o,crossOrigin:"anonymous"},i=a(o);return i&&(n.media=i),n});return e.toString=function(){let o="";for(let r of this){let n=Object.entries(r).map(([i,u])=>`${i}="${u}"`).join(" ");o+=`<link ${n} />
|
|
2
2
|
`}return o},e};0&&(module.exports={links});
|
|
3
3
|
//# sourceMappingURL=links.cjs.map
|
package/dist/links.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.ts","../src/imports.json","../src/links/constants.ts","../src/links/create-filter.ts","../src/media-queries.ts","../src/links/get-media-query.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, LinksFunction } from './links/types';\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n const linkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .map(([name, filename]) => {\n const props = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n crossOrigin: 'anonymous',\n } as LinkProps;\n const media = getMediaQuery(name);\n if (media) {\n props.media = media;\n }\n return props;\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 return linkProps;\n};\n\nexport type { LinksFunction, LinkProps };\n","{\n \"font-face.css\": \"css/v1/font-face.8324f4d8.css\",\n \"tokens.css\": \"css/v1/tokens.
|
|
1
|
+
{"version":3,"sources":["../src/links.ts","../src/imports.json","../src/links/constants.ts","../src/links/create-filter.ts","../src/media-queries.ts","../src/links/get-media-query.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, LinksFunction } from './links/types';\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n const linkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .map(([name, filename]) => {\n const props = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n crossOrigin: 'anonymous',\n } as LinkProps;\n const media = getMediaQuery(name);\n if (media) {\n props.media = media;\n }\n return props;\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 return linkProps;\n};\n\nexport type { LinksFunction, LinkProps };\n","{\n \"font-face.css\": \"css/v1/font-face.8324f4d8.css\",\n \"tokens.css\": \"css/v1/tokens.435f99f1.css\",\n \"styles.css\": \"css/v1/styles.ffb585ca.css\",\n \"styles_md.css\": \"css/v1/styles_md.53438709.css\",\n \"styles_xl.css\": \"css/v1/styles_xl.dc799dcd.css\",\n \"styles_hover.css\": \"css/v1/styles_hover.13f2c48a.css\"\n}","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","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","import mediaQueries from '../media-queries';\n\nexport function getMediaQuery(name: string) {\n let suffix = name.split('_').pop()?.replace('.css', '');\n return mediaQueries[suffix as keyof typeof mediaQueries];\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAA,CACE,gBAAiB,gCACjB,aAAc,6BACd,aAAc,6BACd,gBAAiB,gCACjB,gBAAiB,gCACjB,mBAAoB,kCACtB,ECPO,IAAMC,EAAc,+CCMpB,SAASC,EAAa,CAC3B,MAAAC,EAAQ,GACR,OAAAC,EAAS,EACX,EAAiB,CAAC,EAAG,CACnB,MAAO,CAAC,CAACC,CAAI,IACPA,IAAS,gBAAwBF,EACjCE,EAAK,SAAS,YAAY,EAAUD,EACjC,EAEX,CCfA,IAAME,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN,EAEOC,EAAQD,ECLR,SAASE,EAAcC,EAAc,CAC1C,IAAIC,EAASD,EAAK,MAAM,GAAG,EAAE,IAAI,GAAG,QAAQ,OAAQ,EAAE,EACtD,OAAOE,EAAaD,CAAmC,CACzD,CLCO,IAAME,EAAuB,CAAC,CAAE,KAAAC,EAAOC,EAAa,OAAAC,CAAO,EAAI,CAAC,IAAM,CACvEF,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEV,IAAMG,EAAY,OAAO,QAAQC,CAAU,EACxC,OAAOC,EAAaH,CAAM,CAAC,EAC3B,IAAI,CAAC,CAACI,EAAMC,CAAQ,IAAM,CACzB,IAAMC,EAAQ,CACZ,IAAK,aACL,KAAMR,EAAOO,EACb,sBAAuBD,EACvB,YAAa,WACf,EACMG,EAAQC,EAAcJ,CAAI,EAChC,OAAIG,IACFD,EAAM,MAAQC,GAETD,CACT,CAAC,EACH,OAAAL,EAAU,SAAW,UAAY,CAC/B,IAAIQ,EAAO,GACX,QAAWC,KAAQ,KAAM,CACvB,IAAMC,EAAQ,OAAO,QAAQD,CAAI,EAC9B,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EACzC,KAAK,GAAG,EACXJ,GAAQ,SAASE,CAAK;AAAA,CACxB,CACA,OAAOF,CACT,EACOR,CACT","names":["links_exports","__export","links","__toCommonJS","imports_default","defaultBase","createFilter","fonts","tokens","name","queries","media_queries_default","getMediaQuery","name","suffix","media_queries_default","links","base","defaultBase","filter","linkProps","imports_default","createFilter","name","filename","props","media","getMediaQuery","html","link","attrs","key","value"]}
|
package/dist/links.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a as e,b as p,c as f,d as m}from"./chunk-
|
|
1
|
+
import{a as e,b as p,c as f,d as m}from"./chunk-CELME2EF.js";import"./chunk-BBIFT7L4.js";var d=({base:t=p,filter:c}={})=>{t&&typeof t!="string"&&(t=t.href),typeof t=="string"&&t!==""&&!t.endsWith("/")&&(t+="/");let s=Object.entries(e).filter(f(c)).map(([n,i])=>{let o={rel:"stylesheet",href:t+i,"data-volvo-css-name":n,crossOrigin:"anonymous"},r=m(n);return r&&(o.media=r),o});return s.toString=function(){let n="";for(let i of this){let o=Object.entries(i).map(([r,l])=>`${r}="${l}"`).join(" ");n+=`<link ${o} />
|
|
2
2
|
`}return n},s};export{d as links};
|
|
3
3
|
//# sourceMappingURL=links.js.map
|
package/dist/links.server.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(s,t)=>{for(var e in t)p(s,e,{get:t[e],enumerable:!0})},w=(s,t,e,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of v(t))!h.call(s,r)&&r!==e&&p(s,r,{get:()=>t[r],enumerable:!(l=y(t,r))||l.enumerable});return s};var L=s=>w(p({},"__esModule",{value:!0}),s);var j={};g(j,{links:()=>_});module.exports=L(j);var a={"font-face.css":"css/v1/font-face.8324f4d8.css","tokens.css":"css/v1/tokens.
|
|
1
|
+
var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(s,t)=>{for(var e in t)p(s,e,{get:t[e],enumerable:!0})},w=(s,t,e,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of v(t))!h.call(s,r)&&r!==e&&p(s,r,{get:()=>t[r],enumerable:!(l=y(t,r))||l.enumerable});return s};var L=s=>w(p({},"__esModule",{value:!0}),s);var j={};g(j,{links:()=>_});module.exports=L(j);var a={"font-face.css":"css/v1/font-face.8324f4d8.css","tokens.css":"css/v1/tokens.435f99f1.css","styles.css":"css/v1/styles.ffb585ca.css","styles_md.css":"css/v1/styles_md.53438709.css","styles_xl.css":"css/v1/styles_xl.dc799dcd.css","styles_hover.css":"css/v1/styles_hover.13f2c48a.css"};var d="https://www.volvocars.com/static/shared/pkg/";function m({fonts:s=!0,tokens:t=!0}={}){return([e])=>e==="font-face.css"?s:e.endsWith("tokens.css")?t:!0}var x={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)",xl:"(min-width: 100rem)"},u=x;function k(s){let t=s.split("_").pop()?.replace(".css","");return u[t]}var F=["https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2"],_=({base:s=d,filter:t}={})=>{s&&typeof s!="string"&&(s=s.href),typeof s=="string"&&s!==""&&!s.endsWith("/")&&(s+="/");let e=Object.entries(a).filter(m(t)).flatMap(([o,i])=>{let n={href:s+i,rel:"stylesheet",crossOrigin:"anonymous"},c=k(o);c&&(n.media=c);let f={...n,rel:"preload",as:"style"};return n["data-volvo-css-name"]=o,t?.preload===!1?n:[f,n]}).sort((o,i)=>o.rel==="preload"&&i.rel==="preload"?0:o.rel==="preload"?-1:1),r=[...t?.fonts===!1||t?.preload===!1?[]:F.map(o=>({rel:"preload",href:o,as:"font",type:"font/woff2",crossOrigin:"anonymous"})),...e];return r.toString=function(){let o="";for(let i of this){let n=Object.entries(i).map(([c,f])=>`${c}="${f}"`).join(" ");o+=`<link ${n} />
|
|
2
2
|
`}return o},r};0&&(module.exports={links});
|
|
3
3
|
//# sourceMappingURL=links.server.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.server.ts","../src/imports.json","../src/links/constants.ts","../src/links/create-filter.ts","../src/media-queries.ts","../src/links/get-media-query.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, 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 if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n const cssLinkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + 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 = {\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 ) as LinkProps[];\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: LinkProps[] = [...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","{\n \"font-face.css\": \"css/v1/font-face.8324f4d8.css\",\n \"tokens.css\": \"css/v1/tokens.
|
|
1
|
+
{"version":3,"sources":["../src/links.server.ts","../src/imports.json","../src/links/constants.ts","../src/links/create-filter.ts","../src/media-queries.ts","../src/links/get-media-query.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, 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 if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n const cssLinkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + 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 = {\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 ) as LinkProps[];\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: LinkProps[] = [...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","{\n \"font-face.css\": \"css/v1/font-face.8324f4d8.css\",\n \"tokens.css\": \"css/v1/tokens.435f99f1.css\",\n \"styles.css\": \"css/v1/styles.ffb585ca.css\",\n \"styles_md.css\": \"css/v1/styles_md.53438709.css\",\n \"styles_xl.css\": \"css/v1/styles_xl.dc799dcd.css\",\n \"styles_hover.css\": \"css/v1/styles_hover.13f2c48a.css\"\n}","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","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","import mediaQueries from '../media-queries';\n\nexport function getMediaQuery(name: string) {\n let suffix = name.split('_').pop()?.replace('.css', '');\n return mediaQueries[suffix as keyof typeof mediaQueries];\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAA,CACE,gBAAiB,gCACjB,aAAc,6BACd,aAAc,6BACd,gBAAiB,gCACjB,gBAAiB,gCACjB,mBAAoB,kCACtB,ECPO,IAAMC,EAAc,+CCMpB,SAASC,EAAa,CAC3B,MAAAC,EAAQ,GACR,OAAAC,EAAS,EACX,EAAiB,CAAC,EAAG,CACnB,MAAO,CAAC,CAACC,CAAI,IACPA,IAAS,gBAAwBF,EACjCE,EAAK,SAAS,YAAY,EAAUD,EACjC,EAEX,CCfA,IAAME,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN,EAEOC,EAAQD,ECLR,SAASE,EAAcC,EAAc,CAC1C,IAAIC,EAASD,EAAK,MAAM,GAAG,EAAE,IAAI,GAAG,QAAQ,OAAQ,EAAE,EACtD,OAAOE,EAAaD,CAAmC,CACzD,CLCA,IAAME,EAAkB,CACtB,kFACF,EAEaC,EAAuB,CAAC,CAAE,KAAAC,EAAOC,EAAa,OAAAC,CAAO,EAAI,CAAC,IAAM,CACvEF,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEV,IAAMG,EAAe,OAAO,QAAQC,CAAU,EAC3C,OAAOC,EAAaH,CAAM,CAAC,EAC3B,QAAQ,CAAC,CAACI,EAAMC,CAAQ,IAAM,CAC7B,IAAMC,EAAmB,CACvB,KAAMR,EAAOO,EACb,IAAK,aACL,YAAa,WACf,EACME,EAAQC,EAAcJ,CAAI,EAC5BG,IACFD,EAAM,MAAQC,GAGhB,IAAME,EAAe,CACnB,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EAIA,OAFAA,EAAM,qBAAqB,EAAIF,EAE3BJ,GAAQ,UAAY,GACfM,EAEF,CAACG,EAAcH,CAAK,CAC7B,CAAC,EACA,KAAK,CAACI,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACR,GACA,CACR,EAYIE,EAAyB,CAAC,GAT9BZ,GAAQ,QAAU,IAASA,GAAQ,UAAY,GAC3C,CAAC,EACDJ,EAAgB,IAAKiB,IAAU,CAC7B,IAAK,UACL,KAAAA,EACA,GAAI,OACJ,KAAM,aACN,YAAa,WACf,EAAE,EACyC,GAAGZ,CAAY,EAEhE,OAAAW,EAAU,SAAW,UAAY,CAC/B,IAAIE,EAAO,GACX,QAAWC,KAAQ,KAAM,CACvB,IAAMC,EAAQ,OAAO,QAAQD,CAAI,EAC9B,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EACzC,KAAK,GAAG,EACXJ,GAAQ,SAASE,CAAK;AAAA,CACxB,CACA,OAAOF,CACT,EAEOF,CACT","names":["links_server_exports","__export","links","__toCommonJS","imports_default","defaultBase","createFilter","fonts","tokens","name","queries","media_queries_default","getMediaQuery","name","suffix","media_queries_default","fontPreloadUrls","links","base","defaultBase","filter","cssLinkProps","imports_default","createFilter","name","filename","props","media","getMediaQuery","preloadProps","a","b","linkProps","href","html","link","attrs","key","value"]}
|
package/dist/links.server.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a as l,b as f,c,d as a}from"./chunk-
|
|
1
|
+
import{a as l,b as f,c,d as a}from"./chunk-CELME2EF.js";import"./chunk-BBIFT7L4.js";var d=["https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2"],h=({base:t=f,filter:s}={})=>{t&&typeof t!="string"&&(t=t.href),typeof t=="string"&&t!==""&&!t.endsWith("/")&&(t+="/");let m=Object.entries(l).filter(c(s)).flatMap(([o,n])=>{let r={href:t+n,rel:"stylesheet",crossOrigin:"anonymous"},e=a(o);e&&(r.media=e);let i={...r,rel:"preload",as:"style"};return r["data-volvo-css-name"]=o,s?.preload===!1?r:[i,r]}).sort((o,n)=>o.rel==="preload"&&n.rel==="preload"?0:o.rel==="preload"?-1:1),p=[...s?.fonts===!1||s?.preload===!1?[]:d.map(o=>({rel:"preload",href:o,as:"font",type:"font/woff2",crossOrigin:"anonymous"})),...m];return p.toString=function(){let o="";for(let n of this){let r=Object.entries(n).map(([e,i])=>`${e}="${i}"`).join(" ");o+=`<link ${r} />
|
|
2
2
|
`}return o},p};export{h as links};
|
|
3
3
|
//# sourceMappingURL=links.server.js.map
|
package/dist/llm/meta.md
CHANGED
|
@@ -85,6 +85,8 @@ Utility classes may be combined with other classes and include the CSS rules the
|
|
|
85
85
|
|
|
86
86
|
.media-banner
|
|
87
87
|
|
|
88
|
+
.message-bar
|
|
89
|
+
|
|
88
90
|
.tooltip
|
|
89
91
|
|
|
90
92
|
.skeleton
|
|
@@ -1185,6 +1187,16 @@ margin-top: var(--v-space-s)
|
|
|
1185
1187
|
.{lg,md,xl}:mb-s
|
|
1186
1188
|
margin-bottom: var(--v-space-s)
|
|
1187
1189
|
|
|
1190
|
+
.{lg,md,xl}:mx-pageoffset
|
|
1191
|
+
margin-inline-end: var(--v-space-pageoffset)
|
|
1192
|
+
margin-inline-start: var(--v-space-pageoffset)
|
|
1193
|
+
|
|
1194
|
+
.{lg,md,xl}:mr-pageoffset
|
|
1195
|
+
margin-inline-end: var(--v-space-pageoffset)
|
|
1196
|
+
|
|
1197
|
+
.{lg,md,xl}:ml-pageoffset
|
|
1198
|
+
margin-inline-start: var(--v-space-pageoffset)
|
|
1199
|
+
|
|
1188
1200
|
.{lg,md,xl}:mx-pagemargin
|
|
1189
1201
|
margin-inline-end: var(--v-space-pagemargin)
|
|
1190
1202
|
margin-inline-start: var(--v-space-pagemargin)
|
|
@@ -1767,6 +1779,16 @@ padding-top: var(--v-space-s)
|
|
|
1767
1779
|
.{lg,md,xl}:pb-s
|
|
1768
1780
|
padding-bottom: var(--v-space-s)
|
|
1769
1781
|
|
|
1782
|
+
.{lg,md,xl}:px-pageoffset
|
|
1783
|
+
padding-inline-end: var(--v-space-pageoffset)
|
|
1784
|
+
padding-inline-start: var(--v-space-pageoffset)
|
|
1785
|
+
|
|
1786
|
+
.{lg,md,xl}:pr-pageoffset
|
|
1787
|
+
padding-inline-end: var(--v-space-pageoffset)
|
|
1788
|
+
|
|
1789
|
+
.{lg,md,xl}:pl-pageoffset
|
|
1790
|
+
padding-inline-start: var(--v-space-pageoffset)
|
|
1791
|
+
|
|
1770
1792
|
.{lg,md,xl}:px-pagemargin
|
|
1771
1793
|
padding-inline-end: var(--v-space-pagemargin)
|
|
1772
1794
|
padding-inline-start: var(--v-space-pagemargin)
|
|
@@ -2404,6 +2426,9 @@ When writing CSS, use these CSS custom properties for relevant properties. Don't
|
|
|
2404
2426
|
--v-size-grid-column: The width of a single grid column.
|
|
2405
2427
|
--v-size-grid-maxwidth: The maximum width of the 12 column grid.
|
|
2406
2428
|
--v-size-pagemax: The maximum width a page is allowed to grow to.
|
|
2429
|
+
--v-space-pageoffset: The inline offset from the viewport edge to the content area,
|
|
2430
|
+
matching the page layout. On viewports within pagemax this equals
|
|
2431
|
+
pagemargin; on wider viewports it adds the extra centering space.
|
|
2407
2432
|
--v-size-grid-xs: Width based on the colspan of the grid for the current viewport size (4 / 6 / 4)
|
|
2408
2433
|
--v-size-grid-sm: Width based on the colspan of the grid for the current viewport size (6 / 8 / 6)
|
|
2409
2434
|
--v-size-grid-md: Width based on the colspan of the grid for the current viewport size (8 / 10 / 8)
|
package/dist/meta.json
CHANGED
|
@@ -692,6 +692,7 @@
|
|
|
692
692
|
"lg:ml-8",
|
|
693
693
|
"lg:ml-auto",
|
|
694
694
|
"lg:ml-pagemargin",
|
|
695
|
+
"lg:ml-pageoffset",
|
|
695
696
|
"lg:mr-0",
|
|
696
697
|
"lg:mr-12",
|
|
697
698
|
"lg:mr-16",
|
|
@@ -704,6 +705,7 @@
|
|
|
704
705
|
"lg:mr-8",
|
|
705
706
|
"lg:mr-auto",
|
|
706
707
|
"lg:mr-pagemargin",
|
|
708
|
+
"lg:mr-pageoffset",
|
|
707
709
|
"lg:mt-0",
|
|
708
710
|
"lg:mt-12",
|
|
709
711
|
"lg:mt-16",
|
|
@@ -736,6 +738,7 @@
|
|
|
736
738
|
"lg:mx-8",
|
|
737
739
|
"lg:mx-auto",
|
|
738
740
|
"lg:mx-pagemargin",
|
|
741
|
+
"lg:mx-pageoffset",
|
|
739
742
|
"lg:my-0",
|
|
740
743
|
"lg:my-12",
|
|
741
744
|
"lg:my-16",
|
|
@@ -808,6 +811,7 @@
|
|
|
808
811
|
"lg:pl-64",
|
|
809
812
|
"lg:pl-8",
|
|
810
813
|
"lg:pl-pagemargin",
|
|
814
|
+
"lg:pl-pageoffset",
|
|
811
815
|
"lg:pr-0",
|
|
812
816
|
"lg:pr-12",
|
|
813
817
|
"lg:pr-16",
|
|
@@ -819,6 +823,7 @@
|
|
|
819
823
|
"lg:pr-64",
|
|
820
824
|
"lg:pr-8",
|
|
821
825
|
"lg:pr-pagemargin",
|
|
826
|
+
"lg:pr-pageoffset",
|
|
822
827
|
"lg:pt-0",
|
|
823
828
|
"lg:pt-12",
|
|
824
829
|
"lg:pt-16",
|
|
@@ -849,6 +854,7 @@
|
|
|
849
854
|
"lg:px-64",
|
|
850
855
|
"lg:px-8",
|
|
851
856
|
"lg:px-pagemargin",
|
|
857
|
+
"lg:px-pageoffset",
|
|
852
858
|
"lg:py-0",
|
|
853
859
|
"lg:py-12",
|
|
854
860
|
"lg:py-16",
|
|
@@ -1213,6 +1219,7 @@
|
|
|
1213
1219
|
"md:ml-8",
|
|
1214
1220
|
"md:ml-auto",
|
|
1215
1221
|
"md:ml-pagemargin",
|
|
1222
|
+
"md:ml-pageoffset",
|
|
1216
1223
|
"md:mr-0",
|
|
1217
1224
|
"md:mr-12",
|
|
1218
1225
|
"md:mr-16",
|
|
@@ -1225,6 +1232,7 @@
|
|
|
1225
1232
|
"md:mr-8",
|
|
1226
1233
|
"md:mr-auto",
|
|
1227
1234
|
"md:mr-pagemargin",
|
|
1235
|
+
"md:mr-pageoffset",
|
|
1228
1236
|
"md:mt-0",
|
|
1229
1237
|
"md:mt-12",
|
|
1230
1238
|
"md:mt-16",
|
|
@@ -1257,6 +1265,7 @@
|
|
|
1257
1265
|
"md:mx-8",
|
|
1258
1266
|
"md:mx-auto",
|
|
1259
1267
|
"md:mx-pagemargin",
|
|
1268
|
+
"md:mx-pageoffset",
|
|
1260
1269
|
"md:my-0",
|
|
1261
1270
|
"md:my-12",
|
|
1262
1271
|
"md:my-16",
|
|
@@ -1329,6 +1338,7 @@
|
|
|
1329
1338
|
"md:pl-64",
|
|
1330
1339
|
"md:pl-8",
|
|
1331
1340
|
"md:pl-pagemargin",
|
|
1341
|
+
"md:pl-pageoffset",
|
|
1332
1342
|
"md:pr-0",
|
|
1333
1343
|
"md:pr-12",
|
|
1334
1344
|
"md:pr-16",
|
|
@@ -1340,6 +1350,7 @@
|
|
|
1340
1350
|
"md:pr-64",
|
|
1341
1351
|
"md:pr-8",
|
|
1342
1352
|
"md:pr-pagemargin",
|
|
1353
|
+
"md:pr-pageoffset",
|
|
1343
1354
|
"md:pt-0",
|
|
1344
1355
|
"md:pt-12",
|
|
1345
1356
|
"md:pt-16",
|
|
@@ -1370,6 +1381,7 @@
|
|
|
1370
1381
|
"md:px-64",
|
|
1371
1382
|
"md:px-8",
|
|
1372
1383
|
"md:px-pagemargin",
|
|
1384
|
+
"md:px-pageoffset",
|
|
1373
1385
|
"md:py-0",
|
|
1374
1386
|
"md:py-12",
|
|
1375
1387
|
"md:py-16",
|
|
@@ -1417,6 +1429,7 @@
|
|
|
1417
1429
|
"media-banner",
|
|
1418
1430
|
"media-card",
|
|
1419
1431
|
"media-tile",
|
|
1432
|
+
"message-bar",
|
|
1420
1433
|
"micro",
|
|
1421
1434
|
"min-h-0",
|
|
1422
1435
|
"min-h-16",
|
|
@@ -1443,6 +1456,7 @@
|
|
|
1443
1456
|
"ml-8",
|
|
1444
1457
|
"ml-auto",
|
|
1445
1458
|
"ml-pagemargin",
|
|
1459
|
+
"ml-pageoffset",
|
|
1446
1460
|
"mr-0",
|
|
1447
1461
|
"mr-12",
|
|
1448
1462
|
"mr-16",
|
|
@@ -1455,6 +1469,7 @@
|
|
|
1455
1469
|
"mr-8",
|
|
1456
1470
|
"mr-auto",
|
|
1457
1471
|
"mr-pagemargin",
|
|
1472
|
+
"mr-pageoffset",
|
|
1458
1473
|
"mt-0",
|
|
1459
1474
|
"mt-12",
|
|
1460
1475
|
"mt-16",
|
|
@@ -1487,6 +1502,7 @@
|
|
|
1487
1502
|
"mx-8",
|
|
1488
1503
|
"mx-auto",
|
|
1489
1504
|
"mx-pagemargin",
|
|
1505
|
+
"mx-pageoffset",
|
|
1490
1506
|
"my-0",
|
|
1491
1507
|
"my-12",
|
|
1492
1508
|
"my-16",
|
|
@@ -1570,6 +1586,7 @@
|
|
|
1570
1586
|
"pl-64",
|
|
1571
1587
|
"pl-8",
|
|
1572
1588
|
"pl-pagemargin",
|
|
1589
|
+
"pl-pageoffset",
|
|
1573
1590
|
"pr-0",
|
|
1574
1591
|
"pr-12",
|
|
1575
1592
|
"pr-16",
|
|
@@ -1581,6 +1598,7 @@
|
|
|
1581
1598
|
"pr-64",
|
|
1582
1599
|
"pr-8",
|
|
1583
1600
|
"pr-pagemargin",
|
|
1601
|
+
"pr-pageoffset",
|
|
1584
1602
|
"pt-0",
|
|
1585
1603
|
"pt-12",
|
|
1586
1604
|
"pt-16",
|
|
@@ -1611,6 +1629,7 @@
|
|
|
1611
1629
|
"px-64",
|
|
1612
1630
|
"px-8",
|
|
1613
1631
|
"px-pagemargin",
|
|
1632
|
+
"px-pageoffset",
|
|
1614
1633
|
"py-0",
|
|
1615
1634
|
"py-12",
|
|
1616
1635
|
"py-16",
|
|
@@ -2080,6 +2099,7 @@
|
|
|
2080
2099
|
"xl:ml-8",
|
|
2081
2100
|
"xl:ml-auto",
|
|
2082
2101
|
"xl:ml-pagemargin",
|
|
2102
|
+
"xl:ml-pageoffset",
|
|
2083
2103
|
"xl:mr-0",
|
|
2084
2104
|
"xl:mr-12",
|
|
2085
2105
|
"xl:mr-16",
|
|
@@ -2092,6 +2112,7 @@
|
|
|
2092
2112
|
"xl:mr-8",
|
|
2093
2113
|
"xl:mr-auto",
|
|
2094
2114
|
"xl:mr-pagemargin",
|
|
2115
|
+
"xl:mr-pageoffset",
|
|
2095
2116
|
"xl:mt-0",
|
|
2096
2117
|
"xl:mt-12",
|
|
2097
2118
|
"xl:mt-16",
|
|
@@ -2124,6 +2145,7 @@
|
|
|
2124
2145
|
"xl:mx-8",
|
|
2125
2146
|
"xl:mx-auto",
|
|
2126
2147
|
"xl:mx-pagemargin",
|
|
2148
|
+
"xl:mx-pageoffset",
|
|
2127
2149
|
"xl:my-0",
|
|
2128
2150
|
"xl:my-12",
|
|
2129
2151
|
"xl:my-16",
|
|
@@ -2196,6 +2218,7 @@
|
|
|
2196
2218
|
"xl:pl-64",
|
|
2197
2219
|
"xl:pl-8",
|
|
2198
2220
|
"xl:pl-pagemargin",
|
|
2221
|
+
"xl:pl-pageoffset",
|
|
2199
2222
|
"xl:pr-0",
|
|
2200
2223
|
"xl:pr-12",
|
|
2201
2224
|
"xl:pr-16",
|
|
@@ -2207,6 +2230,7 @@
|
|
|
2207
2230
|
"xl:pr-64",
|
|
2208
2231
|
"xl:pr-8",
|
|
2209
2232
|
"xl:pr-pagemargin",
|
|
2233
|
+
"xl:pr-pageoffset",
|
|
2210
2234
|
"xl:pt-0",
|
|
2211
2235
|
"xl:pt-12",
|
|
2212
2236
|
"xl:pt-16",
|
|
@@ -2237,6 +2261,7 @@
|
|
|
2237
2261
|
"xl:px-64",
|
|
2238
2262
|
"xl:px-8",
|
|
2239
2263
|
"xl:px-pagemargin",
|
|
2264
|
+
"xl:px-pageoffset",
|
|
2240
2265
|
"xl:py-0",
|
|
2241
2266
|
"xl:py-12",
|
|
2242
2267
|
"xl:py-16",
|
|
@@ -2923,7 +2948,8 @@
|
|
|
2923
2948
|
"display: block",
|
|
2924
2949
|
"flex-direction: column",
|
|
2925
2950
|
"display: flex",
|
|
2926
|
-
"text-decoration: none"
|
|
2951
|
+
"text-decoration: none",
|
|
2952
|
+
"--background-color: var(--v-color-background-secondary)"
|
|
2927
2953
|
],
|
|
2928
2954
|
"layer": "volvo.blocks"
|
|
2929
2955
|
},
|
|
@@ -2997,6 +3023,26 @@
|
|
|
2997
3023
|
],
|
|
2998
3024
|
"layer": "volvo.blocks"
|
|
2999
3025
|
},
|
|
3026
|
+
{
|
|
3027
|
+
"name": "message-bar",
|
|
3028
|
+
"prefixes": [],
|
|
3029
|
+
"declarations": [
|
|
3030
|
+
"--v-color-foreground-primary: var(--v-color-foreground-inverted)",
|
|
3031
|
+
"--_dark-toggle: var(--_light-toggle)",
|
|
3032
|
+
"gap: var(--v-space-8)",
|
|
3033
|
+
"padding: var(--v-space-16) var(--v-space-pageoffset)",
|
|
3034
|
+
"color: var(--v-color-foreground-inverted)",
|
|
3035
|
+
"background-color: var(--v-color-surface-neutral)",
|
|
3036
|
+
"flex-direction: column",
|
|
3037
|
+
"display: flex",
|
|
3038
|
+
"position: relative",
|
|
3039
|
+
"gap: var(--v-space-16)",
|
|
3040
|
+
"flex-direction: row",
|
|
3041
|
+
"justify-content: center",
|
|
3042
|
+
"align-items: center"
|
|
3043
|
+
],
|
|
3044
|
+
"layer": "volvo.blocks"
|
|
3045
|
+
},
|
|
3000
3046
|
{
|
|
3001
3047
|
"name": "tooltip",
|
|
3002
3048
|
"prefixes": [],
|
|
@@ -6708,6 +6754,43 @@
|
|
|
6708
6754
|
],
|
|
6709
6755
|
"layer": "volvo.utilities"
|
|
6710
6756
|
},
|
|
6757
|
+
{
|
|
6758
|
+
"name": "mx-pageoffset",
|
|
6759
|
+
"prefixes": [
|
|
6760
|
+
"lg",
|
|
6761
|
+
"md",
|
|
6762
|
+
"xl"
|
|
6763
|
+
],
|
|
6764
|
+
"declarations": [
|
|
6765
|
+
"margin-inline-end: var(--v-space-pageoffset)",
|
|
6766
|
+
"margin-inline-start: var(--v-space-pageoffset)"
|
|
6767
|
+
],
|
|
6768
|
+
"layer": "volvo.utilities"
|
|
6769
|
+
},
|
|
6770
|
+
{
|
|
6771
|
+
"name": "mr-pageoffset",
|
|
6772
|
+
"prefixes": [
|
|
6773
|
+
"lg",
|
|
6774
|
+
"md",
|
|
6775
|
+
"xl"
|
|
6776
|
+
],
|
|
6777
|
+
"declarations": [
|
|
6778
|
+
"margin-inline-end: var(--v-space-pageoffset)"
|
|
6779
|
+
],
|
|
6780
|
+
"layer": "volvo.utilities"
|
|
6781
|
+
},
|
|
6782
|
+
{
|
|
6783
|
+
"name": "ml-pageoffset",
|
|
6784
|
+
"prefixes": [
|
|
6785
|
+
"lg",
|
|
6786
|
+
"md",
|
|
6787
|
+
"xl"
|
|
6788
|
+
],
|
|
6789
|
+
"declarations": [
|
|
6790
|
+
"margin-inline-start: var(--v-space-pageoffset)"
|
|
6791
|
+
],
|
|
6792
|
+
"layer": "volvo.utilities"
|
|
6793
|
+
},
|
|
6711
6794
|
{
|
|
6712
6795
|
"name": "mx-pagemargin",
|
|
6713
6796
|
"prefixes": [
|
|
@@ -8880,6 +8963,43 @@
|
|
|
8880
8963
|
],
|
|
8881
8964
|
"layer": "volvo.utilities"
|
|
8882
8965
|
},
|
|
8966
|
+
{
|
|
8967
|
+
"name": "px-pageoffset",
|
|
8968
|
+
"prefixes": [
|
|
8969
|
+
"lg",
|
|
8970
|
+
"md",
|
|
8971
|
+
"xl"
|
|
8972
|
+
],
|
|
8973
|
+
"declarations": [
|
|
8974
|
+
"padding-inline-end: var(--v-space-pageoffset)",
|
|
8975
|
+
"padding-inline-start: var(--v-space-pageoffset)"
|
|
8976
|
+
],
|
|
8977
|
+
"layer": "volvo.utilities"
|
|
8978
|
+
},
|
|
8979
|
+
{
|
|
8980
|
+
"name": "pr-pageoffset",
|
|
8981
|
+
"prefixes": [
|
|
8982
|
+
"lg",
|
|
8983
|
+
"md",
|
|
8984
|
+
"xl"
|
|
8985
|
+
],
|
|
8986
|
+
"declarations": [
|
|
8987
|
+
"padding-inline-end: var(--v-space-pageoffset)"
|
|
8988
|
+
],
|
|
8989
|
+
"layer": "volvo.utilities"
|
|
8990
|
+
},
|
|
8991
|
+
{
|
|
8992
|
+
"name": "pl-pageoffset",
|
|
8993
|
+
"prefixes": [
|
|
8994
|
+
"lg",
|
|
8995
|
+
"md",
|
|
8996
|
+
"xl"
|
|
8997
|
+
],
|
|
8998
|
+
"declarations": [
|
|
8999
|
+
"padding-inline-start: var(--v-space-pageoffset)"
|
|
9000
|
+
],
|
|
9001
|
+
"layer": "volvo.utilities"
|
|
9002
|
+
},
|
|
8883
9003
|
{
|
|
8884
9004
|
"name": "px-pagemargin",
|
|
8885
9005
|
"prefixes": [
|
|
@@ -11899,6 +12019,17 @@
|
|
|
11899
12019
|
},
|
|
11900
12020
|
"value": "min(160rem, 100vw)"
|
|
11901
12021
|
},
|
|
12022
|
+
{
|
|
12023
|
+
"css": "--v-space-pageoffset",
|
|
12024
|
+
"type": "space",
|
|
12025
|
+
"variant": "pageoffset",
|
|
12026
|
+
"meta": {
|
|
12027
|
+
"direction": "horizontal",
|
|
12028
|
+
"property": "margin,padding,inset",
|
|
12029
|
+
"description": "The inline offset from the viewport edge to the content area,\nmatching the page layout. On viewports within pagemax this equals\npagemargin; on wider viewports it adds the extra centering space."
|
|
12030
|
+
},
|
|
12031
|
+
"value": "max(\n var(--v-space-pagemargin),\n calc((100% - var(--v-size-pagemax)) / 2 + var(--v-space-pagemargin))\n )"
|
|
12032
|
+
},
|
|
11902
12033
|
{
|
|
11903
12034
|
"css": "--v-size-grid-xs",
|
|
11904
12035
|
"type": "size",
|