@volvo-cars/css 0.6.2 → 0.7.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/README.md CHANGED
@@ -24,7 +24,7 @@ See [global.css](https://github.com/volvo-cars/design-system-web/blob/master/pac
24
24
  To simplify styling of body content and content coming from a CMS, some elements will have default styles applied if they have _no other class name_.
25
25
 
26
26
  ```html live
27
- <div>
27
+ <div className="stack-text">
28
28
  <h2>For a better future.</h2>
29
29
  <p>
30
30
  We want to provide you with the <a href="#">freedom to move</a> in a
@@ -67,7 +67,7 @@ Typography class names use the following naming convention:
67
67
 
68
68
  Heading and Statement font sizes are fluid, with a smaller font-size on smaller viewports.
69
69
 
70
- | Class name | Element | Font |
70
+ | Class | Element | Font |
71
71
  | --------------------- | ------- | ------------------------------------------- |
72
72
  | `heading-1` | `h1` | 32-40 (2rem-2.5rem), Volvo Novum Medium |
73
73
  | `heading-2` | `h2` | 24-32 (1.5rem-2rem), Volvo Novum Medium |
@@ -78,7 +78,7 @@ Heading and Statement font sizes are fluid, with a smaller font-size on smaller
78
78
  Use a suitable semantic heading element and apply the class name matching the desired style.
79
79
 
80
80
  ```html example
81
- <div>
81
+ <div className="stack-text">
82
82
  <h1 className="heading-1">Heading 1</h1>
83
83
  <h2 className="heading-2">Heading 2</h2>
84
84
  <h3 className="heading-3">Heading 3</h3>
@@ -86,7 +86,7 @@ Use a suitable semantic heading element and apply the class name matching the de
86
86
  ```
87
87
 
88
88
  ```html example
89
- <div>
89
+ <div className="stack-text">
90
90
  <h3 className="statement-3">Statement 3</h3>
91
91
  <h1 className="statement-signature">Statement Signature</h1>
92
92
  </div>
@@ -102,7 +102,7 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
102
102
 
103
103
  ### Text Styles
104
104
 
105
- | Class name | Element | |
105
+ | Class | Element | |
106
106
  | ---------- | ------- | ------------------------------------ |
107
107
  | `title-24` | | 24 (1.5rem), Volvo Novum Semi-Light |
108
108
  | `title-20` | | 20 (1.25rem), Volvo Novum Semi-Light |
@@ -110,7 +110,7 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
110
110
  | `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
111
111
 
112
112
  ```html example
113
- <div>
113
+ <div className="stack-text">
114
114
  <p className="title-24">Title 24</p>
115
115
  <p className="title-20">Title 20</p>
116
116
  <p className="body-16">Body 16</p>
@@ -118,9 +118,33 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
118
118
  </div>
119
119
  ```
120
120
 
121
+ ### Spacing
122
+
123
+ The `stack-text` layout class can be used to create a vertical rhythm with spacing between text elements. It sets a default margin between all its direct children with additional margins for some heading compositions.
124
+
125
+ Margins can also be overridden on individual elements using the `mt-` utility classes.
126
+
127
+ | Class | Properties |
128
+ | -------------------- | ------------------------------- |
129
+ | `stack-text > * + *` | `margin-top: var(--v-space-16)` |
130
+
131
+ ```html live
132
+ <div className="stack-text">
133
+ <h1>For a better future.</h1>
134
+ <p>
135
+ We want to provide you with the freedom to move in a personal, sustainable
136
+ and safe way.
137
+ </p>
138
+ <p className="mt-4">
139
+ We want to provide you with the freedom to move in a personal, sustainable
140
+ and safe way.
141
+ </p>
142
+ </div>
143
+ ```
144
+
121
145
  ### Links
122
146
 
123
- | Class name | Element | Properties |
147
+ | Class | Element | Properties |
124
148
  | ------------------------- | ------- | ------------------------------------------------------------------------------------ |
125
149
  | `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--v-color-foreground-secondary)` |
126
150
  | `UNSTABLE_link-secondary` | | `color: var(--v-color-foreground-primary)` |
@@ -136,10 +160,10 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
136
160
 
137
161
  Makes `ul` and `ol` display as lists with bullets or numbers.
138
162
 
139
- | Class name | Element | Properties |
140
- | ---------- | ------- | --------------------------- |
141
- | `list` | `ul` | `list-style-type: disc;` |
142
- | `list` | `ol` | `list-style-type: decimal;` |
163
+ | Class | Element | Properties |
164
+ | ------ | ------- | --------------------------- |
165
+ | `list` | `ul` | `list-style-type: disc;` |
166
+ | `list` | `ol` | `list-style-type: decimal;` |
143
167
 
144
168
  ```html example
145
169
  <div>
@@ -156,7 +180,7 @@ Makes `ul` and `ol` display as lists with bullets or numbers.
156
180
 
157
181
  ### Utility classes
158
182
 
159
- | Class name | Element | Properties |
183
+ | Class | Element | Properties |
160
184
  | ------------- | ------------- | ------------------ |
161
185
  | `font-medium` | `b`, `strong` | `font-weight: 500` |
162
186
  | `font-light` | | `font-weight: 300` |
@@ -207,7 +231,7 @@ import vtokens from '@volvo-cars/css/tokens';
207
231
 
208
232
  ### Text color
209
233
 
210
- | Class name | Properties |
234
+ | Class | Properties |
211
235
  | ---------------------- | -------------------------------------------------- |
212
236
  | `text-primary` | `color: var(--v-color-foreground-primary)` |
213
237
  | `text-secondary` | `color: var(--v-color-foreground-secondary)` |
@@ -235,7 +259,7 @@ import vtokens from '@volvo-cars/css/tokens';
235
259
 
236
260
  ### Background color
237
261
 
238
- | Class name | Properties |
262
+ | Class | Properties |
239
263
  | -------------------- | -------------------------------------------------- |
240
264
  | `bg-primary` | `color: var(--v-color-background-primary)` |
241
265
  | `bg-secondary` | `color: var(--v-color-background-secondary)` |
@@ -273,7 +297,7 @@ import vtokens from '@volvo-cars/css/tokens';
273
297
  </div>
274
298
  ```
275
299
 
276
- ## Dark mode
300
+ ### Dark mode
277
301
 
278
302
  Light mode is the default color mode of the theme. Use the `data-color-mode` attribute to switch between `dark` and `light` color modes.
279
303
 
@@ -292,6 +316,78 @@ Light mode is the default color mode of the theme. Use the `data-color-mode` att
292
316
  </div>
293
317
  ```
294
318
 
319
+ ## Layout
320
+
321
+ ### Stack
322
+
323
+ Use the `.stack-*` classes to create vertical rhythm between child elements.
324
+
325
+ You can customize the margin-top of an individual element with the `--stack-gap` property (e.g. `.article h2 { --stack-gap: var(--v-space-8); }`) or with the `mt-*` utility classes for `margin-top`.
326
+
327
+ | Class | Properties |
328
+ | ----------------------- | ------------------------------------ |
329
+ | `stack-4 > * + *` | `margin-top: var(--v-space-4)` |
330
+ | `stack-8 > * + *` | `margin-top: var(--v-space-8)` |
331
+ | `stack-16 > * + *` | `margin-top: var(--v-space-16)` |
332
+ | `stack-24 > * + *` | `margin-top: var(--v-space-24)` |
333
+ | `stack-section > * + *` | `margin-top: var(--v-space-section)` |
334
+ | `stack-text > * + *` | `margin-top: var(--v-space-text)` |
335
+
336
+ ### Spacing
337
+
338
+ Margin and padding can be set using utility classes prefixed with `m` and `p` followed by an optional direction. Directions are `t` for top, `b` for bottom, `y` for top and bottom, `l` for left, `r` for right and `x` for left and right. The left and right directions use logical properties and will flip to the opposite direction in right-to-left languages.
339
+
340
+ #### Small spacing
341
+
342
+ Small spacing is fixed in size for all viewport sizes. Values are `rem` based but the class names are the pixel equivalent value at 100% font-size.
343
+
344
+ | Class | Properties |
345
+ | ------------------ | ------------------------------------------------- |
346
+ | `m-0` | `margin: 0` |
347
+ | `m-4` | `margin: var(--v-space-4)` |
348
+ | `m-8` | `margin: var(--v-space-8)` |
349
+ | `m-16` | `margin: var(--v-space-16)` |
350
+ | `m-24` | `margin: var(--v-space-24)` |
351
+ | `mt-{0,4,8,16,24}` | `margin-top: var(--v-space-{x})` |
352
+ | `mb-{0,4,8,16,24}` | `margin-bottom: var(--v-space-{x})` |
353
+ | `ml-{0,4,8,16,24}` | `margin-inline-start: var(--v-space-{x})` |
354
+ | `mr-{0,4,8,16,24}` | `margin-inline-end: var(--v-space-{x})` |
355
+ | `mx-{0,4,8,16,24}` | `margin-inline-{start,end}: var(--v-space-{x});` |
356
+ | `my-{0,4,8,16,24}` | `margin-{top,bottom}: var(--v-space-{x});` |
357
+ | `p-0` | `padding: 0` |
358
+ | `p-4` | `padding: var(--v-space-4)` |
359
+ | `p-8` | `padding: var(--v-space-8)` |
360
+ | `p-16` | `padding:var(--v-space-16)m` |
361
+ | `p-24` | `padding:var(--v-space-24)m` |
362
+ | `pt-{0,4,8,16,24}` | `padding-top: var(--v-space-{x})` |
363
+ | `pb-{0,4,8,16,24}` | `padding-bottom: var(--v-space-{x})` |
364
+ | `pl-{0,4,8,16,24}` | `padding-inline-start: var(--v-space-{x})` |
365
+ | `pr-{0,4,8,16,24}` | `padding-inline-end: var(--v-space-{x})` |
366
+ | `px-{0,4,8,16,24}` | `padding-inline-{start,end}: var(--v-space-{x});` |
367
+ | `py-{0,4,8,16,24}` | `padding-{top,bottom}: var(--v-space-{x});` |
368
+
369
+ ```html example
370
+ <div>
371
+ <div class="mt-4">4px top margin</p>
372
+ <div class="mb-16">16px bottom margin</p>
373
+ <div class="pl-8">8px left padding</p>
374
+ <div class="pr-24 text-end">24px right padding</p>
375
+ </div>
376
+ ```
377
+
378
+ #### Large and fluid spacing
379
+
380
+ Larger spacing is fluid depending on the viewport size. Depending on the intended use case spacing it might only be available in horizontal or vertical directions.
381
+
382
+ | Class | Properties |
383
+ | ------------ | ---------------------------------------------- |
384
+ | `mt-section` | `margin-top: var(--v-space-section)` |
385
+ | `mb-section` | `margin-top: var(--v-space-section)` |
386
+ | `my-section` | `margin-{top,bottom}: var(--v-space-section)` |
387
+ | `pt-section` | `padding-top: var(--v-space-section)` |
388
+ | `pb-section` | `padding-top: var(--v-space-section)` |
389
+ | `py-section` | `padding-{top,bottom}: var(--v-space-section)` |
390
+
295
391
  ## Design Tokens
296
392
 
297
393
  If you only want the design tokens and not the styles, only these files are required.
@@ -322,12 +418,12 @@ Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
322
418
  - **property** is one of `size` or `lineheight`. If omitted refers to the `font` shorthand CSS property.
323
419
  - **modifier** is a property suffix such as `min` or `max`.
324
420
 
325
- **Font Family**
421
+ #### Font Family
326
422
 
327
423
  - `--v-font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
328
424
  - `--v-font-broad-family`
329
425
 
330
- **Font Sizes**
426
+ #### Font Sizes
331
427
 
332
428
  - `--v-font-{12,14,16}-size`
333
429
  - `--v-font-{12,14,16}-lineheight`
@@ -365,6 +461,23 @@ Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
365
461
  - `--v-color-always-black` - Always black regardless of color mode.
366
462
  - `--v-color-always-white` - Always white regardless of color mode.
367
463
 
464
+ ### Spacing
465
+
466
+ #### Small spacing
467
+
468
+ Small spacing is fixed in size for all viewport sizes.
469
+
470
+ - `--v-space-4` - 0.25rem
471
+ - `--v-space-8` - 0.5rem
472
+ - `--v-space-16` - 1rem
473
+ - `--v-space-24` - 1.5rem
474
+
475
+ #### Fluid spacing
476
+
477
+ Fluid spacing grows between the smallest value to the largest depending on the viewport size.
478
+
479
+ - `--v-space-section` 4rem-6rem
480
+
368
481
  ## Usage
369
482
 
370
483
  Include the styles in your application by rendering the `links` in your page `<head>`. For example in `_document` in **Next.js**
@@ -417,7 +530,7 @@ import '@volvo-cars/css/tokens.css';
417
530
  import '@volvo-cars/css/styles_all-media.css';
418
531
  ```
419
532
 
420
- # Scoping
533
+ ## Scoping
421
534
 
422
535
  The stylesheet is scoped with a parent selector, meaning that it will only affect children of a wrapper with a versioned class name. All element selectors have 0 specificity, meaning that any CSS from the application overrides it regardless of the order of styles. Other selectors have a maximum of 10 (0,1,0) in specificity (20 for pseudo states) and are easily overrideable with class name selectors in application code.
423
536
 
@@ -440,7 +553,7 @@ You typically want to apply the root class name to your `<html>` element but you
440
553
  </div>
441
554
  ```
442
555
 
443
- # TypeScript
556
+ ## TypeScript
444
557
 
445
558
  As a convenience for TypeScript developers all class names and CSS variables are exported as JavaScript modules with TypeScript interfaces.
446
559
 
@@ -0,0 +1,2 @@
1
+ var t={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.9727a36b.css","styles_hover.css":"css/v0/styles_hover.70268fe3.css","styles_lg.css":"css/v0/styles_lg.d3002579.css","styles_md.css":"css/v0/styles_md.cc4002ff.css","tokens.css":"css/v0/tokens.33d52e89.css"};var v={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)"};export{t as a,v as b};
2
+ //# sourceMappingURL=chunk-RZ7L3JFA.js.map
@@ -0,0 +1 @@
1
+ :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0 :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,fieldset)){margin:0}:where(.volvo_v0 :is(button,input,ol,ul,legend,fieldset)){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0 :is(img,picture,video,canvas,svg)){max-width:100%}:where(.volvo_v0 :is(ol,ul)){list-style:none}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]))){-webkit-appearance:button;appearance:button;color:inherit;background-color:#0000}:where(.volvo_v0 summary:is(details[class]>*,[class])){list-style:none}:where(.volvo_v0 summary:is(details[class]>*,[class]))::marker,:where(.volvo_v0 summary:is(details[class]>*,[class]))::-webkit-details-marker{display:none}:where(.volvo_v0 :is(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small)){font:inherit}:where(.volvo_v0 :is(b,strong)){font-weight:500}:where(.volvo_v0 :is(button,input,optgroup,select,label)){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0 :is(p,li,h1,h2,h3,h4,h5,h6)){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}@media (prefers-reduced-motion:reduce){.volvo_v0 *,.volvo_v0 :before,.volvo_v0 :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}:where(.volvo_v0) :is(.stack-4,.stack-8,.stack-16,.stack-24,.stack-section,.stack-text)>*+*{margin-top:var(--stack-gap)}:where(.volvo_v0) .stack-section>*{--stack-gap:var(--v-space-section)}:where(.volvo_v0) .stack-4>*{--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-8>*{--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-16>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-24>*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-text>:where(:not(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class]))+.title-20,.title-20:first-child)+:where(.body-16,.list,:is(p,ul):not([class])){--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-text>:where(.body-16.font-medium)+:where(.body-16,p:not([class])){--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-text>:where(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class])){--stack-gap:var(--v-space-24)}:where(.volvo_v0 .stack-text)>.statement-3+*,:where(.volvo_v0 .stack-text)>.statement-3+:where(.heading-3,h3:not([class]))+*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>:where(.micro,small:not([class]))+:where(.micro,small:not([class])){--stack-gap:0rem}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])){width:var(--v-space-16);height:var(--v-space-16);-webkit-appearance:none;appearance:none;background-color:var(--v-color-background-primary);border:1px solid var(--v-color-foreground-secondary);border-radius:var(--v-radius-4);place-content:center;margin-top:.15em;transition:box-shadow .3s;display:grid}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):before{width:var(--v-space-16);height:var(--v-space-16);content:"";background-color:var(--v-color-background-accent-blue);border-radius:var(--v-radius-4);opacity:0;transition:transform .1s ease-in-out,background-color .3s,outline .3s,opacity .2s}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):after{content:"";opacity:1;position:absolute}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]{border-radius:var(--v-radius-full)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]:before{border-radius:var(--v-radius-full)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=checkbox]:after{width:var(--v-space-4);height:var(--v-space-8);content:"";border-color:#0000;transition:border-top-color .15s linear,border-inline-end-color .15s linear .1s;transform:scaleX(-1) rotate(135deg) translate(5px,2px)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))[type=checkbox]):checked:after{border-inline-end:1px solid var(--v-color-always-white);border-top:1px solid var(--v-color-always-white)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]:after{width:8px;height:8px;background-color:var(--v-color-always-white);border-radius:var(--v-radius-full);transition:transform .25s;transform:matrix(0,.001,.001,0,3,3)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))[type=radio]):checked:after{transform:matrix(0,1,1,0,3,3)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):disabled:after{border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):disabled{background-color:var(--v-color-background-secondary);border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio]):enabled):is(:active,:checked):before{opacity:1}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))):where(:is([type=checkbox],[type=radio])[data-invalid]:not(:hover,:checked)){border-color:var(--v-color-foreground-feedback-red);box-shadow:inset 0 0 0 1px var(--v-color-foreground-feedback-red);border-width:1px}:where(.volvo_v0 fieldset[data-invalid] input:is(.radio,.checkbox,:not([class])) [type=radio]):not(:checked,:hover,:disabled){border-color:var(--v-color-foreground-feedback-red);border-width:2px}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1[data-fluid-typography]{font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2[data-fluid-typography]{font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3[data-fluid-typography]{font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a[href]:not([class])),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1[data-fluid-typography]{font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2[data-fluid-typography]{font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3[data-fluid-typography]{font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .m-0{margin:0}:where(.volvo_v0) :is(.mx-0,.mr-0){margin-inline-end:0}:where(.volvo_v0) :is(.mx-0,.ml-0){margin-inline-start:0}:where(.volvo_v0) :is(.my-0,.mt-0){margin-top:0}:where(.volvo_v0) :is(.my-0,.mb-0){margin-bottom:0}:where(.volvo_v0) .m-4{margin:.25rem}:where(.volvo_v0) :is(.mx-4,.mr-4){margin-inline-end:.25rem}:where(.volvo_v0) :is(.mx-4,.ml-4){margin-inline-start:.25rem}:where(.volvo_v0) :is(.my-4,.mt-4){margin-top:.25rem}:where(.volvo_v0) :is(.my-4,.mb-4){margin-bottom:.25rem}:where(.volvo_v0) .m-8{margin:.5rem}:where(.volvo_v0) :is(.mx-8,.mr-8){margin-inline-end:.5rem}:where(.volvo_v0) :is(.mx-8,.ml-8){margin-inline-start:.5rem}:where(.volvo_v0) :is(.my-8,.mt-8){margin-top:.5rem}:where(.volvo_v0) :is(.my-8,.mb-8){margin-bottom:.5rem}:where(.volvo_v0) .m-16{margin:1rem}:where(.volvo_v0) :is(.mx-16,.mr-16){margin-inline-end:1rem}:where(.volvo_v0) :is(.mx-16,.ml-16){margin-inline-start:1rem}:where(.volvo_v0) :is(.my-16,.mt-16){margin-top:1rem}:where(.volvo_v0) :is(.my-16,.mb-16){margin-bottom:1rem}:where(.volvo_v0) .m-24{margin:1.5rem}:where(.volvo_v0) :is(.mx-24,.mr-24){margin-inline-end:1.5rem}:where(.volvo_v0) :is(.mx-24,.ml-24){margin-inline-start:1.5rem}:where(.volvo_v0) :is(.my-24,.mt-24){margin-top:1.5rem}:where(.volvo_v0) :is(.my-24,.mb-24){margin-bottom:1.5rem}:where(.volvo_v0) :is(.my-section,.mt-section){margin-top:var(--v-space-section)}:where(.volvo_v0) :is(.my-section,.mb-section){margin-bottom:var(--v-space-section)}:where(.volvo_v0) .p-0{padding:0}:where(.volvo_v0) :is(.px-0,.pr-0){padding-inline-end:0}:where(.volvo_v0) :is(.px-0,.pl-0){padding-inline-start:0}:where(.volvo_v0) :is(.py-0,.pt-0){padding-top:0}:where(.volvo_v0) :is(.py-0,.pb-0){padding-bottom:0}:where(.volvo_v0) .p-4{padding:.25rem}:where(.volvo_v0) :is(.px-4,.pr-4){padding-inline-end:.25rem}:where(.volvo_v0) :is(.px-4,.pl-4){padding-inline-start:.25rem}:where(.volvo_v0) :is(.py-4,.pt-4){padding-top:.25rem}:where(.volvo_v0) :is(.py-4,.pb-4){padding-bottom:.25rem}:where(.volvo_v0) .p-8{padding:.5rem}:where(.volvo_v0) :is(.px-8,.pr-8){padding-inline-end:.5rem}:where(.volvo_v0) :is(.px-8,.pl-8){padding-inline-start:.5rem}:where(.volvo_v0) :is(.py-8,.pt-8){padding-top:.5rem}:where(.volvo_v0) :is(.py-8,.pb-8){padding-bottom:.5rem}:where(.volvo_v0) .p-16{padding:1rem}:where(.volvo_v0) :is(.px-16,.pr-16){padding-inline-end:1rem}:where(.volvo_v0) :is(.px-16,.pl-16){padding-inline-start:1rem}:where(.volvo_v0) :is(.py-16,.pt-16){padding-top:1rem}:where(.volvo_v0) :is(.py-16,.pb-16){padding-bottom:1rem}:where(.volvo_v0) .p-24{padding:1.5rem}:where(.volvo_v0) :is(.px-24,.pr-24){padding-inline-end:1.5rem}:where(.volvo_v0) :is(.px-24,.pl-24){padding-inline-start:1.5rem}:where(.volvo_v0) :is(.py-24,.pt-24){padding-top:1.5rem}:where(.volvo_v0) :is(.py-24,.pb-24){padding-bottom:1.5rem}:where(.volvo_v0) :is(.py-section,.pt-section){padding-top:var(--v-space-section)}:where(.volvo_v0) :is(.py-section,.pb-section){padding-bottom:var(--v-space-section)}:where(.volvo_v0) .text-start{text-align:start}:where(.volvo_v0) .text-end{text-align:end}:where(.volvo_v0) .text-center{text-align:center}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}
@@ -0,0 +1 @@
1
+ :where(.volvo_v0 :-webkit-any(button,input:-webkit-any([type=button],[type=reset],[type=submit]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 input[type=file]:not(:disabled,[aria-disabled]))::-webkit-file-upload-button{cursor:pointer}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 input[type=file]:not(:disabled,[aria-disabled]))::file-selector-button{cursor:pointer}:where(.volvo_v0 input:is(:disabled,[aria-disabled])+label:hover){cursor:default}:where(.volvo_v0 a[href]:not([class]):hover),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline:hover{color:var(--v-color-foreground-primary);-webkit-text-decoration-line:none;text-decoration-line:none}:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).UNSTABLE_link-secondary:hover{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):where(:enabled:checked:hover):before{background-color:var(--_vcc01cdae)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):where(:enabled:hover){cursor:pointer;border:1px solid var(--v-color-background-accent-blue);box-shadow:inset 0 0 0 1px var(--v-color-background-accent-blue)}
@@ -0,0 +1 @@
1
+ :where(.volvo_v0) .lg\:text-start{text-align:start}:where(.volvo_v0) .lg\:text-end{text-align:end}:where(.volvo_v0) .lg\:text-center{text-align:center}
@@ -0,0 +1 @@
1
+ :where(.volvo_v0) .md\:text-start{text-align:start}:where(.volvo_v0) .md\:text-end{text-align:end}:where(.volvo_v0) .md\:text-center{text-align:center}
@@ -1 +1 @@
1
- .volvo_v0{--v-font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;--v-font-broad-family:"Volvo Broad","Arial Black",sans-serif;--v-font-mono-family:monospace;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:300 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:300 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:300 var(--v-font-12-size)/var(--v-font-12-lineheight) var(--v-font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--v-font-heading-1-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-heading-1-size)/var(--v-font-heading-1-lineheight) var(--v-font-sans-family);--v-font-heading-2-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-heading-2-size)/var(--v-font-heading-2-lineheight) var(--v-font-sans-family);--v-font-heading-3-lineheight:var(--_vcc33ac2c);--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:300 var(--v-font-heading-3-size)/var(--v-font-heading-3-lineheight) var(--v-font-sans-family);--v-font-statement-1-lineheight:var(--_vcc33ac2c);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min),3vw + 3.6rem,var(--v-font-statement-1-size-max));--v-font-statement-1:500 var(--v-font-statement-1-size)/var(--v-font-statement-1-lineheight) var(--v-font-sans-family);--v-font-statement-2-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-statement-2-size)/var(--v-font-statement-2-lineheight) var(--v-font-sans-family);--v-font-statement-3-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-statement-3-size)/var(--v-font-statement-3-lineheight) var(--v-font-sans-family);--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:500 var(--v-font-statement-signature-size)/var(--v-font-statement-signature-lineheight) var(--v-font-broad-family);--v-font-title-24-size:1.5rem;--v-font-title-24-lineheight:1.334;--v-font-title-24:300 var(--v-font-title-24-size)/var(--v-font-title-24-lineheight) var(--v-font-sans-family);--v-font-title-20-size:1.25rem;--v-font-title-20-lineheight:1.4;--v-font-title-20:300 var(--v-font-title-20-size)/var(--v-font-title-20-lineheight) var(--v-font-sans-family)}.volvo_v0:where(:lang(vi)){--v-font-sans-family:"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--v-color-always-black:#141414;--v-color-always-white:#fff;--v-color-foreground-primary:#000000eb;--v-color-foreground-secondary:#0000008f;--v-color-ornament-primary:#00000029;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#2a609d;--v-color-background-accent-blue:#2a609d;--v-color-foreground-feedback-green:#048220;--v-color-foreground-feedback-orange:#eb7400;--v-color-foreground-feedback-red:#bf2012;--v-color-background-feedback-green:#048220;--v-color-background-feedback-orange:#eb7400;--v-color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#ffffffa3;--v-color-ornament-primary:#ffffff1f;--v-color-background-primary:#000;--v-color-background-secondary:#141414;--v-color-foreground-accent-blue:#2387eb;--v-color-background-accent-blue:#1f78d1;--v-color-foreground-feedback-green:#07a62b;--v-color-foreground-feedback-orange:#ff9400;--v-color-foreground-feedback-red:#ff3320;--v-color-background-feedback-green:#088924;--v-color-background-feedback-orange:#ff9400;--v-color-background-feedback-red:#cc2617}
1
+ .volvo_v0{--v-font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;--v-font-broad-family:"Volvo Broad","Arial Black",sans-serif;--v-font-mono-family:monospace;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:300 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:300 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:300 var(--v-font-12-size)/var(--v-font-12-lineheight) var(--v-font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--v-font-heading-1-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-heading-1-size)/var(--v-font-heading-1-lineheight) var(--v-font-sans-family);--v-font-heading-2-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-heading-2-size)/var(--v-font-heading-2-lineheight) var(--v-font-sans-family);--v-font-heading-3-lineheight:var(--_vcc33ac2c);--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:300 var(--v-font-heading-3-size)/var(--v-font-heading-3-lineheight) var(--v-font-sans-family);--v-font-statement-1-lineheight:var(--_vcc33ac2c);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min),3vw + 3.6rem,var(--v-font-statement-1-size-max));--v-font-statement-1:500 var(--v-font-statement-1-size)/var(--v-font-statement-1-lineheight) var(--v-font-sans-family);--v-font-statement-2-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-statement-2-size)/var(--v-font-statement-2-lineheight) var(--v-font-sans-family);--v-font-statement-3-lineheight:var(--_vcc33ac2c);--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:500 var(--v-font-statement-3-size)/var(--v-font-statement-3-lineheight) var(--v-font-sans-family);--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:500 var(--v-font-statement-signature-size)/var(--v-font-statement-signature-lineheight) var(--v-font-broad-family);--v-font-title-24-size:1.5rem;--v-font-title-24-lineheight:1.334;--v-font-title-24:300 var(--v-font-title-24-size)/var(--v-font-title-24-lineheight) var(--v-font-sans-family);--v-font-title-20-size:1.25rem;--v-font-title-20-lineheight:1.4;--v-font-title-20:300 var(--v-font-title-20-size)/var(--v-font-title-20-lineheight) var(--v-font-sans-family)}.volvo_v0:where(:lang(vi)){--v-font-sans-family:"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--v-color-always-black:#141414;--v-color-always-white:#fff;--v-color-foreground-primary:#000000eb;--v-color-foreground-secondary:#0000008f;--v-color-ornament-primary:#00000029;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#2a609d;--v-color-background-accent-blue:#2a609d;--_vcc01cdae:#234871;--v-color-foreground-feedback-green:#048220;--v-color-foreground-feedback-orange:#eb7400;--v-color-foreground-feedback-red:#bf2012;--v-color-background-feedback-green:#048220;--v-color-background-feedback-orange:#eb7400;--v-color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#ffffffa3;--v-color-ornament-primary:#ffffff1f;--v-color-background-primary:#000;--v-color-background-secondary:#141414;--v-color-foreground-accent-blue:#2387eb;--v-color-background-accent-blue:#1f78d1;--v-color-foreground-feedback-green:#07a62b;--v-color-foreground-feedback-orange:#ff9400;--v-color-foreground-feedback-red:#ff3320;--v-color-background-feedback-green:#088924;--v-color-background-feedback-orange:#ff9400;--v-color-background-feedback-red:#cc2617}.volvo_v0{--v-space-4:.25rem;--v-space-8:.5rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-section:clamp(4rem,4vw + 2.8rem,6rem)}
package/dist/imports.json CHANGED
@@ -1,9 +1,10 @@
1
1
  {
2
2
  "imports": {
3
3
  "font-face.css": "css/v0/font-face.05a7ed4c.css",
4
- "styles.css": "css/v0/styles.015ad357.css",
5
- "styles_hover.css": "css/v0/styles_hover.77cd08ed.css",
6
- "styles_reduced-motion.css": "css/v0/styles_reduced-motion.eeee4929.css",
7
- "tokens.css": "css/v0/tokens.2fa42890.css"
4
+ "styles.css": "css/v0/styles.9727a36b.css",
5
+ "styles_hover.css": "css/v0/styles_hover.70268fe3.css",
6
+ "styles_lg.css": "css/v0/styles_lg.d3002579.css",
7
+ "styles_md.css": "css/v0/styles_md.cc4002ff.css",
8
+ "tokens.css": "css/v0/tokens.33d52e89.css"
8
9
  }
9
10
  }
package/dist/links.cjs CHANGED
@@ -1,2 +1,2 @@
1
- var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var a=(s,e)=>{for(var t in e)i(s,t,{get:e[t],enumerable:!0})},f=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of d(e))!l.call(s,o)&&o!==t&&i(s,o,{get:()=>e[o],enumerable:!(r=n(e,o))||r.enumerable});return s};var p=s=>f(i({},"__esModule",{value:!0}),s);var y={};a(y,{links:()=>m});module.exports=p(y);var c={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.015ad357.css","styles_hover.css":"css/v0/styles_hover.77cd08ed.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.2fa42890.css"};var v="https://www.volvocars.com/static/shared/pkg/";function m({base:s=v}={}){if(s&&typeof s!="string"&&(s=s.href),typeof s=="string"&&s!==""&&!s.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(c).map(([e,t])=>{let r={rel:"stylesheet",href:s+t,"data-volvo-css-name":e};return e.endsWith("_hover.css")?r.media="(hover:hover)":e.endsWith("_reduced-motion.css")&&(r.media="(prefers-reduced-motion)"),r})}0&&(module.exports={links});
1
+ var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(s,e)=>{for(var r in e)i(s,r,{get:e[r],enumerable:!0})},d=(s,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of a(e))!f.call(s,t)&&t!==r&&i(s,t,{get:()=>e[t],enumerable:!(o=p(e,t))||o.enumerable});return s};var y=s=>d(i({},"__esModule",{value:!0}),s);var w={};m(w,{links:()=>k});module.exports=y(w);var l={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.9727a36b.css","styles_hover.css":"css/v0/styles_hover.70268fe3.css","styles_lg.css":"css/v0/styles_lg.d3002579.css","styles_md.css":"css/v0/styles_md.cc4002ff.css","tokens.css":"css/v0/tokens.33d52e89.css"};var c={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)"};var g="https://www.volvocars.com/static/shared/pkg/";function k({base:s=g}={}){if(s&&typeof s!="string"&&(s=s.href),typeof s=="string"&&s!==""&&!s.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(l).map(([e,r])=>{var n;let o={rel:"stylesheet",href:s+r,"data-volvo-css-name":e},t=(n=e.split("_").pop())==null?void 0:n.replace(".css","");return t&&t in c&&(o.media=c[t]),o})}0&&(module.exports={links});
2
2
  //# sourceMappingURL=links.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n if (name.endsWith('_hover.css')) {\n props.media = '(hover:hover)';\n } else if (name.endsWith('_reduced-motion.css')) {\n props.media = '(prefers-reduced-motion)';\n }\n return props;\n });\n}\n\nexport interface LinkProps {\n href: string;\n media?: string;\n 'data-volvo-css-name': string;\n rel: 'stylesheet' | 'preload';\n as?: 'style';\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,6QAEA,IAAMI,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAI5C,GAHIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,EAC/D,MAAM,IAAI,UAAU,oCAAoC,EAE1D,OAAO,OAAO,QAAQC,CAAO,EAAE,IAAI,CAAC,CAACC,EAAMC,CAAQ,IAAM,CACvD,IAAMC,EAAmB,CACvB,IAAK,aACL,KAAMJ,EAAOG,EACb,sBAAuBD,CACzB,EACA,OAAIA,EAAK,SAAS,YAAY,EAC5BE,EAAM,MAAQ,gBACLF,EAAK,SAAS,qBAAqB,IAC5CE,EAAM,MAAQ,4BAETA,CACT,CAAC,CACH","names":["links_exports","__export","links","__toCommonJS","defaultBase","links","base","imports","name","filename","props"]}
1
+ {"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n return props;\n });\n}\n\nexport interface LinkProps {\n href: string;\n media?: string;\n 'data-volvo-css-name': string;\n rel: 'stylesheet' | 'preload';\n as?: 'style';\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,oXAGA,IAAMI,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAI5C,GAHIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,EAC/D,MAAM,IAAI,UAAU,oCAAoC,EAE1D,OAAO,OAAO,QAAQC,CAAO,EAAE,IAAI,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAd3D,IAAAC,EAeI,IAAMC,EAAmB,CACvB,IAAK,aACL,KAAML,EAAOG,EACb,sBAAuBD,CACzB,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IACnD,OAAIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAEtBD,CACT,CAAC,CACH","names":["links_exports","__export","links","__toCommonJS","defaultBase","links","base","imports","name","filename","_a","props","media","queries_default"]}
package/dist/links.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a as t}from"./chunk-TZK66UJF.js";var o="https://www.volvocars.com/static/shared/pkg/";function p({base:e=o}={}){if(e&&typeof e!="string"&&(e=e.href),typeof e=="string"&&e!==""&&!e.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(t).map(([r,i])=>{let s={rel:"stylesheet",href:e+i,"data-volvo-css-name":r};return r.endsWith("_hover.css")?s.media="(hover:hover)":r.endsWith("_reduced-motion.css")&&(s.media="(prefers-reduced-motion)"),s})}export{p as links};
1
+ import{a as n,b as s}from"./chunk-RZ7L3JFA.js";var a="https://www.volvocars.com/static/shared/pkg/";function m({base:e=a}={}){if(e&&typeof e!="string"&&(e=e.href),typeof e=="string"&&e!==""&&!e.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(n).map(([r,p])=>{var o;let i={rel:"stylesheet",href:e+p,"data-volvo-css-name":r},t=(o=r.split("_").pop())==null?void 0:o.replace(".css","");return t&&t in s&&(i.media=s[t]),i})}export{m as links};
2
2
  //# sourceMappingURL=links.js.map
package/dist/links.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n if (name.endsWith('_hover.css')) {\n props.media = '(hover:hover)';\n } else if (name.endsWith('_reduced-motion.css')) {\n props.media = '(prefers-reduced-motion)';\n }\n return props;\n });\n}\n\nexport interface LinkProps {\n href: string;\n media?: string;\n 'data-volvo-css-name': string;\n rel: 'stylesheet' | 'preload';\n as?: 'style';\n}\n"],"mappings":"wCAEA,IAAMA,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAI5C,GAHIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,EAC/D,MAAM,IAAI,UAAU,oCAAoC,EAE1D,OAAO,OAAO,QAAQC,CAAO,EAAE,IAAI,CAAC,CAACC,EAAMC,CAAQ,IAAM,CACvD,IAAMC,EAAmB,CACvB,IAAK,aACL,KAAMJ,EAAOG,EACb,sBAAuBD,CACzB,EACA,OAAIA,EAAK,SAAS,YAAY,EAC5BE,EAAM,MAAQ,gBACLF,EAAK,SAAS,qBAAqB,IAC5CE,EAAM,MAAQ,4BAETA,CACT,CAAC,CACH","names":["defaultBase","links","base","imports","name","filename","props"]}
1
+ {"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n return props;\n });\n}\n\nexport interface LinkProps {\n href: string;\n media?: string;\n 'data-volvo-css-name': string;\n rel: 'stylesheet' | 'preload';\n as?: 'style';\n}\n"],"mappings":"+CAGA,IAAMA,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAI5C,GAHIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,EAC/D,MAAM,IAAI,UAAU,oCAAoC,EAE1D,OAAO,OAAO,QAAQC,CAAO,EAAE,IAAI,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAd3D,IAAAC,EAeI,IAAMC,EAAmB,CACvB,IAAK,aACL,KAAML,EAAOG,EACb,sBAAuBD,CACzB,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IACnD,OAAIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAEtBD,CACT,CAAC,CACH","names":["defaultBase","links","base","imports","name","filename","_a","props","media","queries_default"]}
@@ -1,2 +1,2 @@
1
- var l=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var c=(o,t)=>{for(var s in t)l(o,s,{get:t[s],enumerable:!0})},m=(o,t,s,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of i(t))!v.call(o,a)&&a!==s&&l(o,a,{get:()=>t[a],enumerable:!(f=r(t,a))||f.enumerable});return o};var w=o=>m(l({},"__esModule",{value:!0}),o);var y={};c(y,{links:()=>h});module.exports=w(y);var e="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var n={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.015ad357.css","styles_hover.css":"css/v0/styles_hover.77cd08ed.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.2fa42890.css"};var p="https://www.volvocars.com/static/shared/pkg/";function h({base:o=p}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(n).flatMap(([t,s])=>{let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"};return t.endsWith("_hover.css")?f.media="(hover:hover)":t.endsWith("_reduced-motion.css")&&(f.media="(prefers-reduced-motion)"),t==="font-face.css"?{...f,href:`data:text/css;base64,${e}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}0&&(module.exports={links});
1
+ var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var w=(o,t)=>{for(var f in t)l(o,f,{get:t[f],enumerable:!0})},d=(o,t,f,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of c(t))!m.call(o,s)&&s!==f&&l(o,s,{get:()=>t[s],enumerable:!(a=v(t,s))||a.enumerable});return o};var p=o=>d(l({},"__esModule",{value:!0}),o);var V={};w(V,{links:()=>k});module.exports=p(V);var r="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var n={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.9727a36b.css","styles_hover.css":"css/v0/styles_hover.70268fe3.css","styles_lg.css":"css/v0/styles_lg.d3002579.css","styles_md.css":"css/v0/styles_md.cc4002ff.css","tokens.css":"css/v0/tokens.33d52e89.css"};var e={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)"};var g="https://www.volvocars.com/static/shared/pkg/";function k({base:o=g}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(n).flatMap(([t,f])=>{var i;let a={href:o+f,"data-volvo-css-name":t,rel:"stylesheet"},s=(i=t.split("_").pop())==null?void 0:i.replace(".css","");return s&&s in e&&(a.media=e[s]),t==="font-face.css"?{...a,href:`data:text/css;base64,${r}`}:[{...a,rel:"preload",as:"style"},a]}).sort((t,f)=>t.rel==="preload"&&f.rel==="preload"?0:t.rel==="preload"?-1:1)}0&&(module.exports={links});
2
2
  //# sourceMappingURL=links.server.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n if (name.endsWith('_hover.css')) {\n props.media = '(hover:hover)';\n } else if (name.endsWith('_reduced-motion.css')) {\n props.media = '(prefers-reduced-motion)';\n }\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css') {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n return [\n {\n ...props,\n rel: 'preload',\n as: 'style',\n },\n props,\n ];\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"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,02IAKA,IAAMI,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAC5C,OAAIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEH,OAAO,QAAQC,CAAO,EAC1B,QAAQ,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAC7B,IAAMC,EAAmB,CACvB,KAAMJ,EAAOG,EACb,sBAAuBD,EACvB,IAAK,YACP,EAQA,OAPIA,EAAK,SAAS,YAAY,EAC5BE,EAAM,MAAQ,gBACLF,EAAK,SAAS,qBAAqB,IAC5CE,EAAM,MAAQ,4BAIZF,IAAS,gBACJ,CACL,GAAGE,EACH,KAAM,wBAAwBC,GAChC,EAEK,CACL,CACE,GAAGD,EACH,IAAK,UACL,GAAI,OACN,EACAA,CACF,CACF,CAAC,EACA,KAAK,CAACE,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACV,GACA,CACN,CACJ","names":["links_server_exports","__export","links","__toCommonJS","defaultBase","links","base","imports","name","filename","props","font_face_default","a","b"]}
1
+ {"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css') {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n return [\n {\n ...props,\n rel: 'preload',\n as: 'style',\n },\n props,\n ];\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"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,i9IAMA,IAAMI,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAC5C,OAAIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEH,OAAO,QAAQC,CAAO,EAC1B,QAAQ,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAlBnC,IAAAC,EAmBM,IAAMC,EAAmB,CACvB,KAAML,EAAOG,EACb,sBAAuBD,EACvB,IAAK,YACP,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IAMnD,OALIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAIzBJ,IAAS,gBACJ,CACL,GAAGG,EACH,KAAM,wBAAwBG,GAChC,EAEK,CACL,CACE,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EACAA,CACF,CACF,CAAC,EACA,KAAK,CAACI,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACV,GACA,CACN,CACJ","names":["links_server_exports","__export","links","__toCommonJS","defaultBase","links","base","imports","name","filename","_a","props","media","queries_default","font_face_default","a","b"]}
@@ -1,2 +1,2 @@
1
- import{a}from"./chunk-TZK66UJF.js";var l="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var r="https://www.volvocars.com/static/shared/pkg/";function c({base:o=r}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(a).flatMap(([t,s])=>{let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"};return t.endsWith("_hover.css")?f.media="(hover:hover)":t.endsWith("_reduced-motion.css")&&(f.media="(prefers-reduced-motion)"),t==="font-face.css"?{...f,href:`data:text/css;base64,${l}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}export{c as links};
1
+ import{a as r,b as l}from"./chunk-RZ7L3JFA.js";var n="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var e="https://www.volvocars.com/static/shared/pkg/";function p({base:o=e}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(r).flatMap(([t,s])=>{var i;let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"},a=(i=t.split("_").pop())==null?void 0:i.replace(".css","");return a&&a in l&&(f.media=l[a]),t==="font-face.css"?{...f,href:`data:text/css;base64,${n}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}export{p as links};
2
2
  //# sourceMappingURL=links.server.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n if (name.endsWith('_hover.css')) {\n props.media = '(hover:hover)';\n } else if (name.endsWith('_reduced-motion.css')) {\n props.media = '(prefers-reduced-motion)';\n }\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css') {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n return [\n {\n ...props,\n rel: 'preload',\n as: 'style',\n },\n props,\n ];\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"],"mappings":"goIAKA,IAAMA,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAC5C,OAAIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEH,OAAO,QAAQC,CAAO,EAC1B,QAAQ,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAC7B,IAAMC,EAAmB,CACvB,KAAMJ,EAAOG,EACb,sBAAuBD,EACvB,IAAK,YACP,EAQA,OAPIA,EAAK,SAAS,YAAY,EAC5BE,EAAM,MAAQ,gBACLF,EAAK,SAAS,qBAAqB,IAC5CE,EAAM,MAAQ,4BAIZF,IAAS,gBACJ,CACL,GAAGE,EACH,KAAM,wBAAwBC,GAChC,EAEK,CACL,CACE,GAAGD,EACH,IAAK,UACL,GAAI,OACN,EACAA,CACF,CACF,CAAC,EACA,KAAK,CAACE,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACV,GACA,CACN,CACJ","names":["defaultBase","links","base","imports","name","filename","props","font_face_default","a","b"]}
1
+ {"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css') {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n return [\n {\n ...props,\n rel: 'preload',\n as: 'style',\n },\n props,\n ];\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"],"mappings":"4oIAMA,IAAMA,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAC5C,OAAIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEH,OAAO,QAAQC,CAAO,EAC1B,QAAQ,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAlBnC,IAAAC,EAmBM,IAAMC,EAAmB,CACvB,KAAML,EAAOG,EACb,sBAAuBD,EACvB,IAAK,YACP,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IAMnD,OALIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAIzBJ,IAAS,gBACJ,CACL,GAAGG,EACH,KAAM,wBAAwBG,GAChC,EAEK,CACL,CACE,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EACAA,CACF,CACF,CAAC,EACA,KAAK,CAACI,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACV,GACA,CACN,CACJ","names":["defaultBase","links","base","imports","name","filename","_a","props","media","queries_default","font_face_default","a","b"]}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select,fieldset){margin:0}:where(.volvo_v0) :where(button,ol,ul,legend){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul){list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000}:where(.volvo_v0 details[class] summary){list-style:none}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0) :where(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small){font:inherit}:where(.volvo_v0) :where(b,strong){font-weight:500}:where(.volvo_v0) :where(button,input,optgroup,select,label){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0) :where(p,li,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a:not([class])),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}
1
+ :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0 :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,fieldset)){margin:0}:where(.volvo_v0 :is(button,input,ol,ul,legend,fieldset)){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0 :is(img,picture,video,canvas,svg)){max-width:100%}:where(.volvo_v0 :is(ol,ul)){list-style:none}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]))){-webkit-appearance:button;appearance:button;color:inherit;background-color:#0000}:where(.volvo_v0 summary:is(details[class]>*,[class])){list-style:none}:where(.volvo_v0 summary:is(details[class]>*,[class]))::marker,:where(.volvo_v0 summary:is(details[class]>*,[class]))::-webkit-details-marker{display:none}:where(.volvo_v0 :is(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small)){font:inherit}:where(.volvo_v0 :is(b,strong)){font-weight:500}:where(.volvo_v0 :is(button,input,optgroup,select,label)){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0 :is(p,li,h1,h2,h3,h4,h5,h6)){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}@media (prefers-reduced-motion:reduce){.volvo_v0 *,.volvo_v0 :before,.volvo_v0 :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}:where(.volvo_v0) :is(.stack-4,.stack-8,.stack-16,.stack-24,.stack-section,.stack-text)>*+*{margin-top:var(--stack-gap)}:where(.volvo_v0) .stack-section>*{--stack-gap:var(--v-space-section)}:where(.volvo_v0) .stack-4>*{--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-8>*{--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-16>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-24>*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-text>:where(:not(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class]))+.title-20,.title-20:first-child)+:where(.body-16,.list,:is(p,ul):not([class])){--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-text>:where(.body-16.font-medium)+:where(.body-16,p:not([class])){--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-text>:where(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class])){--stack-gap:var(--v-space-24)}:where(.volvo_v0 .stack-text)>.statement-3+*,:where(.volvo_v0 .stack-text)>.statement-3+:where(.heading-3,h3:not([class]))+*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>:where(.micro,small:not([class]))+:where(.micro,small:not([class])){--stack-gap:0rem}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])){width:var(--v-space-16);height:var(--v-space-16);-webkit-appearance:none;appearance:none;background-color:var(--v-color-background-primary);border:1px solid var(--v-color-foreground-secondary);border-radius:var(--v-radius-4);place-content:center;margin-top:.15em;transition:box-shadow .3s;display:grid}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):before{width:var(--v-space-16);height:var(--v-space-16);content:"";background-color:var(--v-color-background-accent-blue);border-radius:var(--v-radius-4);opacity:0;transition:transform .1s ease-in-out,background-color .3s,outline .3s,opacity .2s}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):after{content:"";opacity:1;position:absolute}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]{border-radius:var(--v-radius-full)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]:before{border-radius:var(--v-radius-full)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=checkbox]:after{width:var(--v-space-4);height:var(--v-space-8);content:"";border-color:#0000;transition:border-top-color .15s linear,border-inline-end-color .15s linear .1s;transform:scaleX(-1) rotate(135deg) translate(5px,2px)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))[type=checkbox]):checked:after{border-inline-end:1px solid var(--v-color-always-white);border-top:1px solid var(--v-color-always-white)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]:after{width:8px;height:8px;background-color:var(--v-color-always-white);border-radius:var(--v-radius-full);transition:transform .25s;transform:matrix(0,.001,.001,0,3,3)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))[type=radio]):checked:after{transform:matrix(0,1,1,0,3,3)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):disabled:after{border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):disabled{background-color:var(--v-color-background-secondary);border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio]):enabled):is(:active,:checked):before{opacity:1}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))):where(:is([type=checkbox],[type=radio])[data-invalid]:not(:hover,:checked)){border-color:var(--v-color-foreground-feedback-red);box-shadow:inset 0 0 0 1px var(--v-color-foreground-feedback-red);border-width:1px}:where(.volvo_v0 fieldset[data-invalid] input:is(.radio,.checkbox,:not([class])) [type=radio]):not(:checked,:hover,:disabled){border-color:var(--v-color-foreground-feedback-red);border-width:2px}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1[data-fluid-typography]{font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2[data-fluid-typography]{font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3[data-fluid-typography]{font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a[href]:not([class])),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1[data-fluid-typography]{font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2[data-fluid-typography]{font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3[data-fluid-typography]{font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .m-0{margin:0}:where(.volvo_v0) :is(.mx-0,.mr-0){margin-inline-end:0}:where(.volvo_v0) :is(.mx-0,.ml-0){margin-inline-start:0}:where(.volvo_v0) :is(.my-0,.mt-0){margin-top:0}:where(.volvo_v0) :is(.my-0,.mb-0){margin-bottom:0}:where(.volvo_v0) .m-4{margin:.25rem}:where(.volvo_v0) :is(.mx-4,.mr-4){margin-inline-end:.25rem}:where(.volvo_v0) :is(.mx-4,.ml-4){margin-inline-start:.25rem}:where(.volvo_v0) :is(.my-4,.mt-4){margin-top:.25rem}:where(.volvo_v0) :is(.my-4,.mb-4){margin-bottom:.25rem}:where(.volvo_v0) .m-8{margin:.5rem}:where(.volvo_v0) :is(.mx-8,.mr-8){margin-inline-end:.5rem}:where(.volvo_v0) :is(.mx-8,.ml-8){margin-inline-start:.5rem}:where(.volvo_v0) :is(.my-8,.mt-8){margin-top:.5rem}:where(.volvo_v0) :is(.my-8,.mb-8){margin-bottom:.5rem}:where(.volvo_v0) .m-16{margin:1rem}:where(.volvo_v0) :is(.mx-16,.mr-16){margin-inline-end:1rem}:where(.volvo_v0) :is(.mx-16,.ml-16){margin-inline-start:1rem}:where(.volvo_v0) :is(.my-16,.mt-16){margin-top:1rem}:where(.volvo_v0) :is(.my-16,.mb-16){margin-bottom:1rem}:where(.volvo_v0) .m-24{margin:1.5rem}:where(.volvo_v0) :is(.mx-24,.mr-24){margin-inline-end:1.5rem}:where(.volvo_v0) :is(.mx-24,.ml-24){margin-inline-start:1.5rem}:where(.volvo_v0) :is(.my-24,.mt-24){margin-top:1.5rem}:where(.volvo_v0) :is(.my-24,.mb-24){margin-bottom:1.5rem}:where(.volvo_v0) :is(.my-section,.mt-section){margin-top:var(--v-space-section)}:where(.volvo_v0) :is(.my-section,.mb-section){margin-bottom:var(--v-space-section)}:where(.volvo_v0) .p-0{padding:0}:where(.volvo_v0) :is(.px-0,.pr-0){padding-inline-end:0}:where(.volvo_v0) :is(.px-0,.pl-0){padding-inline-start:0}:where(.volvo_v0) :is(.py-0,.pt-0){padding-top:0}:where(.volvo_v0) :is(.py-0,.pb-0){padding-bottom:0}:where(.volvo_v0) .p-4{padding:.25rem}:where(.volvo_v0) :is(.px-4,.pr-4){padding-inline-end:.25rem}:where(.volvo_v0) :is(.px-4,.pl-4){padding-inline-start:.25rem}:where(.volvo_v0) :is(.py-4,.pt-4){padding-top:.25rem}:where(.volvo_v0) :is(.py-4,.pb-4){padding-bottom:.25rem}:where(.volvo_v0) .p-8{padding:.5rem}:where(.volvo_v0) :is(.px-8,.pr-8){padding-inline-end:.5rem}:where(.volvo_v0) :is(.px-8,.pl-8){padding-inline-start:.5rem}:where(.volvo_v0) :is(.py-8,.pt-8){padding-top:.5rem}:where(.volvo_v0) :is(.py-8,.pb-8){padding-bottom:.5rem}:where(.volvo_v0) .p-16{padding:1rem}:where(.volvo_v0) :is(.px-16,.pr-16){padding-inline-end:1rem}:where(.volvo_v0) :is(.px-16,.pl-16){padding-inline-start:1rem}:where(.volvo_v0) :is(.py-16,.pt-16){padding-top:1rem}:where(.volvo_v0) :is(.py-16,.pb-16){padding-bottom:1rem}:where(.volvo_v0) .p-24{padding:1.5rem}:where(.volvo_v0) :is(.px-24,.pr-24){padding-inline-end:1.5rem}:where(.volvo_v0) :is(.px-24,.pl-24){padding-inline-start:1.5rem}:where(.volvo_v0) :is(.py-24,.pt-24){padding-top:1.5rem}:where(.volvo_v0) :is(.py-24,.pb-24){padding-bottom:1.5rem}:where(.volvo_v0) :is(.py-section,.pt-section){padding-top:var(--v-space-section)}:where(.volvo_v0) :is(.py-section,.pb-section){padding-bottom:var(--v-space-section)}:where(.volvo_v0) .text-start{text-align:start}:where(.volvo_v0) .text-end{text-align:end}:where(.volvo_v0) .text-center{text-align:center}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}