@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 +132 -19
- package/dist/chunk-RZ7L3JFA.js +2 -0
- package/dist/{chunk-TZK66UJF.js.map → chunk-RZ7L3JFA.js.map} +0 -0
- package/dist/css/v0/styles.9727a36b.css +1 -0
- package/dist/css/v0/styles_hover.70268fe3.css +1 -0
- package/dist/css/v0/styles_lg.d3002579.css +1 -0
- package/dist/css/v0/styles_md.cc4002ff.css +1 -0
- package/dist/css/v0/{tokens.2fa42890.css → tokens.33d52e89.css} +1 -1
- package/dist/imports.json +5 -4
- package/dist/links.cjs +1 -1
- package/dist/links.cjs.map +1 -1
- package/dist/links.js +1 -1
- package/dist/links.js.map +1 -1
- package/dist/links.server.cjs +1 -1
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.js +1 -1
- package/dist/links.server.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +84 -0
- package/dist/styles.json +107 -23
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_hover.css +1 -1
- package/dist/styles_lg.css +1 -0
- package/dist/styles_md.css +1 -0
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +73 -68
- package/dist/tokens.json +57 -52
- package/dist/unstable_styles.css +1 -1
- package/dist/unstable_tokens.css +1 -1
- package/package.json +5 -4
- package/dist/chunk-TZK66UJF.js +0 -2
- package/dist/css/v0/styles.015ad357.css +0 -1
- package/dist/css/v0/styles_hover.77cd08ed.css +0 -1
- package/dist/css/v0/styles_reduced-motion.eeee4929.css +0 -1
- package/dist/styles_reduced-motion.css +0 -1
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
|
|
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
|
|
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
|
|
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
|
|
140
|
-
|
|
|
141
|
-
| `list`
|
|
142
|
-
| `list`
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
File without changes
|
|
@@ -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.
|
|
5
|
-
"styles_hover.css": "css/v0/styles_hover.
|
|
6
|
-
"
|
|
7
|
-
"
|
|
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
|
|
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
|
package/dist/links.cjs.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
|
|
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
|
|
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
|
|
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"]}
|
package/dist/links.server.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var l=Object.defineProperty;var
|
|
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
|
|
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"]}
|
package/dist/links.server.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
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
|
package/dist/links.server.js.map
CHANGED
|
@@ -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
|
|
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)}
|