@volvo-cars/css 0.2.0 → 0.4.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.
Files changed (31) hide show
  1. package/README.md +167 -148
  2. package/dist/chunk-UKDYRPG7.js +2 -0
  3. package/dist/{chunk-XU6OSVNK.js.map → chunk-UKDYRPG7.js.map} +0 -0
  4. package/dist/clsx.d.ts +1 -1
  5. package/dist/css/v0/font-face.05a7ed4c.css +1 -0
  6. package/dist/css/v0/styles.a025596f.css +1 -0
  7. package/dist/css/v0/styles_hover.d40031b5.css +1 -0
  8. package/dist/css/v0/tokens.cc0e454d.css +1 -0
  9. package/dist/font-face.css +1 -1
  10. package/dist/imports.json +4 -4
  11. package/dist/links.cjs +1 -1
  12. package/dist/links.js +1 -1
  13. package/dist/links.server.cjs +1 -1
  14. package/dist/links.server.js +1 -1
  15. package/dist/styles.css +1 -1
  16. package/dist/styles.d.ts +3 -3
  17. package/dist/styles_all-media.css +1 -1
  18. package/dist/styles_all-media.d.ts +3 -3
  19. package/dist/styles_hover.css +1 -1
  20. package/dist/tokens.cjs +1 -1
  21. package/dist/tokens.cjs.map +1 -1
  22. package/dist/tokens.css +1 -1
  23. package/dist/tokens.d.ts +65 -81
  24. package/dist/tokens.js +1 -1
  25. package/dist/tokens.js.map +1 -1
  26. package/package.json +4 -4
  27. package/dist/chunk-XU6OSVNK.js +0 -2
  28. package/dist/css/v0/font-face.6dafba9a.css +0 -1
  29. package/dist/css/v0/styles.114358fd.css +0 -1
  30. package/dist/css/v0/styles_hover.eaf0ecc8.css +0 -1
  31. package/dist/css/v0/tokens.3f5f1731.css +0 -1
package/README.md CHANGED
@@ -1,10 +1,58 @@
1
1
  # @volvo-cars/css
2
2
 
3
- Shared CSS for the Volvo Cars Web Design System.
3
+ ## Overview
4
4
 
5
- Highly generic styles that are needed for almost all components bundled into a small stylesheet to be included globally in your application. These default styles will let you write fewer custom styles without adding a lot of unused styles to every page.
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
- The stylesheet includes non-intrusive resets as well as a number of CSS classes for design system compatible typography and links.
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
 
@@ -24,8 +72,6 @@ Heading and Statement font sizes are fluid, with a smaller font-size on smaller
24
72
  | `heading-1` | `h1` | 32-40 (2rem-2.5rem), Volvo Novum Medium |
25
73
  | `heading-2` | `h2` | 24-32 (1.5rem-2rem), Volvo Novum Medium |
26
74
  | `heading-3` | `h3` | 24-32 (1.5rem-2rem), Volvo Novum Semi-Light |
27
- | `statement-1` | | 72-96 (4.5rem-6rem), Volvo Novum Medium |
28
- | `statement-2` | | 56-72 (3.5rem-4.5rem), Volvo Novum Medium |
29
75
  | `statement-3` | | 48-56 (3rem-3.5rem), Volvo Novum Medium |
30
76
  | `statement-signature` | | 40-72 (2.5rem-4.5rem), Volvo Broad |
31
77
 
@@ -41,8 +87,6 @@ Use a suitable semantic heading element and apply the class name matching the de
41
87
 
42
88
  ```html example
43
89
  <div>
44
- <h1 className="statement-1">Statement 1</h1>
45
- <h2 className="statement-2">Statement 2</h2>
46
90
  <h3 className="statement-3">Statement 3</h3>
47
91
  <h1 className="statement-signature">Statement Signature</h1>
48
92
  </div>
@@ -58,30 +102,28 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
58
102
 
59
103
  ### Text Styles
60
104
 
61
- | Class name | Element | |
62
- | ---------- | ------- | ------------------------------------- |
63
- | `title-24` | | 24 (1.5rem), Volvo Novum Semi-Light |
64
- | `title-20` | | 20 (1.25rem), Volvo Novum Semi-Light |
65
- | `body-16` | `:root` | 16 (1rem), Volvo Novum Semi-Light |
66
- | `body-14` | | 14 (0.875rem), Volvo Novum Semi-Light |
67
- | `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
105
+ | Class name | Element | |
106
+ | ---------- | ------- | ------------------------------------ |
107
+ | `title-24` | | 24 (1.5rem), Volvo Novum Semi-Light |
108
+ | `title-20` | | 20 (1.25rem), Volvo Novum Semi-Light |
109
+ | `body-16` | `:root` | 16 (1rem), Volvo Novum Semi-Light |
110
+ | `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
68
111
 
69
112
  ```html example
70
113
  <div>
71
114
  <p className="title-24">Title 24</p>
72
115
  <p className="title-20">Title 20</p>
73
116
  <p className="body-16">Body 16</p>
74
- <p className="body-14">Body 14</p>
75
117
  <p className="micro">Micro</p>
76
118
  </div>
77
119
  ```
78
120
 
79
121
  ### Links
80
122
 
81
- | Class name | Element | Properties |
82
- | ------------------------- | ------- | ---------------------------------------------------------------------------------- |
83
- | `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--color-foreground-secondary)` |
84
- | `UNSTABLE_link-secondary` | | `color: var(--color-foreground-primary)` |
123
+ | Class name | Element | Properties |
124
+ | ------------------------- | ------- | ------------------------------------------------------------------------------------ |
125
+ | `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--v-color-foreground-secondary)` |
126
+ | `UNSTABLE_link-secondary` | | `color: var(--v-color-foreground-primary)` |
85
127
 
86
128
  ```html example
87
129
  <div>
@@ -90,32 +132,6 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
90
132
  </div>
91
133
  ```
92
134
 
93
- ### Text color
94
-
95
- | Class name | Element | Properties |
96
- | ---------------------- | ------- | ------------------------------------------------ |
97
- | `text-primary` | | `color: var(--color-foreground-primary)` |
98
- | `text-secondary` | | `color: var(--color-foreground-secondary)` |
99
- | `text-accent-blue` | | `color: var(--color-foreground-accent-blue)` |
100
- | `text-always-black` | | `color: var(--color-foreground-always-black)` |
101
- | `text-always-white` | | `color: var(--color-foreground-always-white)` |
102
- | `text-feedback-green` | | `color: var(--color-foreground-feedback-green)` |
103
- | `text-feedback-orange` | | `color: var(--color-foreground-feedback-orange)` |
104
- | `text-feedback-red` | | `color: var(--color-foreground-feedback-red)` |
105
-
106
- ```html example
107
- <div>
108
- <p class="text-primary">Text color - primary</p>
109
- <p class="text-secondary">Text color - secondary</p>
110
- <p class="text-accent-blue">Text color - accent-blue</p>
111
- <p class="text-always-black">Text color - always-black</p>
112
- <p class="text-always-white">Text color - always-white</p>
113
- <p class="text-feedback-green">Text color - feedback-green</p>
114
- <p class="text-feedback-red">Text color - feedback-red</p>
115
- <p class="text-feedback-orange">Text color - feedback-orange</p>
116
- </div>
117
- ```
118
-
119
135
  ### Lists
120
136
 
121
137
  Makes `ul` and `ol` display as lists with bullets or numbers.
@@ -147,18 +163,18 @@ Makes `ul` and `ol` display as lists with bullets or numbers.
147
163
 
148
164
  ### Migrating from the `vcc-ui` `<Text>` component
149
165
 
150
- | vcc-ui Text | @volvo-cars/css |
151
- | -------------------------------------------- | ---------------------------------- |
152
- | `<Text variant="yang">` | `<h1 class="statement-signature">` |
153
- | `<Text variant="peary">` | `<h1 class="statement-3">` |
154
- | `<Text variant="cook">` | `<h1>`, `<p class="heading-1">` |
155
- | `<Text variant="ootah" subStyle="emphasis">` | `<h2>`, `<p class="heading-2">` |
156
- | `<Text variant="ootah" subStyle="standard">` | `<h3>`, `<p class="heading-3">` |
157
- | `<Text variant="hillary">` | `<p class="title-20">` |
158
- | `<Text>`, `<Text variant="columbus">` | `<p>`, `<p class="body-16">` |
159
- | `<Text variant="kelly">` | `<p class="body-14">` |
160
- | `<Text variant="bates">` | `<small>`, `<p class="micro">` |
161
- | `<Text variant="amundsen">` | `<p class="body-14 ...">` |
166
+ | vcc-ui Text | @volvo-cars/css |
167
+ | -------------------------------------------- | ------------------------------------ |
168
+ | `<Text variant="yang">` | `<h1 class="statement-signature">` |
169
+ | `<Text variant="peary">` | `<h1 class="statement-3">` |
170
+ | `<Text variant="cook">` | `<h1>`, `<p class="heading-1">` |
171
+ | `<Text variant="ootah" subStyle="emphasis">` | `<h2>`, `<p class="heading-2">` |
172
+ | `<Text variant="ootah" subStyle="standard">` | `<h3>`, `<p class="heading-3">` |
173
+ | `<Text variant="hillary">` | `<p class="title-20">` |
174
+ | `<Text>`, `<Text variant="columbus">` | `<p>`, `<p class="body-16">` |
175
+ | `<Text variant="kelly">` | `<p>`, `<p class="body-16">` |
176
+ | `<Text variant="bates">` | `<small>`, `<p class="micro">` |
177
+ | `<Text variant="amundsen">` | `<p style="font: var(--v-font-14)">` |
162
178
 
163
179
  **Example change**
164
180
 
@@ -187,43 +203,67 @@ import vtokens from '@volvo-cars/css/tokens';
187
203
  </Block>;
188
204
  ```
189
205
 
190
- ### Default elements
191
-
192
- To simplify styling of body text, some elements will have default styles applied if they have no other class.
206
+ ## Color
193
207
 
194
- ```html live
195
- <div>
196
- <h2>For a better future.</h2>
197
- <p>
198
- We want to provide you with the <a href="#">freedom to move</a> in a
199
- personal, sustainable and safe way.
200
- </p>
201
- </div>
202
- ```
208
+ ### Text color
203
209
 
204
- As soon as any class is added to the element, default styles no longer apply.
210
+ | Class name | Properties |
211
+ | ---------------------- | -------------------------------------------------- |
212
+ | `text-primary` | `color: var(--v-color-foreground-primary)` |
213
+ | `text-secondary` | `color: var(--v-color-foreground-secondary)` |
214
+ | `text-always-black` | `color: var(--v-color-foreground-always-black)` |
215
+ | `text-always-white` | `color: var(--v-color-foreground-always-white)` |
216
+ | `text-feedback-green` | `color: var(--v-color-foreground-feedback-green)` |
217
+ | `text-feedback-orange` | `color: var(--v-color-foreground-feedback-orange)` |
218
+ | `text-feedback-red` | `color: var(--v-color-foreground-feedback-red)` |
219
+ | `text-inherit` | `color: inherit` |
205
220
 
206
- ```html live
221
+ ```html example
207
222
  <div>
208
- <h2 class="anything">For a better future.</h2>
209
- <p>
210
- We want to provide you with the
211
- <a class="anything" href="#">freedom to move</a> in a personal, sustainable
212
- and safe way.
213
- </p>
223
+ <p class="text-primary">Text color - primary</p>
224
+ <p class="text-secondary">Text color - secondary</p>
225
+ <p class="text-always-black">Text color - always-black</p>
226
+ <p class="text-always-white">Text color - always-white</p>
227
+ <p class="text-feedback-green">Text color - feedback-green</p>
228
+ <p class="text-feedback-red">Text color - feedback-red</p>
229
+ <p class="text-feedback-orange">Text color - feedback-orange</p>
230
+ <p class="text-inherit">Text color - inherit</p>
214
231
  </div>
215
232
  ```
216
233
 
217
- You can either remove the custom class or add the corresponding element class name again together with your own class if you still want the styling.
234
+ ### Background color
218
235
 
219
- ```html live
236
+ | Class name | Properties |
237
+ | -------------------- | -------------------------------------------------- |
238
+ | `bg-primary` | `color: var(--v-color-background-primary)` |
239
+ | `bg-secondary` | `color: var(--v-color-background-secondary)` |
240
+ | `bg-always-black` | `color: var(--v-color-background-always-black)` |
241
+ | `bg-always-white` | `color: var(--v-color-background-always-white)` |
242
+ | `bg-feedback-green` | `color: var(--v-color-background-feedback-green)` |
243
+ | `bg-feedback-orange` | `color: var(--v-color-background-feedback-orange)` |
244
+ | `bg-feedback-red` | `color: var(--v-color-background-feedback-red)` |
245
+ | `bg-inherit` | `color: inherit` |
246
+
247
+ ```html example
220
248
  <div>
221
- <h2 class="anything heading-2">For a better future.</h2>
222
- <p>
223
- We want to provide you with the
224
- <a class="anything link-inline" href="#">freedom to move</a> in a personal,
225
- sustainable and safe way.
226
- </p>
249
+ <div class="bg-primary">Background color - primary</div>
250
+ <div class="bg-secondary">Background color - secondary</div>
251
+ <div class="bg-always-black text-always-white">
252
+ Background color - always-black
253
+ </div>
254
+ <div class="bg-always-white text-always-black">
255
+ Background color - always-white
256
+ </div>
257
+ <div class="bg-feedback-green text-always-white">
258
+ Background color - feedback-green
259
+ </div>
260
+ <div class="bg-feedback-red text-always-white">
261
+ Background color - feedback-red
262
+ </div>
263
+ <div class="bg-feedback-orange text-always-white">
264
+ Background color - feedback-orange
265
+ </div>
266
+ <div class="bg-inherit">Background color - inherit</div>
227
267
  </div>
228
268
  ```
229
269
 
@@ -248,7 +288,7 @@ Light mode is the default color mode of the theme. Use the `data-color-mode` att
248
288
 
249
289
  ## Design Tokens
250
290
 
251
- To be able to apply design system styles without changing the HTML, the design tokens are also delivered as CSS variables. If you only want the design tokens and not the styles, include only these files.
291
+ If you only want the design tokens and not the styles, only these files are required.
252
292
 
253
293
  ```js
254
294
  import '@volvo-cars/css/font-face.css';
@@ -257,7 +297,7 @@ import '@volvo-cars/css/tokens.css';
257
297
 
258
298
  Design token variable names consist of the following parts:
259
299
 
260
- - **Type** is the main token group such as `color`, `font` or `size`. The names helps with namespacing tokens and with tooling: you can get autocomplete for all colors in your editor by typing `--color..`. Type is the only required part and all other parts vary depending on the type.
300
+ - **Type** is the main token group such as `color`, `font` or `size`. The names helps with namespacing tokens and with tooling: you can get autocomplete for all colors in your editor by typing `--v-color..`. Type is the only required part and all other parts vary depending on the type.
261
301
 
262
302
  - **Category** is a category from a fixed list of categories per token type. Typical values are `feedback`, `ornament`, `heading`.
263
303
 
@@ -269,7 +309,7 @@ Depending on the category, the name consists of different parts.
269
309
 
270
310
  ### Typography
271
311
 
272
- Naming scheme: `--font-{category}-{variant}-{property}-{modifier}`
312
+ Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
273
313
 
274
314
  - **category** is one of `heading`, `statement`, `title` or none.
275
315
  - **variant** distinguishes alternative use cases (`1-4`), size in pixels (`20`, `16`) or literal values (`sans`, `broad`).
@@ -278,65 +318,44 @@ Naming scheme: `--font-{category}-{variant}-{property}-{modifier}`
278
318
 
279
319
  **Font Family**
280
320
 
281
- - `--font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
282
- - `--font-broad-family`
321
+ - `--v-font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
322
+ - `--v-font-broad-family`
283
323
 
284
324
  **Font Sizes**
285
325
 
286
- - `--font-{12,14,16}-size`
287
- - `--font-{12,14,16}-lineheight`
288
- - `--font-{12,14,16}` (`font` shorthand with `font-weight: 300`)
289
- - `--font-title-{20,24}-size`
290
- - `--font-title-{20,24}-lineheight`
291
- - `--font-title-{20,24}` (`font` shorthand with `font-weight: 300`)
292
- - `--font-heading-{1-3}-size-min`
293
- - `--font-heading-{1-3}-size-max`
294
- - `--font-heading-{1-3}-size`
295
- - `--font-heading-{1-3}-lineheight`
296
- - `--font-heading-{1-3}`
297
- - `--font-statement-{1-3,signature}-size-min`
298
- - `--font-statement-{1-3,signature}-size-max`
299
- - `--font-statement-{1-3,signature}-size`
300
- - `--font-statement-{1-3,signature}-lineheight`
301
- - `--font-statement-{1-3,signature}`
302
-
303
- **Spacing**
304
-
305
- Rem based spacing tokens for space between elements and components. Names correspond to pixel values at a 16px root font-size.
306
-
307
- - `--space-4`
308
- - `--space-8`
309
- - `--space-12`
310
- - `--space-16`
311
- - `--space-20`
312
- - `--space-24`
313
- - `--space-32`
314
- - `--space-40`
315
- - `--space-48`
316
- - `--space-64`
317
- - `--space-80`
318
- - `--space-96`
319
- - `--space-128`
320
-
321
- **Color**
322
-
323
- - `--color-foreground-primary` - Foreground color for primary text and icons.
324
- - `--color-foreground-secondary` - Foreground color for secondary text and icons.
325
- - `--color-foreground-accent-blue` - Foreground color for links and selected states.
326
- - `--color-foreground-feedback-green` - Foreground color to signify positive actions.
327
- - `--color-foreground-feedback-orange` - Foreground color to highlight errors, invalid data and destructive actions for caution.
328
- - `--color-foreground-feedback-red` - Foreground color to highlight errors, invalid data and destructive actions.
329
-
330
- - `--color-ornament-primary` - Ornamental color to visually group or separate UI elements.
331
- - `--color-ornament-secondary` - Ornamental color to visually group or separate UI elements.
332
- - `--color-background-primary` - The primary background colour.
333
- - `--color-background-secondary` - The secondary background colour.
334
- - `--color-background-accent-blue` - Background color for links and selected states.
335
- - `--color-background-feedback-green` - Background color to signify positive actions.
336
- - `--color-background-feedback-orange` - Background color to highlight errors, invalid data and destructive actions for caution.
337
- - `--color-background-feedback-red` - Background color to highlight errors, invalid data and destructive actions.
338
- - `--color-always-black` - Always black regardless of color mode.
339
- - `--color-always-white` - Always white regardless of color mode.
326
+ - `--v-font-{12,14,16}-size`
327
+ - `--v-font-{12,14,16}-lineheight`
328
+ - `--v-font-{12,14,16}` (`font` shorthand with `font-weight: 300`)
329
+ - `--v-font-title-{20,24}-size`
330
+ - `--v-font-title-{20,24}-lineheight`
331
+ - `--v-font-title-{20,24}` (`font` shorthand with `font-weight: 300`)
332
+ - `--v-font-heading-{1-3}-size-min`
333
+ - `--v-font-heading-{1-3}-size-max`
334
+ - `--v-font-heading-{1-3}-size`
335
+ - `--v-font-heading-{1-3}-lineheight`
336
+ - `--v-font-heading-{1-3}`
337
+ - `--v-font-statement-{1-3,signature}-size-min`
338
+ - `--v-font-statement-{1-3,signature}-size-max`
339
+ - `--v-font-statement-{1-3,signature}-size`
340
+ - `--v-font-statement-{1-3,signature}-lineheight`
341
+ - `--v-font-statement-{1-3,signature}`
342
+
343
+ ### Color
344
+
345
+ - `--v-color-foreground-primary` - Foreground color for primary text and icons.
346
+ - `--v-color-foreground-secondary` - Foreground color for secondary text and icons.
347
+ - `--v-color-foreground-feedback-green` - Foreground color to signify positive actions.
348
+ - `--v-color-foreground-feedback-orange` - Foreground color to highlight errors, invalid data and destructive actions for caution.
349
+ - `--v-color-foreground-feedback-red` - Foreground color to highlight errors, invalid data and destructive actions.
350
+
351
+ - `--v-color-ornament-primary` - Ornamental color to visually group or separate UI elements.
352
+ - `--v-color-background-primary` - The primary background colour.
353
+ - `--v-color-background-secondary` - The secondary background colour.
354
+ - `--v-color-background-feedback-green` - Background color to signify positive actions.
355
+ - `--v-color-background-feedback-orange` - Background color to highlight errors, invalid data and destructive actions for caution.
356
+ - `--v-color-background-feedback-red` - Background color to highlight errors, invalid data and destructive actions.
357
+ - `--v-color-always-black` - Always black regardless of color mode.
358
+ - `--v-color-always-white` - Always white regardless of color mode.
340
359
 
341
360
  ## Usage
342
361
 
@@ -352,9 +371,9 @@ import { links } from '@volvo-cars/css/links';
352
371
  </Head>;
353
372
  ```
354
373
 
355
- This creates links to required CSS files hosted on the shared volvocars.com CDN.
374
+ This creates links to required CSS files hosted on the shared volvocars.com CDN. The file names include content based hashes, meaning that when a new version is released any unchanged CSS files will remain in caches in the CDN and browsers. The hashed file names for each release are always available in `@volvo-cars/css/dist/imports.json`.
356
375
 
357
- 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.
376
+ In development environments such as Storybook or on deployments not on www.volvocars.com you can also import the CSS files directly from the npm package.
358
377
 
359
378
  ```js
360
379
  import '@volvo-cars/css/font-face.css';
@@ -392,7 +411,7 @@ As a convenience for TypeScript developers all class names and CSS variables are
392
411
  ```ts
393
412
  import vss from '@volvo-cars/css/styles';
394
413
 
395
- console.assert(vss.body14 === 'body-14');
414
+ console.assert(vss.body16 === 'body-16');
396
415
  console.assert(vss.heading1 === 'heading-1');
397
416
 
398
417
  document.body.classList.add(vss.body14);
@@ -401,7 +420,7 @@ document.body.classList.add(vss.body14);
401
420
  ```ts
402
421
  import vtokens from '@volvo-cars/css/tokens';
403
422
 
404
- console.assert(vtokens.fontHeading1Size === 'var(--font-heading-1-size)');
423
+ console.assert(vtokens.fontHeading1Size === 'var(--v-font-heading-1-size)');
405
424
 
406
425
  document.body.style.font = vtokens.font16;
407
426
  ```
package/dist/chunk-UKDYRPG7.js ADDED
@@ -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.cc0e454d.css"};export{e as a};
2
+ //# sourceMappingURL=chunk-UKDYRPG7.js.map
package/dist/clsx.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare type ClassValue = ClassArray | ClassDictionary | string | number | null | boolean | undefined;
1
+ type ClassValue = ClassArray | ClassDictionary | string | number | null | boolean | undefined;
2
2
  interface ClassDictionary {
3
3
  [id: string]: unknown;
4
4
  }
package/dist/css/v0/font-face.05a7ed4c.css ADDED
@@ -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}
package/dist/css/v0/styles.a025596f.css ADDED
@@ -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))}
package/dist/css/v0/styles_hover.d40031b5.css ADDED
@@ -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)}
package/dist/css/v0/tokens.cc0e454d.css ADDED
@@ -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-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-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-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
+ @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.6dafba9a.css",
4
- "styles.css": "css/v0/styles.114358fd.css",
5
- "styles_hover.css": "css/v0/styles_hover.eaf0ecc8.css",
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.3f5f1731.css"
7
+ "tokens.css": "css/v0/tokens.cc0e454d.css"
8
8
  }
9
9
  }
package/dist/links.cjs CHANGED
@@ -1,2 +1,2 @@
1
- var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var a=(s,e)=>{for(var t in e)i(s,t,{get:e[t],enumerable:!0})},l=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of f(e))!d.call(s,o)&&o!==t&&i(s,o,{get:()=>e[o],enumerable:!(r=n(e,o))||r.enumerable});return s};var p=s=>l(i({},"__esModule",{value:!0}),s);var y={};a(y,{links:()=>m});module.exports=p(y);var c={"font-face.css":"css/v0/font-face.6dafba9a.css","styles.css":"css/v0/styles.114358fd.css","styles_hover.css":"css/v0/styles_hover.eaf0ecc8.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.3f5f1731.css"};var v="https://www.volvocars.com/static/shared/pkg/";function m({base:s=v}={}){if(s&&typeof s!="string"&&(s=s.href),typeof s=="string"&&s!==""&&!s.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(c).map(([e,t])=>{let r={rel:"stylesheet",href:s+t,"data-volvo-css-name":e};return e.endsWith("_hover.css")?r.media="(hover:hover)":e.endsWith("_reduced-motion.css")&&(r.media="(prefers-reduced-motion)"),r})}0&&(module.exports={links});
1
+ var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var f=(s,e)=>{for(var t in e)c(s,t,{get:e[t],enumerable:!0})},p=(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 a=s=>p(c({},"__esModule",{value:!0}),s);var y={};f(y,{links:()=>m});module.exports=a(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.cc0e454d.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-XU6OSVNK.js";var o="https://www.volvocars.com/static/shared/pkg/";function p({base:e=o}={}){if(e&&typeof e!="string"&&(e=e.href),typeof e=="string"&&e!==""&&!e.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(t).map(([r,i])=>{let s={rel:"stylesheet",href:e+i,"data-volvo-css-name":r};return r.endsWith("_hover.css")?s.media="(hover:hover)":r.endsWith("_reduced-motion.css")&&(s.media="(prefers-reduced-motion)"),s})}export{p as links};
1
+ import{a as t}from"./chunk-UKDYRPG7.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="QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkY7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjMwMDtmb250LXN0eWxlOml0YWxpYzt1bmljb2RlLXJhbmdlOlUrMzcwLTNGRjtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7Zm9udC1zdHlsZTppdGFsaWM7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7Zm9udC1zdHlsZTppdGFsaWM7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtfUBmb250LWZhY2V7Zm9udC1kaXNwbGF5OnN3YXA7Zm9udC13ZWlnaHQ6NTAwO3VuaWNvZGUtcmFuZ2U6VSszNzAtM0ZGO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo1MDA7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1tZWRpdW0ud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtfUBmb250LWZhY2V7Zm9udC1kaXNwbGF5OnN3YXA7Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo1MDA7Zm9udC1zdHlsZTppdGFsaWM7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkY7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo1MDA7Zm9udC1zdHlsZTppdGFsaWM7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjUwMDtmb250LXN0eWxlOml0YWxpYztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjQwMDt1bmljb2RlLXJhbmdlOlUrND8/O3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWJyb2FkL3ZvbHZvLWJyb2FkLWN5cmlsbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBCcm9hZH1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjQwMDt1bmljb2RlLXJhbmdlOlUrMzcwLTNGRjtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gQnJvYWR9QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo0MDA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWJyb2FkL3ZvbHZvLWJyb2FkLWxhdGluLXJlc3Qud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkfQ==";var n={"font-face.css":"css/v0/font-face.6dafba9a.css","styles.css":"css/v0/styles.114358fd.css","styles_hover.css":"css/v0/styles_hover.eaf0ecc8.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.3f5f1731.css"};var p="https://www.volvocars.com/static/shared/pkg/";function h({base:o=p}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(n).flatMap(([t,s])=>{let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"};return t.endsWith("_hover.css")?f.media="(hover:hover)":t.endsWith("_reduced-motion.css")&&(f.media="(prefers-reduced-motion)"),t==="font-face.css"?{...f,href:`data:text/css;base64,${e}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}0&&(module.exports={links});
1
+ var l=Object.defineProperty;var 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.cc0e454d.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-XU6OSVNK.js";var l="QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkY7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjMwMDtmb250LXN0eWxlOml0YWxpYzt1bmljb2RlLXJhbmdlOlUrMzcwLTNGRjtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7Zm9udC1zdHlsZTppdGFsaWM7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDozMDA7Zm9udC1zdHlsZTppdGFsaWM7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtfUBmb250LWZhY2V7Zm9udC1kaXNwbGF5OnN3YXA7Zm9udC13ZWlnaHQ6NTAwO3VuaWNvZGUtcmFuZ2U6VSszNzAtM0ZGO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo1MDA7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1tZWRpdW0ud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtfUBmb250LWZhY2V7Zm9udC1kaXNwbGF5OnN3YXA7Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo1MDA7Zm9udC1zdHlsZTppdGFsaWM7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkY7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW19QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo1MDA7Zm9udC1zdHlsZTppdGFsaWM7dW5pY29kZS1yYW5nZTpVKzQ/PztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1jeXJpbGxpYy1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjUwMDtmb250LXN0eWxlOml0YWxpYztzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBOb3Z1bX1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjQwMDt1bmljb2RlLXJhbmdlOlUrND8/O3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWJyb2FkL3ZvbHZvLWJyb2FkLWN5cmlsbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWZhbWlseTpWb2x2byBCcm9hZH1AZm9udC1mYWNle2ZvbnQtZGlzcGxheTpzd2FwO2ZvbnQtd2VpZ2h0OjQwMDt1bmljb2RlLXJhbmdlOlUrMzcwLTNGRjtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1mYW1pbHk6Vm9sdm8gQnJvYWR9QGZvbnQtZmFjZXtmb250LWRpc3BsYXk6c3dhcDtmb250LXdlaWdodDo0MDA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWJyb2FkL3ZvbHZvLWJyb2FkLWxhdGluLXJlc3Qud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkfQ==";var r="https://www.volvocars.com/static/shared/pkg/";function c({base:o=r}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(a).flatMap(([t,s])=>{let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"};return t.endsWith("_hover.css")?f.media="(hover:hover)":t.endsWith("_reduced-motion.css")&&(f.media="(prefers-reduced-motion)"),t==="font-face.css"?{...f,href:`data:text/css;base64,${l}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}export{c as links};
1
+ import{a}from"./chunk-UKDYRPG7.js";var l="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var r="https://www.volvocars.com/static/shared/pkg/";function c({base:o=r}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(a).flatMap(([t,s])=>{let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"};return t.endsWith("_hover.css")?f.media="(hover:hover)":t.endsWith("_reduced-motion.css")&&(f.media="(prefers-reduced-motion)"),t==="font-face.css"?{...f,href:`data:text/css;base64,${l}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}export{c as links};
2
2
  //# sourceMappingURL=links.server.js.map
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light;accent-color:var(--color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-style:solid;border-width:0;border-color:var(--color-ornament-primary)}:where(.volvo_v0 body,body.volvo_v0){background-color:var(--color-background-primary);min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select){margin:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul,summary){padding:0;list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000;padding:0}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0){font:var(--font-16)}:where(.volvo_v0) :where(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small){font:inherit}:where(.volvo_v0) :where(b,strong){font-weight:500}:where(.volvo_v0) :where(button,input,optgroup,select,label){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0) :where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}:where(.volvo_v0) .title-24{font-size:var(--font-title-24-size);line-height:var(--font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--font-title-20-size);line-height:var(--font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--font-16-size);line-height:var(--font-16-lineheight)}:where(.volvo_v0) .body-14{font-size:var(--font-14-size);line-height:var(--font-14-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--font-12-size);line-height:var(--font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--color-always-white)}:where(.volvo_v0) .text-primary{color:var(--color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--color-foreground-feedback-red)}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--font-heading-1-size-min),var(--_vcc7ec5de,var(--font-heading-1-size)),var(--font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--font-heading-2-size-min),var(--_vcc7ec5de,var(--font-heading-2-size)),var(--font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--font-heading-3-size-min),var(--_vcc7ec5de,var(--font-heading-3-size)),var(--font-heading-3-size-max))}:where(.volvo_v0 a:not([class])),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline{color:var(--color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--color-foreground-primary)}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:var(--space-32)}:where(.volvo_v0) .statement-1{font:var(--font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--font-statement-1-size-min),var(--_vcc7ec5de),var(--font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--font-statement-2-size-min),var(--_vcc7ec5de),var(--font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--font-statement-3-size-min),var(--_vcc7ec5de),var(--font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--font-statement-signature-size-min),var(--_vcc7ec5de),var(--font-statement-signature-size-max))}
1
+ :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--_vccb0fa0f)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16)}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select,fieldset){margin:0}:where(.volvo_v0) :where(button,ol,ul,legend){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul,summary){list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0) :where(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small){font:inherit}:where(.volvo_v0) :where(b,strong){font-weight:500}:where(.volvo_v0) :where(button,input,optgroup,select,label){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0) :where(p,li,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a:not([class])),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--v-color-foreground-primary)}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}
package/dist/styles.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export interface ClassNames {
2
2
  readonly UNSTABLE_linkSecondary: 'UNSTABLE_link-secondary';
3
- readonly bgAccentBlue: 'bg-accent-blue';
4
3
  readonly bgAlwaysBlack: 'bg-always-black';
5
4
  readonly bgAlwaysWhite: 'bg-always-white';
6
5
  readonly bgFeedbackGreen: 'bg-feedback-green';
@@ -10,7 +9,6 @@ export interface ClassNames {
10
9
  readonly bgPrimary: 'bg-primary';
11
10
  readonly bgSecondary: 'bg-secondary';
12
11
  readonly bgTransparent: 'bg-transparent';
13
- readonly body14: 'body-14';
14
12
  readonly body16: 'body-16';
15
13
  readonly fontLight: 'font-light';
16
14
  readonly fontMedium: 'font-medium';
@@ -25,15 +23,17 @@ export interface ClassNames {
25
23
  readonly statement2: 'statement-2';
26
24
  readonly statement3: 'statement-3';
27
25
  readonly statementSignature: 'statement-signature';
28
- readonly textAccentBlue: 'text-accent-blue';
29
26
  readonly textAlwaysBlack: 'text-always-black';
30
27
  readonly textAlwaysWhite: 'text-always-white';
28
+ readonly textCenter: 'text-center';
29
+ readonly textEnd: 'text-end';
31
30
  readonly textFeedbackGreen: 'text-feedback-green';
32
31
  readonly textFeedbackOrange: 'text-feedback-orange';
33
32
  readonly textFeedbackRed: 'text-feedback-red';
34
33
  readonly textInherit: 'text-inherit';
35
34
  readonly textPrimary: 'text-primary';
36
35
  readonly textSecondary: 'text-secondary';
36
+ readonly textStart: 'text-start';
37
37
  readonly title20: 'title-20';
38
38
  readonly title24: 'title-24';
39
39
  }
package/dist/styles_all-media.css CHANGED
@@ -1 +1 @@
1
- :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light;accent-color:var(--color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-style:solid;border-width:0;border-color:var(--color-ornament-primary)}:where(.volvo_v0 body,body.volvo_v0){background-color:var(--color-background-primary);min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select){margin:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul,summary){padding:0;list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000;padding:0}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0){font:var(--font-16)}:where(.volvo_v0) :where(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small){font:inherit}:where(.volvo_v0) :where(b,strong){font-weight:500}:where(.volvo_v0) :where(button,input,optgroup,select,label){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0) :where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}:where(.volvo_v0) .title-24{font-size:var(--font-title-24-size);line-height:var(--font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--font-title-20-size);line-height:var(--font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--font-16-size);line-height:var(--font-16-lineheight)}:where(.volvo_v0) .body-14{font-size:var(--font-14-size);line-height:var(--font-14-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--font-12-size);line-height:var(--font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--color-always-white)}:where(.volvo_v0) .text-primary{color:var(--color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--color-foreground-feedback-red)}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--font-heading-1-size-min),var(--_vcc7ec5de,var(--font-heading-1-size)),var(--font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--font-heading-2-size-min),var(--_vcc7ec5de,var(--font-heading-2-size)),var(--font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--font-heading-3-size-min),var(--_vcc7ec5de,var(--font-heading-3-size)),var(--font-heading-3-size-max))}:where(.volvo_v0 a:not([class])),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline{color:var(--color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--color-foreground-primary)}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:var(--space-32)}:where(.volvo_v0) .statement-1{font:var(--font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--font-statement-1-size-min),var(--_vcc7ec5de),var(--font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--font-statement-2-size-min),var(--_vcc7ec5de),var(--font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--font-statement-3-size-min),var(--_vcc7ec5de),var(--font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--font-statement-signature-size-min),var(--_vcc7ec5de),var(--font-statement-signature-size-max))}@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(--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)}}@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
+ :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}}
package/dist/styles_all-media.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export interface ClassNames {
2
2
  readonly UNSTABLE_linkSecondary: 'UNSTABLE_link-secondary';
3
- readonly bgAccentBlue: 'bg-accent-blue';
4
3
  readonly bgAlwaysBlack: 'bg-always-black';
5
4
  readonly bgAlwaysWhite: 'bg-always-white';
6
5
  readonly bgFeedbackGreen: 'bg-feedback-green';
@@ -10,7 +9,6 @@ export interface ClassNames {
10
9
  readonly bgPrimary: 'bg-primary';
11
10
  readonly bgSecondary: 'bg-secondary';
12
11
  readonly bgTransparent: 'bg-transparent';
13
- readonly body14: 'body-14';
14
12
  readonly body16: 'body-16';
15
13
  readonly fontLight: 'font-light';
16
14
  readonly fontMedium: 'font-medium';
@@ -25,15 +23,17 @@ export interface ClassNames {
25
23
  readonly statement2: 'statement-2';
26
24
  readonly statement3: 'statement-3';
27
25
  readonly statementSignature: 'statement-signature';
28
- readonly textAccentBlue: 'text-accent-blue';
29
26
  readonly textAlwaysBlack: 'text-always-black';
30
27
  readonly textAlwaysWhite: 'text-always-white';
28
+ readonly textCenter: 'text-center';
29
+ readonly textEnd: 'text-end';
31
30
  readonly textFeedbackGreen: 'text-feedback-green';
32
31
  readonly textFeedbackOrange: 'text-feedback-orange';
33
32
  readonly textFeedbackRed: 'text-feedback-red';
34
33
  readonly textInherit: 'text-inherit';
35
34
  readonly textPrimary: 'text-primary';
36
35
  readonly textSecondary: 'text-secondary';
36
+ readonly textStart: 'text-start';
37
37
  readonly title20: 'title-20';
38
38
  readonly title24: 'title-24';
39
39
  }
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(--color-foreground-accent-blue)}
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(--${s(e)})`}}),$=u;0&&(module.exports={});
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(--${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,SAASC,EAAYD,CAAG,IACjC,CACF,CAAC,EAEME,EAAQJ","names":["tokens_exports","__export","tokens_default","__toCommonJS","toKebabCase","x","tokens","_target","key","toKebabCase","tokens_default"]}
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{--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-64:4rem;--space-80:5rem;--space-96:6rem;--space-128:8rem;--font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-broad-family:"Volvo Broad","Arial Black",sans-serif;--font-16-size:1rem;--font-16-lineheight:1.5;--font-16:300 var(--font-16-size)/var(--font-16-lineheight) var(--font-sans-family);--font-14-size:.875rem;--font-14-lineheight:1.57;--font-14:300 var(--font-14-size)/var(--font-14-lineheight) var(--font-sans-family);--font-12-size:.75rem;--font-12-lineheight:1.67;--font-12:300 var(--font-12-size)/var(--font-12-lineheight) var(--font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--font-heading-1-lineheight:var(--_vcc33ac2c);--font-heading-1-size-min:2rem;--font-heading-1-size-max:2.5rem;--font-heading-1-size:clamp( var(--font-heading-1-size-min),1vw + 1.7rem,var(--font-heading-1-size-max));--font-heading-1:500 var(--font-heading-1-size)/var(--font-heading-1-lineheight) var(--font-sans-family);--font-heading-2-lineheight:var(--_vcc33ac2c);--font-heading-2-size-min:1.5rem;--font-heading-2-size-max:2rem;--font-heading-2-size:clamp( var(--font-heading-2-size-min),1vw + 1.2rem,var(--font-heading-2-size-max));--font-heading-2:500 var(--font-heading-2-size)/var(--font-heading-2-lineheight) var(--font-sans-family);--font-heading-3-lineheight:var(--_vcc33ac2c);--font-heading-3-size-min:1.5rem;--font-heading-3-size-max:2rem;--font-heading-3-size:clamp( var(--font-heading-3-size-min),1vw + 1.2rem,var(--font-heading-3-size-max));--font-heading-3:300 var(--font-heading-3-size)/var(--font-heading-3-lineheight) var(--font-sans-family);--font-statement-1-lineheight:var(--_vcc33ac2c);--font-statement-1-size-min:4.5rem;--font-statement-1-size-max:6rem;--font-statement-1-size:clamp( var(--font-statement-1-size-min),3vw + 3.6rem,var(--font-statement-1-size-max));--font-statement-1:500 var(--font-statement-1-size)/var(--font-statement-1-lineheight) var(--font-sans-family);--font-statement-2-lineheight:var(--_vcc33ac2c);--font-statement-2-size-min:3.5rem;--font-statement-2-size-max:4.5rem;--font-statement-2-size:clamp( var(--font-statement-2-size-min),2vw + 2.9rem,var(--font-statement-2-size-max));--font-statement-2:500 var(--font-statement-2-size)/var(--font-statement-2-lineheight) var(--font-sans-family);--font-statement-3-lineheight:var(--_vcc33ac2c);--font-statement-3-size-min:3rem;--font-statement-3-size-max:3.5rem;--font-statement-3-size:clamp( var(--font-statement-3-size-min),1vw + 2.7rem,var(--font-statement-3-size-max));--font-statement-3:500 var(--font-statement-3-size)/var(--font-statement-3-lineheight) var(--font-sans-family);--font-statement-signature-lineheight:1;--font-statement-signature-size-min:2.5rem;--font-statement-signature-size-max:4.5rem;--font-statement-signature-size:clamp( var(--font-statement-signature-size-min),4vw + 1.3rem,var(--font-statement-signature-size-max));--font-statement-signature:500 var(--font-statement-signature-size)/var(--font-statement-signature-lineheight) var(--font-broad-family);--font-title-24-size:1.5rem;--font-title-24-lineheight:1.334;--font-title-24:300 var(--font-title-24-size)/var(--font-title-24-lineheight) var(--font-sans-family);--font-title-20-size:1.25rem;--font-title-20-lineheight:1.4;--font-title-20:300 var(--font-title-20-size)/var(--font-title-20-lineheight) var(--font-sans-family)}:where([lang|=vi]) .volvo_v0,:where([lang|=vi]).volvo_v0{--font-sans-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--color-always-black:#141414;--color-always-white:#fff;--color-foreground-primary:#000000eb;--color-foreground-secondary:#0000008f;--color-ornament-primary:#00000029;--color-ornament-secondary:#00000014;--color-background-primary:#fff;--color-background-secondary:#fafafa;--color-foreground-accent-blue:#2a609d;--color-background-accent-blue:#2a609d;--color-foreground-feedback-green:#048220;--color-foreground-feedback-orange:#eb7400;--color-foreground-feedback-red:#bf2012;--color-background-feedback-green:#048220;--color-background-feedback-orange:#eb7400;--color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--color-foreground-primary:#fff;--color-foreground-secondary:#ffffffa3;--color-ornament-primary:#ffffff1f;--color-ornament-secondary:#ffffff0a;--color-background-primary:#141414;--color-background-secondary:#1c1c1c;--color-foreground-accent-blue:#2387eb;--color-background-accent-blue:#1f78d1;--color-foreground-feedback-green:#07a62b;--color-foreground-feedback-orange:#ff9400;--color-foreground-feedback-red:#ff3320;--color-background-feedback-green:#088924;--color-background-feedback-orange:#ff9400;--color-background-feedback-red:#cc2617}
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-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-background-primary:#000;--v-color-background-secondary:#141414;--_vccb0fa0f:#2387eb;--_vccb97b8f:#1f78d1;--v-color-foreground-feedback-green:#07a62b;--v-color-foreground-feedback-orange:#ff9400;--v-color-foreground-feedback-red:#ff3320;--v-color-background-feedback-green:#088924;--v-color-background-feedback-orange:#ff9400;--v-color-background-feedback-red:#cc2617}
package/dist/tokens.d.ts CHANGED
@@ -1,85 +1,69 @@
1
1
  export interface Tokens {
2
- readonly space4: 'var(--space-4)';
3
- readonly space8: 'var(--space-8)';
4
- readonly space12: 'var(--space-12)';
5
- readonly space16: 'var(--space-16)';
6
- readonly space20: 'var(--space-20)';
7
- readonly space24: 'var(--space-24)';
8
- readonly space32: 'var(--space-32)';
9
- readonly space40: 'var(--space-40)';
10
- readonly space48: 'var(--space-48)';
11
- readonly space64: 'var(--space-64)';
12
- readonly space80: 'var(--space-80)';
13
- readonly space96: 'var(--space-96)';
14
- readonly space128: 'var(--space-128)';
15
- readonly fontSansFamily: 'var(--font-sans-family)';
16
- readonly fontBroadFamily: 'var(--font-broad-family)';
17
- readonly font16Size: 'var(--font-16-size)';
18
- readonly font16Lineheight: 'var(--font-16-lineheight)';
19
- readonly font16: 'var(--font-16)';
20
- readonly font14Size: 'var(--font-14-size)';
21
- readonly font14Lineheight: 'var(--font-14-lineheight)';
22
- readonly font14: 'var(--font-14)';
23
- readonly font12Size: 'var(--font-12-size)';
24
- readonly font12Lineheight: 'var(--font-12-lineheight)';
25
- readonly font12: 'var(--font-12)';
26
- readonly fontHeading1Lineheight: 'var(--font-heading-1-lineheight)';
27
- readonly fontHeading1SizeMin: 'var(--font-heading-1-size-min)';
28
- readonly fontHeading1SizeMax: 'var(--font-heading-1-size-max)';
29
- readonly fontHeading1Size: 'var(--font-heading-1-size)';
30
- readonly fontHeading1: 'var(--font-heading-1)';
31
- readonly fontHeading2Lineheight: 'var(--font-heading-2-lineheight)';
32
- readonly fontHeading2SizeMin: 'var(--font-heading-2-size-min)';
33
- readonly fontHeading2SizeMax: 'var(--font-heading-2-size-max)';
34
- readonly fontHeading2Size: 'var(--font-heading-2-size)';
35
- readonly fontHeading2: 'var(--font-heading-2)';
36
- readonly fontHeading3Lineheight: 'var(--font-heading-3-lineheight)';
37
- readonly fontHeading3SizeMin: 'var(--font-heading-3-size-min)';
38
- readonly fontHeading3SizeMax: 'var(--font-heading-3-size-max)';
39
- readonly fontHeading3Size: 'var(--font-heading-3-size)';
40
- readonly fontHeading3: 'var(--font-heading-3)';
41
- readonly fontStatement1Lineheight: 'var(--font-statement-1-lineheight)';
42
- readonly fontStatement1SizeMin: 'var(--font-statement-1-size-min)';
43
- readonly fontStatement1SizeMax: 'var(--font-statement-1-size-max)';
44
- readonly fontStatement1Size: 'var(--font-statement-1-size)';
45
- readonly fontStatement1: 'var(--font-statement-1)';
46
- readonly fontStatement2Lineheight: 'var(--font-statement-2-lineheight)';
47
- readonly fontStatement2SizeMin: 'var(--font-statement-2-size-min)';
48
- readonly fontStatement2SizeMax: 'var(--font-statement-2-size-max)';
49
- readonly fontStatement2Size: 'var(--font-statement-2-size)';
50
- readonly fontStatement2: 'var(--font-statement-2)';
51
- readonly fontStatement3Lineheight: 'var(--font-statement-3-lineheight)';
52
- readonly fontStatement3SizeMin: 'var(--font-statement-3-size-min)';
53
- readonly fontStatement3SizeMax: 'var(--font-statement-3-size-max)';
54
- readonly fontStatement3Size: 'var(--font-statement-3-size)';
55
- readonly fontStatement3: 'var(--font-statement-3)';
56
- readonly fontStatementSignatureLineheight: 'var(--font-statement-signature-lineheight)';
57
- readonly fontStatementSignatureSizeMin: 'var(--font-statement-signature-size-min)';
58
- readonly fontStatementSignatureSizeMax: 'var(--font-statement-signature-size-max)';
59
- readonly fontStatementSignatureSize: 'var(--font-statement-signature-size)';
60
- readonly fontStatementSignature: 'var(--font-statement-signature)';
61
- readonly fontTitle24Size: 'var(--font-title-24-size)';
62
- readonly fontTitle24Lineheight: 'var(--font-title-24-lineheight)';
63
- readonly fontTitle24: 'var(--font-title-24)';
64
- readonly fontTitle20Size: 'var(--font-title-20-size)';
65
- readonly fontTitle20Lineheight: 'var(--font-title-20-lineheight)';
66
- readonly fontTitle20: 'var(--font-title-20)';
67
- readonly colorAlwaysBlack: 'var(--color-always-black)';
68
- readonly colorAlwaysWhite: 'var(--color-always-white)';
69
- readonly colorForegroundPrimary: 'var(--color-foreground-primary)';
70
- readonly colorForegroundSecondary: 'var(--color-foreground-secondary)';
71
- readonly colorOrnamentPrimary: 'var(--color-ornament-primary)';
72
- readonly colorOrnamentSecondary: 'var(--color-ornament-secondary)';
73
- readonly colorBackgroundPrimary: 'var(--color-background-primary)';
74
- readonly colorBackgroundSecondary: 'var(--color-background-secondary)';
75
- readonly colorForegroundAccentBlue: 'var(--color-foreground-accent-blue)';
76
- readonly colorBackgroundAccentBlue: 'var(--color-background-accent-blue)';
77
- readonly colorForegroundFeedbackGreen: 'var(--color-foreground-feedback-green)';
78
- readonly colorForegroundFeedbackOrange: 'var(--color-foreground-feedback-orange)';
79
- readonly colorForegroundFeedbackRed: 'var(--color-foreground-feedback-red)';
80
- readonly colorBackgroundFeedbackGreen: 'var(--color-background-feedback-green)';
81
- readonly colorBackgroundFeedbackOrange: 'var(--color-background-feedback-orange)';
82
- readonly colorBackgroundFeedbackRed: 'var(--color-background-feedback-red)';
2
+ readonly vFontSansFamily: 'var(--v-font-sans-family)';
3
+ readonly vFontBroadFamily: 'var(--v-font-broad-family)';
4
+ readonly vFont16Size: 'var(--v-font-16-size)';
5
+ readonly vFont16Lineheight: 'var(--v-font-16-lineheight)';
6
+ readonly vFont16: 'var(--v-font-16)';
7
+ readonly vFont14Size: 'var(--v-font-14-size)';
8
+ readonly vFont14Lineheight: 'var(--v-font-14-lineheight)';
9
+ readonly vFont14: 'var(--v-font-14)';
10
+ readonly vFont12Size: 'var(--v-font-12-size)';
11
+ readonly vFont12Lineheight: 'var(--v-font-12-lineheight)';
12
+ readonly vFont12: 'var(--v-font-12)';
13
+ readonly vFontHeading1Lineheight: 'var(--v-font-heading-1-lineheight)';
14
+ readonly vFontHeading1SizeMin: 'var(--v-font-heading-1-size-min)';
15
+ readonly vFontHeading1SizeMax: 'var(--v-font-heading-1-size-max)';
16
+ readonly vFontHeading1Size: 'var(--v-font-heading-1-size)';
17
+ readonly vFontHeading1: 'var(--v-font-heading-1)';
18
+ readonly vFontHeading2Lineheight: 'var(--v-font-heading-2-lineheight)';
19
+ readonly vFontHeading2SizeMin: 'var(--v-font-heading-2-size-min)';
20
+ readonly vFontHeading2SizeMax: 'var(--v-font-heading-2-size-max)';
21
+ readonly vFontHeading2Size: 'var(--v-font-heading-2-size)';
22
+ readonly vFontHeading2: 'var(--v-font-heading-2)';
23
+ readonly vFontHeading3Lineheight: 'var(--v-font-heading-3-lineheight)';
24
+ readonly vFontHeading3SizeMin: 'var(--v-font-heading-3-size-min)';
25
+ readonly vFontHeading3SizeMax: 'var(--v-font-heading-3-size-max)';
26
+ readonly vFontHeading3Size: 'var(--v-font-heading-3-size)';
27
+ readonly vFontHeading3: 'var(--v-font-heading-3)';
28
+ readonly vFontStatement1Lineheight: 'var(--v-font-statement-1-lineheight)';
29
+ readonly vFontStatement1SizeMin: 'var(--v-font-statement-1-size-min)';
30
+ readonly vFontStatement1SizeMax: 'var(--v-font-statement-1-size-max)';
31
+ readonly vFontStatement1Size: 'var(--v-font-statement-1-size)';
32
+ readonly vFontStatement1: 'var(--v-font-statement-1)';
33
+ readonly vFontStatement2Lineheight: 'var(--v-font-statement-2-lineheight)';
34
+ readonly vFontStatement2SizeMin: 'var(--v-font-statement-2-size-min)';
35
+ readonly vFontStatement2SizeMax: 'var(--v-font-statement-2-size-max)';
36
+ readonly vFontStatement2Size: 'var(--v-font-statement-2-size)';
37
+ readonly vFontStatement2: 'var(--v-font-statement-2)';
38
+ readonly vFontStatement3Lineheight: 'var(--v-font-statement-3-lineheight)';
39
+ readonly vFontStatement3SizeMin: 'var(--v-font-statement-3-size-min)';
40
+ readonly vFontStatement3SizeMax: 'var(--v-font-statement-3-size-max)';
41
+ readonly vFontStatement3Size: 'var(--v-font-statement-3-size)';
42
+ readonly vFontStatement3: 'var(--v-font-statement-3)';
43
+ readonly vFontStatementSignatureLineheight: 'var(--v-font-statement-signature-lineheight)';
44
+ readonly vFontStatementSignatureSizeMin: 'var(--v-font-statement-signature-size-min)';
45
+ readonly vFontStatementSignatureSizeMax: 'var(--v-font-statement-signature-size-max)';
46
+ readonly vFontStatementSignatureSize: 'var(--v-font-statement-signature-size)';
47
+ readonly vFontStatementSignature: 'var(--v-font-statement-signature)';
48
+ readonly vFontTitle24Size: 'var(--v-font-title-24-size)';
49
+ readonly vFontTitle24Lineheight: 'var(--v-font-title-24-lineheight)';
50
+ readonly vFontTitle24: 'var(--v-font-title-24)';
51
+ readonly vFontTitle20Size: 'var(--v-font-title-20-size)';
52
+ readonly vFontTitle20Lineheight: 'var(--v-font-title-20-lineheight)';
53
+ readonly vFontTitle20: 'var(--v-font-title-20)';
54
+ readonly vColorAlwaysBlack: 'var(--v-color-always-black)';
55
+ readonly vColorAlwaysWhite: 'var(--v-color-always-white)';
56
+ readonly vColorForegroundPrimary: 'var(--v-color-foreground-primary)';
57
+ readonly vColorForegroundSecondary: 'var(--v-color-foreground-secondary)';
58
+ readonly vColorOrnamentPrimary: 'var(--v-color-ornament-primary)';
59
+ readonly vColorBackgroundPrimary: 'var(--v-color-background-primary)';
60
+ readonly vColorBackgroundSecondary: 'var(--v-color-background-secondary)';
61
+ readonly vColorForegroundFeedbackGreen: 'var(--v-color-foreground-feedback-green)';
62
+ readonly vColorForegroundFeedbackOrange: 'var(--v-color-foreground-feedback-orange)';
63
+ readonly vColorForegroundFeedbackRed: 'var(--v-color-foreground-feedback-red)';
64
+ readonly vColorBackgroundFeedbackGreen: 'var(--v-color-background-feedback-green)';
65
+ readonly vColorBackgroundFeedbackOrange: 'var(--v-color-background-feedback-orange)';
66
+ readonly vColorBackgroundFeedbackRed: 'var(--v-color-background-feedback-red)';
83
67
  }
84
68
  declare const vtokens: Tokens;
85
69
  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(--${e(t)})`}}),s=r;export{s as default};
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(--${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,SAASC,EAAYD,CAAG,IACjC,CACF,CAAC,EAEME,EAAQJ","names":["tokens","_target","key","toKebabCase","tokens_default"]}
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.2.0",
4
+ "version": "0.4.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/vcc-ui",
111
+ "url": "https://github.com/volvo-cars/design-system-web",
112
112
  "directory": "packages/css"
113
113
  },
114
114
  "devDependencies": {
@@ -118,8 +118,8 @@
118
118
  "css-tree": "2.2.1",
119
119
  "lightningcss": "1.16.1",
120
120
  "lodash": "4.17.21",
121
- "tsup": "6.4.0",
122
- "typescript": "4.8.4"
121
+ "tsup": "6.5.0",
122
+ "typescript": "4.9.3"
123
123
  },
124
124
  "browserslist": [
125
125
  "extends @volvo-cars/browserslist-config"
package/dist/chunk-XU6OSVNK.js DELETED
@@ -1,2 +0,0 @@
1
- var c={"font-face.css":"css/v0/font-face.6dafba9a.css","styles.css":"css/v0/styles.114358fd.css","styles_hover.css":"css/v0/styles_hover.eaf0ecc8.css","styles_reduced-motion.css":"css/v0/styles_reduced-motion.eeee4929.css","tokens.css":"css/v0/tokens.3f5f1731.css"};export{c as a};
2
- //# sourceMappingURL=chunk-XU6OSVNK.js.map
package/dist/css/v0/font-face.6dafba9a.css DELETED
@@ -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}
package/dist/css/v0/styles.114358fd.css DELETED
@@ -1 +0,0 @@
1
- :where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--color-foreground-primary);color-scheme:light;accent-color:var(--color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-style:solid;border-width:0;border-color:var(--color-ornament-primary)}:where(.volvo_v0 body,body.volvo_v0){background-color:var(--color-background-primary);min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select){margin:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul,summary){padding:0;list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000;padding:0}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0){font:var(--font-16)}:where(.volvo_v0) :where(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small){font:inherit}:where(.volvo_v0) :where(b,strong){font-weight:500}:where(.volvo_v0) :where(button,input,optgroup,select,label){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0) :where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:99rem}:where(.volvo_v0) .title-24{font-size:var(--font-title-24-size);line-height:var(--font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--font-title-20-size);line-height:var(--font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--font-16-size);line-height:var(--font-16-lineheight)}:where(.volvo_v0) .body-14{font-size:var(--font-14-size);line-height:var(--font-14-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--font-12-size);line-height:var(--font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--color-always-white)}:where(.volvo_v0) .text-primary{color:var(--color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--color-foreground-feedback-red)}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--font-heading-1-size-min),var(--_vcc7ec5de,var(--font-heading-1-size)),var(--font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--font-heading-2-size-min),var(--_vcc7ec5de,var(--font-heading-2-size)),var(--font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--font-heading-3-size-min),var(--_vcc7ec5de,var(--font-heading-3-size)),var(--font-heading-3-size-max))}:where(.volvo_v0 a:not([class])),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline{color:var(--color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--color-foreground-primary)}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:var(--space-32)}:where(.volvo_v0) .statement-1{font:var(--font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--font-statement-1-size-min),var(--_vcc7ec5de),var(--font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--font-statement-2-size-min),var(--_vcc7ec5de),var(--font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--font-statement-3-size-min),var(--_vcc7ec5de),var(--font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--font-statement-signature-size-min),var(--_vcc7ec5de),var(--font-statement-signature-size-max))}
package/dist/css/v0/styles_hover.eaf0ecc8.css DELETED
@@ -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)}
package/dist/css/v0/tokens.3f5f1731.css DELETED
@@ -1 +0,0 @@
1
- .volvo_v0{--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-64:4rem;--space-80:5rem;--space-96:6rem;--space-128:8rem;--font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-broad-family:"Volvo Broad","Arial Black",sans-serif;--font-16-size:1rem;--font-16-lineheight:1.5;--font-16:300 var(--font-16-size)/var(--font-16-lineheight) var(--font-sans-family);--font-14-size:.875rem;--font-14-lineheight:1.57;--font-14:300 var(--font-14-size)/var(--font-14-lineheight) var(--font-sans-family);--font-12-size:.75rem;--font-12-lineheight:1.67;--font-12:300 var(--font-12-size)/var(--font-12-lineheight) var(--font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--font-heading-1-lineheight:var(--_vcc33ac2c);--font-heading-1-size-min:2rem;--font-heading-1-size-max:2.5rem;--font-heading-1-size:clamp( var(--font-heading-1-size-min),1vw + 1.7rem,var(--font-heading-1-size-max));--font-heading-1:500 var(--font-heading-1-size)/var(--font-heading-1-lineheight) var(--font-sans-family);--font-heading-2-lineheight:var(--_vcc33ac2c);--font-heading-2-size-min:1.5rem;--font-heading-2-size-max:2rem;--font-heading-2-size:clamp( var(--font-heading-2-size-min),1vw + 1.2rem,var(--font-heading-2-size-max));--font-heading-2:500 var(--font-heading-2-size)/var(--font-heading-2-lineheight) var(--font-sans-family);--font-heading-3-lineheight:var(--_vcc33ac2c);--font-heading-3-size-min:1.5rem;--font-heading-3-size-max:2rem;--font-heading-3-size:clamp( var(--font-heading-3-size-min),1vw + 1.2rem,var(--font-heading-3-size-max));--font-heading-3:300 var(--font-heading-3-size)/var(--font-heading-3-lineheight) var(--font-sans-family);--font-statement-1-lineheight:var(--_vcc33ac2c);--font-statement-1-size-min:4.5rem;--font-statement-1-size-max:6rem;--font-statement-1-size:clamp( var(--font-statement-1-size-min),3vw + 3.6rem,var(--font-statement-1-size-max));--font-statement-1:500 var(--font-statement-1-size)/var(--font-statement-1-lineheight) var(--font-sans-family);--font-statement-2-lineheight:var(--_vcc33ac2c);--font-statement-2-size-min:3.5rem;--font-statement-2-size-max:4.5rem;--font-statement-2-size:clamp( var(--font-statement-2-size-min),2vw + 2.9rem,var(--font-statement-2-size-max));--font-statement-2:500 var(--font-statement-2-size)/var(--font-statement-2-lineheight) var(--font-sans-family);--font-statement-3-lineheight:var(--_vcc33ac2c);--font-statement-3-size-min:3rem;--font-statement-3-size-max:3.5rem;--font-statement-3-size:clamp( var(--font-statement-3-size-min),1vw + 2.7rem,var(--font-statement-3-size-max));--font-statement-3:500 var(--font-statement-3-size)/var(--font-statement-3-lineheight) var(--font-sans-family);--font-statement-signature-lineheight:1;--font-statement-signature-size-min:2.5rem;--font-statement-signature-size-max:4.5rem;--font-statement-signature-size:clamp( var(--font-statement-signature-size-min),4vw + 1.3rem,var(--font-statement-signature-size-max));--font-statement-signature:500 var(--font-statement-signature-size)/var(--font-statement-signature-lineheight) var(--font-broad-family);--font-title-24-size:1.5rem;--font-title-24-lineheight:1.334;--font-title-24:300 var(--font-title-24-size)/var(--font-title-24-lineheight) var(--font-sans-family);--font-title-20-size:1.25rem;--font-title-20-lineheight:1.4;--font-title-20:300 var(--font-title-20-size)/var(--font-title-20-lineheight) var(--font-sans-family)}:where([lang|=vi]) .volvo_v0,:where([lang|=vi]).volvo_v0{--font-sans-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--color-always-black:#141414;--color-always-white:#fff;--color-foreground-primary:#000000eb;--color-foreground-secondary:#0000008f;--color-ornament-primary:#00000029;--color-ornament-secondary:#00000014;--color-background-primary:#fff;--color-background-secondary:#fafafa;--color-foreground-accent-blue:#2a609d;--color-background-accent-blue:#2a609d;--color-foreground-feedback-green:#048220;--color-foreground-feedback-orange:#eb7400;--color-foreground-feedback-red:#bf2012;--color-background-feedback-green:#048220;--color-background-feedback-orange:#eb7400;--color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--color-foreground-primary:#fff;--color-foreground-secondary:#ffffffa3;--color-ornament-primary:#ffffff1f;--color-ornament-secondary:#ffffff0a;--color-background-primary:#141414;--color-background-secondary:#1c1c1c;--color-foreground-accent-blue:#2387eb;--color-background-accent-blue:#1f78d1;--color-foreground-feedback-green:#07a62b;--color-foreground-feedback-orange:#ff9400;--color-foreground-feedback-red:#ff3320;--color-background-feedback-green:#088924;--color-background-feedback-orange:#ff9400;--color-background-feedback-red:#cc2617}