@volvo-cars/css 0.6.2 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -19
- package/dist/chunk-PPA2PR3A.js +2 -0
- package/dist/{chunk-TZK66UJF.js.map → chunk-PPA2PR3A.js.map} +0 -0
- package/dist/css/v0/styles.d69280c3.css +1 -0
- package/dist/css/v0/styles_hover.9558b200.css +1 -0
- package/dist/css/v0/styles_lg.a6394f08.css +1 -0
- package/dist/css/v0/styles_md.706c759a.css +1 -0
- package/dist/css/v0/{tokens.2fa42890.css → tokens.33d52e89.css} +1 -1
- package/dist/imports.json +5 -4
- package/dist/links.cjs +1 -1
- package/dist/links.cjs.map +1 -1
- package/dist/links.js +1 -1
- package/dist/links.js.map +1 -1
- package/dist/links.server.cjs +1 -1
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.js +1 -1
- package/dist/links.server.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +107 -0
- package/dist/styles.json +130 -23
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_hover.css +1 -1
- package/dist/styles_lg.css +1 -0
- package/dist/styles_md.css +1 -0
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +73 -68
- package/dist/tokens.json +57 -52
- package/dist/unstable_styles.css +1 -1
- package/dist/unstable_tokens.css +1 -1
- package/package.json +5 -4
- package/dist/chunk-TZK66UJF.js +0 -2
- package/dist/css/v0/styles.015ad357.css +0 -1
- package/dist/css/v0/styles_hover.77cd08ed.css +0 -1
- package/dist/css/v0/styles_reduced-motion.eeee4929.css +0 -1
- package/dist/styles_reduced-motion.css +0 -1
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ See [global.css](https://github.com/volvo-cars/design-system-web/blob/master/pac
|
|
|
24
24
|
To simplify styling of body content and content coming from a CMS, some elements will have default styles applied if they have _no other class name_.
|
|
25
25
|
|
|
26
26
|
```html live
|
|
27
|
-
<div>
|
|
27
|
+
<div className="stack-text">
|
|
28
28
|
<h2>For a better future.</h2>
|
|
29
29
|
<p>
|
|
30
30
|
We want to provide you with the <a href="#">freedom to move</a> in a
|
|
@@ -67,7 +67,7 @@ Typography class names use the following naming convention:
|
|
|
67
67
|
|
|
68
68
|
Heading and Statement font sizes are fluid, with a smaller font-size on smaller viewports.
|
|
69
69
|
|
|
70
|
-
| Class
|
|
70
|
+
| Class | Element | Font |
|
|
71
71
|
| --------------------- | ------- | ------------------------------------------- |
|
|
72
72
|
| `heading-1` | `h1` | 32-40 (2rem-2.5rem), Volvo Novum Medium |
|
|
73
73
|
| `heading-2` | `h2` | 24-32 (1.5rem-2rem), Volvo Novum Medium |
|
|
@@ -78,7 +78,7 @@ Heading and Statement font sizes are fluid, with a smaller font-size on smaller
|
|
|
78
78
|
Use a suitable semantic heading element and apply the class name matching the desired style.
|
|
79
79
|
|
|
80
80
|
```html example
|
|
81
|
-
<div>
|
|
81
|
+
<div className="stack-text">
|
|
82
82
|
<h1 className="heading-1">Heading 1</h1>
|
|
83
83
|
<h2 className="heading-2">Heading 2</h2>
|
|
84
84
|
<h3 className="heading-3">Heading 3</h3>
|
|
@@ -86,7 +86,7 @@ Use a suitable semantic heading element and apply the class name matching the de
|
|
|
86
86
|
```
|
|
87
87
|
|
|
88
88
|
```html example
|
|
89
|
-
<div>
|
|
89
|
+
<div className="stack-text">
|
|
90
90
|
<h3 className="statement-3">Statement 3</h3>
|
|
91
91
|
<h1 className="statement-signature">Statement Signature</h1>
|
|
92
92
|
</div>
|
|
@@ -102,7 +102,7 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
102
102
|
|
|
103
103
|
### Text Styles
|
|
104
104
|
|
|
105
|
-
| Class
|
|
105
|
+
| Class | Element | |
|
|
106
106
|
| ---------- | ------- | ------------------------------------ |
|
|
107
107
|
| `title-24` | | 24 (1.5rem), Volvo Novum Semi-Light |
|
|
108
108
|
| `title-20` | | 20 (1.25rem), Volvo Novum Semi-Light |
|
|
@@ -110,7 +110,7 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
110
110
|
| `micro` | `small` | 12 (0.75rem), Volvo Novum Semi-Light |
|
|
111
111
|
|
|
112
112
|
```html example
|
|
113
|
-
<div>
|
|
113
|
+
<div className="stack-16">
|
|
114
114
|
<p className="title-24">Title 24</p>
|
|
115
115
|
<p className="title-20">Title 20</p>
|
|
116
116
|
<p className="body-16">Body 16</p>
|
|
@@ -120,7 +120,7 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
120
120
|
|
|
121
121
|
### Links
|
|
122
122
|
|
|
123
|
-
| Class
|
|
123
|
+
| Class | Element | Properties |
|
|
124
124
|
| ------------------------- | ------- | ------------------------------------------------------------------------------------ |
|
|
125
125
|
| `link-inline` | `a` | `text-decoration-line: underline;`<br />`color: var(--v-color-foreground-secondary)` |
|
|
126
126
|
| `UNSTABLE_link-secondary` | | `color: var(--v-color-foreground-primary)` |
|
|
@@ -136,10 +136,10 @@ To disable the fluid font-size and fix the size, pass the `data-fluid-typography
|
|
|
136
136
|
|
|
137
137
|
Makes `ul` and `ol` display as lists with bullets or numbers.
|
|
138
138
|
|
|
139
|
-
| Class
|
|
140
|
-
|
|
|
141
|
-
| `list`
|
|
142
|
-
| `list`
|
|
139
|
+
| Class | Element | Properties |
|
|
140
|
+
| ------ | ------- | --------------------------- |
|
|
141
|
+
| `list` | `ul` | `list-style-type: disc;` |
|
|
142
|
+
| `list` | `ol` | `list-style-type: decimal;` |
|
|
143
143
|
|
|
144
144
|
```html example
|
|
145
145
|
<div>
|
|
@@ -156,7 +156,7 @@ Makes `ul` and `ol` display as lists with bullets or numbers.
|
|
|
156
156
|
|
|
157
157
|
### Utility classes
|
|
158
158
|
|
|
159
|
-
| Class
|
|
159
|
+
| Class | Element | Properties |
|
|
160
160
|
| ------------- | ------------- | ------------------ |
|
|
161
161
|
| `font-medium` | `b`, `strong` | `font-weight: 500` |
|
|
162
162
|
| `font-light` | | `font-weight: 300` |
|
|
@@ -207,7 +207,7 @@ import vtokens from '@volvo-cars/css/tokens';
|
|
|
207
207
|
|
|
208
208
|
### Text color
|
|
209
209
|
|
|
210
|
-
| Class
|
|
210
|
+
| Class | Properties |
|
|
211
211
|
| ---------------------- | -------------------------------------------------- |
|
|
212
212
|
| `text-primary` | `color: var(--v-color-foreground-primary)` |
|
|
213
213
|
| `text-secondary` | `color: var(--v-color-foreground-secondary)` |
|
|
@@ -235,7 +235,7 @@ import vtokens from '@volvo-cars/css/tokens';
|
|
|
235
235
|
|
|
236
236
|
### Background color
|
|
237
237
|
|
|
238
|
-
| Class
|
|
238
|
+
| Class | Properties |
|
|
239
239
|
| -------------------- | -------------------------------------------------- |
|
|
240
240
|
| `bg-primary` | `color: var(--v-color-background-primary)` |
|
|
241
241
|
| `bg-secondary` | `color: var(--v-color-background-secondary)` |
|
|
@@ -273,7 +273,7 @@ import vtokens from '@volvo-cars/css/tokens';
|
|
|
273
273
|
</div>
|
|
274
274
|
```
|
|
275
275
|
|
|
276
|
-
|
|
276
|
+
### Dark mode
|
|
277
277
|
|
|
278
278
|
Light mode is the default color mode of the theme. Use the `data-color-mode` attribute to switch between `dark` and `light` color modes.
|
|
279
279
|
|
|
@@ -322,12 +322,12 @@ Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
|
|
|
322
322
|
- **property** is one of `size` or `lineheight`. If omitted refers to the `font` shorthand CSS property.
|
|
323
323
|
- **modifier** is a property suffix such as `min` or `max`.
|
|
324
324
|
|
|
325
|
-
|
|
325
|
+
#### Font Family
|
|
326
326
|
|
|
327
327
|
- `--v-font-sans-family` (Volvo Novum in supported locales as determined by `<html lang>`, otherwise fallback fonts)
|
|
328
328
|
- `--v-font-broad-family`
|
|
329
329
|
|
|
330
|
-
|
|
330
|
+
#### Font Sizes
|
|
331
331
|
|
|
332
332
|
- `--v-font-{12,14,16}-size`
|
|
333
333
|
- `--v-font-{12,14,16}-lineheight`
|
|
@@ -365,6 +365,23 @@ Naming scheme: `--v-font-{category}-{variant}-{property}-{modifier}`
|
|
|
365
365
|
- `--v-color-always-black` - Always black regardless of color mode.
|
|
366
366
|
- `--v-color-always-white` - Always white regardless of color mode.
|
|
367
367
|
|
|
368
|
+
### Spacing
|
|
369
|
+
|
|
370
|
+
#### Small spacing
|
|
371
|
+
|
|
372
|
+
Small spacing is fixed in size for all viewport sizes.
|
|
373
|
+
|
|
374
|
+
- `--v-space-4` - 0.25rem
|
|
375
|
+
- `--v-space-8` - 0.5rem
|
|
376
|
+
- `--v-space-16` - 1rem
|
|
377
|
+
- `--v-space-24` - 1.5rem
|
|
378
|
+
|
|
379
|
+
#### Fluid spacing
|
|
380
|
+
|
|
381
|
+
Fluid spacing grows between the smallest value to the largest depending on the viewport size.
|
|
382
|
+
|
|
383
|
+
- `--v-space-section` 4rem-6rem
|
|
384
|
+
|
|
368
385
|
## Usage
|
|
369
386
|
|
|
370
387
|
Include the styles in your application by rendering the `links` in your page `<head>`. For example in `_document` in **Next.js**
|
|
@@ -417,7 +434,7 @@ import '@volvo-cars/css/tokens.css';
|
|
|
417
434
|
import '@volvo-cars/css/styles_all-media.css';
|
|
418
435
|
```
|
|
419
436
|
|
|
420
|
-
|
|
437
|
+
## Scoping
|
|
421
438
|
|
|
422
439
|
The stylesheet is scoped with a parent selector, meaning that it will only affect children of a wrapper with a versioned class name. All element selectors have 0 specificity, meaning that any CSS from the application overrides it regardless of the order of styles. Other selectors have a maximum of 10 (0,1,0) in specificity (20 for pseudo states) and are easily overrideable with class name selectors in application code.
|
|
423
440
|
|
|
@@ -440,7 +457,7 @@ You typically want to apply the root class name to your `<html>` element but you
|
|
|
440
457
|
</div>
|
|
441
458
|
```
|
|
442
459
|
|
|
443
|
-
|
|
460
|
+
## TypeScript
|
|
444
461
|
|
|
445
462
|
As a convenience for TypeScript developers all class names and CSS variables are exported as JavaScript modules with TypeScript interfaces.
|
|
446
463
|
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var t={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.d69280c3.css","styles_hover.css":"css/v0/styles_hover.9558b200.css","styles_lg.css":"css/v0/styles_lg.a6394f08.css","styles_md.css":"css/v0/styles_md.706c759a.css","tokens.css":"css/v0/tokens.33d52e89.css"};var v={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)"};export{t as a,v as b};
|
|
2
|
+
//# sourceMappingURL=chunk-PPA2PR3A.js.map
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0 :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,fieldset)){margin:0}:where(.volvo_v0 :is(button,input,ol,ul,legend,fieldset)){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0 :is(img,picture,video,canvas,svg)){max-width:100%}:where(.volvo_v0 :is(ol,ul)){list-style:none}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]))){-webkit-appearance:button;appearance:button;color:inherit;background-color:#0000}:where(.volvo_v0 summary:is(details[class]>*,[class])){list-style:none}:where(.volvo_v0 summary:is(details[class]>*,[class]))::marker,:where(.volvo_v0 summary:is(details[class]>*,[class]))::-webkit-details-marker{display:none}:where(.volvo_v0 :is(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small)){font:inherit}:where(.volvo_v0 :is(b,strong)){font-weight:500}:where(.volvo_v0 :is(button,input,optgroup,select)){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0 :is(p,li,h1,h2,h3,h4,h5,h6)){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}@media (prefers-reduced-motion:reduce){.volvo_v0 *,.volvo_v0 :before,.volvo_v0 :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}:where(.volvo_v0) :is(.stack-4,.stack-8,.stack-16,.stack-24,.stack-section,.stack-text)>*+*{margin-top:var(--stack-gap)}:where(.volvo_v0) .stack-section>*{--stack-gap:var(--v-space-section)}:where(.volvo_v0) .stack-4>*{--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-8>*{--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-16>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-24>*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-text>:where(:not(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class]))+.title-20,.title-20:first-child)+:where(.body-16,.list,:is(p,ul):not([class])){--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-text>:where(.body-16.font-medium)+:where(.body-16,p:not([class])){--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-text>:where(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class])){--stack-gap:var(--v-space-24)}:where(.volvo_v0 .stack-text)>.statement-3+*,:where(.volvo_v0 .stack-text)>.statement-3+:where(.heading-3,h3:not([class]))+*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>:where(.micro,small:not([class]))+:where(.micro,small:not([class])){--stack-gap:0rem}:where(.volvo_v0 :is([type=checkbox],[type=radio])):is(.radio,.checkbox,:not([class])){width:var(--v-space-16);height:var(--v-space-16);-webkit-appearance:none;appearance:none;background-color:var(--v-color-background-primary);border:1px solid var(--v-color-foreground-secondary);border-radius:var(--v-radius-4);place-content:center;margin-top:.25em;transition:box-shadow .3s;display:inline-grid}:where(.volvo_v0 :is([type=checkbox],[type=radio])):is(.radio,.checkbox,:not([class])):before{width:var(--v-space-16);height:var(--v-space-16);content:"";background-color:var(--v-color-background-accent-blue);border-radius:var(--v-radius-4);opacity:0;transition:transform .1s ease-in-out,background-color .3s,outline .3s,opacity .2s}:where(.volvo_v0 :is([type=checkbox],[type=radio])):is(.radio,.checkbox,:not([class])):after{content:"";opacity:1;position:absolute}:where(.volvo_v0 [type=radio]):is(.radio,:not([class])){border-radius:var(--v-radius-full)}:where(.volvo_v0 [type=radio]):is(.radio,:not([class])):before{border-radius:var(--v-radius-full)}:where(.volvo_v0 [type=checkbox]):is(.checkbox,:not([class])):after{width:var(--v-space-4);height:var(--v-space-8);content:"";border-color:#0000;transition:border-top-color .15s linear,border-inline-end-color .15s linear .1s;transform:scaleX(-1) rotate(135deg) translate(5px,2px)}:where(.volvo_v0 [type=checkbox]:is(.checkbox,:not([class]))):checked:after{border-inline-end:1px solid var(--v-color-always-white);border-top:1px solid var(--v-color-always-white)}:where(.volvo_v0 [type=radio]):is(.radio,:not([class])):after{width:8px;height:8px;background-color:var(--v-color-always-white);border-radius:var(--v-radius-full);transition:transform .25s;transform:matrix(0,.001,.001,0,3,3)}:where(.volvo_v0 [type=radio]:is(.radio,:not([class]))):checked:after{transform:matrix(0,1,1,0,3,3)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class]))):disabled:after{border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class]))):disabled{background-color:var(--v-color-background-secondary);border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class])):is(:active,:checked)):enabled:before{opacity:1}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class]))[aria-invalid]:not([aria-invalid=false]),.volvo_v0 :is(fieldset,[role=radiogroup])[aria-invalid]:not([aria-invalid=false]) [type=radio]:is(.radio,:not([class]))):not(:disabled,:hover){border-color:var(--v-color-foreground-feedback-red);box-shadow:inset 0 0 0 1px var(--v-color-foreground-feedback-red)}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1[data-fluid-typography]{font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2[data-fluid-typography]{font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3[data-fluid-typography]{font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a[href]:not([class])),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1[data-fluid-typography]{font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2[data-fluid-typography]{font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3[data-fluid-typography]{font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) :is(.flex,.flex-col,.flex-row){display:flex}:where(.volvo_v0) .flex-row{flex-direction:row}:where(.volvo_v0) .flex-col{flex-direction:column}:where(.volvo_v0) .flex-wrap{flex-wrap:wrap}:where(.volvo_v0) .flex-nowrap{flex-wrap:nowrap}:where(.volvo_v0) .flex-grow{flex-grow:1}:where(.volvo_v0) .flex-grow-0{flex-grow:0}:where(.volvo_v0) .flex-shrink{flex-shrink:1}:where(.volvo_v0) .flex-shrink-0{flex-shrink:0}:where(.volvo_v0) .flex-items-start{align-items:flex-start}:where(.volvo_v0) .flex-items-end{align-items:flex-end}:where(.volvo_v0) .flex-items-center{align-items:center}:where(.volvo_v0) .flex-items-stretch{align-items:stretch}:where(.volvo_v0) .flex-self-start{align-self:flex-start}:where(.volvo_v0) .flex-self-end{align-self:flex-end}:where(.volvo_v0) .flex-self-center{align-self:center}:where(.volvo_v0) .flex-self-stretch{align-self:stretch}:where(.volvo_v0) .flex-justify-start{justify-content:flex-start}:where(.volvo_v0) .flex-justify-end{justify-content:flex-end}:where(.volvo_v0) .flex-justify-around{justify-content:space-around}:where(.volvo_v0) .flex-justify-between{justify-content:space-between}:where(.volvo_v0) .flex-justify-evenly{justify-content:space-evenly}:where(.volvo_v0) .flex-justify-center{justify-content:center}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .m-0{margin:0}:where(.volvo_v0) :is(.mx-0,.mr-0){margin-inline-end:0}:where(.volvo_v0) :is(.mx-0,.ml-0){margin-inline-start:0}:where(.volvo_v0) :is(.my-0,.mt-0){margin-top:0}:where(.volvo_v0) :is(.my-0,.mb-0){margin-bottom:0}:where(.volvo_v0) .m-4{margin:.25rem}:where(.volvo_v0) :is(.mx-4,.mr-4){margin-inline-end:.25rem}:where(.volvo_v0) :is(.mx-4,.ml-4){margin-inline-start:.25rem}:where(.volvo_v0) :is(.my-4,.mt-4){margin-top:.25rem}:where(.volvo_v0) :is(.my-4,.mb-4){margin-bottom:.25rem}:where(.volvo_v0) .m-8{margin:.5rem}:where(.volvo_v0) :is(.mx-8,.mr-8){margin-inline-end:.5rem}:where(.volvo_v0) :is(.mx-8,.ml-8){margin-inline-start:.5rem}:where(.volvo_v0) :is(.my-8,.mt-8){margin-top:.5rem}:where(.volvo_v0) :is(.my-8,.mb-8){margin-bottom:.5rem}:where(.volvo_v0) .m-16{margin:1rem}:where(.volvo_v0) :is(.mx-16,.mr-16){margin-inline-end:1rem}:where(.volvo_v0) :is(.mx-16,.ml-16){margin-inline-start:1rem}:where(.volvo_v0) :is(.my-16,.mt-16){margin-top:1rem}:where(.volvo_v0) :is(.my-16,.mb-16){margin-bottom:1rem}:where(.volvo_v0) .m-24{margin:1.5rem}:where(.volvo_v0) :is(.mx-24,.mr-24){margin-inline-end:1.5rem}:where(.volvo_v0) :is(.mx-24,.ml-24){margin-inline-start:1.5rem}:where(.volvo_v0) :is(.my-24,.mt-24){margin-top:1.5rem}:where(.volvo_v0) :is(.my-24,.mb-24){margin-bottom:1.5rem}:where(.volvo_v0) :is(.my-section,.mt-section){margin-top:var(--v-space-section)}:where(.volvo_v0) :is(.my-section,.mb-section){margin-bottom:var(--v-space-section)}:where(.volvo_v0) .p-0{padding:0}:where(.volvo_v0) :is(.px-0,.pr-0){padding-inline-end:0}:where(.volvo_v0) :is(.px-0,.pl-0){padding-inline-start:0}:where(.volvo_v0) :is(.py-0,.pt-0){padding-top:0}:where(.volvo_v0) :is(.py-0,.pb-0){padding-bottom:0}:where(.volvo_v0) .p-4{padding:.25rem}:where(.volvo_v0) :is(.px-4,.pr-4){padding-inline-end:.25rem}:where(.volvo_v0) :is(.px-4,.pl-4){padding-inline-start:.25rem}:where(.volvo_v0) :is(.py-4,.pt-4){padding-top:.25rem}:where(.volvo_v0) :is(.py-4,.pb-4){padding-bottom:.25rem}:where(.volvo_v0) .p-8{padding:.5rem}:where(.volvo_v0) :is(.px-8,.pr-8){padding-inline-end:.5rem}:where(.volvo_v0) :is(.px-8,.pl-8){padding-inline-start:.5rem}:where(.volvo_v0) :is(.py-8,.pt-8){padding-top:.5rem}:where(.volvo_v0) :is(.py-8,.pb-8){padding-bottom:.5rem}:where(.volvo_v0) .p-16{padding:1rem}:where(.volvo_v0) :is(.px-16,.pr-16){padding-inline-end:1rem}:where(.volvo_v0) :is(.px-16,.pl-16){padding-inline-start:1rem}:where(.volvo_v0) :is(.py-16,.pt-16){padding-top:1rem}:where(.volvo_v0) :is(.py-16,.pb-16){padding-bottom:1rem}:where(.volvo_v0) .p-24{padding:1.5rem}:where(.volvo_v0) :is(.px-24,.pr-24){padding-inline-end:1.5rem}:where(.volvo_v0) :is(.px-24,.pl-24){padding-inline-start:1.5rem}:where(.volvo_v0) :is(.py-24,.pt-24){padding-top:1.5rem}:where(.volvo_v0) :is(.py-24,.pb-24){padding-bottom:1.5rem}:where(.volvo_v0) :is(.py-section,.pt-section){padding-top:var(--v-space-section)}:where(.volvo_v0) :is(.py-section,.pb-section){padding-bottom:var(--v-space-section)}:where(.volvo_v0) .text-start{text-align:start}:where(.volvo_v0) .text-end{text-align:end}:where(.volvo_v0) .text-center{text-align:center}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(.volvo_v0 :-webkit-any(button,:-webkit-any([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 [type=file]:not(:disabled,[aria-disabled]))::-webkit-file-upload-button{cursor:pointer}:where(.volvo_v0 :is(button,:is([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 [type=file]:not(:disabled,[aria-disabled]))::file-selector-button{cursor:pointer}:where(.volvo_v0 input:is(:disabled,[aria-disabled])+label:hover){cursor:default}:where(.volvo_v0 a[href]:not([class]):hover),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline:hover{color:var(--v-color-foreground-primary);-webkit-text-decoration-line:none;text-decoration-line:none}:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).UNSTABLE_link-secondary:hover{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class])):enabled:checked):hover:before{background-color:var(--_vcc01cdae)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class])):enabled):hover{box-shadow:inset 0 0 0 1px var(--v-color-background-accent-blue)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(.volvo_v0) :is(.lg\:flex,.lg\:flex-col,.lg\:flex-row){display:flex}:where(.volvo_v0) .lg\:flex-row{flex-direction:row}:where(.volvo_v0) .lg\:flex-col{flex-direction:column}:where(.volvo_v0) .lg\:flex-wrap{flex-wrap:wrap}:where(.volvo_v0) .lg\:flex-nowrap{flex-wrap:nowrap}:where(.volvo_v0) .lg\:flex-grow{flex-grow:1}:where(.volvo_v0) .lg\:flex-grow-0{flex-grow:0}:where(.volvo_v0) .lg\:flex-shrink{flex-shrink:1}:where(.volvo_v0) .lg\:flex-shrink-0{flex-shrink:0}:where(.volvo_v0) .lg\:flex-items-start{align-items:flex-start}:where(.volvo_v0) .lg\:flex-items-end{align-items:flex-end}:where(.volvo_v0) .lg\:flex-items-center{align-items:center}:where(.volvo_v0) .lg\:flex-items-stretch{align-items:stretch}:where(.volvo_v0) .lg\:flex-self-start{align-self:start}:where(.volvo_v0) .lg\:flex-self-end{align-self:flex-end}:where(.volvo_v0) .lg\:flex-self-center{align-self:center}:where(.volvo_v0) .lg\:flex-self-stretch{align-self:stretch}:where(.volvo_v0) .lg\:flex-justify-start{justify-content:flex-start}:where(.volvo_v0) .lg\:flex-justify-end{justify-content:flex-end}:where(.volvo_v0) .lg\:flex-justify-around{justify-content:space-around}:where(.volvo_v0) .lg\:flex-justify-between{justify-content:space-between}:where(.volvo_v0) .lg\:flex-justify-evenly{justify-content:space-evenly}:where(.volvo_v0) .lg\:flex-justify-center{justify-content:center}:where(.volvo_v0) .lg\:text-start{text-align:start}:where(.volvo_v0) .lg\:text-end{text-align:end}:where(.volvo_v0) .lg\:text-center{text-align:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(.volvo_v0) :is(.md\:flex,.md\:flex-col,.md\:flex-row){display:flex}:where(.volvo_v0) .md\:flex-row{flex-direction:row}:where(.volvo_v0) .md\:flex-col{flex-direction:column}:where(.volvo_v0) .md\:flex-wrap{flex-wrap:wrap}:where(.volvo_v0) .md\:flex-nowrap{flex-wrap:nowrap}:where(.volvo_v0) .md\:flex-grow{flex-grow:1}:where(.volvo_v0) .md\:flex-grow-0{flex-grow:0}:where(.volvo_v0) .md\:flex-shrink{flex-shrink:1}:where(.volvo_v0) .md\:flex-shrink-0{flex-shrink:0}:where(.volvo_v0) .md\:flex-items-start{align-items:flex-start}:where(.volvo_v0) .md\:flex-items-end{align-items:flex-end}:where(.volvo_v0) .md\:flex-items-center{align-items:center}:where(.volvo_v0) .md\:flex-items-stretch{align-items:stretch}:where(.volvo_v0) .md\:flex-self-start{align-self:start}:where(.volvo_v0) .md\:flex-self-end{align-self:flex-end}:where(.volvo_v0) .md\:flex-self-center{align-self:center}:where(.volvo_v0) .md\:flex-self-stretch{align-self:stretch}:where(.volvo_v0) .md\:flex-justify-start{justify-content:flex-start}:where(.volvo_v0) .md\:flex-justify-end{justify-content:flex-end}:where(.volvo_v0) .md\:flex-justify-around{justify-content:space-around}:where(.volvo_v0) .md\:flex-justify-between{justify-content:space-between}:where(.volvo_v0) .md\:flex-justify-evenly{justify-content:space-evenly}:where(.volvo_v0) .md\:flex-justify-center{justify-content:center}:where(.volvo_v0) .md\:text-start{text-align:start}:where(.volvo_v0) .md\:text-end{text-align:end}:where(.volvo_v0) .md\:text-center{text-align:center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.volvo_v0{--v-font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;--v-font-broad-family:"Volvo Broad","Arial Black",sans-serif;--v-font-mono-family:monospace;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:300 var(--v-font-16-size)/var(--v-font-16-lineheight) var(--v-font-sans-family);--v-font-14-size:.875rem;--v-font-14-lineheight:1.57;--v-font-14:300 var(--v-font-14-size)/var(--v-font-14-lineheight) var(--v-font-sans-family);--v-font-12-size:.75rem;--v-font-12-lineheight:1.67;--v-font-12:300 var(--v-font-12-size)/var(--v-font-12-lineheight) var(--v-font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--v-font-heading-1-lineheight:var(--_vcc33ac2c);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:2.5rem;--v-font-heading-1-size:clamp(var(--v-font-heading-1-size-min),1vw + 1.7rem,var(--v-font-heading-1-size-max));--v-font-heading-1:500 var(--v-font-heading-1-size)/var(--v-font-heading-1-lineheight) var(--v-font-sans-family);--v-font-heading-2-lineheight:var(--_vcc33ac2c);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2rem;--v-font-heading-2-size:clamp(var(--v-font-heading-2-size-min),1vw + 1.2rem,var(--v-font-heading-2-size-max));--v-font-heading-2:500 var(--v-font-heading-2-size)/var(--v-font-heading-2-lineheight) var(--v-font-sans-family);--v-font-heading-3-lineheight:var(--_vcc33ac2c);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2rem;--v-font-heading-3-size:clamp(var(--v-font-heading-3-size-min),1vw + 1.2rem,var(--v-font-heading-3-size-max));--v-font-heading-3:300 var(--v-font-heading-3-size)/var(--v-font-heading-3-lineheight) var(--v-font-sans-family);--v-font-statement-1-lineheight:var(--_vcc33ac2c);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min),3vw + 3.6rem,var(--v-font-statement-1-size-max));--v-font-statement-1:500 var(--v-font-statement-1-size)/var(--v-font-statement-1-lineheight) var(--v-font-sans-family);--v-font-statement-2-lineheight:var(--_vcc33ac2c);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:4.5rem;--v-font-statement-2-size:clamp(var(--v-font-statement-2-size-min),2vw + 2.9rem,var(--v-font-statement-2-size-max));--v-font-statement-2:500 var(--v-font-statement-2-size)/var(--v-font-statement-2-lineheight) var(--v-font-sans-family);--v-font-statement-3-lineheight:var(--_vcc33ac2c);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:3.5rem;--v-font-statement-3-size:clamp(var(--v-font-statement-3-size-min),1vw + 2.7rem,var(--v-font-statement-3-size-max));--v-font-statement-3:500 var(--v-font-statement-3-size)/var(--v-font-statement-3-lineheight) var(--v-font-sans-family);--v-font-statement-signature-lineheight:1;--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:4.5rem;--v-font-statement-signature-size:clamp(var(--v-font-statement-signature-size-min),4vw + 1.3rem,var(--v-font-statement-signature-size-max));--v-font-statement-signature:500 var(--v-font-statement-signature-size)/var(--v-font-statement-signature-lineheight) var(--v-font-broad-family);--v-font-title-24-size:1.5rem;--v-font-title-24-lineheight:1.334;--v-font-title-24:300 var(--v-font-title-24-size)/var(--v-font-title-24-lineheight) var(--v-font-sans-family);--v-font-title-20-size:1.25rem;--v-font-title-20-lineheight:1.4;--v-font-title-20:300 var(--v-font-title-20-size)/var(--v-font-title-20-lineheight) var(--v-font-sans-family)}.volvo_v0:where(:lang(vi)){--v-font-sans-family:"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--v-color-always-black:#141414;--v-color-always-white:#fff;--v-color-foreground-primary:#000000eb;--v-color-foreground-secondary:#0000008f;--v-color-ornament-primary:#00000029;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#2a609d;--v-color-background-accent-blue:#2a609d;--v-color-foreground-feedback-green:#048220;--v-color-foreground-feedback-orange:#eb7400;--v-color-foreground-feedback-red:#bf2012;--v-color-background-feedback-green:#048220;--v-color-background-feedback-orange:#eb7400;--v-color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#ffffffa3;--v-color-ornament-primary:#ffffff1f;--v-color-background-primary:#000;--v-color-background-secondary:#141414;--v-color-foreground-accent-blue:#2387eb;--v-color-background-accent-blue:#1f78d1;--v-color-foreground-feedback-green:#07a62b;--v-color-foreground-feedback-orange:#ff9400;--v-color-foreground-feedback-red:#ff3320;--v-color-background-feedback-green:#088924;--v-color-background-feedback-orange:#ff9400;--v-color-background-feedback-red:#cc2617}
|
|
1
|
+
.volvo_v0{--v-font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;--v-font-broad-family:"Volvo Broad","Arial Black",sans-serif;--v-font-mono-family:monospace;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:300 var(--v-font-16-size)/var(--v-font-16-lineheight) var(--v-font-sans-family);--v-font-14-size:.875rem;--v-font-14-lineheight:1.57;--v-font-14:300 var(--v-font-14-size)/var(--v-font-14-lineheight) var(--v-font-sans-family);--v-font-12-size:.75rem;--v-font-12-lineheight:1.67;--v-font-12:300 var(--v-font-12-size)/var(--v-font-12-lineheight) var(--v-font-sans-family);--_vcc33ac2c:calc(.31rem + 2ex);--v-font-heading-1-lineheight:var(--_vcc33ac2c);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:2.5rem;--v-font-heading-1-size:clamp(var(--v-font-heading-1-size-min),1vw + 1.7rem,var(--v-font-heading-1-size-max));--v-font-heading-1:500 var(--v-font-heading-1-size)/var(--v-font-heading-1-lineheight) var(--v-font-sans-family);--v-font-heading-2-lineheight:var(--_vcc33ac2c);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2rem;--v-font-heading-2-size:clamp(var(--v-font-heading-2-size-min),1vw + 1.2rem,var(--v-font-heading-2-size-max));--v-font-heading-2:500 var(--v-font-heading-2-size)/var(--v-font-heading-2-lineheight) var(--v-font-sans-family);--v-font-heading-3-lineheight:var(--_vcc33ac2c);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2rem;--v-font-heading-3-size:clamp(var(--v-font-heading-3-size-min),1vw + 1.2rem,var(--v-font-heading-3-size-max));--v-font-heading-3:300 var(--v-font-heading-3-size)/var(--v-font-heading-3-lineheight) var(--v-font-sans-family);--v-font-statement-1-lineheight:var(--_vcc33ac2c);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min),3vw + 3.6rem,var(--v-font-statement-1-size-max));--v-font-statement-1:500 var(--v-font-statement-1-size)/var(--v-font-statement-1-lineheight) var(--v-font-sans-family);--v-font-statement-2-lineheight:var(--_vcc33ac2c);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:4.5rem;--v-font-statement-2-size:clamp(var(--v-font-statement-2-size-min),2vw + 2.9rem,var(--v-font-statement-2-size-max));--v-font-statement-2:500 var(--v-font-statement-2-size)/var(--v-font-statement-2-lineheight) var(--v-font-sans-family);--v-font-statement-3-lineheight:var(--_vcc33ac2c);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:3.5rem;--v-font-statement-3-size:clamp(var(--v-font-statement-3-size-min),1vw + 2.7rem,var(--v-font-statement-3-size-max));--v-font-statement-3:500 var(--v-font-statement-3-size)/var(--v-font-statement-3-lineheight) var(--v-font-sans-family);--v-font-statement-signature-lineheight:1;--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:4.5rem;--v-font-statement-signature-size:clamp(var(--v-font-statement-signature-size-min),4vw + 1.3rem,var(--v-font-statement-signature-size-max));--v-font-statement-signature:500 var(--v-font-statement-signature-size)/var(--v-font-statement-signature-lineheight) var(--v-font-broad-family);--v-font-title-24-size:1.5rem;--v-font-title-24-lineheight:1.334;--v-font-title-24:300 var(--v-font-title-24-size)/var(--v-font-title-24-lineheight) var(--v-font-sans-family);--v-font-title-20-size:1.25rem;--v-font-title-20-lineheight:1.4;--v-font-title-20:300 var(--v-font-title-20-size)/var(--v-font-title-20-lineheight) var(--v-font-sans-family)}.volvo_v0:where(:lang(vi)){--v-font-sans-family:"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif}.volvo_v0,.volvo_v0 [data-color-mode=light]{--v-color-always-black:#141414;--v-color-always-white:#fff;--v-color-foreground-primary:#000000eb;--v-color-foreground-secondary:#0000008f;--v-color-ornament-primary:#00000029;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#2a609d;--v-color-background-accent-blue:#2a609d;--_vcc01cdae:#234871;--v-color-foreground-feedback-green:#048220;--v-color-foreground-feedback-orange:#eb7400;--v-color-foreground-feedback-red:#bf2012;--v-color-background-feedback-green:#048220;--v-color-background-feedback-orange:#eb7400;--v-color-background-feedback-red:#bf2012}.volvo_v0 [data-color-mode=dark],.volvo_v0[data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#ffffffa3;--v-color-ornament-primary:#ffffff1f;--v-color-background-primary:#000;--v-color-background-secondary:#141414;--v-color-foreground-accent-blue:#2387eb;--v-color-background-accent-blue:#1f78d1;--v-color-foreground-feedback-green:#07a62b;--v-color-foreground-feedback-orange:#ff9400;--v-color-foreground-feedback-red:#ff3320;--v-color-background-feedback-green:#088924;--v-color-background-feedback-orange:#ff9400;--v-color-background-feedback-red:#cc2617}.volvo_v0{--v-space-4:.25rem;--v-space-8:.5rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-section:clamp(4rem,4vw + 2.8rem,6rem)}
|
package/dist/imports.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"imports": {
|
|
3
3
|
"font-face.css": "css/v0/font-face.05a7ed4c.css",
|
|
4
|
-
"styles.css": "css/v0/styles.
|
|
5
|
-
"styles_hover.css": "css/v0/styles_hover.
|
|
6
|
-
"
|
|
7
|
-
"
|
|
4
|
+
"styles.css": "css/v0/styles.d69280c3.css",
|
|
5
|
+
"styles_hover.css": "css/v0/styles_hover.9558b200.css",
|
|
6
|
+
"styles_lg.css": "css/v0/styles_lg.a6394f08.css",
|
|
7
|
+
"styles_md.css": "css/v0/styles_md.706c759a.css",
|
|
8
|
+
"tokens.css": "css/v0/tokens.33d52e89.css"
|
|
8
9
|
}
|
|
9
10
|
}
|
package/dist/links.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var i=Object.defineProperty;var
|
|
1
|
+
var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var f=(s,e)=>{for(var r in e)i(s,r,{get:e[r],enumerable:!0})},d=(s,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!m.call(s,t)&&t!==r&&i(s,t,{get:()=>e[t],enumerable:!(o=a(e,t))||o.enumerable});return s};var y=s=>d(i({},"__esModule",{value:!0}),s);var w={};f(w,{links:()=>k});module.exports=y(w);var l={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.d69280c3.css","styles_hover.css":"css/v0/styles_hover.9558b200.css","styles_lg.css":"css/v0/styles_lg.a6394f08.css","styles_md.css":"css/v0/styles_md.706c759a.css","tokens.css":"css/v0/tokens.33d52e89.css"};var c={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)"};var g="https://www.volvocars.com/static/shared/pkg/";function k({base:s=g}={}){if(s&&typeof s!="string"&&(s=s.href),typeof s=="string"&&s!==""&&!s.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(l).map(([e,r])=>{var n;let o={rel:"stylesheet",href:s+r,"data-volvo-css-name":e},t=(n=e.split("_").pop())==null?void 0:n.replace(".css","");return t&&t in c&&(o.media=c[t]),o})}0&&(module.exports={links});
|
|
2
2
|
//# sourceMappingURL=links.cjs.map
|
package/dist/links.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n
|
|
1
|
+
{"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n return props;\n });\n}\n\nexport interface LinkProps {\n href: string;\n media?: string;\n 'data-volvo-css-name': string;\n rel: 'stylesheet' | 'preload';\n as?: 'style';\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,oXAGA,IAAMI,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAI5C,GAHIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,EAC/D,MAAM,IAAI,UAAU,oCAAoC,EAE1D,OAAO,OAAO,QAAQC,CAAO,EAAE,IAAI,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAd3D,IAAAC,EAeI,IAAMC,EAAmB,CACvB,IAAK,aACL,KAAML,EAAOG,EACb,sBAAuBD,CACzB,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IACnD,OAAIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAEtBD,CACT,CAAC,CACH","names":["links_exports","__export","links","__toCommonJS","defaultBase","links","base","imports","name","filename","_a","props","media","queries_default"]}
|
package/dist/links.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as n,b as s}from"./chunk-PPA2PR3A.js";var a="https://www.volvocars.com/static/shared/pkg/";function m({base:e=a}={}){if(e&&typeof e!="string"&&(e=e.href),typeof e=="string"&&e!==""&&!e.endsWith("/"))throw new TypeError("Missing trailing slash in base URL");return Object.entries(n).map(([r,p])=>{var o;let i={rel:"stylesheet",href:e+p,"data-volvo-css-name":r},t=(o=r.split("_").pop())==null?void 0:o.replace(".css","");return t&&t in s&&(i.media=s[t]),i})}export{m as links};
|
|
2
2
|
//# sourceMappingURL=links.js.map
|
package/dist/links.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n
|
|
1
|
+
{"version":3,"sources":["../src/links.ts"],"sourcesContent":["import { imports } from './imports.json' assert { type: 'json' };\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n throw new TypeError('Missing trailing slash in base URL');\n }\n return Object.entries(imports).map(([name, filename]) => {\n const props: LinkProps = {\n rel: 'stylesheet',\n href: base + filename,\n 'data-volvo-css-name': name,\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n return props;\n });\n}\n\nexport interface LinkProps {\n href: string;\n media?: string;\n 'data-volvo-css-name': string;\n rel: 'stylesheet' | 'preload';\n as?: 'style';\n}\n"],"mappings":"+CAGA,IAAMA,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAI5C,GAHIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,EAC/D,MAAM,IAAI,UAAU,oCAAoC,EAE1D,OAAO,OAAO,QAAQC,CAAO,EAAE,IAAI,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAd3D,IAAAC,EAeI,IAAMC,EAAmB,CACvB,IAAK,aACL,KAAML,EAAOG,EACb,sBAAuBD,CACzB,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IACnD,OAAIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAEtBD,CACT,CAAC,CACH","names":["defaultBase","links","base","imports","name","filename","_a","props","media","queries_default"]}
|
package/dist/links.server.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var l=Object.defineProperty;var
|
|
1
|
+
var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var w=(o,t)=>{for(var f in t)l(o,f,{get:t[f],enumerable:!0})},d=(o,t,f,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of c(t))!m.call(o,s)&&s!==f&&l(o,s,{get:()=>t[s],enumerable:!(a=v(t,s))||a.enumerable});return o};var p=o=>d(l({},"__esModule",{value:!0}),o);var V={};w(V,{links:()=>k});module.exports=p(V);var r="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var n={"font-face.css":"css/v0/font-face.05a7ed4c.css","styles.css":"css/v0/styles.d69280c3.css","styles_hover.css":"css/v0/styles_hover.9558b200.css","styles_lg.css":"css/v0/styles_lg.a6394f08.css","styles_md.css":"css/v0/styles_md.706c759a.css","tokens.css":"css/v0/tokens.33d52e89.css"};var e={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)"};var g="https://www.volvocars.com/static/shared/pkg/";function k({base:o=g}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(n).flatMap(([t,f])=>{var i;let a={href:o+f,"data-volvo-css-name":t,rel:"stylesheet"},s=(i=t.split("_").pop())==null?void 0:i.replace(".css","");return s&&s in e&&(a.media=e[s]),t==="font-face.css"?{...a,href:`data:text/css;base64,${r}`}:[{...a,rel:"preload",as:"style"},a]}).sort((t,f)=>t.rel==="preload"&&f.rel==="preload"?0:t.rel==="preload"?-1:1)}0&&(module.exports={links});
|
|
2
2
|
//# sourceMappingURL=links.server.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n
|
|
1
|
+
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css') {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n return [\n {\n ...props,\n rel: 'preload',\n as: 'style',\n },\n props,\n ];\n })\n .sort((a, b) =>\n a.rel === 'preload' && b.rel === 'preload'\n ? 0\n : a.rel === 'preload'\n ? -1\n : 1\n ) as LinkProps[];\n}\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,i9IAMA,IAAMI,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAC5C,OAAIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEH,OAAO,QAAQC,CAAO,EAC1B,QAAQ,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAlBnC,IAAAC,EAmBM,IAAMC,EAAmB,CACvB,KAAML,EAAOG,EACb,sBAAuBD,EACvB,IAAK,YACP,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IAMnD,OALIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAIzBJ,IAAS,gBACJ,CACL,GAAGG,EACH,KAAM,wBAAwBG,GAChC,EAEK,CACL,CACE,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EACAA,CACF,CACF,CAAC,EACA,KAAK,CAACI,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACV,GACA,CACN,CACJ","names":["links_server_exports","__export","links","__toCommonJS","defaultBase","links","base","imports","name","filename","_a","props","media","queries_default","font_face_default","a","b"]}
|
package/dist/links.server.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a as r,b as l}from"./chunk-PPA2PR3A.js";var n="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfQ==";var e="https://www.volvocars.com/static/shared/pkg/";function p({base:o=e}={}){return o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/"),Object.entries(r).flatMap(([t,s])=>{var i;let f={href:o+s,"data-volvo-css-name":t,rel:"stylesheet"},a=(i=t.split("_").pop())==null?void 0:i.replace(".css","");return a&&a in l&&(f.media=l[a]),t==="font-face.css"?{...f,href:`data:text/css;base64,${n}`}:[{...f,rel:"preload",as:"style"},f]}).sort((t,s)=>t.rel==="preload"&&s.rel==="preload"?0:t.rel==="preload"?-1:1)}export{p as links};
|
|
2
2
|
//# sourceMappingURL=links.server.js.map
|
package/dist/links.server.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n
|
|
1
|
+
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-ignore\nimport fontFaceCss from './font-face.base64css';\nimport { imports } from './imports.json' assert { type: 'json' };\nimport type { LinkProps } from './links';\nimport mediaQueries from './queries.json' assert { type: 'json' };\n\nconst defaultBase = 'https://www.volvocars.com/static/shared/pkg/';\n\nexport function links({\n base = defaultBase,\n}: { base?: URL | string } = {}): LinkProps[] {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n return Object.entries(imports)\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n 'data-volvo-css-name': name,\n rel: 'stylesheet',\n };\n let media = name.split('_').pop()?.replace('.css', '');\n if (media && media in mediaQueries) {\n props.media = mediaQueries[media as keyof typeof mediaQueries];\n }\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css') {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n return [\n {\n ...props,\n rel: 'preload',\n as: 'style',\n },\n props,\n ];\n })\n .sort((a, b) =>\n a.rel === 'preload' && b.rel === 'preload'\n ? 0\n : a.rel === 'preload'\n ? -1\n : 1\n ) as LinkProps[];\n}\n"],"mappings":"4oIAMA,IAAMA,EAAc,+CAEb,SAASC,EAAM,CACpB,KAAAC,EAAOF,CACT,EAA6B,CAAC,EAAgB,CAC5C,OAAIE,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEH,OAAO,QAAQC,CAAO,EAC1B,QAAQ,CAAC,CAACC,EAAMC,CAAQ,IAAM,CAlBnC,IAAAC,EAmBM,IAAMC,EAAmB,CACvB,KAAML,EAAOG,EACb,sBAAuBD,EACvB,IAAK,YACP,EACII,GAAQF,EAAAF,EAAK,MAAM,GAAG,EAAE,IAAI,IAApB,YAAAE,EAAuB,QAAQ,OAAQ,IAMnD,OALIE,GAASA,KAASC,IACpBF,EAAM,MAAQE,EAAaD,IAIzBJ,IAAS,gBACJ,CACL,GAAGG,EACH,KAAM,wBAAwBG,GAChC,EAEK,CACL,CACE,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EACAA,CACF,CACF,CAAC,EACA,KAAK,CAACI,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACV,GACA,CACN,CACJ","names":["defaultBase","links","base","imports","name","filename","_a","props","media","queries_default","font_face_default","a","b"]}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,button,textarea,select,fieldset){margin:0}:where(.volvo_v0) :where(button,ol,ul,legend){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0) :where(img,picture,video,canvas,svg){max-width:100%}:where(.volvo_v0) :where(ol,ul){list-style:none}:where(.volvo_v0 button){-webkit-appearance:button;appearance:button;background-color:#0000}:where(.volvo_v0 details[class] summary){list-style:none}:where(.volvo_v0 details[class] summary)::marker,:where(.volvo_v0 details[class] summary)::-webkit-details-marker{display:none}:where(.volvo_v0) :where(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small){font:inherit}:where(.volvo_v0) :where(b,strong){font-weight:500}:where(.volvo_v0) :where(button,input,optgroup,select,label){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0) :where(p,li,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3:where([data-fluid-typography]){font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a:not([class])),:where(.volvo_v0) :where(a,button,[role=link],[role=button]).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}
|
|
1
|
+
:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0 :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,fieldset)){margin:0}:where(.volvo_v0 :is(button,input,ol,ul,legend,fieldset)){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0 :is(img,picture,video,canvas,svg)){max-width:100%}:where(.volvo_v0 :is(ol,ul)){list-style:none}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]))){-webkit-appearance:button;appearance:button;color:inherit;background-color:#0000}:where(.volvo_v0 summary:is(details[class]>*,[class])){list-style:none}:where(.volvo_v0 summary:is(details[class]>*,[class]))::marker,:where(.volvo_v0 summary:is(details[class]>*,[class]))::-webkit-details-marker{display:none}:where(.volvo_v0 :is(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small)){font:inherit}:where(.volvo_v0 :is(b,strong)){font-weight:500}:where(.volvo_v0 :is(button,input,optgroup,select)){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0 :is(p,li,h1,h2,h3,h4,h5,h6)){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}@media (prefers-reduced-motion:reduce){.volvo_v0 *,.volvo_v0 :before,.volvo_v0 :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}:where(.volvo_v0) :is(.stack-4,.stack-8,.stack-16,.stack-24,.stack-section,.stack-text)>*+*{margin-top:var(--stack-gap)}:where(.volvo_v0) .stack-section>*{--stack-gap:var(--v-space-section)}:where(.volvo_v0) .stack-4>*{--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-8>*{--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-16>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-24>*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-text>:where(:not(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class]))+.title-20,.title-20:first-child)+:where(.body-16,.list,:is(p,ul):not([class])){--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-text>:where(.body-16.font-medium)+:where(.body-16,p:not([class])){--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-text>:where(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class])){--stack-gap:var(--v-space-24)}:where(.volvo_v0 .stack-text)>.statement-3+*,:where(.volvo_v0 .stack-text)>.statement-3+:where(.heading-3,h3:not([class]))+*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>:where(.micro,small:not([class]))+:where(.micro,small:not([class])){--stack-gap:0rem}:where(.volvo_v0 :is([type=checkbox],[type=radio])):is(.radio,.checkbox,:not([class])){width:var(--v-space-16);height:var(--v-space-16);-webkit-appearance:none;appearance:none;background-color:var(--v-color-background-primary);border:1px solid var(--v-color-foreground-secondary);border-radius:var(--v-radius-4);place-content:center;margin-top:.25em;transition:box-shadow .3s;display:inline-grid}:where(.volvo_v0 :is([type=checkbox],[type=radio])):is(.radio,.checkbox,:not([class])):before{width:var(--v-space-16);height:var(--v-space-16);content:"";background-color:var(--v-color-background-accent-blue);border-radius:var(--v-radius-4);opacity:0;transition:transform .1s ease-in-out,background-color .3s,outline .3s,opacity .2s}:where(.volvo_v0 :is([type=checkbox],[type=radio])):is(.radio,.checkbox,:not([class])):after{content:"";opacity:1;position:absolute}:where(.volvo_v0 [type=radio]):is(.radio,:not([class])){border-radius:var(--v-radius-full)}:where(.volvo_v0 [type=radio]):is(.radio,:not([class])):before{border-radius:var(--v-radius-full)}:where(.volvo_v0 [type=checkbox]):is(.checkbox,:not([class])):after{width:var(--v-space-4);height:var(--v-space-8);content:"";border-color:#0000;transition:border-top-color .15s linear,border-inline-end-color .15s linear .1s;transform:scaleX(-1) rotate(135deg) translate(5px,2px)}:where(.volvo_v0 [type=checkbox]:is(.checkbox,:not([class]))):checked:after{border-inline-end:1px solid var(--v-color-always-white);border-top:1px solid var(--v-color-always-white)}:where(.volvo_v0 [type=radio]):is(.radio,:not([class])):after{width:8px;height:8px;background-color:var(--v-color-always-white);border-radius:var(--v-radius-full);transition:transform .25s;transform:matrix(0,.001,.001,0,3,3)}:where(.volvo_v0 [type=radio]:is(.radio,:not([class]))):checked:after{transform:matrix(0,1,1,0,3,3)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class]))):disabled:after{border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class]))):disabled{background-color:var(--v-color-background-secondary);border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class])):is(:active,:checked)):enabled:before{opacity:1}:where(.volvo_v0 :is([type=checkbox],[type=radio]):is(.radio,.checkbox,:not([class]))[aria-invalid]:not([aria-invalid=false]),.volvo_v0 :is(fieldset,[role=radiogroup])[aria-invalid]:not([aria-invalid=false]) [type=radio]:is(.radio,:not([class]))):not(:disabled,:hover){border-color:var(--v-color-foreground-feedback-red);box-shadow:inset 0 0 0 1px var(--v-color-foreground-feedback-red)}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1[data-fluid-typography]{font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2[data-fluid-typography]{font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3[data-fluid-typography]{font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a[href]:not([class])),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1[data-fluid-typography]{font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2[data-fluid-typography]{font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3[data-fluid-typography]{font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) :is(.flex,.flex-col,.flex-row){display:flex}:where(.volvo_v0) .flex-row{flex-direction:row}:where(.volvo_v0) .flex-col{flex-direction:column}:where(.volvo_v0) .flex-wrap{flex-wrap:wrap}:where(.volvo_v0) .flex-nowrap{flex-wrap:nowrap}:where(.volvo_v0) .flex-grow{flex-grow:1}:where(.volvo_v0) .flex-grow-0{flex-grow:0}:where(.volvo_v0) .flex-shrink{flex-shrink:1}:where(.volvo_v0) .flex-shrink-0{flex-shrink:0}:where(.volvo_v0) .flex-items-start{align-items:flex-start}:where(.volvo_v0) .flex-items-end{align-items:flex-end}:where(.volvo_v0) .flex-items-center{align-items:center}:where(.volvo_v0) .flex-items-stretch{align-items:stretch}:where(.volvo_v0) .flex-self-start{align-self:flex-start}:where(.volvo_v0) .flex-self-end{align-self:flex-end}:where(.volvo_v0) .flex-self-center{align-self:center}:where(.volvo_v0) .flex-self-stretch{align-self:stretch}:where(.volvo_v0) .flex-justify-start{justify-content:flex-start}:where(.volvo_v0) .flex-justify-end{justify-content:flex-end}:where(.volvo_v0) .flex-justify-around{justify-content:space-around}:where(.volvo_v0) .flex-justify-between{justify-content:space-between}:where(.volvo_v0) .flex-justify-evenly{justify-content:space-evenly}:where(.volvo_v0) .flex-justify-center{justify-content:center}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .m-0{margin:0}:where(.volvo_v0) :is(.mx-0,.mr-0){margin-inline-end:0}:where(.volvo_v0) :is(.mx-0,.ml-0){margin-inline-start:0}:where(.volvo_v0) :is(.my-0,.mt-0){margin-top:0}:where(.volvo_v0) :is(.my-0,.mb-0){margin-bottom:0}:where(.volvo_v0) .m-4{margin:.25rem}:where(.volvo_v0) :is(.mx-4,.mr-4){margin-inline-end:.25rem}:where(.volvo_v0) :is(.mx-4,.ml-4){margin-inline-start:.25rem}:where(.volvo_v0) :is(.my-4,.mt-4){margin-top:.25rem}:where(.volvo_v0) :is(.my-4,.mb-4){margin-bottom:.25rem}:where(.volvo_v0) .m-8{margin:.5rem}:where(.volvo_v0) :is(.mx-8,.mr-8){margin-inline-end:.5rem}:where(.volvo_v0) :is(.mx-8,.ml-8){margin-inline-start:.5rem}:where(.volvo_v0) :is(.my-8,.mt-8){margin-top:.5rem}:where(.volvo_v0) :is(.my-8,.mb-8){margin-bottom:.5rem}:where(.volvo_v0) .m-16{margin:1rem}:where(.volvo_v0) :is(.mx-16,.mr-16){margin-inline-end:1rem}:where(.volvo_v0) :is(.mx-16,.ml-16){margin-inline-start:1rem}:where(.volvo_v0) :is(.my-16,.mt-16){margin-top:1rem}:where(.volvo_v0) :is(.my-16,.mb-16){margin-bottom:1rem}:where(.volvo_v0) .m-24{margin:1.5rem}:where(.volvo_v0) :is(.mx-24,.mr-24){margin-inline-end:1.5rem}:where(.volvo_v0) :is(.mx-24,.ml-24){margin-inline-start:1.5rem}:where(.volvo_v0) :is(.my-24,.mt-24){margin-top:1.5rem}:where(.volvo_v0) :is(.my-24,.mb-24){margin-bottom:1.5rem}:where(.volvo_v0) :is(.my-section,.mt-section){margin-top:var(--v-space-section)}:where(.volvo_v0) :is(.my-section,.mb-section){margin-bottom:var(--v-space-section)}:where(.volvo_v0) .p-0{padding:0}:where(.volvo_v0) :is(.px-0,.pr-0){padding-inline-end:0}:where(.volvo_v0) :is(.px-0,.pl-0){padding-inline-start:0}:where(.volvo_v0) :is(.py-0,.pt-0){padding-top:0}:where(.volvo_v0) :is(.py-0,.pb-0){padding-bottom:0}:where(.volvo_v0) .p-4{padding:.25rem}:where(.volvo_v0) :is(.px-4,.pr-4){padding-inline-end:.25rem}:where(.volvo_v0) :is(.px-4,.pl-4){padding-inline-start:.25rem}:where(.volvo_v0) :is(.py-4,.pt-4){padding-top:.25rem}:where(.volvo_v0) :is(.py-4,.pb-4){padding-bottom:.25rem}:where(.volvo_v0) .p-8{padding:.5rem}:where(.volvo_v0) :is(.px-8,.pr-8){padding-inline-end:.5rem}:where(.volvo_v0) :is(.px-8,.pl-8){padding-inline-start:.5rem}:where(.volvo_v0) :is(.py-8,.pt-8){padding-top:.5rem}:where(.volvo_v0) :is(.py-8,.pb-8){padding-bottom:.5rem}:where(.volvo_v0) .p-16{padding:1rem}:where(.volvo_v0) :is(.px-16,.pr-16){padding-inline-end:1rem}:where(.volvo_v0) :is(.px-16,.pl-16){padding-inline-start:1rem}:where(.volvo_v0) :is(.py-16,.pt-16){padding-top:1rem}:where(.volvo_v0) :is(.py-16,.pb-16){padding-bottom:1rem}:where(.volvo_v0) .p-24{padding:1.5rem}:where(.volvo_v0) :is(.px-24,.pr-24){padding-inline-end:1.5rem}:where(.volvo_v0) :is(.px-24,.pl-24){padding-inline-start:1.5rem}:where(.volvo_v0) :is(.py-24,.pt-24){padding-top:1.5rem}:where(.volvo_v0) :is(.py-24,.pb-24){padding-bottom:1.5rem}:where(.volvo_v0) :is(.py-section,.pt-section){padding-top:var(--v-space-section)}:where(.volvo_v0) :is(.py-section,.pb-section){padding-bottom:var(--v-space-section)}:where(.volvo_v0) .text-start{text-align:start}:where(.volvo_v0) .text-end{text-align:end}:where(.volvo_v0) .text-center{text-align:center}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}
|
package/dist/styles.d.ts
CHANGED
|
@@ -11,6 +11,30 @@ export interface ClassNames {
|
|
|
11
11
|
readonly bgSecondary: 'bg-secondary';
|
|
12
12
|
readonly bgTransparent: 'bg-transparent';
|
|
13
13
|
readonly body16: 'body-16';
|
|
14
|
+
readonly checkbox: 'checkbox';
|
|
15
|
+
readonly flex: 'flex';
|
|
16
|
+
readonly flexCol: 'flex-col';
|
|
17
|
+
readonly flexGrow: 'flex-grow';
|
|
18
|
+
readonly flexGrow0: 'flex-grow-0';
|
|
19
|
+
readonly flexItemsCenter: 'flex-items-center';
|
|
20
|
+
readonly flexItemsEnd: 'flex-items-end';
|
|
21
|
+
readonly flexItemsStart: 'flex-items-start';
|
|
22
|
+
readonly flexItemsStretch: 'flex-items-stretch';
|
|
23
|
+
readonly flexJustifyAround: 'flex-justify-around';
|
|
24
|
+
readonly flexJustifyBetween: 'flex-justify-between';
|
|
25
|
+
readonly flexJustifyCenter: 'flex-justify-center';
|
|
26
|
+
readonly flexJustifyEnd: 'flex-justify-end';
|
|
27
|
+
readonly flexJustifyEvenly: 'flex-justify-evenly';
|
|
28
|
+
readonly flexJustifyStart: 'flex-justify-start';
|
|
29
|
+
readonly flexNowrap: 'flex-nowrap';
|
|
30
|
+
readonly flexRow: 'flex-row';
|
|
31
|
+
readonly flexSelfCenter: 'flex-self-center';
|
|
32
|
+
readonly flexSelfEnd: 'flex-self-end';
|
|
33
|
+
readonly flexSelfStart: 'flex-self-start';
|
|
34
|
+
readonly flexSelfStretch: 'flex-self-stretch';
|
|
35
|
+
readonly flexShrink: 'flex-shrink';
|
|
36
|
+
readonly flexShrink0: 'flex-shrink-0';
|
|
37
|
+
readonly flexWrap: 'flex-wrap';
|
|
14
38
|
readonly fontLight: 'font-light';
|
|
15
39
|
readonly fontMedium: 'font-medium';
|
|
16
40
|
readonly heading1: 'heading-1';
|
|
@@ -18,7 +42,90 @@ export interface ClassNames {
|
|
|
18
42
|
readonly heading3: 'heading-3';
|
|
19
43
|
readonly linkInline: 'link-inline';
|
|
20
44
|
readonly list: 'list';
|
|
45
|
+
readonly m0: 'm-0';
|
|
46
|
+
readonly m16: 'm-16';
|
|
47
|
+
readonly m24: 'm-24';
|
|
48
|
+
readonly m4: 'm-4';
|
|
49
|
+
readonly m8: 'm-8';
|
|
50
|
+
readonly mb0: 'mb-0';
|
|
51
|
+
readonly mb16: 'mb-16';
|
|
52
|
+
readonly mb24: 'mb-24';
|
|
53
|
+
readonly mb4: 'mb-4';
|
|
54
|
+
readonly mb8: 'mb-8';
|
|
55
|
+
readonly mbSection: 'mb-section';
|
|
21
56
|
readonly micro: 'micro';
|
|
57
|
+
readonly ml0: 'ml-0';
|
|
58
|
+
readonly ml16: 'ml-16';
|
|
59
|
+
readonly ml24: 'ml-24';
|
|
60
|
+
readonly ml4: 'ml-4';
|
|
61
|
+
readonly ml8: 'ml-8';
|
|
62
|
+
readonly mr0: 'mr-0';
|
|
63
|
+
readonly mr16: 'mr-16';
|
|
64
|
+
readonly mr24: 'mr-24';
|
|
65
|
+
readonly mr4: 'mr-4';
|
|
66
|
+
readonly mr8: 'mr-8';
|
|
67
|
+
readonly mt0: 'mt-0';
|
|
68
|
+
readonly mt16: 'mt-16';
|
|
69
|
+
readonly mt24: 'mt-24';
|
|
70
|
+
readonly mt4: 'mt-4';
|
|
71
|
+
readonly mt8: 'mt-8';
|
|
72
|
+
readonly mtSection: 'mt-section';
|
|
73
|
+
readonly mx0: 'mx-0';
|
|
74
|
+
readonly mx16: 'mx-16';
|
|
75
|
+
readonly mx24: 'mx-24';
|
|
76
|
+
readonly mx4: 'mx-4';
|
|
77
|
+
readonly mx8: 'mx-8';
|
|
78
|
+
readonly my0: 'my-0';
|
|
79
|
+
readonly my16: 'my-16';
|
|
80
|
+
readonly my24: 'my-24';
|
|
81
|
+
readonly my4: 'my-4';
|
|
82
|
+
readonly my8: 'my-8';
|
|
83
|
+
readonly mySection: 'my-section';
|
|
84
|
+
readonly p0: 'p-0';
|
|
85
|
+
readonly p16: 'p-16';
|
|
86
|
+
readonly p24: 'p-24';
|
|
87
|
+
readonly p4: 'p-4';
|
|
88
|
+
readonly p8: 'p-8';
|
|
89
|
+
readonly pb0: 'pb-0';
|
|
90
|
+
readonly pb16: 'pb-16';
|
|
91
|
+
readonly pb24: 'pb-24';
|
|
92
|
+
readonly pb4: 'pb-4';
|
|
93
|
+
readonly pb8: 'pb-8';
|
|
94
|
+
readonly pbSection: 'pb-section';
|
|
95
|
+
readonly pl0: 'pl-0';
|
|
96
|
+
readonly pl16: 'pl-16';
|
|
97
|
+
readonly pl24: 'pl-24';
|
|
98
|
+
readonly pl4: 'pl-4';
|
|
99
|
+
readonly pl8: 'pl-8';
|
|
100
|
+
readonly pr0: 'pr-0';
|
|
101
|
+
readonly pr16: 'pr-16';
|
|
102
|
+
readonly pr24: 'pr-24';
|
|
103
|
+
readonly pr4: 'pr-4';
|
|
104
|
+
readonly pr8: 'pr-8';
|
|
105
|
+
readonly pt0: 'pt-0';
|
|
106
|
+
readonly pt16: 'pt-16';
|
|
107
|
+
readonly pt24: 'pt-24';
|
|
108
|
+
readonly pt4: 'pt-4';
|
|
109
|
+
readonly pt8: 'pt-8';
|
|
110
|
+
readonly ptSection: 'pt-section';
|
|
111
|
+
readonly px0: 'px-0';
|
|
112
|
+
readonly px16: 'px-16';
|
|
113
|
+
readonly px24: 'px-24';
|
|
114
|
+
readonly px4: 'px-4';
|
|
115
|
+
readonly px8: 'px-8';
|
|
116
|
+
readonly py0: 'py-0';
|
|
117
|
+
readonly py16: 'py-16';
|
|
118
|
+
readonly py24: 'py-24';
|
|
119
|
+
readonly py4: 'py-4';
|
|
120
|
+
readonly py8: 'py-8';
|
|
121
|
+
readonly pySection: 'py-section';
|
|
122
|
+
readonly radio: 'radio';
|
|
123
|
+
readonly stack16: 'stack-16';
|
|
124
|
+
readonly stack24: 'stack-24';
|
|
125
|
+
readonly stack4: 'stack-4';
|
|
126
|
+
readonly stack8: 'stack-8';
|
|
127
|
+
readonly stackSection: 'stack-section';
|
|
128
|
+
readonly stackText: 'stack-text';
|
|
22
129
|
readonly statement1: 'statement-1';
|
|
23
130
|
readonly statement2: 'statement-2';
|
|
24
131
|
readonly statement3: 'statement-3';
|