@volvo-cars/css 0.6.2 → 0.7.0

package/dist/styles.d.ts

@@ -11,6 +11,7 @@ export interface ClassNames {
     readonly bgSecondary: 'bg-secondary';
     readonly bgTransparent: 'bg-transparent';
     readonly body16: 'body-16';
+    readonly checkbox: 'checkbox';
     readonly fontLight: 'font-light';
     readonly fontMedium: 'font-medium';
     readonly heading1: 'heading-1';
@@ -18,7 +19,90 @@ export interface ClassNames {
     readonly heading3: 'heading-3';
     readonly linkInline: 'link-inline';
     readonly list: 'list';
+    readonly m0: 'm-0';
+    readonly m16: 'm-16';
+    readonly m24: 'm-24';
+    readonly m4: 'm-4';
+    readonly m8: 'm-8';
+    readonly mb0: 'mb-0';
+    readonly mb16: 'mb-16';
+    readonly mb24: 'mb-24';
+    readonly mb4: 'mb-4';
+    readonly mb8: 'mb-8';
+    readonly mbSection: 'mb-section';
     readonly micro: 'micro';
+    readonly ml0: 'ml-0';
+    readonly ml16: 'ml-16';
+    readonly ml24: 'ml-24';
+    readonly ml4: 'ml-4';
+    readonly ml8: 'ml-8';
+    readonly mr0: 'mr-0';
+    readonly mr16: 'mr-16';
+    readonly mr24: 'mr-24';
+    readonly mr4: 'mr-4';
+    readonly mr8: 'mr-8';
+    readonly mt0: 'mt-0';
+    readonly mt16: 'mt-16';
+    readonly mt24: 'mt-24';
+    readonly mt4: 'mt-4';
+    readonly mt8: 'mt-8';
+    readonly mtSection: 'mt-section';
+    readonly mx0: 'mx-0';
+    readonly mx16: 'mx-16';
+    readonly mx24: 'mx-24';
+    readonly mx4: 'mx-4';
+    readonly mx8: 'mx-8';
+    readonly my0: 'my-0';
+    readonly my16: 'my-16';
+    readonly my24: 'my-24';
+    readonly my4: 'my-4';
+    readonly my8: 'my-8';
+    readonly mySection: 'my-section';
+    readonly p0: 'p-0';
+    readonly p16: 'p-16';
+    readonly p24: 'p-24';
+    readonly p4: 'p-4';
+    readonly p8: 'p-8';
+    readonly pb0: 'pb-0';
+    readonly pb16: 'pb-16';
+    readonly pb24: 'pb-24';
+    readonly pb4: 'pb-4';
+    readonly pb8: 'pb-8';
+    readonly pbSection: 'pb-section';
+    readonly pl0: 'pl-0';
+    readonly pl16: 'pl-16';
+    readonly pl24: 'pl-24';
+    readonly pl4: 'pl-4';
+    readonly pl8: 'pl-8';
+    readonly pr0: 'pr-0';
+    readonly pr16: 'pr-16';
+    readonly pr24: 'pr-24';
+    readonly pr4: 'pr-4';
+    readonly pr8: 'pr-8';
+    readonly pt0: 'pt-0';
+    readonly pt16: 'pt-16';
+    readonly pt24: 'pt-24';
+    readonly pt4: 'pt-4';
+    readonly pt8: 'pt-8';
+    readonly ptSection: 'pt-section';
+    readonly px0: 'px-0';
+    readonly px16: 'px-16';
+    readonly px24: 'px-24';
+    readonly px4: 'px-4';
+    readonly px8: 'px-8';
+    readonly py0: 'py-0';
+    readonly py16: 'py-16';
+    readonly py24: 'py-24';
+    readonly py4: 'py-4';
+    readonly py8: 'py-8';
+    readonly pySection: 'py-section';
+    readonly radio: 'radio';
+    readonly stack16: 'stack-16';
+    readonly stack24: 'stack-24';
+    readonly stack4: 'stack-4';
+    readonly stack8: 'stack-8';
+    readonly stackSection: 'stack-section';
+    readonly stackText: 'stack-text';
     readonly statement1: 'statement-1';
     readonly statement2: 'statement-2';
     readonly statement3: 'statement-3';

package/dist/styles.json

@@ -1,40 +1,124 @@
 [
-  "title-24",
-  "title-20",
-  "body-16",
-  "micro",
-  "font-medium",
-  "font-light",
-  "bg-inherit",
-  "bg-transparent",
+  "bg-accent-blue",
   "bg-always-black",
   "bg-always-white",
-  "bg-primary",
-  "bg-secondary",
-  "bg-accent-blue",
   "bg-feedback-green",
   "bg-feedback-orange",
   "bg-feedback-red",
-  "text-inherit",
-  "text-always-black",
-  "text-always-white",
-  "text-primary",
-  "text-secondary",
-  "text-accent-blue",
-  "text-feedback-green",
-  "text-feedback-orange",
-  "text-feedback-red",
-  "text-start",
-  "text-end",
-  "text-center",
+  "bg-inherit",
+  "bg-primary",
+  "bg-secondary",
+  "bg-transparent",
+  "body-16",
+  "checkbox",
+  "font-light",
+  "font-medium",
   "heading-1",
   "heading-2",
   "heading-3",
   "link-inline",
   "list",
+  "m-0",
+  "m-16",
+  "m-24",
+  "m-4",
+  "m-8",
+  "mb-0",
+  "mb-16",
+  "mb-24",
+  "mb-4",
+  "mb-8",
+  "mb-section",
+  "micro",
+  "ml-0",
+  "ml-16",
+  "ml-24",
+  "ml-4",
+  "ml-8",
+  "mr-0",
+  "mr-16",
+  "mr-24",
+  "mr-4",
+  "mr-8",
+  "mt-0",
+  "mt-16",
+  "mt-24",
+  "mt-4",
+  "mt-8",
+  "mt-section",
+  "mx-0",
+  "mx-16",
+  "mx-24",
+  "mx-4",
+  "mx-8",
+  "my-0",
+  "my-16",
+  "my-24",
+  "my-4",
+  "my-8",
+  "my-section",
+  "p-0",
+  "p-16",
+  "p-24",
+  "p-4",
+  "p-8",
+  "pb-0",
+  "pb-16",
+  "pb-24",
+  "pb-4",
+  "pb-8",
+  "pb-section",
+  "pl-0",
+  "pl-16",
+  "pl-24",
+  "pl-4",
+  "pl-8",
+  "pr-0",
+  "pr-16",
+  "pr-24",
+  "pr-4",
+  "pr-8",
+  "pt-0",
+  "pt-16",
+  "pt-24",
+  "pt-4",
+  "pt-8",
+  "pt-section",
+  "px-0",
+  "px-16",
+  "px-24",
+  "px-4",
+  "px-8",
+  "py-0",
+  "py-16",
+  "py-24",
+  "py-4",
+  "py-8",
+  "py-section",
+  "radio",
+  "stack-16",
+  "stack-24",
+  "stack-4",
+  "stack-8",
+  "stack-section",
+  "stack-text",
   "statement-1",
   "statement-2",
   "statement-3",
   "statement-signature",
+  "text-accent-blue",
+  "text-always-black",
+  "text-always-white",
+  "text-center",
+  "text-end",
+  "text-feedback-green",
+  "text-feedback-orange",
+  "text-feedback-red",
+  "text-inherit",
+  "text-primary",
+  "text-secondary",
+  "text-start",
+  "title-20",
+  "title-24",
   "volvo_v0"
 ]

package/dist/styles_all-media.css

@@ -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))}@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(--v-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}}
+:where(.volvo_v0),:where(.volvo_v0 [data-color-mode]){color:var(--v-color-foreground-primary);color-scheme:light;accent-color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0[data-color-mode=dark],.volvo_v0 [data-color-mode=dark]){color-scheme:dark}:where(.volvo_v0){font:var(--v-font-16);tab-size:4}:where(.volvo_v0) :where(code,kbd,samp,pre){font-family:var(--v-font-mono-family);font-size:min(100%,var(--v-font-14-size))}:where(.volvo_v0 pre){white-space:break-spaces}:where(.volvo_v0) *,:where(.volvo_v0) :before,:where(.volvo_v0) :after{box-sizing:border-box}:where(.volvo_v0 :not(progress,meter)){border-color:var(--v-color-ornament-primary);border-style:solid;border-width:0}:where(.volvo_v0 body,body.volvo_v0){min-height:100vh;min-height:100dvh;scrollbar-gutter:stable;background-color:var(--v-color-background-primary);margin:0}:where(.volvo_v0 :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre,input,fieldset)){margin:0}:where(.volvo_v0 :is(button,input,ol,ul,legend,fieldset)){padding:0}:where(.volvo_v0 a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(.volvo_v0 :focus-visible){outline:2px solid var(--v-color-foreground-primary);outline-offset:2px}:where(.volvo_v0 :is(img,picture,video,canvas,svg)){max-width:100%}:where(.volvo_v0 :is(ol,ul)){list-style:none}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]))){-webkit-appearance:button;appearance:button;color:inherit;background-color:#0000}:where(.volvo_v0 summary:is(details[class]>*,[class])){list-style:none}:where(.volvo_v0 summary:is(details[class]>*,[class]))::marker,:where(.volvo_v0 summary:is(details[class]>*,[class]))::-webkit-details-marker{display:none}:where(.volvo_v0 :is(button,input,optgroup,select,textarea,h1,h2,h3,h4,h5,h6,small)){font:inherit}:where(.volvo_v0 :is(b,strong)){font-weight:500}:where(.volvo_v0 :is(button,input,optgroup,select,label)){line-height:1.3}:where(.volvo_v0 textarea){resize:vertical}:where(.volvo_v0 :is(p,li,h1,h2,h3,h4,h5,h6)){overflow-wrap:break-word}:where(.volvo_v0) [data-fluid-typography=min]{--_vcc7ec5de:0rem}:where(.volvo_v0) [data-fluid-typography=max]{--_vcc7ec5de:9rem}@media (prefers-reduced-motion:reduce){.volvo_v0 *,.volvo_v0 :before,.volvo_v0 :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}:where(.volvo_v0) :is(.stack-4,.stack-8,.stack-16,.stack-24,.stack-section,.stack-text)>*+*{margin-top:var(--stack-gap)}:where(.volvo_v0) .stack-section>*{--stack-gap:var(--v-space-section)}:where(.volvo_v0) .stack-4>*{--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-8>*{--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-16>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-24>*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>*{--stack-gap:var(--v-space-16)}:where(.volvo_v0) .stack-text>:where(:not(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class]))+.title-20,.title-20:first-child)+:where(.body-16,.list,:is(p,ul):not([class])){--stack-gap:var(--v-space-8)}:where(.volvo_v0) .stack-text>:where(.body-16.font-medium)+:where(.body-16,p:not([class])){--stack-gap:var(--v-space-4)}:where(.volvo_v0) .stack-text>:where(.heading-1,.heading-2,.heading-3,:is(h1,h2,h3):not([class])){--stack-gap:var(--v-space-24)}:where(.volvo_v0 .stack-text)>.statement-3+*,:where(.volvo_v0 .stack-text)>.statement-3+:where(.heading-3,h3:not([class]))+*{--stack-gap:var(--v-space-24)}:where(.volvo_v0) .stack-text>:where(.micro,small:not([class]))+:where(.micro,small:not([class])){--stack-gap:0rem}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])){width:var(--v-space-16);height:var(--v-space-16);-webkit-appearance:none;appearance:none;background-color:var(--v-color-background-primary);border:1px solid var(--v-color-foreground-secondary);border-radius:var(--v-radius-4);place-content:center;margin-top:.15em;transition:box-shadow .3s;display:grid}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):before{width:var(--v-space-16);height:var(--v-space-16);content:"";background-color:var(--v-color-background-accent-blue);border-radius:var(--v-radius-4);opacity:0;transition:transform .1s ease-in-out,background-color .3s,outline .3s,opacity .2s}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):after{content:"";opacity:1;position:absolute}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]{border-radius:var(--v-radius-full)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]:before{border-radius:var(--v-radius-full)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=checkbox]:after{width:var(--v-space-4);height:var(--v-space-8);content:"";border-color:#0000;transition:border-top-color .15s linear,border-inline-end-color .15s linear .1s;transform:scaleX(-1) rotate(135deg) translate(5px,2px)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))[type=checkbox]):checked:after{border-inline-end:1px solid var(--v-color-always-white);border-top:1px solid var(--v-color-always-white)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])))[type=radio]:after{width:8px;height:8px;background-color:var(--v-color-always-white);border-radius:var(--v-radius-full);transition:transform .25s;transform:matrix(0,.001,.001,0,3,3)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))[type=radio]):checked:after{transform:matrix(0,1,1,0,3,3)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):disabled:after{border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):disabled{background-color:var(--v-color-background-secondary);border-color:var(--v-color-ornament-primary)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio]):enabled):is(:active,:checked):before{opacity:1}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class]))):where(:is([type=checkbox],[type=radio])[data-invalid]:not(:hover,:checked)){border-color:var(--v-color-foreground-feedback-red);box-shadow:inset 0 0 0 1px var(--v-color-foreground-feedback-red);border-width:1px}:where(.volvo_v0 fieldset[data-invalid] input:is(.radio,.checkbox,:not([class])) [type=radio]):not(:checked,:hover,:disabled){border-color:var(--v-color-foreground-feedback-red);border-width:2px}:where(.volvo_v0 h1:not([class])),:where(.volvo_v0) .heading-1{font:var(--v-font-heading-1)}:where(.volvo_v0) .heading-1[data-fluid-typography]{font-size:clamp(var(--v-font-heading-1-size-min),var(--_vcc7ec5de,var(--v-font-heading-1-size)),var(--v-font-heading-1-size-max))}:where(.volvo_v0 h2:not([class])),:where(.volvo_v0) .heading-2{font:var(--v-font-heading-2)}:where(.volvo_v0) .heading-2[data-fluid-typography]{font-size:clamp(var(--v-font-heading-2-size-min),var(--_vcc7ec5de,var(--v-font-heading-2-size)),var(--v-font-heading-2-size-max))}:where(.volvo_v0 h3:not([class])),:where(.volvo_v0) .heading-3{font:var(--v-font-heading-3)}:where(.volvo_v0) .heading-3[data-fluid-typography]{font-size:clamp(var(--v-font-heading-3-size-min),var(--_vcc7ec5de,var(--v-font-heading-3-size)),var(--v-font-heading-3-size-max))}:where(.volvo_v0 a[href]:not([class])),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline{color:var(--v-color-foreground-secondary);-webkit-text-decoration-line:underline;text-decoration-line:underline}:where(.volvo_v0 ul,.volvo_v0 ol).list,:where(.volvo_v0 ul,.volvo_v0 ol):where(:not([class])){list-style-type:revert;padding-inline-start:2rem}:where(.volvo_v0) .statement-1{font:var(--v-font-statement-1)}:where(.volvo_v0) .statement-1[data-fluid-typography]{font-size:clamp(var(--v-font-statement-1-size-min),var(--_vcc7ec5de),var(--v-font-statement-1-size-max))}:where(.volvo_v0) .statement-2{font:var(--v-font-statement-2)}:where(.volvo_v0) .statement-2[data-fluid-typography]{font-size:clamp(var(--v-font-statement-2-size-min),var(--_vcc7ec5de),var(--v-font-statement-2-size-max))}:where(.volvo_v0) .statement-3{font:var(--v-font-statement-3)}:where(.volvo_v0) .statement-3[data-fluid-typography]{font-size:clamp(var(--v-font-statement-3-size-min),var(--_vcc7ec5de),var(--v-font-statement-3-size-max))}:where(.volvo_v0) .statement-signature{font:var(--v-font-statement-signature);letter-spacing:.02em}:where(.volvo_v0) .statement-signature:where([data-fluid-typography]){font-size:clamp(var(--v-font-statement-signature-size-min),var(--_vcc7ec5de),var(--v-font-statement-signature-size-max))}:where(.volvo_v0) .bg-inherit{background-color:inherit}:where(.volvo_v0) .bg-transparent{background-color:#0000}:where(.volvo_v0) .bg-always-black{background-color:var(--v-color-always-black)}:where(.volvo_v0) .bg-always-white{background-color:var(--v-color-always-white)}:where(.volvo_v0) .bg-primary{background-color:var(--v-color-background-primary)}:where(.volvo_v0) .bg-secondary{background-color:var(--v-color-background-secondary)}:where(.volvo_v0) .bg-accent-blue{background-color:var(--v-color-background-accent-blue)}:where(.volvo_v0) .bg-feedback-green{background-color:var(--v-color-background-feedback-green)}:where(.volvo_v0) .bg-feedback-orange{background-color:var(--v-color-background-feedback-orange)}:where(.volvo_v0) .bg-feedback-red{background-color:var(--v-color-background-feedback-red)}:where(.volvo_v0) .title-24{font-size:var(--v-font-title-24-size);line-height:var(--v-font-title-24-lineheight)}:where(.volvo_v0) .title-20{font-size:var(--v-font-title-20-size);line-height:var(--v-font-title-20-lineheight)}:where(.volvo_v0) .body-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}:where(.volvo_v0 small:not([class])),:where(.volvo_v0) .micro{font-size:var(--v-font-12-size);line-height:var(--v-font-12-lineheight);letter-spacing:.02em}:where(.volvo_v0) .font-medium{font-weight:500}:where(.volvo_v0) .font-light{font-weight:300}:where(.volvo_v0) .m-0{margin:0}:where(.volvo_v0) :is(.mx-0,.mr-0){margin-inline-end:0}:where(.volvo_v0) :is(.mx-0,.ml-0){margin-inline-start:0}:where(.volvo_v0) :is(.my-0,.mt-0){margin-top:0}:where(.volvo_v0) :is(.my-0,.mb-0){margin-bottom:0}:where(.volvo_v0) .m-4{margin:.25rem}:where(.volvo_v0) :is(.mx-4,.mr-4){margin-inline-end:.25rem}:where(.volvo_v0) :is(.mx-4,.ml-4){margin-inline-start:.25rem}:where(.volvo_v0) :is(.my-4,.mt-4){margin-top:.25rem}:where(.volvo_v0) :is(.my-4,.mb-4){margin-bottom:.25rem}:where(.volvo_v0) .m-8{margin:.5rem}:where(.volvo_v0) :is(.mx-8,.mr-8){margin-inline-end:.5rem}:where(.volvo_v0) :is(.mx-8,.ml-8){margin-inline-start:.5rem}:where(.volvo_v0) :is(.my-8,.mt-8){margin-top:.5rem}:where(.volvo_v0) :is(.my-8,.mb-8){margin-bottom:.5rem}:where(.volvo_v0) .m-16{margin:1rem}:where(.volvo_v0) :is(.mx-16,.mr-16){margin-inline-end:1rem}:where(.volvo_v0) :is(.mx-16,.ml-16){margin-inline-start:1rem}:where(.volvo_v0) :is(.my-16,.mt-16){margin-top:1rem}:where(.volvo_v0) :is(.my-16,.mb-16){margin-bottom:1rem}:where(.volvo_v0) .m-24{margin:1.5rem}:where(.volvo_v0) :is(.mx-24,.mr-24){margin-inline-end:1.5rem}:where(.volvo_v0) :is(.mx-24,.ml-24){margin-inline-start:1.5rem}:where(.volvo_v0) :is(.my-24,.mt-24){margin-top:1.5rem}:where(.volvo_v0) :is(.my-24,.mb-24){margin-bottom:1.5rem}:where(.volvo_v0) :is(.my-section,.mt-section){margin-top:var(--v-space-section)}:where(.volvo_v0) :is(.my-section,.mb-section){margin-bottom:var(--v-space-section)}:where(.volvo_v0) .p-0{padding:0}:where(.volvo_v0) :is(.px-0,.pr-0){padding-inline-end:0}:where(.volvo_v0) :is(.px-0,.pl-0){padding-inline-start:0}:where(.volvo_v0) :is(.py-0,.pt-0){padding-top:0}:where(.volvo_v0) :is(.py-0,.pb-0){padding-bottom:0}:where(.volvo_v0) .p-4{padding:.25rem}:where(.volvo_v0) :is(.px-4,.pr-4){padding-inline-end:.25rem}:where(.volvo_v0) :is(.px-4,.pl-4){padding-inline-start:.25rem}:where(.volvo_v0) :is(.py-4,.pt-4){padding-top:.25rem}:where(.volvo_v0) :is(.py-4,.pb-4){padding-bottom:.25rem}:where(.volvo_v0) .p-8{padding:.5rem}:where(.volvo_v0) :is(.px-8,.pr-8){padding-inline-end:.5rem}:where(.volvo_v0) :is(.px-8,.pl-8){padding-inline-start:.5rem}:where(.volvo_v0) :is(.py-8,.pt-8){padding-top:.5rem}:where(.volvo_v0) :is(.py-8,.pb-8){padding-bottom:.5rem}:where(.volvo_v0) .p-16{padding:1rem}:where(.volvo_v0) :is(.px-16,.pr-16){padding-inline-end:1rem}:where(.volvo_v0) :is(.px-16,.pl-16){padding-inline-start:1rem}:where(.volvo_v0) :is(.py-16,.pt-16){padding-top:1rem}:where(.volvo_v0) :is(.py-16,.pb-16){padding-bottom:1rem}:where(.volvo_v0) .p-24{padding:1.5rem}:where(.volvo_v0) :is(.px-24,.pr-24){padding-inline-end:1.5rem}:where(.volvo_v0) :is(.px-24,.pl-24){padding-inline-start:1.5rem}:where(.volvo_v0) :is(.py-24,.pt-24){padding-top:1.5rem}:where(.volvo_v0) :is(.py-24,.pb-24){padding-bottom:1.5rem}:where(.volvo_v0) :is(.py-section,.pt-section){padding-top:var(--v-space-section)}:where(.volvo_v0) :is(.py-section,.pb-section){padding-bottom:var(--v-space-section)}:where(.volvo_v0) .text-start{text-align:start}:where(.volvo_v0) .text-end{text-align:end}:where(.volvo_v0) .text-center{text-align:center}:where(.volvo_v0) .text-inherit{color:inherit}:where(.volvo_v0) .text-always-black{color:var(--v-color-always-black)}:where(.volvo_v0) .text-always-white{color:var(--v-color-always-white)}:where(.volvo_v0) .text-primary{color:var(--v-color-foreground-primary)}:where(.volvo_v0) .text-secondary{color:var(--v-color-foreground-secondary)}:where(.volvo_v0) .text-accent-blue{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0) .text-feedback-green{color:var(--v-color-foreground-feedback-green)}:where(.volvo_v0) .text-feedback-orange{color:var(--v-color-foreground-feedback-orange)}:where(.volvo_v0) .text-feedback-red{color:var(--v-color-foreground-feedback-red)}@media (hover:hover){:where(.volvo_v0 :-webkit-any(button,input:-webkit-any([type=button],[type=reset],[type=submit]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 input[type=file]:not(:disabled,[aria-disabled]))::-webkit-file-upload-button{cursor:pointer}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 input[type=file]:not(:disabled,[aria-disabled]))::file-selector-button{cursor:pointer}:where(.volvo_v0 input:is(:disabled,[aria-disabled])+label:hover){cursor:default}:where(.volvo_v0 a[href]:not([class]):hover),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline:hover{color:var(--v-color-foreground-primary);-webkit-text-decoration-line:none;text-decoration-line:none}:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).UNSTABLE_link-secondary:hover{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):where(:enabled:checked:hover):before{background-color:var(--_vcc01cdae)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):where(:enabled:hover){cursor:pointer;border:1px solid var(--v-color-background-accent-blue);box-shadow:inset 0 0 0 1px var(--v-color-background-accent-blue)}}@media (min-width:30rem){: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}}@media (min-width:30rem){}@media (min-width:64rem){: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}}@media (min-width:64rem){}

package/dist/styles_hover.css

@@ -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(--v-color-foreground-accent-blue)}
+:where(.volvo_v0 :-webkit-any(button,input:-webkit-any([type=button],[type=reset],[type=submit]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 input[type=file]:not(:disabled,[aria-disabled]))::-webkit-file-upload-button{cursor:pointer}:where(.volvo_v0 :is(button,input:is([type=button],[type=reset],[type=submit]),label[for],summary,[role=button],[role=link]):not(:disabled,[aria-disabled])),:where(.volvo_v0 input[type=file]:not(:disabled,[aria-disabled]))::file-selector-button{cursor:pointer}:where(.volvo_v0 input:is(:disabled,[aria-disabled])+label:hover){cursor:default}:where(.volvo_v0 a[href]:not([class]):hover),:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).link-inline:hover{color:var(--v-color-foreground-primary);-webkit-text-decoration-line:none;text-decoration-line:none}:where(.volvo_v0 :is(a[href],button,[role=link],[role=button])).UNSTABLE_link-secondary:hover{color:var(--v-color-foreground-accent-blue)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):where(:enabled:checked:hover):before{background-color:var(--_vcc01cdae)}:where(.volvo_v0 input:is(.radio,.checkbox,:not([class])):is([type=checkbox],[type=radio])):where(:enabled:hover){cursor:pointer;border:1px solid var(--v-color-background-accent-blue);box-shadow:inset 0 0 0 1px var(--v-color-background-accent-blue)}

package/dist/styles_lg.css

@@ -0,0 +1 @@
+:where(.volvo_v0) .lg\:text-start{text-align:start}:where(.volvo_v0) .lg\:text-end{text-align:end}:where(.volvo_v0) .lg\:text-center{text-align:center}

package/dist/styles_md.css

@@ -0,0 +1 @@
+:where(.volvo_v0) .md\:text-start{text-align:start}:where(.volvo_v0) .md\:text-end{text-align:end}:where(.volvo_v0) .md\:text-center{text-align:center}

package/dist/tokens.css

@@ -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}
+.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/tokens.d.ts

@@ -1,72 +1,77 @@
 export interface Tokens {
-    readonly vFontSansFamily: 'var(--v-font-sans-family)';
-    readonly vFontBroadFamily: 'var(--v-font-broad-family)';
-    readonly vFontMonoFamily: 'var(--v-font-mono-family)';
-    readonly vFont16Size: 'var(--v-font-16-size)';
-    readonly vFont16Lineheight: 'var(--v-font-16-lineheight)';
-    readonly vFont16: 'var(--v-font-16)';
-    readonly vFont14Size: 'var(--v-font-14-size)';
-    readonly vFont14Lineheight: 'var(--v-font-14-lineheight)';
-    readonly vFont14: 'var(--v-font-14)';
-    readonly vFont12Size: 'var(--v-font-12-size)';
-    readonly vFont12Lineheight: 'var(--v-font-12-lineheight)';
-    readonly vFont12: 'var(--v-font-12)';
-    readonly vFontHeading1Lineheight: 'var(--v-font-heading-1-lineheight)';
-    readonly vFontHeading1SizeMin: 'var(--v-font-heading-1-size-min)';
-    readonly vFontHeading1SizeMax: 'var(--v-font-heading-1-size-max)';
-    readonly vFontHeading1Size: 'var(--v-font-heading-1-size)';
-    readonly vFontHeading1: 'var(--v-font-heading-1)';
-    readonly vFontHeading2Lineheight: 'var(--v-font-heading-2-lineheight)';
-    readonly vFontHeading2SizeMin: 'var(--v-font-heading-2-size-min)';
-    readonly vFontHeading2SizeMax: 'var(--v-font-heading-2-size-max)';
-    readonly vFontHeading2Size: 'var(--v-font-heading-2-size)';
-    readonly vFontHeading2: 'var(--v-font-heading-2)';
-    readonly vFontHeading3Lineheight: 'var(--v-font-heading-3-lineheight)';
-    readonly vFontHeading3SizeMin: 'var(--v-font-heading-3-size-min)';
-    readonly vFontHeading3SizeMax: 'var(--v-font-heading-3-size-max)';
-    readonly vFontHeading3Size: 'var(--v-font-heading-3-size)';
-    readonly vFontHeading3: 'var(--v-font-heading-3)';
-    readonly vFontStatement1Lineheight: 'var(--v-font-statement-1-lineheight)';
-    readonly vFontStatement1SizeMin: 'var(--v-font-statement-1-size-min)';
-    readonly vFontStatement1SizeMax: 'var(--v-font-statement-1-size-max)';
-    readonly vFontStatement1Size: 'var(--v-font-statement-1-size)';
-    readonly vFontStatement1: 'var(--v-font-statement-1)';
-    readonly vFontStatement2Lineheight: 'var(--v-font-statement-2-lineheight)';
-    readonly vFontStatement2SizeMin: 'var(--v-font-statement-2-size-min)';
-    readonly vFontStatement2SizeMax: 'var(--v-font-statement-2-size-max)';
-    readonly vFontStatement2Size: 'var(--v-font-statement-2-size)';
-    readonly vFontStatement2: 'var(--v-font-statement-2)';
-    readonly vFontStatement3Lineheight: 'var(--v-font-statement-3-lineheight)';
-    readonly vFontStatement3SizeMin: 'var(--v-font-statement-3-size-min)';
-    readonly vFontStatement3SizeMax: 'var(--v-font-statement-3-size-max)';
-    readonly vFontStatement3Size: 'var(--v-font-statement-3-size)';
-    readonly vFontStatement3: 'var(--v-font-statement-3)';
-    readonly vFontStatementSignatureLineheight: 'var(--v-font-statement-signature-lineheight)';
-    readonly vFontStatementSignatureSizeMin: 'var(--v-font-statement-signature-size-min)';
-    readonly vFontStatementSignatureSizeMax: 'var(--v-font-statement-signature-size-max)';
-    readonly vFontStatementSignatureSize: 'var(--v-font-statement-signature-size)';
-    readonly vFontStatementSignature: 'var(--v-font-statement-signature)';
-    readonly vFontTitle24Size: 'var(--v-font-title-24-size)';
-    readonly vFontTitle24Lineheight: 'var(--v-font-title-24-lineheight)';
-    readonly vFontTitle24: 'var(--v-font-title-24)';
-    readonly vFontTitle20Size: 'var(--v-font-title-20-size)';
-    readonly vFontTitle20Lineheight: 'var(--v-font-title-20-lineheight)';
-    readonly vFontTitle20: 'var(--v-font-title-20)';
-    readonly vColorAlwaysBlack: 'var(--v-color-always-black)';
-    readonly vColorAlwaysWhite: 'var(--v-color-always-white)';
-    readonly vColorForegroundPrimary: 'var(--v-color-foreground-primary)';
-    readonly vColorForegroundSecondary: 'var(--v-color-foreground-secondary)';
-    readonly vColorOrnamentPrimary: 'var(--v-color-ornament-primary)';
-    readonly vColorBackgroundPrimary: 'var(--v-color-background-primary)';
-    readonly vColorBackgroundSecondary: 'var(--v-color-background-secondary)';
-    readonly vColorForegroundAccentBlue: 'var(--v-color-foreground-accent-blue)';
-    readonly vColorBackgroundAccentBlue: 'var(--v-color-background-accent-blue)';
-    readonly vColorForegroundFeedbackGreen: 'var(--v-color-foreground-feedback-green)';
-    readonly vColorForegroundFeedbackOrange: 'var(--v-color-foreground-feedback-orange)';
-    readonly vColorForegroundFeedbackRed: 'var(--v-color-foreground-feedback-red)';
-    readonly vColorBackgroundFeedbackGreen: 'var(--v-color-background-feedback-green)';
-    readonly vColorBackgroundFeedbackOrange: 'var(--v-color-background-feedback-orange)';
-    readonly vColorBackgroundFeedbackRed: 'var(--v-color-background-feedback-red)';
+    readonly fontSansFamily: 'var(--v-font-sans-family)';
+    readonly fontBroadFamily: 'var(--v-font-broad-family)';
+    readonly fontMonoFamily: 'var(--v-font-mono-family)';
+    readonly font16Size: 'var(--v-font-16-size)';
+    readonly font16Lineheight: 'var(--v-font-16-lineheight)';
+    readonly font16: 'var(--v-font-16)';
+    readonly font14Size: 'var(--v-font-14-size)';
+    readonly font14Lineheight: 'var(--v-font-14-lineheight)';
+    readonly font14: 'var(--v-font-14)';
+    readonly font12Size: 'var(--v-font-12-size)';
+    readonly font12Lineheight: 'var(--v-font-12-lineheight)';
+    readonly font12: 'var(--v-font-12)';
+    readonly fontHeading1Lineheight: 'var(--v-font-heading-1-lineheight)';
+    readonly fontHeading1SizeMin: 'var(--v-font-heading-1-size-min)';
+    readonly fontHeading1SizeMax: 'var(--v-font-heading-1-size-max)';
+    readonly fontHeading1Size: 'var(--v-font-heading-1-size)';
+    readonly fontHeading1: 'var(--v-font-heading-1)';
+    readonly fontHeading2Lineheight: 'var(--v-font-heading-2-lineheight)';
+    readonly fontHeading2SizeMin: 'var(--v-font-heading-2-size-min)';
+    readonly fontHeading2SizeMax: 'var(--v-font-heading-2-size-max)';
+    readonly fontHeading2Size: 'var(--v-font-heading-2-size)';
+    readonly fontHeading2: 'var(--v-font-heading-2)';
+    readonly fontHeading3Lineheight: 'var(--v-font-heading-3-lineheight)';
+    readonly fontHeading3SizeMin: 'var(--v-font-heading-3-size-min)';
+    readonly fontHeading3SizeMax: 'var(--v-font-heading-3-size-max)';
+    readonly fontHeading3Size: 'var(--v-font-heading-3-size)';
+    readonly fontHeading3: 'var(--v-font-heading-3)';
+    readonly fontStatement1Lineheight: 'var(--v-font-statement-1-lineheight)';
+    readonly fontStatement1SizeMin: 'var(--v-font-statement-1-size-min)';
+    readonly fontStatement1SizeMax: 'var(--v-font-statement-1-size-max)';
+    readonly fontStatement1Size: 'var(--v-font-statement-1-size)';
+    readonly fontStatement1: 'var(--v-font-statement-1)';
+    readonly fontStatement2Lineheight: 'var(--v-font-statement-2-lineheight)';
+    readonly fontStatement2SizeMin: 'var(--v-font-statement-2-size-min)';
+    readonly fontStatement2SizeMax: 'var(--v-font-statement-2-size-max)';
+    readonly fontStatement2Size: 'var(--v-font-statement-2-size)';
+    readonly fontStatement2: 'var(--v-font-statement-2)';
+    readonly fontStatement3Lineheight: 'var(--v-font-statement-3-lineheight)';
+    readonly fontStatement3SizeMin: 'var(--v-font-statement-3-size-min)';
+    readonly fontStatement3SizeMax: 'var(--v-font-statement-3-size-max)';
+    readonly fontStatement3Size: 'var(--v-font-statement-3-size)';
+    readonly fontStatement3: 'var(--v-font-statement-3)';
+    readonly fontStatementSignatureLineheight: 'var(--v-font-statement-signature-lineheight)';
+    readonly fontStatementSignatureSizeMin: 'var(--v-font-statement-signature-size-min)';
+    readonly fontStatementSignatureSizeMax: 'var(--v-font-statement-signature-size-max)';
+    readonly fontStatementSignatureSize: 'var(--v-font-statement-signature-size)';
+    readonly fontStatementSignature: 'var(--v-font-statement-signature)';
+    readonly fontTitle24Size: 'var(--v-font-title-24-size)';
+    readonly fontTitle24Lineheight: 'var(--v-font-title-24-lineheight)';
+    readonly fontTitle24: 'var(--v-font-title-24)';
+    readonly fontTitle20Size: 'var(--v-font-title-20-size)';
+    readonly fontTitle20Lineheight: 'var(--v-font-title-20-lineheight)';
+    readonly fontTitle20: 'var(--v-font-title-20)';
+    readonly colorAlwaysBlack: 'var(--v-color-always-black)';
+    readonly colorAlwaysWhite: 'var(--v-color-always-white)';
+    readonly colorForegroundPrimary: 'var(--v-color-foreground-primary)';
+    readonly colorForegroundSecondary: 'var(--v-color-foreground-secondary)';
+    readonly colorOrnamentPrimary: 'var(--v-color-ornament-primary)';
+    readonly colorBackgroundPrimary: 'var(--v-color-background-primary)';
+    readonly colorBackgroundSecondary: 'var(--v-color-background-secondary)';
+    readonly colorForegroundAccentBlue: 'var(--v-color-foreground-accent-blue)';
+    readonly colorBackgroundAccentBlue: 'var(--v-color-background-accent-blue)';
+    readonly colorForegroundFeedbackGreen: 'var(--v-color-foreground-feedback-green)';
+    readonly colorForegroundFeedbackOrange: 'var(--v-color-foreground-feedback-orange)';
+    readonly colorForegroundFeedbackRed: 'var(--v-color-foreground-feedback-red)';
+    readonly colorBackgroundFeedbackGreen: 'var(--v-color-background-feedback-green)';
+    readonly colorBackgroundFeedbackOrange: 'var(--v-color-background-feedback-orange)';
+    readonly colorBackgroundFeedbackRed: 'var(--v-color-background-feedback-red)';
+    readonly space4: 'var(--v-space-4)';
+    readonly space8: 'var(--v-space-8)';
+    readonly space16: 'var(--v-space-16)';
+    readonly space24: 'var(--v-space-24)';
+    readonly spaceSection: 'var(--v-space-section)';
 }
 declare const vtokens: Tokens;
 export default vtokens;

package/dist/tokens.json

@@ -1,70 +1,75 @@
 [
-  "--v-font-sans-family",
-  "--v-font-broad-family",
-  "--v-font-mono-family",
-  "--v-font-16-size",
-  "--v-font-16-lineheight",
-  "--v-font-16",
-  "--v-font-14-size",
-  "--v-font-14-lineheight",
-  "--v-font-14",
-  "--v-font-12-size",
-  "--v-font-12-lineheight",
+  "--v-color-always-black",
+  "--v-color-always-white",
+  "--v-color-background-accent-blue",
+  "--v-color-background-feedback-green",
+  "--v-color-background-feedback-orange",
+  "--v-color-background-feedback-red",
+  "--v-color-background-primary",
+  "--v-color-background-secondary",
+  "--v-color-foreground-accent-blue",
+  "--v-color-foreground-feedback-green",
+  "--v-color-foreground-feedback-orange",
+  "--v-color-foreground-feedback-red",
+  "--v-color-foreground-primary",
+  "--v-color-foreground-secondary",
+  "--v-color-ornament-primary",
   "--v-font-12",
+  "--v-font-12-lineheight",
+  "--v-font-12-size",
+  "--v-font-14",
+  "--v-font-14-lineheight",
+  "--v-font-14-size",
+  "--v-font-16",
+  "--v-font-16-lineheight",
+  "--v-font-16-size",
+  "--v-font-broad-family",
+  "--v-font-heading-1",
   "--v-font-heading-1-lineheight",
-  "--v-font-heading-1-size-min",
-  "--v-font-heading-1-size-max",
   "--v-font-heading-1-size",
-  "--v-font-heading-1",
+  "--v-font-heading-1-size-max",
+  "--v-font-heading-1-size-min",
+  "--v-font-heading-2",
   "--v-font-heading-2-lineheight",
-  "--v-font-heading-2-size-min",
-  "--v-font-heading-2-size-max",
   "--v-font-heading-2-size",
-  "--v-font-heading-2",
+  "--v-font-heading-2-size-max",
+  "--v-font-heading-2-size-min",
+  "--v-font-heading-3",
   "--v-font-heading-3-lineheight",
-  "--v-font-heading-3-size-min",
-  "--v-font-heading-3-size-max",
   "--v-font-heading-3-size",
-  "--v-font-heading-3",
+  "--v-font-heading-3-size-max",
+  "--v-font-heading-3-size-min",
+  "--v-font-mono-family",
+  "--v-font-sans-family",
+  "--v-font-statement-1",
   "--v-font-statement-1-lineheight",
-  "--v-font-statement-1-size-min",
-  "--v-font-statement-1-size-max",
   "--v-font-statement-1-size",
-  "--v-font-statement-1",
+  "--v-font-statement-1-size-max",
+  "--v-font-statement-1-size-min",
+  "--v-font-statement-2",
   "--v-font-statement-2-lineheight",
-  "--v-font-statement-2-size-min",
-  "--v-font-statement-2-size-max",
   "--v-font-statement-2-size",
-  "--v-font-statement-2",
+  "--v-font-statement-2-size-max",
+  "--v-font-statement-2-size-min",
+  "--v-font-statement-3",
   "--v-font-statement-3-lineheight",
-  "--v-font-statement-3-size-min",
-  "--v-font-statement-3-size-max",
   "--v-font-statement-3-size",
-  "--v-font-statement-3",
+  "--v-font-statement-3-size-max",
+  "--v-font-statement-3-size-min",
+  "--v-font-statement-signature",
   "--v-font-statement-signature-lineheight",
-  "--v-font-statement-signature-size-min",
-  "--v-font-statement-signature-size-max",
   "--v-font-statement-signature-size",
-  "--v-font-statement-signature",
-  "--v-font-title-24-size",
-  "--v-font-title-24-lineheight",
-  "--v-font-title-24",
-  "--v-font-title-20-size",
-  "--v-font-title-20-lineheight",
+  "--v-font-statement-signature-size-max",
+  "--v-font-statement-signature-size-min",
   "--v-font-title-20",
-  "--v-color-always-black",
-  "--v-color-always-white",
-  "--v-color-foreground-primary",
-  "--v-color-foreground-secondary",
-  "--v-color-ornament-primary",
-  "--v-color-background-primary",
-  "--v-color-background-secondary",
-  "--v-color-foreground-accent-blue",
-  "--v-color-background-accent-blue",
-  "--v-color-foreground-feedback-green",
-  "--v-color-foreground-feedback-orange",
-  "--v-color-foreground-feedback-red",
-  "--v-color-background-feedback-green",
-  "--v-color-background-feedback-orange",
-  "--v-color-background-feedback-red"
+  "--v-font-title-20-lineheight",
+  "--v-font-title-20-size",
+  "--v-font-title-24",
+  "--v-font-title-24-lineheight",
+  "--v-font-title-24-size",
+  "--v-space-16",
+  "--v-space-24",
+  "--v-space-4",
+  "--v-space-8",
+  "--v-space-section"
 ]

package/dist/unstable_styles.css

@@ -1 +1 @@
-:where(.volvo_v0) :where(img,picture,video,canvas){display:block}:where(.volvo_v0 img){object-fit:cover;object-position:center}:where(.volvo_v0) :where(img[width][height]){height:auto}:where(.volvo_v0) :where(a,button,[role=link],[role=button]).UNSTABLE_link-secondary{color:var(--v-color-foreground-primary)}
+:where(.volvo_v0 :is(img,picture,video,canvas)){display:block}:where(.volvo_v0 img){object-fit:cover;object-position:center}:where(.volvo_v0 img[width][height]){height:auto}:where(.volvo_v0) .container{--_vcc40cb94:80rem;--_vcc157da2:var(--v-space-page-margin);--_vccde3de2:min(100vw - (var(--_vcc157da2)*2) - env(safe-area-inset-left,0) - env(safe-area-inset-right,0),160rem - (var(--_vcc157da2)*2),100%  );width:min(var(--_vccde3de2),var(--_vcc40cb94) - min(var(--_vcc19dec1))*2);margin-inline-start:auto;margin-inline-end:auto}:where(.volvo_v0) .container[data-max-width=full]{--_vcc40cb94:100vw}:where(.volvo_v0) .container[data-bleed]:where(:not([data-bleed^=until])),:where(.volvo_v0) .container:not([data-bleed]) :where(.container){--_vcc157da2:0px}@media (max-width:calc(30rem - .001px)){:where(.volvo_v0) .container[data-bleed=until-md]{--_vcc157da2:0px}}@media (max-width:calc(64rem - .001px)){:where(.volvo_v0) .container[data-bleed=until-lg]{--_vcc157da2:0px}}:where(.volvo_v0 :is(a,button,[role=link],[role=button])).UNSTABLE_link-secondary{color:var(--v-color-foreground-primary)}.inline-icon{align-items:center;column-gap:4px;display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.gap-x-4{column-gap:var(--v-space-4)}.gap-x-8{column-gap:var(--v-space-8)}.gap-x-16{column-gap:var(--v-space-16)}.gap-y-8{row-gap:var(--v-space-8)}.gap-y-16{row-gap:var(--v-space-16)}

package/dist/unstable_tokens.css

@@ -1 +1 @@
-.volvo_v0{--v-space-4:.25rem;--v-space-8:.5rem;--v-space-12:.75rem;--v-space-16:1rem;--v-space-20:1.25rem}
+.volvo_v0{--v-space-12:.75rem;--v-space-20:1.25rem;--v-space-32:2rem;--_vcc19dec1:1.75rem;--_vccc7dbb9:8rem;--v-space-page-margin:clamp(var(--_vcc19dec1),22vw - 16.3rem,var(--_vccc7dbb9));--v-radius-4:.25rem;--v-radius-full:9999px}