@volvo-cars/css 0.1.5 → 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 -118
- package/dist/chunk-ZRSHTYQV.js +2 -0
- package/dist/{chunk-GLN3VJQE.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 +18 -4
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_all-media.d.ts +18 -4
- 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 -69
- package/dist/tokens.js +1 -1
- package/dist/tokens.js.map +1 -1
- package/package.json +3 -3
- package/dist/chunk-GLN3VJQE.js +0 -2
- package/dist/css/v0/font-face.6dafba9a.css +0 -1
- package/dist/css/v0/styles.72f8bedf.css +0 -1
- package/dist/css/v0/styles_hover.eaf0ecc8.css +0 -1
- package/dist/css/v0/tokens.7a4be136.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,34 +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
|
|
62
|
-
|
|
|
63
|
-
| `title-24`
|
|
64
|
-
| `title-20`
|
|
65
|
-
| `body-16`
|
|
66
|
-
| `
|
|
67
|
-
| `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
|
|
68
|
-
| `UNSTABLE_action-14` | | 14 (0.875rem), Uppercase Volvo Novum Medium |
|
|
69
|
-
| `UNSTABLE_tag-12` | | 12 (0.75rem), Uppercase Volvo Novum Medium |
|
|
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 |
|
|
70
115
|
|
|
71
116
|
```html example
|
|
72
117
|
<div>
|
|
73
118
|
<p className="title-24">Title 24</p>
|
|
74
119
|
<p className="title-20">Title 20</p>
|
|
75
120
|
<p className="body-16">Body 16</p>
|
|
76
|
-
<p className="body-14">Body 14</p>
|
|
77
121
|
<p className="micro">Micro</p>
|
|
78
|
-
<p className="UNSTABLE_action-14">Action 14</p>
|
|
79
|
-
<p className="UNSTABLE_tag-12">Tag 12</p>
|
|
80
122
|
</div>
|
|
81
123
|
```
|
|
82
124
|
|
|
83
125
|
### Links
|
|
84
126
|
|
|
85
|
-
| Class name | Element | Properties
|
|
86
|
-
| ------------------------- | ------- |
|
|
87
|
-
| `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--color-foreground-secondary)` |
|
|
88
|
-
| `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)` |
|
|
89
131
|
|
|
90
132
|
```html example
|
|
91
133
|
<div>
|
|
@@ -94,22 +136,6 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
94
136
|
</div>
|
|
95
137
|
```
|
|
96
138
|
|
|
97
|
-
### Text color
|
|
98
|
-
|
|
99
|
-
| Class name | Element | Properties |
|
|
100
|
-
| ------------------ | ------- | -------------------------------------------- |
|
|
101
|
-
| `text-primary` | | `color: var(--color-foreground-primary)` |
|
|
102
|
-
| `text-secondary` | | `color: var(--color-foreground-secondary)` |
|
|
103
|
-
| `text-accent-blue` | | `color: var(--color-foreground-accent-blue)` |
|
|
104
|
-
|
|
105
|
-
```html example
|
|
106
|
-
<div>
|
|
107
|
-
<p class="text-primary">Text color - primary</p>
|
|
108
|
-
<p class="text-secondary">Text color - secondary</p>
|
|
109
|
-
<p class="text-accent-blue">Text color - accent-blue</p>
|
|
110
|
-
</div>
|
|
111
|
-
```
|
|
112
|
-
|
|
113
139
|
### Lists
|
|
114
140
|
|
|
115
141
|
Makes `ul` and `ol` display as lists with bullets or numbers.
|
|
@@ -141,18 +167,18 @@ Makes `ul` and `ol` display as lists with bullets or numbers.
|
|
|
141
167
|
|
|
142
168
|
### Migrating from the `vcc-ui` `<Text>` component
|
|
143
169
|
|
|
144
|
-
| vcc-ui Text | @volvo-cars/css
|
|
145
|
-
| -------------------------------------------- |
|
|
146
|
-
| `<Text variant="yang">` | `<h1 class="statement-signature">`
|
|
147
|
-
| `<Text variant="peary">` | `<h1 class="statement-3">`
|
|
148
|
-
| `<Text variant="cook">` | `<h1>`, `<p class="heading-1">`
|
|
149
|
-
| `<Text variant="ootah" subStyle="emphasis">` | `<h2>`, `<p class="heading-2">`
|
|
150
|
-
| `<Text variant="ootah" subStyle="standard">` | `<h3>`, `<p class="heading-3">`
|
|
151
|
-
| `<Text variant="hillary">` | `<p class="title-20">`
|
|
152
|
-
| `<Text>`, `<Text variant="columbus">` | `<p>`, `<p class="body-16">`
|
|
153
|
-
| `<Text variant="kelly">` | `<p class="body-
|
|
154
|
-
| `<Text variant="bates">` | `<small>`, `<p class="micro">`
|
|
155
|
-
| `<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)">` |
|
|
156
182
|
|
|
157
183
|
**Example change**
|
|
158
184
|
|
|
@@ -181,43 +207,67 @@ import vtokens from '@volvo-cars/css/tokens';
|
|
|
181
207
|
</Block>;
|
|
182
208
|
```
|
|
183
209
|
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
To simplify styling of body text, some elements will have default styles applied if they have no other class.
|
|
210
|
+
## Color
|
|
187
211
|
|
|
188
|
-
|
|
189
|
-
<div>
|
|
190
|
-
<h2>For a better future.</h2>
|
|
191
|
-
<p>
|
|
192
|
-
We want to provide you with the <a href="#">freedom to move</a> in a
|
|
193
|
-
personal, sustainable and safe way.
|
|
194
|
-
</p>
|
|
195
|
-
</div>
|
|
196
|
-
```
|
|
212
|
+
### Text color
|
|
197
213
|
|
|
198
|
-
|
|
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` |
|
|
199
224
|
|
|
200
|
-
```html
|
|
225
|
+
```html example
|
|
201
226
|
<div>
|
|
202
|
-
<
|
|
203
|
-
<p>
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
</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>
|
|
208
235
|
</div>
|
|
209
236
|
```
|
|
210
237
|
|
|
211
|
-
|
|
238
|
+
### Background color
|
|
212
239
|
|
|
213
|
-
|
|
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
|
|
214
252
|
<div>
|
|
215
|
-
<
|
|
216
|
-
<
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
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>
|
|
221
271
|
</div>
|
|
222
272
|
```
|
|
223
273
|
|
|
@@ -242,7 +292,7 @@ Light mode is the default color mode of the theme. Use the `data-color-mode` att
|
|
|
242
292
|
|
|
243
293
|
## Design Tokens
|
|
244
294
|
|
|
245
|
-
|
|
295
|
+
If you only want the design tokens and not the styles, only these files are required.
|
|
246
296
|
|
|
247
297
|
```js
|
|
248
298
|
import '@volvo-cars/css/font-face.css';
|
|
@@ -251,7 +301,7 @@ import '@volvo-cars/css/tokens.css';
|
|
|
251
301
|
|
|
252
302
|
Design token variable names consist of the following parts:
|
|
253
303
|
|
|
254
|
-
- **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.
|
|
255
305
|
|
|
256
306
|
- **Category** is a category from a fixed list of categories per token type. Typical values are `feedback`, `ornament`, `heading`.
|
|
257
307
|
|
|
@@ -263,7 +313,7 @@ Depending on the category, the name consists of different parts.
|
|
|
263
313
|
|
|
264
314
|
### Typography
|
|
265
315
|
|
|
266
|
-
Naming scheme: `--font-{category}-{variant}-{property}-{modifier}`
|
|
316
|
+
Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
|
|
267
317
|
|
|
268
318
|
- **category** is one of `heading`, `statement`, `title` or none.
|
|
269
319
|
- **variant** distinguishes alternative use cases (`1-4`), size in pixels (`20`, `16`) or literal values (`sans`, `broad`).
|
|
@@ -272,45 +322,45 @@ Naming scheme: `--font-{category}-{variant}-{property}-{modifier}`
|
|
|
272
322
|
|
|
273
323
|
**Font Family**
|
|
274
324
|
|
|
275
|
-
- `--font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
|
|
276
|
-
- `--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`
|
|
277
327
|
|
|
278
328
|
**Font Sizes**
|
|
279
329
|
|
|
280
|
-
- `--font-{12,14,16}-size`
|
|
281
|
-
- `--font-{12,14,16}-lineheight`
|
|
282
|
-
- `--font-{12,14,16}` (`font` shorthand with `font-weight: 300`)
|
|
283
|
-
- `--font-title-{20,24}-size`
|
|
284
|
-
- `--font-title-{20,24}-lineheight`
|
|
285
|
-
- `--font-title-{20,24}` (`font` shorthand with `font-weight: 300`)
|
|
286
|
-
- `--font-heading-{1-3}-size-min`
|
|
287
|
-
- `--font-heading-{1-3}-size-max`
|
|
288
|
-
- `--font-heading-{1-3}-size`
|
|
289
|
-
- `--font-heading-{1-3}-lineheight`
|
|
290
|
-
- `--font-heading-{1-3}`
|
|
291
|
-
- `--font-statement-{1-3,signature}-size-min`
|
|
292
|
-
- `--font-statement-{1-3,signature}-size-max`
|
|
293
|
-
- `--font-statement-{1-3,signature}-size`
|
|
294
|
-
- `--font-statement-{1-3,signature}-lineheight`
|
|
295
|
-
- `--font-statement-{1-3,signature}`
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
- `--
|
|
302
|
-
- `--
|
|
303
|
-
- `--
|
|
304
|
-
|
|
305
|
-
- `--
|
|
306
|
-
- `--
|
|
307
|
-
- `--
|
|
308
|
-
- `--
|
|
309
|
-
- `--
|
|
310
|
-
- `--
|
|
311
|
-
- `--
|
|
312
|
-
- `--
|
|
313
|
-
- `--
|
|
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.
|
|
314
364
|
|
|
315
365
|
## Usage
|
|
316
366
|
|
|
@@ -326,9 +376,9 @@ import { links } from '@volvo-cars/css/links';
|
|
|
326
376
|
</Head>;
|
|
327
377
|
```
|
|
328
378
|
|
|
329
|
-
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`.
|
|
330
380
|
|
|
331
|
-
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.
|
|
332
382
|
|
|
333
383
|
```js
|
|
334
384
|
import '@volvo-cars/css/font-face.css';
|
|
@@ -366,7 +416,7 @@ As a convenience for TypeScript developers all class names and CSS variables are
|
|
|
366
416
|
```ts
|
|
367
417
|
import vss from '@volvo-cars/css/styles';
|
|
368
418
|
|
|
369
|
-
console.assert(vss.
|
|
419
|
+
console.assert(vss.body16 === 'body-16');
|
|
370
420
|
console.assert(vss.heading1 === 'heading-1');
|
|
371
421
|
|
|
372
422
|
document.body.classList.add(vss.body14);
|
|
@@ -375,7 +425,7 @@ document.body.classList.add(vss.body14);
|
|
|
375
425
|
```ts
|
|
376
426
|
import vtokens from '@volvo-cars/css/tokens';
|
|
377
427
|
|
|
378
|
-
console.assert(vtokens.fontHeading1Size === 'var(--font-heading-1-size)');
|
|
428
|
+
console.assert(vtokens.fontHeading1Size === 'var(--v-font-heading-1-size)');
|
|
379
429
|
|
|
380
430
|
document.body.style.font = vtokens.font16;
|
|
381
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}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0)
|
|
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,8 +1,14 @@
|
|
|
1
1
|
export interface ClassNames {
|
|
2
|
-
readonly UNSTABLE_action14: 'UNSTABLE_action-14';
|
|
3
2
|
readonly UNSTABLE_linkSecondary: 'UNSTABLE_link-secondary';
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
3
|
+
readonly bgAlwaysBlack: 'bg-always-black';
|
|
4
|
+
readonly bgAlwaysWhite: 'bg-always-white';
|
|
5
|
+
readonly bgFeedbackGreen: 'bg-feedback-green';
|
|
6
|
+
readonly bgFeedbackOrange: 'bg-feedback-orange';
|
|
7
|
+
readonly bgFeedbackRed: 'bg-feedback-red';
|
|
8
|
+
readonly bgInherit: 'bg-inherit';
|
|
9
|
+
readonly bgPrimary: 'bg-primary';
|
|
10
|
+
readonly bgSecondary: 'bg-secondary';
|
|
11
|
+
readonly bgTransparent: 'bg-transparent';
|
|
6
12
|
readonly body16: 'body-16';
|
|
7
13
|
readonly fontLight: 'font-light';
|
|
8
14
|
readonly fontMedium: 'font-medium';
|
|
@@ -17,9 +23,17 @@ export interface ClassNames {
|
|
|
17
23
|
readonly statement2: 'statement-2';
|
|
18
24
|
readonly statement3: 'statement-3';
|
|
19
25
|
readonly statementSignature: 'statement-signature';
|
|
20
|
-
readonly
|
|
26
|
+
readonly textAlwaysBlack: 'text-always-black';
|
|
27
|
+
readonly textAlwaysWhite: 'text-always-white';
|
|
28
|
+
readonly textCenter: 'text-center';
|
|
29
|
+
readonly textEnd: 'text-end';
|
|
30
|
+
readonly textFeedbackGreen: 'text-feedback-green';
|
|
31
|
+
readonly textFeedbackOrange: 'text-feedback-orange';
|
|
32
|
+
readonly textFeedbackRed: 'text-feedback-red';
|
|
33
|
+
readonly textInherit: 'text-inherit';
|
|
21
34
|
readonly textPrimary: 'text-primary';
|
|
22
35
|
readonly textSecondary: 'text-secondary';
|
|
36
|
+
readonly textStart: 'text-start';
|
|
23
37
|
readonly title20: 'title-20';
|
|
24
38
|
readonly title24: 'title-24';
|
|
25
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0)
|
|
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,8 +1,14 @@
|
|
|
1
1
|
export interface ClassNames {
|
|
2
|
-
readonly UNSTABLE_action14: 'UNSTABLE_action-14';
|
|
3
2
|
readonly UNSTABLE_linkSecondary: 'UNSTABLE_link-secondary';
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
3
|
+
readonly bgAlwaysBlack: 'bg-always-black';
|
|
4
|
+
readonly bgAlwaysWhite: 'bg-always-white';
|
|
5
|
+
readonly bgFeedbackGreen: 'bg-feedback-green';
|
|
6
|
+
readonly bgFeedbackOrange: 'bg-feedback-orange';
|
|
7
|
+
readonly bgFeedbackRed: 'bg-feedback-red';
|
|
8
|
+
readonly bgInherit: 'bg-inherit';
|
|
9
|
+
readonly bgPrimary: 'bg-primary';
|
|
10
|
+
readonly bgSecondary: 'bg-secondary';
|
|
11
|
+
readonly bgTransparent: 'bg-transparent';
|
|
6
12
|
readonly body16: 'body-16';
|
|
7
13
|
readonly fontLight: 'font-light';
|
|
8
14
|
readonly fontMedium: 'font-medium';
|
|
@@ -17,9 +23,17 @@ export interface ClassNames {
|
|
|
17
23
|
readonly statement2: 'statement-2';
|
|
18
24
|
readonly statement3: 'statement-3';
|
|
19
25
|
readonly statementSignature: 'statement-signature';
|
|
20
|
-
readonly
|
|
26
|
+
readonly textAlwaysBlack: 'text-always-black';
|
|
27
|
+
readonly textAlwaysWhite: 'text-always-white';
|
|
28
|
+
readonly textCenter: 'text-center';
|
|
29
|
+
readonly textEnd: 'text-end';
|
|
30
|
+
readonly textFeedbackGreen: 'text-feedback-green';
|
|
31
|
+
readonly textFeedbackOrange: 'text-feedback-orange';
|
|
32
|
+
readonly textFeedbackRed: 'text-feedback-red';
|
|
33
|
+
readonly textInherit: 'text-inherit';
|
|
21
34
|
readonly textPrimary: 'text-primary';
|
|
22
35
|
readonly textSecondary: 'text-secondary';
|
|
36
|
+
readonly textStart: 'text-start';
|
|
23
37
|
readonly title20: 'title-20';
|
|
24
38
|
readonly title24: 'title-24';
|
|
25
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{--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(
|
|
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,73 +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 space80: 'var(--space-80)';
|
|
69
|
-
readonly space96: 'var(--space-96)';
|
|
70
|
-
readonly space128: 'var(--space-128)';
|
|
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)';
|
|
71
68
|
}
|
|
72
69
|
declare const vtokens: Tokens;
|
|
73
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-GLN3VJQE.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var c={"font-face.css":"css/v0/font-face.6dafba9a.css","styles.css":"css/v0/styles.72f8bedf.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.7a4be136.css"};export{c as a};
|
|
2
|
-
//# sourceMappingURL=chunk-GLN3VJQE.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}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0) *{box-sizing:border-box;border-style:solid;border-width:0}:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 body,body.volvo_v0){background-color:var(--color-background-primary);min-height:100vh;min-height:100dvh;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) .UNSTABLE_action-14{font-size:var(--font-14-size);line-height:var(--font-14-lineheight);letter-spacing:.02em}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) :is(.UNSTABLE_tag-12,.micro){font-size:var(--font-12-size);line-height:var(--font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) :is(.UNSTABLE_tag-12,.UNSTABLE_action-14){text-transform:uppercase}:where(.volvo_v0) :is(.UNSTABLE_tag-12,.UNSTABLE_action-14),:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .text-primary{color:var(--color-foreground-primary)}:where(.volvo_v0) .text-accent-blue{color:var(--color-foreground-accent-blue)}:where(.volvo_v0) .text-secondary{color:var(--color-foreground-secondary)}: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).list,:where(.volvo_v0 ul:not([class])){padding-inline-start:var(--space-32);list-style-type:disc}:where(.volvo_v0 ol).list,:where(.volvo_v0 ol:not([class])){padding-inline-start:var(--space-32);list-style-type:decimal}: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{--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-foreground-primary:#141414;--color-foreground-secondary:#707070;--color-background-primary:#fff;--color-foreground-accent-blue:#2a609d}.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]{--color-foreground-primary:#fff;--color-foreground-secondary:#a3a3a3;--color-background-primary:#000;--color-foreground-accent-blue:#2c7ace}.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}
|