@volvo-cars/css 0.2.0 → 0.3.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 +168 -144
- package/dist/chunk-ZRSHTYQV.js +2 -0
- package/dist/{chunk-XU6OSVNK.js.map → chunk-ZRSHTYQV.js.map} +0 -0
- package/dist/clsx.d.ts +1 -1
- package/dist/css/v0/font-face.05a7ed4c.css +1 -0
- package/dist/css/v0/styles.a025596f.css +1 -0
- package/dist/css/v0/styles_hover.d40031b5.css +1 -0
- package/dist/css/v0/tokens.c900adcd.css +1 -0
- package/dist/font-face.css +1 -1
- package/dist/imports.json +4 -4
- package/dist/links.cjs +1 -1
- package/dist/links.js +1 -1
- package/dist/links.server.cjs +1 -1
- package/dist/links.server.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +3 -3
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_all-media.d.ts +3 -3
- package/dist/styles_hover.css +1 -1
- package/dist/tokens.cjs +1 -1
- package/dist/tokens.cjs.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +66 -81
- package/dist/tokens.js +1 -1
- package/dist/tokens.js.map +1 -1
- package/package.json +3 -3
- package/dist/chunk-XU6OSVNK.js +0 -2
- package/dist/css/v0/font-face.6dafba9a.css +0 -1
- package/dist/css/v0/styles.114358fd.css +0 -1
- package/dist/css/v0/styles_hover.eaf0ecc8.css +0 -1
- package/dist/css/v0/tokens.3f5f1731.css +0 -1
package/README.md
CHANGED
|
@@ -1,10 +1,58 @@
|
|
|
1
1
|
# @volvo-cars/css
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## Overview
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Spruce CSS (`@volvo-cars/css`) is the CSS library for the Volvo Cars Web Design System, providing low level styling for components with as little friction as possible. It includes:
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
- Global styles and resets
|
|
8
|
+
- Design tokens as CSS variables
|
|
9
|
+
- Utility class names to apply design tokens
|
|
10
|
+
- Styles for core Spruce components/blocks
|
|
11
|
+
|
|
12
|
+
It is fully compatible with dark mode and right-to-left languages without any JavaScript runtime or build step.
|
|
13
|
+
|
|
14
|
+
## Resets and default styles
|
|
15
|
+
|
|
16
|
+
Base styles and resets are added to any elements within the root class name selector.
|
|
17
|
+
|
|
18
|
+
- Default margins are removed
|
|
19
|
+
- Border styles default to `0 solid var(--v-color-ornament-primary)`
|
|
20
|
+
- Headings, lists and links are unstyled
|
|
21
|
+
|
|
22
|
+
See [global.css](./src/styles/global.css) for all global styles and resets.
|
|
23
|
+
|
|
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
|
+
|
|
26
|
+
```html live
|
|
27
|
+
<div>
|
|
28
|
+
<h2>For a better future.</h2>
|
|
29
|
+
<p>
|
|
30
|
+
We want to provide you with the <a href="#">freedom to move</a> in a
|
|
31
|
+
personal, sustainable and safe way.
|
|
32
|
+
</p>
|
|
33
|
+
<ul>
|
|
34
|
+
<li>Learn</li>
|
|
35
|
+
<li>Shop</li>
|
|
36
|
+
</ul>
|
|
37
|
+
</div>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
As soon as any class is added to the element, default styles no longer apply and they are fully reset, letting you apply your own custom styles without conflict.
|
|
41
|
+
|
|
42
|
+
```html live
|
|
43
|
+
<div>
|
|
44
|
+
<h2 class="anything">For a better future.</h2>
|
|
45
|
+
<p>
|
|
46
|
+
We want to provide you with the
|
|
47
|
+
<a class="anything" href="#">freedom to move</a> in a personal, sustainable
|
|
48
|
+
and safe way.
|
|
49
|
+
</p>
|
|
50
|
+
<ul class="navigation">
|
|
51
|
+
<li>Learn</li>
|
|
52
|
+
<li>Shop</li>
|
|
53
|
+
</ul>
|
|
54
|
+
</div>
|
|
55
|
+
```
|
|
8
56
|
|
|
9
57
|
## Typography
|
|
10
58
|
|
|
@@ -58,30 +106,28 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
58
106
|
|
|
59
107
|
### Text Styles
|
|
60
108
|
|
|
61
|
-
| Class name | Element |
|
|
62
|
-
| ---------- | ------- |
|
|
63
|
-
| `title-24` | | 24 (1.5rem), Volvo Novum Semi-Light
|
|
64
|
-
| `title-20` | | 20 (1.25rem), Volvo Novum Semi-Light
|
|
65
|
-
| `body-16` | `:root` | 16 (1rem), Volvo Novum Semi-Light
|
|
66
|
-
| `
|
|
67
|
-
| `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
|
|
109
|
+
| Class name | Element | |
|
|
110
|
+
| ---------- | ------- | ------------------------------------ |
|
|
111
|
+
| `title-24` | | 24 (1.5rem), Volvo Novum Semi-Light |
|
|
112
|
+
| `title-20` | | 20 (1.25rem), Volvo Novum Semi-Light |
|
|
113
|
+
| `body-16` | `:root` | 16 (1rem), Volvo Novum Semi-Light |
|
|
114
|
+
| `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
|
|
68
115
|
|
|
69
116
|
```html example
|
|
70
117
|
<div>
|
|
71
118
|
<p className="title-24">Title 24</p>
|
|
72
119
|
<p className="title-20">Title 20</p>
|
|
73
120
|
<p className="body-16">Body 16</p>
|
|
74
|
-
<p className="body-14">Body 14</p>
|
|
75
121
|
<p className="micro">Micro</p>
|
|
76
122
|
</div>
|
|
77
123
|
```
|
|
78
124
|
|
|
79
125
|
### Links
|
|
80
126
|
|
|
81
|
-
| Class name | Element | Properties
|
|
82
|
-
| ------------------------- | ------- |
|
|
83
|
-
| `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--color-foreground-secondary)` |
|
|
84
|
-
| `UNSTABLE_link-secondary` | | `color: var(--color-foreground-primary)` |
|
|
127
|
+
| Class name | Element | Properties |
|
|
128
|
+
| ------------------------- | ------- | ------------------------------------------------------------------------------------ |
|
|
129
|
+
| `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--v-color-foreground-secondary)` |
|
|
130
|
+
| `UNSTABLE_link-secondary` | | `color: var(--v-color-foreground-primary)` |
|
|
85
131
|
|
|
86
132
|
```html example
|
|
87
133
|
<div>
|
|
@@ -90,32 +136,6 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
90
136
|
</div>
|
|
91
137
|
```
|
|
92
138
|
|
|
93
|
-
### Text color
|
|
94
|
-
|
|
95
|
-
| Class name | Element | Properties |
|
|
96
|
-
| ---------------------- | ------- | ------------------------------------------------ |
|
|
97
|
-
| `text-primary` | | `color: var(--color-foreground-primary)` |
|
|
98
|
-
| `text-secondary` | | `color: var(--color-foreground-secondary)` |
|
|
99
|
-
| `text-accent-blue` | | `color: var(--color-foreground-accent-blue)` |
|
|
100
|
-
| `text-always-black` | | `color: var(--color-foreground-always-black)` |
|
|
101
|
-
| `text-always-white` | | `color: var(--color-foreground-always-white)` |
|
|
102
|
-
| `text-feedback-green` | | `color: var(--color-foreground-feedback-green)` |
|
|
103
|
-
| `text-feedback-orange` | | `color: var(--color-foreground-feedback-orange)` |
|
|
104
|
-
| `text-feedback-red` | | `color: var(--color-foreground-feedback-red)` |
|
|
105
|
-
|
|
106
|
-
```html example
|
|
107
|
-
<div>
|
|
108
|
-
<p class="text-primary">Text color - primary</p>
|
|
109
|
-
<p class="text-secondary">Text color - secondary</p>
|
|
110
|
-
<p class="text-accent-blue">Text color - accent-blue</p>
|
|
111
|
-
<p class="text-always-black">Text color - always-black</p>
|
|
112
|
-
<p class="text-always-white">Text color - always-white</p>
|
|
113
|
-
<p class="text-feedback-green">Text color - feedback-green</p>
|
|
114
|
-
<p class="text-feedback-red">Text color - feedback-red</p>
|
|
115
|
-
<p class="text-feedback-orange">Text color - feedback-orange</p>
|
|
116
|
-
</div>
|
|
117
|
-
```
|
|
118
|
-
|
|
119
139
|
### Lists
|
|
120
140
|
|
|
121
141
|
Makes `ul` and `ol` display as lists with bullets or numbers.
|
|
@@ -147,18 +167,18 @@ Makes `ul` and `ol` display as lists with bullets or numbers.
|
|
|
147
167
|
|
|
148
168
|
### Migrating from the `vcc-ui` `<Text>` component
|
|
149
169
|
|
|
150
|
-
| vcc-ui Text | @volvo-cars/css
|
|
151
|
-
| -------------------------------------------- |
|
|
152
|
-
| `<Text variant="yang">` | `<h1 class="statement-signature">`
|
|
153
|
-
| `<Text variant="peary">` | `<h1 class="statement-3">`
|
|
154
|
-
| `<Text variant="cook">` | `<h1>`, `<p class="heading-1">`
|
|
155
|
-
| `<Text variant="ootah" subStyle="emphasis">` | `<h2>`, `<p class="heading-2">`
|
|
156
|
-
| `<Text variant="ootah" subStyle="standard">` | `<h3>`, `<p class="heading-3">`
|
|
157
|
-
| `<Text variant="hillary">` | `<p class="title-20">`
|
|
158
|
-
| `<Text>`, `<Text variant="columbus">` | `<p>`, `<p class="body-16">`
|
|
159
|
-
| `<Text variant="kelly">` | `<p class="body-
|
|
160
|
-
| `<Text variant="bates">` | `<small>`, `<p class="micro">`
|
|
161
|
-
| `<Text variant="amundsen">` | `<p
|
|
170
|
+
| vcc-ui Text | @volvo-cars/css |
|
|
171
|
+
| -------------------------------------------- | ------------------------------------ |
|
|
172
|
+
| `<Text variant="yang">` | `<h1 class="statement-signature">` |
|
|
173
|
+
| `<Text variant="peary">` | `<h1 class="statement-3">` |
|
|
174
|
+
| `<Text variant="cook">` | `<h1>`, `<p class="heading-1">` |
|
|
175
|
+
| `<Text variant="ootah" subStyle="emphasis">` | `<h2>`, `<p class="heading-2">` |
|
|
176
|
+
| `<Text variant="ootah" subStyle="standard">` | `<h3>`, `<p class="heading-3">` |
|
|
177
|
+
| `<Text variant="hillary">` | `<p class="title-20">` |
|
|
178
|
+
| `<Text>`, `<Text variant="columbus">` | `<p>`, `<p class="body-16">` |
|
|
179
|
+
| `<Text variant="kelly">` | `<p>`, `<p class="body-16">` |
|
|
180
|
+
| `<Text variant="bates">` | `<small>`, `<p class="micro">` |
|
|
181
|
+
| `<Text variant="amundsen">` | `<p style="font: var(--v-font-14)">` |
|
|
162
182
|
|
|
163
183
|
**Example change**
|
|
164
184
|
|
|
@@ -187,43 +207,67 @@ import vtokens from '@volvo-cars/css/tokens';
|
|
|
187
207
|
</Block>;
|
|
188
208
|
```
|
|
189
209
|
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
To simplify styling of body text, some elements will have default styles applied if they have no other class.
|
|
210
|
+
## Color
|
|
193
211
|
|
|
194
|
-
|
|
195
|
-
<div>
|
|
196
|
-
<h2>For a better future.</h2>
|
|
197
|
-
<p>
|
|
198
|
-
We want to provide you with the <a href="#">freedom to move</a> in a
|
|
199
|
-
personal, sustainable and safe way.
|
|
200
|
-
</p>
|
|
201
|
-
</div>
|
|
202
|
-
```
|
|
212
|
+
### Text color
|
|
203
213
|
|
|
204
|
-
|
|
214
|
+
| Class name | Properties |
|
|
215
|
+
| ---------------------- | -------------------------------------------------- |
|
|
216
|
+
| `text-primary` | `color: var(--v-color-foreground-primary)` |
|
|
217
|
+
| `text-secondary` | `color: var(--v-color-foreground-secondary)` |
|
|
218
|
+
| `text-always-black` | `color: var(--v-color-foreground-always-black)` |
|
|
219
|
+
| `text-always-white` | `color: var(--v-color-foreground-always-white)` |
|
|
220
|
+
| `text-feedback-green` | `color: var(--v-color-foreground-feedback-green)` |
|
|
221
|
+
| `text-feedback-orange` | `color: var(--v-color-foreground-feedback-orange)` |
|
|
222
|
+
| `text-feedback-red` | `color: var(--v-color-foreground-feedback-red)` |
|
|
223
|
+
| `text-inherit` | `color: inherit` |
|
|
205
224
|
|
|
206
|
-
```html
|
|
225
|
+
```html example
|
|
207
226
|
<div>
|
|
208
|
-
<
|
|
209
|
-
<p>
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
</p>
|
|
227
|
+
<p class="text-primary">Text color - primary</p>
|
|
228
|
+
<p class="text-secondary">Text color - secondary</p>
|
|
229
|
+
<p class="text-always-black">Text color - always-black</p>
|
|
230
|
+
<p class="text-always-white">Text color - always-white</p>
|
|
231
|
+
<p class="text-feedback-green">Text color - feedback-green</p>
|
|
232
|
+
<p class="text-feedback-red">Text color - feedback-red</p>
|
|
233
|
+
<p class="text-feedback-orange">Text color - feedback-orange</p>
|
|
234
|
+
<p class="text-inherit">Text color - inherit</p>
|
|
214
235
|
</div>
|
|
215
236
|
```
|
|
216
237
|
|
|
217
|
-
|
|
238
|
+
### Background color
|
|
218
239
|
|
|
219
|
-
|
|
240
|
+
| Class name | Properties |
|
|
241
|
+
| -------------------- | -------------------------------------------------- |
|
|
242
|
+
| `bg-primary` | `color: var(--v-color-background-primary)` |
|
|
243
|
+
| `bg-secondary` | `color: var(--v-color-background-secondary)` |
|
|
244
|
+
| `bg-always-black` | `color: var(--v-color-background-always-black)` |
|
|
245
|
+
| `bg-always-white` | `color: var(--v-color-background-always-white)` |
|
|
246
|
+
| `bg-feedback-green` | `color: var(--v-color-background-feedback-green)` |
|
|
247
|
+
| `bg-feedback-orange` | `color: var(--v-color-background-feedback-orange)` |
|
|
248
|
+
| `bg-feedback-red` | `color: var(--v-color-background-feedback-red)` |
|
|
249
|
+
| `bg-inherit` | `color: inherit` |
|
|
250
|
+
|
|
251
|
+
```html example
|
|
220
252
|
<div>
|
|
221
|
-
<
|
|
222
|
-
<
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
253
|
+
<div class="bg-primary">Background color - primary</div>
|
|
254
|
+
<div class="bg-secondary">Background color - secondary</div>
|
|
255
|
+
<div class="bg-always-black text-always-white">
|
|
256
|
+
Background color - always-black
|
|
257
|
+
</div>
|
|
258
|
+
<div class="bg-always-white text-always-black">
|
|
259
|
+
Background color - always-white
|
|
260
|
+
</div>
|
|
261
|
+
<div class="bg-feedback-green text-always-white">
|
|
262
|
+
Background color - feedback-green
|
|
263
|
+
</div>
|
|
264
|
+
<div class="bg-feedback-red text-always-white">
|
|
265
|
+
Background color - feedback-red
|
|
266
|
+
</div>
|
|
267
|
+
<div class="bg-feedback-orange text-always-white">
|
|
268
|
+
Background color - feedback-orange
|
|
269
|
+
</div>
|
|
270
|
+
<div class="bg-inherit">Background color - inherit</div>
|
|
227
271
|
</div>
|
|
228
272
|
```
|
|
229
273
|
|
|
@@ -248,7 +292,7 @@ Light mode is the default color mode of the theme. Use the `data-color-mode` att
|
|
|
248
292
|
|
|
249
293
|
## Design Tokens
|
|
250
294
|
|
|
251
|
-
|
|
295
|
+
If you only want the design tokens and not the styles, only these files are required.
|
|
252
296
|
|
|
253
297
|
```js
|
|
254
298
|
import '@volvo-cars/css/font-face.css';
|
|
@@ -257,7 +301,7 @@ import '@volvo-cars/css/tokens.css';
|
|
|
257
301
|
|
|
258
302
|
Design token variable names consist of the following parts:
|
|
259
303
|
|
|
260
|
-
- **Type** is the main token group such as `color`, `font` or `size`. The names helps with namespacing tokens and with tooling: you can get autocomplete for all colors in your editor by typing `--color..`. Type is the only required part and all other parts vary depending on the type.
|
|
304
|
+
- **Type** is the main token group such as `color`, `font` or `size`. The names helps with namespacing tokens and with tooling: you can get autocomplete for all colors in your editor by typing `--v-color..`. Type is the only required part and all other parts vary depending on the type.
|
|
261
305
|
|
|
262
306
|
- **Category** is a category from a fixed list of categories per token type. Typical values are `feedback`, `ornament`, `heading`.
|
|
263
307
|
|
|
@@ -269,7 +313,7 @@ Depending on the category, the name consists of different parts.
|
|
|
269
313
|
|
|
270
314
|
### Typography
|
|
271
315
|
|
|
272
|
-
Naming scheme: `--font-{category}-{variant}-{property}-{modifier}`
|
|
316
|
+
Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
|
|
273
317
|
|
|
274
318
|
- **category** is one of `heading`, `statement`, `title` or none.
|
|
275
319
|
- **variant** distinguishes alternative use cases (`1-4`), size in pixels (`20`, `16`) or literal values (`sans`, `broad`).
|
|
@@ -278,65 +322,45 @@ Naming scheme: `--font-{category}-{variant}-{property}-{modifier}`
|
|
|
278
322
|
|
|
279
323
|
**Font Family**
|
|
280
324
|
|
|
281
|
-
- `--font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
|
|
282
|
-
- `--font-broad-family`
|
|
325
|
+
- `--v-font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
|
|
326
|
+
- `--v-font-broad-family`
|
|
283
327
|
|
|
284
328
|
**Font Sizes**
|
|
285
329
|
|
|
286
|
-
- `--font-{12,14,16}-size`
|
|
287
|
-
- `--font-{12,14,16}-lineheight`
|
|
288
|
-
- `--font-{12,14,16}` (`font` shorthand with `font-weight: 300`)
|
|
289
|
-
- `--font-title-{20,24}-size`
|
|
290
|
-
- `--font-title-{20,24}-lineheight`
|
|
291
|
-
- `--font-title-{20,24}` (`font` shorthand with `font-weight: 300`)
|
|
292
|
-
- `--font-heading-{1-3}-size-min`
|
|
293
|
-
- `--font-heading-{1-3}-size-max`
|
|
294
|
-
- `--font-heading-{1-3}-size`
|
|
295
|
-
- `--font-heading-{1-3}-lineheight`
|
|
296
|
-
- `--font-heading-{1-3}`
|
|
297
|
-
- `--font-statement-{1-3,signature}-size-min`
|
|
298
|
-
- `--font-statement-{1-3,signature}-size-max`
|
|
299
|
-
- `--font-statement-{1-3,signature}-size`
|
|
300
|
-
- `--font-statement-{1-3,signature}-lineheight`
|
|
301
|
-
- `--font-statement-{1-3,signature}`
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
- `--
|
|
308
|
-
- `--
|
|
309
|
-
- `--
|
|
310
|
-
|
|
311
|
-
- `--
|
|
312
|
-
- `--
|
|
313
|
-
- `--
|
|
314
|
-
- `--
|
|
315
|
-
- `--
|
|
316
|
-
- `--
|
|
317
|
-
- `--
|
|
318
|
-
- `--
|
|
319
|
-
- `--
|
|
320
|
-
|
|
321
|
-
**Color**
|
|
322
|
-
|
|
323
|
-
- `--color-foreground-primary` - Foreground color for primary text and icons.
|
|
324
|
-
- `--color-foreground-secondary` - Foreground color for secondary text and icons.
|
|
325
|
-
- `--color-foreground-accent-blue` - Foreground color for links and selected states.
|
|
326
|
-
- `--color-foreground-feedback-green` - Foreground color to signify positive actions.
|
|
327
|
-
- `--color-foreground-feedback-orange` - Foreground color to highlight errors, invalid data and destructive actions for caution.
|
|
328
|
-
- `--color-foreground-feedback-red` - Foreground color to highlight errors, invalid data and destructive actions.
|
|
329
|
-
|
|
330
|
-
- `--color-ornament-primary` - Ornamental color to visually group or separate UI elements.
|
|
331
|
-
- `--color-ornament-secondary` - Ornamental color to visually group or separate UI elements.
|
|
332
|
-
- `--color-background-primary` - The primary background colour.
|
|
333
|
-
- `--color-background-secondary` - The secondary background colour.
|
|
334
|
-
- `--color-background-accent-blue` - Background color for links and selected states.
|
|
335
|
-
- `--color-background-feedback-green` - Background color to signify positive actions.
|
|
336
|
-
- `--color-background-feedback-orange` - Background color to highlight errors, invalid data and destructive actions for caution.
|
|
337
|
-
- `--color-background-feedback-red` - Background color to highlight errors, invalid data and destructive actions.
|
|
338
|
-
- `--color-always-black` - Always black regardless of color mode.
|
|
339
|
-
- `--color-always-white` - Always white regardless of color mode.
|
|
330
|
+
- `--v-font-{12,14,16}-size`
|
|
331
|
+
- `--v-font-{12,14,16}-lineheight`
|
|
332
|
+
- `--v-font-{12,14,16}` (`font` shorthand with `font-weight: 300`)
|
|
333
|
+
- `--v-font-title-{20,24}-size`
|
|
334
|
+
- `--v-font-title-{20,24}-lineheight`
|
|
335
|
+
- `--v-font-title-{20,24}` (`font` shorthand with `font-weight: 300`)
|
|
336
|
+
- `--v-font-heading-{1-3}-size-min`
|
|
337
|
+
- `--v-font-heading-{1-3}-size-max`
|
|
338
|
+
- `--v-font-heading-{1-3}-size`
|
|
339
|
+
- `--v-font-heading-{1-3}-lineheight`
|
|
340
|
+
- `--v-font-heading-{1-3}`
|
|
341
|
+
- `--v-font-statement-{1-3,signature}-size-min`
|
|
342
|
+
- `--v-font-statement-{1-3,signature}-size-max`
|
|
343
|
+
- `--v-font-statement-{1-3,signature}-size`
|
|
344
|
+
- `--v-font-statement-{1-3,signature}-lineheight`
|
|
345
|
+
- `--v-font-statement-{1-3,signature}`
|
|
346
|
+
|
|
347
|
+
### Color
|
|
348
|
+
|
|
349
|
+
- `--v-color-foreground-primary` - Foreground color for primary text and icons.
|
|
350
|
+
- `--v-color-foreground-secondary` - Foreground color for secondary text and icons.
|
|
351
|
+
- `--v-color-foreground-feedback-green` - Foreground color to signify positive actions.
|
|
352
|
+
- `--v-color-foreground-feedback-orange` - Foreground color to highlight errors, invalid data and destructive actions for caution.
|
|
353
|
+
- `--v-color-foreground-feedback-red` - Foreground color to highlight errors, invalid data and destructive actions.
|
|
354
|
+
|
|
355
|
+
- `--v-color-ornament-primary` - Ornamental color to visually group or separate UI elements.
|
|
356
|
+
- `--v-color-ornament-secondary` - Ornamental color to visually group or separate UI elements.
|
|
357
|
+
- `--v-color-background-primary` - The primary background colour.
|
|
358
|
+
- `--v-color-background-secondary` - The secondary background colour.
|
|
359
|
+
- `--v-color-background-feedback-green` - Background color to signify positive actions.
|
|
360
|
+
- `--v-color-background-feedback-orange` - Background color to highlight errors, invalid data and destructive actions for caution.
|
|
361
|
+
- `--v-color-background-feedback-red` - Background color to highlight errors, invalid data and destructive actions.
|
|
362
|
+
- `--v-color-always-black` - Always black regardless of color mode.
|
|
363
|
+
- `--v-color-always-white` - Always white regardless of color mode.
|
|
340
364
|
|
|
341
365
|
## Usage
|
|
342
366
|
|
|
@@ -352,9 +376,9 @@ import { links } from '@volvo-cars/css/links';
|
|
|
352
376
|
</Head>;
|
|
353
377
|
```
|
|
354
378
|
|
|
355
|
-
This creates links to required CSS files hosted on the shared volvocars.com CDN.
|
|
379
|
+
This creates links to required CSS files hosted on the shared volvocars.com CDN. The file names include content based hashes, meaning that when a new version is released any unchanged CSS files will remain in caches in the CDN and browsers. The hashed file names for each release are always available in `@volvo-cars/css/dist/imports.json`.
|
|
356
380
|
|
|
357
|
-
In development environments such as Storybook or on deployments not on www.volvocars.com
|
|
381
|
+
In development environments such as Storybook or on deployments not on www.volvocars.com you can also import the CSS files directly from the npm package.
|
|
358
382
|
|
|
359
383
|
```js
|
|
360
384
|
import '@volvo-cars/css/font-face.css';
|
|
@@ -392,7 +416,7 @@ As a convenience for TypeScript developers all class names and CSS variables are
|
|
|
392
416
|
```ts
|
|
393
417
|
import vss from '@volvo-cars/css/styles';
|
|
394
418
|
|
|
395
|
-
console.assert(vss.
|
|
419
|
+
console.assert(vss.body16 === 'body-16');
|
|
396
420
|
console.assert(vss.heading1 === 'heading-1');
|
|
397
421
|
|
|
398
422
|
document.body.classList.add(vss.body14);
|
|
@@ -401,7 +425,7 @@ document.body.classList.add(vss.body14);
|
|
|
401
425
|
```ts
|
|
402
426
|
import vtokens from '@volvo-cars/css/tokens';
|
|
403
427
|
|
|
404
|
-
console.assert(vtokens.fontHeading1Size === 'var(--font-heading-1-size)');
|
|
428
|
+
console.assert(vtokens.fontHeading1Size === 'var(--v-font-heading-1-size)');
|
|
405
429
|
|
|
406
430
|
document.body.style.font = vtokens.font16;
|
|
407
431
|
```
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.a025596f.css","styles_hover.css":"css/v0/styles_hover.d40031b5.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.c900adcd.css"};export{e as a};
|
|
2
|
+
//# sourceMappingURL=chunk-ZRSHTYQV.js.map
|
|
File without changes
|
package/dist/clsx.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Volvo Novum;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-semi-light.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-semi-light.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-semi-light-italic.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-semi-light-italic.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light-italic.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Novum;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-medium.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-medium.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-medium-italic.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-medium-italic.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium-italic.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Broad;font-weight:400;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-cyrillic.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Broad;font-weight:400;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-greek.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Broad;font-weight:400;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-latin-rest.woff2)format("woff2");font-display:swap;unicode-range:U+20-36F,U+530-FB02}
|
|
@@ -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(--_vccb0fa0f)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16)}: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,summary){list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000}: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:0}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}: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-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-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) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--v-color-foreground-primary)}: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))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(.volvo_v0) :where(summary,button:not(:disabled),[role=button],[role=link]){cursor:pointer}:where(.volvo_v0 a:not([class]):hover),:where(.volvo_v0) :where(a,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) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary:hover{color:var(--_vccb0fa0f)}
|
|
@@ -0,0 +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-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-ornament-secondary:#00000014;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--_vccb0fa0f:#2a609d;--_vccb97b8f:#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-ornament-secondary:#ffffff0a;--v-color-background-primary:#000;--v-color-background-secondary:#141414;--_vccb0fa0f:#2387eb;--_vccb97b8f:#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}
|
package/dist/font-face.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-
|
|
1
|
+
@font-face{font-family:Volvo Novum;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-semi-light.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-semi-light.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-semi-light-italic.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-semi-light-italic.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light-italic.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Novum;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-medium.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-medium.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-medium-italic.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-medium-italic.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Novum;font-style:italic;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium-italic.woff2)format("woff2");font-display:swap}@font-face{font-family:Volvo Broad;font-weight:400;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-cyrillic.woff2)format("woff2");font-display:swap;unicode-range:U+4??}@font-face{font-family:Volvo Broad;font-weight:400;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-greek.woff2)format("woff2");font-display:swap;unicode-range:U+370-3FF}@font-face{font-family:Volvo Broad;font-weight:400;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-latin-rest.woff2)format("woff2");font-display:swap;unicode-range:U+20-36F,U+530-FB02}
|
package/dist/imports.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"imports": {
|
|
3
|
-
"font-face.css": "css/v0/font-face.
|
|
4
|
-
"styles.css": "css/v0/styles.
|
|
5
|
-
"styles_hover.css": "css/v0/styles_hover.
|
|
3
|
+
"font-face.css": "css/v0/font-face.05a7ed4c.css",
|
|
4
|
+
"styles.css": "css/v0/styles.a025596f.css",
|
|
5
|
+
"styles_hover.css": "css/v0/styles_hover.d40031b5.css",
|
|
6
6
|
"styles_reduced-motion.css": "css/v0/styles_reduced-motion.eeee4929.css",
|
|
7
|
-
"tokens.css": "css/v0/tokens.
|
|
7
|
+
"tokens.css": "css/v0/tokens.c900adcd.css"
|
|
8
8
|
}
|
|
9
9
|
}
|
package/dist/links.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var a=(s,e)=>{for(var t in e)c(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&&c(s,o,{get:()=>e[o],enumerable:!(r=n(e,o))||r.enumerable});return s};var p=s=>f(c({},"__esModule",{value:!0}),s);var y={};a(y,{links:()=>m});module.exports=p(y);var i={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.a025596f.css","styles_hover.css":"css/v0/styles_hover.d40031b5.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.c900adcd.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(i).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});
|
|
2
2
|
//# sourceMappingURL=links.cjs.map
|
package/dist/links.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as t}from"./chunk-
|
|
1
|
+
import{a as t}from"./chunk-ZRSHTYQV.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};
|
|
2
2
|
//# sourceMappingURL=links.js.map
|
package/dist/links.server.cjs
CHANGED
|
@@ -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="
|
|
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.a025596f.css","styles_hover.css":"css/v0/styles_hover.d40031b5.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.c900adcd.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});
|
|
2
2
|
//# sourceMappingURL=links.server.cjs.map
|
package/dist/links.server.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-ZRSHTYQV.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};
|
|
2
2
|
//# sourceMappingURL=links.server.js.map
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light;accent-color:var(--
|
|
1
|
+
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--_vccb0fa0f)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16)}: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,summary){list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000}: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:0}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}: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-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-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) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--v-color-foreground-primary)}: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))}
|
package/dist/styles.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export interface ClassNames {
|
|
2
2
|
readonly UNSTABLE_linkSecondary: 'UNSTABLE_link-secondary';
|
|
3
|
-
readonly bgAccentBlue: 'bg-accent-blue';
|
|
4
3
|
readonly bgAlwaysBlack: 'bg-always-black';
|
|
5
4
|
readonly bgAlwaysWhite: 'bg-always-white';
|
|
6
5
|
readonly bgFeedbackGreen: 'bg-feedback-green';
|
|
@@ -10,7 +9,6 @@ export interface ClassNames {
|
|
|
10
9
|
readonly bgPrimary: 'bg-primary';
|
|
11
10
|
readonly bgSecondary: 'bg-secondary';
|
|
12
11
|
readonly bgTransparent: 'bg-transparent';
|
|
13
|
-
readonly body14: 'body-14';
|
|
14
12
|
readonly body16: 'body-16';
|
|
15
13
|
readonly fontLight: 'font-light';
|
|
16
14
|
readonly fontMedium: 'font-medium';
|
|
@@ -25,15 +23,17 @@ export interface ClassNames {
|
|
|
25
23
|
readonly statement2: 'statement-2';
|
|
26
24
|
readonly statement3: 'statement-3';
|
|
27
25
|
readonly statementSignature: 'statement-signature';
|
|
28
|
-
readonly textAccentBlue: 'text-accent-blue';
|
|
29
26
|
readonly textAlwaysBlack: 'text-always-black';
|
|
30
27
|
readonly textAlwaysWhite: 'text-always-white';
|
|
28
|
+
readonly textCenter: 'text-center';
|
|
29
|
+
readonly textEnd: 'text-end';
|
|
31
30
|
readonly textFeedbackGreen: 'text-feedback-green';
|
|
32
31
|
readonly textFeedbackOrange: 'text-feedback-orange';
|
|
33
32
|
readonly textFeedbackRed: 'text-feedback-red';
|
|
34
33
|
readonly textInherit: 'text-inherit';
|
|
35
34
|
readonly textPrimary: 'text-primary';
|
|
36
35
|
readonly textSecondary: 'text-secondary';
|
|
36
|
+
readonly textStart: 'text-start';
|
|
37
37
|
readonly title20: 'title-20';
|
|
38
38
|
readonly title24: 'title-24';
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light;accent-color:var(--
|
|
1
|
+
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--_vccb0fa0f)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16)}: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,summary){list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000}: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:0}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}: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-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-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) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--v-color-foreground-primary)}: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))}@media (hover:hover){:where(.volvo_v0) :where(summary,button:not(:disabled),[role=button],[role=link]){cursor:pointer}:where(.volvo_v0 a:not([class]):hover),:where(.volvo_v0) :where(a,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) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary:hover{color:var(--_vccb0fa0f)}}@media (prefers-reduced-motion){.volvo_v0 *,.volvo_v0 :before,.volvo_v0 :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export interface ClassNames {
|
|
2
2
|
readonly UNSTABLE_linkSecondary: 'UNSTABLE_link-secondary';
|
|
3
|
-
readonly bgAccentBlue: 'bg-accent-blue';
|
|
4
3
|
readonly bgAlwaysBlack: 'bg-always-black';
|
|
5
4
|
readonly bgAlwaysWhite: 'bg-always-white';
|
|
6
5
|
readonly bgFeedbackGreen: 'bg-feedback-green';
|
|
@@ -10,7 +9,6 @@ export interface ClassNames {
|
|
|
10
9
|
readonly bgPrimary: 'bg-primary';
|
|
11
10
|
readonly bgSecondary: 'bg-secondary';
|
|
12
11
|
readonly bgTransparent: 'bg-transparent';
|
|
13
|
-
readonly body14: 'body-14';
|
|
14
12
|
readonly body16: 'body-16';
|
|
15
13
|
readonly fontLight: 'font-light';
|
|
16
14
|
readonly fontMedium: 'font-medium';
|
|
@@ -25,15 +23,17 @@ export interface ClassNames {
|
|
|
25
23
|
readonly statement2: 'statement-2';
|
|
26
24
|
readonly statement3: 'statement-3';
|
|
27
25
|
readonly statementSignature: 'statement-signature';
|
|
28
|
-
readonly textAccentBlue: 'text-accent-blue';
|
|
29
26
|
readonly textAlwaysBlack: 'text-always-black';
|
|
30
27
|
readonly textAlwaysWhite: 'text-always-white';
|
|
28
|
+
readonly textCenter: 'text-center';
|
|
29
|
+
readonly textEnd: 'text-end';
|
|
31
30
|
readonly textFeedbackGreen: 'text-feedback-green';
|
|
32
31
|
readonly textFeedbackOrange: 'text-feedback-orange';
|
|
33
32
|
readonly textFeedbackRed: 'text-feedback-red';
|
|
34
33
|
readonly textInherit: 'text-inherit';
|
|
35
34
|
readonly textPrimary: 'text-primary';
|
|
36
35
|
readonly textSecondary: 'text-secondary';
|
|
36
|
+
readonly textStart: 'text-start';
|
|
37
37
|
readonly title20: 'title-20';
|
|
38
38
|
readonly title24: 'title-24';
|
|
39
39
|
}
|
package/dist/styles_hover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(.volvo_v0) :where(summary,button:not(:disabled),[role=button],[role=link]){cursor:pointer}:where(.volvo_v0 a:not([class]):hover),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline:hover{color:var(--color-foreground-primary);-webkit-text-decoration-line:none;text-decoration-line:none}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary:hover{color:var(--
|
|
1
|
+
:where(.volvo_v0) :where(summary,button:not(:disabled),[role=button],[role=link]){cursor:pointer}:where(.volvo_v0 a:not([class]):hover),:where(.volvo_v0) :where(a,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) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary:hover{color:var(--_vccb0fa0f)}
|
package/dist/tokens.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var n in e)o(t,n,{get:e[n],enumerable:!0})},b=(t,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!i.call(t,r)&&r!==n&&o(t,r,{get:()=>e[r],enumerable:!(a=g(e,r))||a.enumerable});return t};var l=t=>b(o({},"__esModule",{value:!0}),t);var f={};p(f,{default:()=>$});module.exports=l(f);function s(t){return t.replace(/([0-9])([A-Z])/g,"$1-$2").replace(/([a-z])([A-Z0-9])/g,"$1-$2").toLowerCase()}var u=new Proxy(Object.create(null),{get(t,e){return`var(
|
|
1
|
+
var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var n in e)o(t,n,{get:e[n],enumerable:!0})},b=(t,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!i.call(t,r)&&r!==n&&o(t,r,{get:()=>e[r],enumerable:!(a=g(e,r))||a.enumerable});return t};var l=t=>b(o({},"__esModule",{value:!0}),t);var f={};p(f,{default:()=>$});module.exports=l(f);function s(t){return t.replace(/([0-9])([A-Z])/g,"$1-$2").replace(/([a-z])([A-Z0-9])/g,"$1-$2").toLowerCase()}var u=new Proxy(Object.create(null),{get(t,e){return`var(--v-${s(e)})`}}),$=u;0&&(module.exports={});
|
|
2
2
|
//# sourceMappingURL=tokens.cjs.map
|
package/dist/tokens.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens.ts","../src/to-kebab-case.ts"],"sourcesContent":["import { toKebabCase } from './to-kebab-case';\n\nexport interface Tokens {\n [key: string]: string;\n}\n\nconst tokens: Tokens = new Proxy(Object.create(null), {\n get(_target, key: string) {\n return `var(
|
|
1
|
+
{"version":3,"sources":["../src/tokens.ts","../src/to-kebab-case.ts"],"sourcesContent":["import { toKebabCase } from './to-kebab-case';\n\nexport interface Tokens {\n [key: string]: string;\n}\n\nconst tokens: Tokens = new Proxy(Object.create(null), {\n get(_target, key: string) {\n return `var(--v-${toKebabCase(key)})`;\n },\n});\n\nexport default tokens;\n","export function toKebabCase(x: string) {\n return x\n .replace(/([0-9])([A-Z])/g, '$1-$2')\n .replace(/([a-z])([A-Z0-9])/g, '$1-$2')\n .toLowerCase();\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAO,SAASI,EAAYC,EAAW,CACrC,OAAOA,EACJ,QAAQ,kBAAmB,OAAO,EAClC,QAAQ,qBAAsB,OAAO,EACrC,YAAY,CACjB,CDCA,IAAMC,EAAiB,IAAI,MAAM,OAAO,OAAO,IAAI,EAAG,CACpD,IAAIC,EAASC,EAAa,CACxB,MAAO,WAAWC,EAAYD,CAAG,IACnC,CACF,CAAC,EAEME,EAAQJ","names":["tokens_exports","__export","tokens_default","__toCommonJS","toKebabCase","x","tokens","_target","key","toKebabCase","tokens_default"]}
|
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.volvo_v0{--
|
|
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-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-ornament-secondary:#00000014;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--_vccb0fa0f:#2a609d;--_vccb97b8f:#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-ornament-secondary:#ffffff0a;--v-color-background-primary:#000;--v-color-background-secondary:#141414;--_vccb0fa0f:#2387eb;--_vccb97b8f:#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}
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,85 +1,70 @@
|
|
|
1
1
|
export interface Tokens {
|
|
2
|
-
readonly
|
|
3
|
-
readonly
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
7
|
-
readonly
|
|
8
|
-
readonly
|
|
9
|
-
readonly
|
|
10
|
-
readonly
|
|
11
|
-
readonly
|
|
12
|
-
readonly
|
|
13
|
-
readonly
|
|
14
|
-
readonly
|
|
15
|
-
readonly
|
|
16
|
-
readonly
|
|
17
|
-
readonly
|
|
18
|
-
readonly
|
|
19
|
-
readonly
|
|
20
|
-
readonly
|
|
21
|
-
readonly
|
|
22
|
-
readonly
|
|
23
|
-
readonly
|
|
24
|
-
readonly
|
|
25
|
-
readonly
|
|
26
|
-
readonly
|
|
27
|
-
readonly
|
|
28
|
-
readonly
|
|
29
|
-
readonly
|
|
30
|
-
readonly
|
|
31
|
-
readonly
|
|
32
|
-
readonly
|
|
33
|
-
readonly
|
|
34
|
-
readonly
|
|
35
|
-
readonly
|
|
36
|
-
readonly
|
|
37
|
-
readonly
|
|
38
|
-
readonly
|
|
39
|
-
readonly
|
|
40
|
-
readonly
|
|
41
|
-
readonly
|
|
42
|
-
readonly
|
|
43
|
-
readonly
|
|
44
|
-
readonly
|
|
45
|
-
readonly
|
|
46
|
-
readonly
|
|
47
|
-
readonly
|
|
48
|
-
readonly
|
|
49
|
-
readonly
|
|
50
|
-
readonly
|
|
51
|
-
readonly
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
58
|
-
readonly
|
|
59
|
-
readonly
|
|
60
|
-
readonly
|
|
61
|
-
readonly
|
|
62
|
-
readonly
|
|
63
|
-
readonly
|
|
64
|
-
readonly
|
|
65
|
-
readonly
|
|
66
|
-
readonly
|
|
67
|
-
readonly
|
|
68
|
-
readonly colorAlwaysWhite: 'var(--color-always-white)';
|
|
69
|
-
readonly colorForegroundPrimary: 'var(--color-foreground-primary)';
|
|
70
|
-
readonly colorForegroundSecondary: 'var(--color-foreground-secondary)';
|
|
71
|
-
readonly colorOrnamentPrimary: 'var(--color-ornament-primary)';
|
|
72
|
-
readonly colorOrnamentSecondary: 'var(--color-ornament-secondary)';
|
|
73
|
-
readonly colorBackgroundPrimary: 'var(--color-background-primary)';
|
|
74
|
-
readonly colorBackgroundSecondary: 'var(--color-background-secondary)';
|
|
75
|
-
readonly colorForegroundAccentBlue: 'var(--color-foreground-accent-blue)';
|
|
76
|
-
readonly colorBackgroundAccentBlue: 'var(--color-background-accent-blue)';
|
|
77
|
-
readonly colorForegroundFeedbackGreen: 'var(--color-foreground-feedback-green)';
|
|
78
|
-
readonly colorForegroundFeedbackOrange: 'var(--color-foreground-feedback-orange)';
|
|
79
|
-
readonly colorForegroundFeedbackRed: 'var(--color-foreground-feedback-red)';
|
|
80
|
-
readonly colorBackgroundFeedbackGreen: 'var(--color-background-feedback-green)';
|
|
81
|
-
readonly colorBackgroundFeedbackOrange: 'var(--color-background-feedback-orange)';
|
|
82
|
-
readonly colorBackgroundFeedbackRed: 'var(--color-background-feedback-red)';
|
|
2
|
+
readonly vFontSansFamily: 'var(--v-font-sans-family)';
|
|
3
|
+
readonly vFontBroadFamily: 'var(--v-font-broad-family)';
|
|
4
|
+
readonly vFont16Size: 'var(--v-font-16-size)';
|
|
5
|
+
readonly vFont16Lineheight: 'var(--v-font-16-lineheight)';
|
|
6
|
+
readonly vFont16: 'var(--v-font-16)';
|
|
7
|
+
readonly vFont14Size: 'var(--v-font-14-size)';
|
|
8
|
+
readonly vFont14Lineheight: 'var(--v-font-14-lineheight)';
|
|
9
|
+
readonly vFont14: 'var(--v-font-14)';
|
|
10
|
+
readonly vFont12Size: 'var(--v-font-12-size)';
|
|
11
|
+
readonly vFont12Lineheight: 'var(--v-font-12-lineheight)';
|
|
12
|
+
readonly vFont12: 'var(--v-font-12)';
|
|
13
|
+
readonly vFontHeading1Lineheight: 'var(--v-font-heading-1-lineheight)';
|
|
14
|
+
readonly vFontHeading1SizeMin: 'var(--v-font-heading-1-size-min)';
|
|
15
|
+
readonly vFontHeading1SizeMax: 'var(--v-font-heading-1-size-max)';
|
|
16
|
+
readonly vFontHeading1Size: 'var(--v-font-heading-1-size)';
|
|
17
|
+
readonly vFontHeading1: 'var(--v-font-heading-1)';
|
|
18
|
+
readonly vFontHeading2Lineheight: 'var(--v-font-heading-2-lineheight)';
|
|
19
|
+
readonly vFontHeading2SizeMin: 'var(--v-font-heading-2-size-min)';
|
|
20
|
+
readonly vFontHeading2SizeMax: 'var(--v-font-heading-2-size-max)';
|
|
21
|
+
readonly vFontHeading2Size: 'var(--v-font-heading-2-size)';
|
|
22
|
+
readonly vFontHeading2: 'var(--v-font-heading-2)';
|
|
23
|
+
readonly vFontHeading3Lineheight: 'var(--v-font-heading-3-lineheight)';
|
|
24
|
+
readonly vFontHeading3SizeMin: 'var(--v-font-heading-3-size-min)';
|
|
25
|
+
readonly vFontHeading3SizeMax: 'var(--v-font-heading-3-size-max)';
|
|
26
|
+
readonly vFontHeading3Size: 'var(--v-font-heading-3-size)';
|
|
27
|
+
readonly vFontHeading3: 'var(--v-font-heading-3)';
|
|
28
|
+
readonly vFontStatement1Lineheight: 'var(--v-font-statement-1-lineheight)';
|
|
29
|
+
readonly vFontStatement1SizeMin: 'var(--v-font-statement-1-size-min)';
|
|
30
|
+
readonly vFontStatement1SizeMax: 'var(--v-font-statement-1-size-max)';
|
|
31
|
+
readonly vFontStatement1Size: 'var(--v-font-statement-1-size)';
|
|
32
|
+
readonly vFontStatement1: 'var(--v-font-statement-1)';
|
|
33
|
+
readonly vFontStatement2Lineheight: 'var(--v-font-statement-2-lineheight)';
|
|
34
|
+
readonly vFontStatement2SizeMin: 'var(--v-font-statement-2-size-min)';
|
|
35
|
+
readonly vFontStatement2SizeMax: 'var(--v-font-statement-2-size-max)';
|
|
36
|
+
readonly vFontStatement2Size: 'var(--v-font-statement-2-size)';
|
|
37
|
+
readonly vFontStatement2: 'var(--v-font-statement-2)';
|
|
38
|
+
readonly vFontStatement3Lineheight: 'var(--v-font-statement-3-lineheight)';
|
|
39
|
+
readonly vFontStatement3SizeMin: 'var(--v-font-statement-3-size-min)';
|
|
40
|
+
readonly vFontStatement3SizeMax: 'var(--v-font-statement-3-size-max)';
|
|
41
|
+
readonly vFontStatement3Size: 'var(--v-font-statement-3-size)';
|
|
42
|
+
readonly vFontStatement3: 'var(--v-font-statement-3)';
|
|
43
|
+
readonly vFontStatementSignatureLineheight: 'var(--v-font-statement-signature-lineheight)';
|
|
44
|
+
readonly vFontStatementSignatureSizeMin: 'var(--v-font-statement-signature-size-min)';
|
|
45
|
+
readonly vFontStatementSignatureSizeMax: 'var(--v-font-statement-signature-size-max)';
|
|
46
|
+
readonly vFontStatementSignatureSize: 'var(--v-font-statement-signature-size)';
|
|
47
|
+
readonly vFontStatementSignature: 'var(--v-font-statement-signature)';
|
|
48
|
+
readonly vFontTitle24Size: 'var(--v-font-title-24-size)';
|
|
49
|
+
readonly vFontTitle24Lineheight: 'var(--v-font-title-24-lineheight)';
|
|
50
|
+
readonly vFontTitle24: 'var(--v-font-title-24)';
|
|
51
|
+
readonly vFontTitle20Size: 'var(--v-font-title-20-size)';
|
|
52
|
+
readonly vFontTitle20Lineheight: 'var(--v-font-title-20-lineheight)';
|
|
53
|
+
readonly vFontTitle20: 'var(--v-font-title-20)';
|
|
54
|
+
readonly vColorAlwaysBlack: 'var(--v-color-always-black)';
|
|
55
|
+
readonly vColorAlwaysWhite: 'var(--v-color-always-white)';
|
|
56
|
+
readonly vColorForegroundPrimary: 'var(--v-color-foreground-primary)';
|
|
57
|
+
readonly vColorForegroundSecondary: 'var(--v-color-foreground-secondary)';
|
|
58
|
+
readonly vColorOrnamentPrimary: 'var(--v-color-ornament-primary)';
|
|
59
|
+
readonly vColorOrnamentSecondary: 'var(--v-color-ornament-secondary)';
|
|
60
|
+
readonly vColorBackgroundPrimary: 'var(--v-color-background-primary)';
|
|
61
|
+
readonly vColorBackgroundSecondary: 'var(--v-color-background-secondary)';
|
|
62
|
+
readonly vColorForegroundFeedbackGreen: 'var(--v-color-foreground-feedback-green)';
|
|
63
|
+
readonly vColorForegroundFeedbackOrange: 'var(--v-color-foreground-feedback-orange)';
|
|
64
|
+
readonly vColorForegroundFeedbackRed: 'var(--v-color-foreground-feedback-red)';
|
|
65
|
+
readonly vColorBackgroundFeedbackGreen: 'var(--v-color-background-feedback-green)';
|
|
66
|
+
readonly vColorBackgroundFeedbackOrange: 'var(--v-color-background-feedback-orange)';
|
|
67
|
+
readonly vColorBackgroundFeedbackRed: 'var(--v-color-background-feedback-red)';
|
|
83
68
|
}
|
|
84
69
|
declare const vtokens: Tokens;
|
|
85
70
|
export default vtokens;
|
package/dist/tokens.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e}from"./chunk-Q6P47KLU.js";var r=new Proxy(Object.create(null),{get(n,t){return`var(
|
|
1
|
+
import{a as e}from"./chunk-Q6P47KLU.js";var r=new Proxy(Object.create(null),{get(n,t){return`var(--v-${e(t)})`}}),s=r;export{s as default};
|
|
2
2
|
//# sourceMappingURL=tokens.js.map
|
package/dist/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["import { toKebabCase } from './to-kebab-case';\n\nexport interface Tokens {\n [key: string]: string;\n}\n\nconst tokens: Tokens = new Proxy(Object.create(null), {\n get(_target, key: string) {\n return `var(
|
|
1
|
+
{"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["import { toKebabCase } from './to-kebab-case';\n\nexport interface Tokens {\n [key: string]: string;\n}\n\nconst tokens: Tokens = new Proxy(Object.create(null), {\n get(_target, key: string) {\n return `var(--v-${toKebabCase(key)})`;\n },\n});\n\nexport default tokens;\n"],"mappings":"wCAMA,IAAMA,EAAiB,IAAI,MAAM,OAAO,OAAO,IAAI,EAAG,CACpD,IAAIC,EAASC,EAAa,CACxB,MAAO,WAAWC,EAAYD,CAAG,IACnC,CACF,CAAC,EAEME,EAAQJ","names":["tokens","_target","key","toKebabCase","tokens_default"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volvo-cars/css",
|
|
3
3
|
"description": "Volvo Cars shared CSS",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.3.0",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"type": "module",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
},
|
|
109
109
|
"repository": {
|
|
110
110
|
"type": "git",
|
|
111
|
-
"url": "https://github.com/volvo-cars/
|
|
111
|
+
"url": "https://github.com/volvo-cars/design-system-web",
|
|
112
112
|
"directory": "packages/css"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
"lightningcss": "1.16.1",
|
|
120
120
|
"lodash": "4.17.21",
|
|
121
121
|
"tsup": "6.4.0",
|
|
122
|
-
"typescript": "4.
|
|
122
|
+
"typescript": "4.9.3"
|
|
123
123
|
},
|
|
124
124
|
"browserslist": [
|
|
125
125
|
"extends @volvo-cars/browserslist-config"
|
package/dist/chunk-XU6OSVNK.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var c={"font-face.css":"css/v0/font-face.6dafba9a.css","styles.css":"css/v0/styles.114358fd.css","styles_hover.css":"css/v0/styles_hover.eaf0ecc8.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.3f5f1731.css"};export{c as a};
|
|
2
|
-
//# sourceMappingURL=chunk-XU6OSVNK.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@font-face{font-display:swap;font-weight:300;unicode-range:U+370-3FF;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-semi-light.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:300;unicode-range:U+4??;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-semi-light.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:300;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:300;font-style:italic;unicode-range:U+370-3FF;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-semi-light-italic.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:300;font-style:italic;unicode-range:U+4??;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-semi-light-italic.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:300;font-style:italic;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light-italic.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:500;unicode-range:U+370-3FF;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-medium.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:500;unicode-range:U+4??;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-medium.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:500;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:500;font-style:italic;unicode-range:U+370-3FF;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-greek-medium-italic.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:500;font-style:italic;unicode-range:U+4??;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-cyrillic-medium-italic.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:500;font-style:italic;src:url(https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium-italic.woff2)format("woff2");font-family:Volvo Novum}@font-face{font-display:swap;font-weight:400;unicode-range:U+4??;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-cyrillic.woff2)format("woff2");font-family:Volvo Broad}@font-face{font-display:swap;font-weight:400;unicode-range:U+370-3FF;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-greek.woff2)format("woff2");font-family:Volvo Broad}@font-face{font-display:swap;font-weight:400;unicode-range:U+20-36F,U+530-FB02;src:url(https://www.volvocars.com/static/shared/fonts/volvo-broad/volvo-broad-latin-rest.woff2)format("woff2");font-family:Volvo Broad}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light;accent-color:var(--color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-style:solid;border-width:0;border-color:var(--color-ornament-primary)}:where(.volvo_v0 body,body.volvo_v0){background-color:var(--color-background-primary);min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select){margin: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(--color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul,summary){padding:0;list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000;padding:0}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0){font:var(--font-16)}: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,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:99rem}:where(.volvo_v0) .title-24{font-size:var(--font-title-24-size);line-height:var(--font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--font-title-20-size);line-height:var(--font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--font-16-size);line-height:var(--font-16-lineheight)}:where(.volvo_v0) .body-14{font-size:var(--font-14-size);line-height:var(--font-14-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--font-12-size);line-height:var(--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(--color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--color-always-white)}:where(.volvo_v0) .text-primary{color:var(--color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--color-foreground-feedback-red)}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--font-heading-1-size-min),var(--_vcc7ec5de,var(--font-heading-1-size)),var(--font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--font-heading-2-size-min),var(--_vcc7ec5de,var(--font-heading-2-size)),var(--font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--font-heading-3-size-min),var(--_vcc7ec5de,var(--font-heading-3-size)),var(--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(--color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--color-foreground-primary)}: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:var(--space-32)}:where(.volvo_v0) .statement-1{font:var(--font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--font-statement-1-size-min),var(--_vcc7ec5de),var(--font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--font-statement-2-size-min),var(--_vcc7ec5de),var(--font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--font-statement-3-size-min),var(--_vcc7ec5de),var(--font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--font-statement-signature-size-min),var(--_vcc7ec5de),var(--font-statement-signature-size-max))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:where(.volvo_v0) :where(summary,button:not(:disabled),[role=button],[role=link]){cursor:pointer}:where(.volvo_v0 a:not([class]):hover),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline:hover{color:var(--color-foreground-primary);-webkit-text-decoration-line:none;text-decoration-line:none}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary:hover{color:var(--color-foreground-accent-blue)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.volvo_v0{--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-64:4rem;--space-80:5rem;--space-96:6rem;--space-128:8rem;--font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-broad-family:"Volvo Broad","Arial Black",sans-serif;--font-16-size:1rem;--font-16-lineheight:1.5;--font-16:300 var(--font-16-size)/var(--font-16-lineheight) var(--font-sans-family);--font-14-size:.875rem;--font-14-lineheight:1.57;--font-14:300 var(--font-14-size)/var(--font-14-lineheight) var(--font-sans-family);--font-12-size:.75rem;--font-12-lineheight:1.67;--font-12:300 var(--font-12-size)/var(--font-12-lineheight) var(--font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--font-heading-1-lineheight:var(--_vcc33ac2c);--font-heading-1-size-min:2rem;--font-heading-1-size-max:2.5rem;--font-heading-1-size:clamp( var(--font-heading-1-size-min),1vw + 1.7rem,var(--font-heading-1-size-max));--font-heading-1:500 var(--font-heading-1-size)/var(--font-heading-1-lineheight) var(--font-sans-family);--font-heading-2-lineheight:var(--_vcc33ac2c);--font-heading-2-size-min:1.5rem;--font-heading-2-size-max:2rem;--font-heading-2-size:clamp( var(--font-heading-2-size-min),1vw + 1.2rem,var(--font-heading-2-size-max));--font-heading-2:500 var(--font-heading-2-size)/var(--font-heading-2-lineheight) var(--font-sans-family);--font-heading-3-lineheight:var(--_vcc33ac2c);--font-heading-3-size-min:1.5rem;--font-heading-3-size-max:2rem;--font-heading-3-size:clamp( var(--font-heading-3-size-min),1vw + 1.2rem,var(--font-heading-3-size-max));--font-heading-3:300 var(--font-heading-3-size)/var(--font-heading-3-lineheight) var(--font-sans-family);--font-statement-1-lineheight:var(--_vcc33ac2c);--font-statement-1-size-min:4.5rem;--font-statement-1-size-max:6rem;--font-statement-1-size:clamp( var(--font-statement-1-size-min),3vw + 3.6rem,var(--font-statement-1-size-max));--font-statement-1:500 var(--font-statement-1-size)/var(--font-statement-1-lineheight) var(--font-sans-family);--font-statement-2-lineheight:var(--_vcc33ac2c);--font-statement-2-size-min:3.5rem;--font-statement-2-size-max:4.5rem;--font-statement-2-size:clamp( var(--font-statement-2-size-min),2vw + 2.9rem,var(--font-statement-2-size-max));--font-statement-2:500 var(--font-statement-2-size)/var(--font-statement-2-lineheight) var(--font-sans-family);--font-statement-3-lineheight:var(--_vcc33ac2c);--font-statement-3-size-min:3rem;--font-statement-3-size-max:3.5rem;--font-statement-3-size:clamp( var(--font-statement-3-size-min),1vw + 2.7rem,var(--font-statement-3-size-max));--font-statement-3:500 var(--font-statement-3-size)/var(--font-statement-3-lineheight) var(--font-sans-family);--font-statement-signature-lineheight:1;--font-statement-signature-size-min:2.5rem;--font-statement-signature-size-max:4.5rem;--font-statement-signature-size:clamp( var(--font-statement-signature-size-min),4vw + 1.3rem,var(--font-statement-signature-size-max));--font-statement-signature:500 var(--font-statement-signature-size)/var(--font-statement-signature-lineheight) var(--font-broad-family);--font-title-24-size:1.5rem;--font-title-24-lineheight:1.334;--font-title-24:300 var(--font-title-24-size)/var(--font-title-24-lineheight) var(--font-sans-family);--font-title-20-size:1.25rem;--font-title-20-lineheight:1.4;--font-title-20:300 var(--font-title-20-size)/var(--font-title-20-lineheight) var(--font-sans-family)}:where([lang|=vi]) .volvo_v0,:where([lang|=vi]).volvo_v0{--font-sans-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--color-always-black:#141414;--color-always-white:#fff;--color-foreground-primary:#000000eb;--color-foreground-secondary:#0000008f;--color-ornament-primary:#00000029;--color-ornament-secondary:#00000014;--color-background-primary:#fff;--color-background-secondary:#fafafa;--color-foreground-accent-blue:#2a609d;--color-background-accent-blue:#2a609d;--color-foreground-feedback-green:#048220;--color-foreground-feedback-orange:#eb7400;--color-foreground-feedback-red:#bf2012;--color-background-feedback-green:#048220;--color-background-feedback-orange:#eb7400;--color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--color-foreground-primary:#fff;--color-foreground-secondary:#ffffffa3;--color-ornament-primary:#ffffff1f;--color-ornament-secondary:#ffffff0a;--color-background-primary:#141414;--color-background-secondary:#1c1c1c;--color-foreground-accent-blue:#2387eb;--color-background-accent-blue:#1f78d1;--color-foreground-feedback-green:#07a62b;--color-foreground-feedback-orange:#ff9400;--color-foreground-feedback-red:#ff3320;--color-background-feedback-green:#088924;--color-background-feedback-orange:#ff9400;--color-background-feedback-red:#cc2617}
|