https://vcc-ui.vercel.app/_next/static/chunks/pages/docs/design-tokens-b5ac3c3dd5339361.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6743],{91261:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design-tokens",function(){return o(5642)}])},5642:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return p}});var i=o(52322),a=o(45392);o(2784);var r=JSON.parse('{"color":{"primitive":{"black":{"value":"#000000","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#000000"},"name":"color-primitive-black","attributes":{"category":"color","type":"primitive","item":"black"},"path":["color","primitive","black"]},"white":{"value":"#ffffff","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#FFFFFF"},"name":"color-primitive-white","attributes":{"category":"color","type":"primitive","item":"white"},"path":["color","primitive","white"]},"blue":{"value":"#2a609d","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#2A609D"},"name":"color-primitive-blue","attributes":{"category":"color","type":"primitive","item":"blue"},"path":["color","primitive","blue"]},"accentBlue":{"value":"#2a609d","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#2A609D"},"name":"color-primitive-accent-blue","attributes":{"category":"color","type":"primitive","item":"accentBlue"},"path":["color","primitive","accentBlue"]},"red":{"value":"#bf2012","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#BF2012"},"name":"color-primitive-red","attributes":{"category":"color","type":"primitive","item":"red"},"path":["color","primitive","red"]},"greenPositive":{"value":"#048220","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#048220"},"name":"color-primitive-green-positive","attributes":{"category":"color","type":"primitive","item":"greenPositive"},"path":["color","primitive","greenPositive"]},"grey100":{"value":"rgba(0, 0, 0, 0.96)","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.96)"},"name":"color-primitive-grey100","attributes":{"category":"color","type":"primitive","item":"grey100"},"path":["color","primitive","grey100"]},"grey200":{"value":"rgba(0, 0, 0, 0.64)","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.64)"},"name":"color-primitive-grey200","attributes":{"category":"color","type":"primitive","item":"grey200"},"path":["color","primitive","grey200"]},"grey300":{"value":"#d5d5d5","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#D5D5D5"},"name":"color-primitive-grey300","attributes":{"category":"color","type":"primitive","item":"grey300"},"path":["color","primitive","grey300"]},"grey400":{"value":"#ebebeb","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#EBEBEB"},"name":"color-primitive-grey400","attributes":{"category":"color","type":"primitive","item":"grey400"},"path":["color","primitive","grey400"]},"grey500":{"value":"#fafafa","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"#FAFAFA"},"name":"color-primitive-grey500","attributes":{"category":"color","type":"primitive","item":"grey500"},"path":["color","primitive","grey500"]}},"brand":{"primary":{"value":"#2a609d","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"The primary brand color, used sparingly to create brand associated UI components.","original":{"value":"{color.primitive.blue.value}","comment":"The primary brand color, used sparingly to create brand associated UI components."},"name":"color-brand-primary","attributes":{"category":"color","type":"brand","item":"primary"},"path":["color","brand","primary"]}},"foreground":{"primary":{"value":"rgba(0, 0, 0, 0.96)","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use for primary text and icons","original":{"value":"{color.primitive.grey100.value}","comment":"Use for primary text and icons"},"name":"color-foreground-primary","attributes":{"category":"color","type":"foreground","item":"primary"},"path":["color","foreground","primary"]},"secondary":{"value":"rgba(0, 0, 0, 0.64)","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use for secondary text and icons","original":{"value":"{color.primitive.grey200.value}","comment":"Use for secondary text and icons"},"name":"color-foreground-secondary","attributes":{"category":"color","type":"foreground","item":"secondary"},"path":["color","foreground","secondary"]},"inverted":{"value":"#ffffff","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use for inverted text and icons","original":{"value":"{color.primitive.white.value}","comment":"Use for inverted text and icons"},"name":"color-foreground-inverted","attributes":{"category":"color","type":"foreground","item":"inverted"},"path":["color","foreground","inverted"]},"positive":{"value":"#048220","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to highlight positive actions or events","original":{"value":"{color.primitive.greenPositive.value}","comment":"Use to highlight positive actions or events"}

1,"name":"color-foreground-positive","attributes":{"category":"color","type":"foreground","item":"positive"},"path":["color","foreground","positive"]},"alert":{"value":"#bf2012","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to highlight destructive actions","original":{"value":"{color.primitive.red.value}","comment":"Use to highlight destructive actions"},"name":"color-foreground-alert","attributes":{"category":"color","type":"foreground","item":"alert"},"path":["color","foreground","alert"]},"action":{"value":"#2a609d","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use for links and other interactive elements","original":{"value":"{color.primitive.accentBlue.value}","comment":"Use for links and other interactive elements"},"name":"color-foreground-action","attributes":{"category":"color","type":"foreground","item":"action"},"path":["color","foreground","action"]},"actionSecondary":{"value":"#2a609d","filePath":"src/brands/volvo/color.json","isSource":true,"original":{"value":"{color.primitive.accentBlue.value}"},"name":"color-foreground-action-secondary","attributes":{"category":"color","type":"foreground","item":"actionSecondary"},"path":["color","foreground","actionSecondary"]}},"ornament":{"border":{"value":"#d5d5d5","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to visually group or separate UI elements","original":{"value":"{color.primitive.grey300.value}","comment":"Use to visually group or separate UI elements"},"name":"color-ornament-border","attributes":{"category":"color","type":"ornament","item":"border"},"path":["color","ornament","border"]},"divider":{"value":"#ebebeb","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to visually group or separate UI elements","original":{"value":"{color.primitive.grey400.value}","comment":"Use to visually group or separate UI elements"},"name":"color-ornament-divider","attributes":{"category":"color","type":"ornament","item":"divider"},"path":["color","ornament","divider"]},"highlight":{"value":"#2a609d","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to highlight selected and focus states","original":{"value":"{color.primitive.accentBlue.value}","comment":"Use to highlight selected and focus states"},"name":"color-ornament-highlight","attributes":{"category":"color","type":"ornament","item":"highlight"},"path":["color","ornament","highlight"]},"positive":{"value":"#048220","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to highlight successful states","original":{"value":"{color.primitive.greenPositive.value}","comment":"Use to highlight successful states"},"name":"color-ornament-positive","attributes":{"category":"color","type":"ornament","item":"positive"},"path":["color","ornament","positive"]},"alert":{"value":"#bf2012","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Use to highlight errors and invalid states","original":{"value":"{color.primitive.red.value}","comment":"Use to highlight errors and invalid states"},"name":"color-ornament-alert","attributes":{"category":"color","type":"ornament","item":"alert"},"path":["color","ornament","alert"]}},"background":{"primary":{"value":"#ffffff","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Primary background","original":{"value":"{color.primitive.white.value}","comment":"Primary background"},"name":"color-background-primary","attributes":{"category":"color","type":"background","item":"primary"},"path":["color","background","primary"]},"secondary":{"value":"#fafafa","filePath":"src/brands/volvo/color.json","isSource":true,"comment":"Secondary backround","original":{"value":"{color.primitive.grey500.value}","comment":"Secondary backround"},"name":"color-background-secondary","attributes":{"category":"color","type":"background","item":"secondary"},"path":["color","background","secondary"]}}},"form":{"field":{"border":{"color":"#d5d5d5","width":{"value":1,"filePath":"src/globals/form.json","isSource":true,"original":{"value":1},"name":"form-field-border-width","attributes":{"category":"form","type":"field","item":"border","subitem":"width"},"path":["form","field","border","width"]},"radius":{"value":4,"filePath":"src/globals/form.json","isSource":true,"original":{"value":4},"name":"form-field-border-radius","attributes":{"category":"form","type":"field","item":"border","subitem":"radius"},"path":["form","field","border","radius"]}}

1,"invalid":{"border":{"color":"#bf2012","width":{"value":2,"filePath":"src/globals/form.json","isSource":true,"original":{"value":2},"name":"form-field-invalid-border-width","attributes":{"category":"form","type":"field","item":"invalid","subitem":"border","state":"width"},"path":["form","field","invalid","border","width"]}},"label":{"color":"#bf2012"}},"placeholder":"rgba(0, 0, 0, 0.64)","foreground":"rgba(0, 0, 0, 0.96)","background":"#ffffff","disabled":{"foreground":"#d5d5d5","background":"#fafafa","border":{"color":"#d5d5d5"}},"focus":{"border":{"color":"#2a609d"},"label":{"offset":{"value":8,"filePath":"src/globals/form.json","isSource":true,"original":{"value":8},"name":"form-field-focus-label-offset","attributes":{"category":"form","type":"field","item":"focus","subitem":"label","state":"offset"},"path":["form","field","focus","label","offset"]},"size":{"value":12,"filePath":"src/globals/form.json","isSource":true,"original":{"value":12},"name":"form-field-focus-label-size","attributes":{"category":"form","type":"field","item":"focus","subitem":"label","state":"size"},"path":["form","field","focus","label","size"]}}},"padding":{"vertical":{"value":12,"filePath":"src/globals/form.json","isSource":true,"original":{"value":12},"name":"form-field-padding-vertical","attributes":{"category":"form","type":"field","item":"padding","subitem":"vertical"},"path":["form","field","padding","vertical"]},"horizontal":{"value":16,"filePath":"src/globals/form.json","isSource":true,"original":{"value":16},"name":"form-field-padding-horizontal","attributes":{"category":"form","type":"field","item":"padding","subitem":"horizontal"},"path":["form","field","padding","horizontal"]}},"transition":{"duration":60},"font":{"family":"Volvo Novum, sans-serif","height":{"value":1.5,"filePath":"src/globals/form.json","isSource":true,"original":{"value":1.5},"name":"form-field-font-height","attributes":{"category":"form","type":"field","item":"font","subitem":"height"},"path":["form","field","font","height"]},"size":{"value":16,"filePath":"src/globals/form.json","isSource":true,"original":{"value":16},"name":"form-field-font-size","attributes":{"category":"form","type":"field","item":"font","subitem":"size"},"path":["form","field","font","size"]}},"label":{"color":"rgba(0, 0, 0, 0.64)","offset":{"value":18,"filePath":"src/globals/form.json","isSource":true,"original":{"value":18},"name":"form-field-label-offset","attributes":{"category":"form","type":"field","item":"label","subitem":"offset"},"path":["form","field","label","offset"]},"size":{"value":16,"filePath":"src/globals/form.json","isSource":true,"original":{"value":16},"name":"form-field-label-size","attributes":{"category":"form","type":"field","item":"label","subitem":"size"},"path":["form","field","label","size"]}}},"control":{"primary":"#2a609d","background":"#2a609d","foreground":"#ffffff","border":"rgba(0, 0, 0, 0.64)","disabled":{"primary":"rgba(0, 0, 0, 0.64)","border":"#d5d5d5"}}},"animation":{"duration":{"cheetah":{"value":60,"comment":"Use for small UI transitions that happen frequently","filePath":"src/globals/animation.json","isSource":true,"original":{"value":60,"comment":"Use for small UI transitions that happen frequently"},"name":"animation-duration-cheetah","attributes":{"category":"animation","type":"duration","item":"cheetah"},"path":["animation","duration","cheetah"]},"elk":{"value":150,"filePath":"src/globals/animation.json","isSource":true,"original":{"value":150},"name":"animation-duration-elk","attributes":{"category":"animation","type":"duration","item":"elk"},"path":["animation","duration","elk"]},"snail":{"value":300,"filePath":"src/globals/animation.json","isSource":true,"original":{"value":300},"name":"animation-duration-snail","attributes":{"category":"animation","type":"duration","item":"snail"},"path":["animation","duration","snail"]}}},"font":{"family":{"volvo-novum":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/font.json","isSource":true,"original":{"value":"Volvo Novum, sans-serif"},"name":"font-family-volvo-novum","attributes":{"category":"font","type":"family","item":"volvo-novum"},"path":["font","family","volvo-novum"]},"volvo-serif":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/font.json","isSource":true,"original":{"value":"Volvo Serif Pro, serif"}

1,"name":"font-family-volvo-serif","attributes":{"category":"font","type":"family","item":"volvo-serif"},"path":["font","family","volvo-serif"]},"volvo-broad":{"value":"Volvo Broad Pro, sans-serif","filePath":"src/globals/font.json","isSource":true,"original":{"value":"Volvo Broad Pro, sans-serif"},"name":"font-family-volvo-broad","attributes":{"category":"font","type":"family","item":"volvo-broad"},"path":["font","family","volvo-broad"]}},"weight":{"semi-light":{"value":300,"filePath":"src/globals/font.json","isSource":true,"original":{"value":300},"name":"font-weight-semi-light","attributes":{"category":"font","type":"weight","item":"semi-light"},"path":["font","weight","semi-light"]},"regular":{"value":400,"filePath":"src/globals/font.json","isSource":true,"original":{"value":400},"name":"font-weight-regular","attributes":{"category":"font","type":"weight","item":"regular"},"path":["font","weight","regular"]},"medium":{"value":500,"filePath":"src/globals/font.json","isSource":true,"original":{"value":500},"name":"font-weight-medium","attributes":{"category":"font","type":"weight","item":"medium"},"path":["font","weight","medium"]}}},"text":{"peary":{"base":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-peary-base-font","attributes":{"category":"text","type":"peary","item":"base","subitem":"font"},"path":["text","peary","base","font"]},"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-peary-base-font-weight","attributes":{"category":"text","type":"peary","item":"base","subitem":"font-weight"},"path":["text","peary","base","font-weight"]},"font-size":{"value":"48px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"48px"},"name":"text-peary-base-font-size","attributes":{"category":"text","type":"peary","item":"base","subitem":"font-size"},"path":["text","peary","base","font-size"]},"line-height":{"value":"52px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"52px"},"name":"text-peary-base-line-height","attributes":{"category":"text","type":"peary","item":"base","subitem":"line-height"},"path":["text","peary","base","line-height"]}},"medium":{"font-size":{"value":"52px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"52px"},"name":"text-peary-medium-font-size","attributes":{"category":"text","type":"peary","item":"medium","subitem":"font-size"},"path":["text","peary","medium","font-size"]},"line-height":{"value":"56px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"56px"},"name":"text-peary-medium-line-height","attributes":{"category":"text","type":"peary","item":"medium","subitem":"line-height"},"path":["text","peary","medium","line-height"]}},"large":{"font-size":{"value":"56px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"56px"},"name":"text-peary-large-font-size","attributes":{"category":"text","type":"peary","item":"large","subitem":"font-size"},"path":["text","peary","large","font-size"]},"line-height":{"value":"60px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"60px"},"name":"text-peary-large-line-height","attributes":{"category":"text","type":"peary","item":"large","subitem":"line-height"},"path":["text","peary","large","line-height"]}}},"cook":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-cook-font","attributes":{"category":"text","type":"cook","item":"font"},"path":["text","cook","font"]},"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-cook-font-weight","attributes":{"category":"text","type":"cook","item":"font-weight"},"path":["text","cook","font-weight"]},"font-size":{"value":"32px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"32px"},"name":"text-cook-font-size","attributes":{"category":"text","type":"cook","item":"font-size"},"path":["text","cook","font-size"]},"line-height":{"value":"36px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"36px"},"name":"text-cook-line-height","attributes":{"category":"text","type":"cook","item":"line-height"},"path":["text","cook","line-height"]}},"ootah":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"}

1,"name":"text-ootah-font","attributes":{"category":"text","type":"ootah","item":"font"},"path":["text","ootah","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-ootah-font-weight","attributes":{"category":"text","type":"ootah","item":"font-weight"},"path":["text","ootah","font-weight"]},"font-size":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-ootah-font-size","attributes":{"category":"text","type":"ootah","item":"font-size"},"path":["text","ootah","font-size"]},"line-height":{"value":"28px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"28px"},"name":"text-ootah-line-height","attributes":{"category":"text","type":"ootah","item":"line-height"},"path":["text","ootah","line-height"]}},"ootah-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-ootah-emphasis-font-weight","attributes":{"category":"text","type":"ootah-emphasis","item":"font-weight"},"path":["text","ootah-emphasis","font-weight"]}},"hillary":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-hillary-font","attributes":{"category":"text","type":"hillary","item":"font"},"path":["text","hillary","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-hillary-font-weight","attributes":{"category":"text","type":"hillary","item":"font-weight"},"path":["text","hillary","font-weight"]},"font-size":{"value":"20px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"20px"},"name":"text-hillary-font-size","attributes":{"category":"text","type":"hillary","item":"font-size"},"path":["text","hillary","font-size"]},"line-height":{"value":"28px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"28px"},"name":"text-hillary-line-height","attributes":{"category":"text","type":"hillary","item":"line-height"},"path":["text","hillary","line-height"]}},"hillary-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-hillary-emphasis-font-weight","attributes":{"category":"text","type":"hillary-emphasis","item":"font-weight"},"path":["text","hillary-emphasis","font-weight"]}},"columbus":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-columbus-font","attributes":{"category":"text","type":"columbus","item":"font"},"path":["text","columbus","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-columbus-font-weight","attributes":{"category":"text","type":"columbus","item":"font-weight"},"path":["text","columbus","font-weight"]},"font-size":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-columbus-font-size","attributes":{"category":"text","type":"columbus","item":"font-size"},"path":["text","columbus","font-size"]},"line-height":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-columbus-line-height","attributes":{"category":"text","type":"columbus","item":"line-height"},"path":["text","columbus","line-height"]}},"columbus-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-columbus-emphasis-font-weight","attributes":{"category":"text","type":"columbus-emphasis","item":"font-weight"},"path":["text","columbus-emphasis","font-weight"]}},"bates":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-bates-font","attributes":{"category":"text","type":"bates","item":"font"},"path":["text","bates","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-bates-font-weight","attributes":{"category":"text","type":"bates","item":"font-weight"},"path":["text","bates","font-weight"]},"font-size":{"value":"12px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"12px"},"name":"text-bates-font-size","attributes":{"category":"text","type":"bates","item":"font-size"},"path":["text","bates","font-size"]},"line-height":{"value":"20px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"20px"},"name":"text-bates-line-height","attributes":{"category":"text","type":"bates","item":"line-height"},"path":["text","bates","line-height"]},"letter-spacing":{"value":"0.02em","filePath":"src/globals/text.json","isSource":true,"original":{"value":"0.02em"},"name":"text-bates-letter-spacing","attributes":{"category":"text","type":"bates","item":"letter-spacing"},"path":["text","bates","letter-spacing"]}},"bates-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-bates-emphasis-font-weight","attributes":{"category":"text","type":"bates-emphasis","item":"font-weight"},"path":["text","bates-emphasis","font-weight"]}},"amundsen":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-amundsen-font","attributes":{"category":"text","type":"amundsen","item":"font"},"path":["text","amundsen","font"]},"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-amundsen-font-weight","attributes":{"category":"text","type":"amundsen","item":"font-weight"},"path":["text","amundsen","font-weight"]},"font-size":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-amundsen-font-size","attributes":{"category":"text","type":"amundsen","item":"font-size"},"path":["text","amundsen","font-size"]},"line-height":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-amundsen-line-height","attributes":{"category":"text","type":"amundsen","item":"line-height"},"path":["text","amundsen","line-height"]},"letter-spacing":{"value":"0.04em","filePath":"src/globals/text.json","isSource":true,"original":{"value":"0.04em"},"name":"text-amundsen-letter-spacing","attributes":{"category":"text","type":"amundsen","item":"letter-spacing"},"path":["text","amundsen","letter-spacing"]}},"armstrong":{"font":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-serif.value}"},"name":"text-armstrong-font","attributes":{"category":"text","type":"armstrong","item":"font"},"path":["text","armstrong","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"}

1,"name":"text-armstrong-font-weight","attributes":{"category":"text","type":"armstrong","item":"font-weight"},"path":["text","armstrong","font-weight"]},"font-size":{"value":"32px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"32px"},"name":"text-armstrong-font-size","attributes":{"category":"text","type":"armstrong","item":"font-size"},"path":["text","armstrong","font-size"]},"line-height":{"value":"36px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"36px"},"name":"text-armstrong-line-height","attributes":{"category":"text","type":"armstrong","item":"line-height"},"path":["text","armstrong","line-height"]}},"jemison":{"font":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-serif.value}"},"name":"text-jemison-font","attributes":{"category":"text","type":"jemison","item":"font"},"path":["text","jemison","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"},"name":"text-jemison-font-weight","attributes":{"category":"text","type":"jemison","item":"font-weight"},"path":["text","jemison","font-weight"]},"font-size":{"value":"20px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"20px"},"name":"text-jemison-font-size","attributes":{"category":"text","type":"jemison","item":"font-size"},"path":["text","jemison","font-size"]},"line-height":{"value":"28px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"28px"},"name":"text-jemison-line-height","attributes":{"category":"text","type":"jemison","item":"line-height"},"path":["text","jemison","line-height"]}},"ride":{"font":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-serif.value}"},"name":"text-ride-font","attributes":{"category":"text","type":"ride","item":"font"},"path":["text","ride","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"},"name":"text-ride-font-weight","attributes":{"category":"text","type":"ride","item":"font-weight"},"path":["text","ride","font-weight"]},"font-size":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-ride-font-size","attributes":{"category":"text","type":"ride","item":"font-size"},"path":["text","ride","font-size"]},"line-height":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-ride-line-height","attributes":{"category":"text","type":"ride","item":"line-height"},"path":["text","ride","line-height"]}},"yang":{"font":{"value":"Volvo Broad Pro, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-broad.value}"},"name":"text-yang-font","attributes":{"category":"text","type":"yang","item":"font"},"path":["text","yang","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"},"name":"text-yang-font-weight","attributes":{"category":"text","type":"yang","item":"font-weight"},"path":["text","yang","font-weight"]},"font-size":{"value":"36px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"36px"},"name":"text-yang-font-size","attributes":{"category":"text","type":"yang","item":"font-size"},"path":["text","yang","font-size"]},"line-height":{"value":"32px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"32px"},"name":"text-yang-line-height","attributes":{"category":"text","type":"yang","item":"line-height"},"path":["text","yang","line-height"]},"letter-spacing":{"value":"0.04em","filePath":"src/globals/text.json","isSource":true,"original":{"value":"0.04em"},"name":"text-yang-letter-spacing","attributes":{"category":"text","type":"yang","item":"letter-spacing"},"path":["text","yang","letter-spacing"]}},"kelly":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-kelly-font","attributes":{"category":"text","type":"kelly","item":"font"},"path":["text","kelly","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-kelly-font-weight","attributes":{"category":"text","type":"kelly","item":"font-weight"},"path":["text","kelly","font-weight"]},"font-size":{"value":"14px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"14px"},"name":"text-kelly-font-size","attributes":{"category":"text","type":"kelly","item":"font-size"},"path":["text","kelly","font-size"]},"line-height":{"value":"22px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"22px"},"name":"text-kelly-line-height","attributes":{"category":"text","type":"kelly","item":"line-height"},"path":["text","kelly","line-height"]}},"meir":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-meir-font","attributes":{"category":"text","type":"meir","item":"font"},"path":["text","meir","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"}

1,"name":"text-meir-font-weight","attributes":{"category":"text","type":"meir","item":"font-weight"},"path":["text","meir","font-weight"]},"font-size":{"value":"8px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"8px"},"name":"text-meir-font-size","attributes":{"category":"text","type":"meir","item":"font-size"},"path":["text","meir","font-size"]},"line-height":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-meir-line-height","attributes":{"category":"text","type":"meir","item":"line-height"},"path":["text","meir","line-height"]}}},"breakpoint":{"size":{"medium":{"value":"480","filePath":"src/platforms/web/breakpoints.json","isSource":true,"original":{"value":"480"},"name":"breakpoint-size-medium","attributes":{"category":"breakpoint","type":"size","item":"medium"},"path":["breakpoint","size","medium"]},"large":{"value":"1024","filePath":"src/platforms/web/breakpoints.json","isSource":true,"original":{"value":"1024"},"name":"breakpoint-size-large","attributes":{"category":"breakpoint","type":"size","item":"large"},"path":["breakpoint","size","large"]},"x-large":{"value":"1600","filePath":"src/platforms/web/breakpoints.json","isSource":true,"original":{"value":"1600"},"name":"breakpoint-size-x-large","attributes":{"category":"breakpoint","type":"size","item":"x-large"},"path":["breakpoint","size","x-large"]}}}}'),l=JSON.parse('{"color":{"primitive":{"black":{"value":"#000000","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#000000"},"name":"color-primitive-black","attributes":{"category":"color","type":"primitive","item":"black"},"path":["color","primitive","black"]},"white":{"value":"#ffffff","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#FFFFFF"},"name":"color-primitive-white","attributes":{"category":"color","type":"primitive","item":"white"},"path":["color","primitive","white"]},"blue":{"value":"#2387eb","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#2387EB"},"name":"color-primitive-blue","attributes":{"category":"color","type":"primitive","item":"blue"},"path":["color","primitive","blue"]},"accentBlue":{"value":"#2387eb","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#2387EB"},"name":"color-primitive-accent-blue","attributes":{"category":"color","type":"primitive","item":"accentBlue"},"path":["color","primitive","accentBlue"]},"red":{"value":"#ff3320","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#FF3320"},"name":"color-primitive-red","attributes":{"category":"color","type":"primitive","item":"red"},"path":["color","primitive","red"]},"greenPositive":{"value":"#07a62b","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#07A62B"},"name":"color-primitive-green-positive","attributes":{"category":"color","type":"primitive","item":"greenPositive"},"path":["color","primitive","greenPositive"]},"grey100":{"value":"#0a0a0a","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#0A0A0A"},"name":"color-primitive-grey100","attributes":{"category":"color","type":"primitive","item":"grey100"},"path":["color","primitive","grey100"]},"grey200":{"value":"#141414","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#141414"},"name":"color-primitive-grey200","attributes":{"category":"color","type":"primitive","item":"grey200"},"path":["color","primitive","grey200"]},"grey300":{"value":"#292929","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#292929"},"name":"color-primitive-grey300","attributes":{"category":"color","type":"primitive","item":"grey300"},"path":["color","primitive","grey300"]},"grey400":{"value":"#707070","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"#707070"},"name":"color-primitive-grey400","attributes":{"category":"color","type":"primitive","item":"grey400"},"path":["color","primitive","grey400"]},"grey500":{"value":"rgba(255, 255, 255, 0.64)","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"rgba(255, 255, 255, 0.64)"},"name":"color-primitive-grey500","attributes":{"category":"color","type":"primitive","

1item":"grey500"},"path":["color","primitive","grey500"]}},"brand":{"primary":{"value":"#2387eb","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"The primary brand color, used sparingly to create brand associated UI components.","original":{"value":"{color.primitive.blue.value}","comment":"The primary brand color, used sparingly to create brand associated UI components."},"name":"color-brand-primary","attributes":{"category":"color","type":"brand","item":"primary"},"path":["color","brand","primary"]}},"foreground":{"primary":{"value":"#ffffff","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use for primary text and icons","original":{"value":"{color.primitive.white.value}","comment":"Use for primary text and icons"},"name":"color-foreground-primary","attributes":{"category":"color","type":"foreground","item":"primary"},"path":["color","foreground","primary"]},"secondary":{"value":"rgba(255, 255, 255, 0.64)","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use for secondary text and icons","original":{"value":"{color.primitive.grey500.value}","comment":"Use for secondary text and icons"},"name":"color-foreground-secondary","attributes":{"category":"color","type":"foreground","item":"secondary"},"path":["color","foreground","secondary"]},"inverted":{"value":"#000000","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use for inverted text and icons","original":{"value":"{color.primitive.black.value}","comment":"Use for inverted text and icons"},"name":"color-foreground-inverted","attributes":{"category":"color","type":"foreground","item":"inverted"},"path":["color","foreground","inverted"]},"positive":{"value":"#07a62b","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to highlight positive actions or events","original":{"value":"{color.primitive.greenPositive.value}","comment":"Use to highlight positive actions or events"},"name":"color-foreground-positive","attributes":{"category":"color","type":"foreground","item":"positive"},"path":["color","foreground","positive"]},"alert":{"value":"#ff3320","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to highlight destructive actions","original":{"value":"{color.primitive.red.value}","comment":"Use to highlight destructive actions"},"name":"color-foreground-alert","attributes":{"category":"color","type":"foreground","item":"alert"},"path":["color","foreground","alert"]},"action":{"value":"#2387eb","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use for links and other interactive elements","original":{"value":"{color.primitive.accentBlue.value}","comment":"Use for links and other interactive elements"},"name":"color-foreground-action","attributes":{"category":"color","type":"foreground","item":"action"},"path":["color","foreground","action"]},"actionSecondary":{"value":"#ffffff","filePath":"src/brands/volvo-dark/color.json","isSource":true,"original":{"value":"{color.primitive.white.value}"},"name":"color-foreground-action-secondary","attributes":{"category":"color","type":"foreground","item":"actionSecondary"},"path":["color","foreground","actionSecondary"]}},"ornament":{"border":{"value":"#707070","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to visually group or separate UI elements","original":{"value":"{color.primitive.grey400.value}","comment":"Use to visually group or separate UI elements"},"name":"color-ornament-border","attributes":{"category":"color","type":"ornament","item":"border"},"path":["color","ornament","border"]},"divider":{"value":"#292929","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to visually group or separate UI elements","original":{"value":"{color.primitive.grey300.value}","comment":"Use to visually group or separate UI elements"},"name":"color-ornament-divider","attributes":{"category":"color","type":"ornament","item":"divider"},"path":["color","ornament","divider"]},"highlight":{"value":"#2387eb","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to highlight selected and focus states","original":{"value":"{color.primitive.accentBlue.value}","comment":"Use to highlight selected and focus states"},"name":"color-ornament-highlight","attributes":{"category":"color","type":"ornament","item":"highlight"},"path":["color","ornament","highlight"]},"positive":{"value":"#07a62b","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to highlight successful states","original":{"value":"{color.primitive.greenPositive.value}","comment":"Use to highlight successful states"},"name":"color-ornament-positive","attributes":{"category":"color","type":"ornament","item":"positive"},"path":["color","ornament","positive"]},"alert":{"value":"#ff3320","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Use to highlight errors and invalid states","original":{"value":"{color.primitive.red.value}","comment":"Use to highlight errors and invalid states"},"name":"color-ornament-alert","attributes":{"category":"color","type":"ornament","item":"alert"},"path":["color","ornament","alert"]}},"background":{"primary":{"value":"#0a0a0a","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Primary background","original":{"value":"{color.primitive.grey100.value}","comment":"Primary background"},"name":"color-background-primary","attributes":{"category":"color","type":"background","item":"primary"},"path":["color","background","primary"]},"secondary":{"value":"#141414","filePath":"src/brands/volvo-dark/color.json","isSource":true,"comment":"Secondary backround","original":{"value":"{color.primitive.grey200.value}","comment":"Secondary backround"},"name":"color-background-secondary","attributes":{"category":"color","type":"background","item":"secondary"},"path":["color","background","secondary"]}}},"form":{"field":{"border":{"color":"#707070","width":{"value":1,"filePath":"src/globals/form.json","isSource":true,"original":{"value":1},"name":"form-field-border-width","attributes":{"category":"form","type":"field","item":"border","subitem":"width"},"path":["form","field","border","width"]},"radius":{"value":4,"filePath":"src/globals/form.json","isSource":true,"original":{"value":4},"name":"form-field-border-radius","attributes":{"category":"form","type":"field","item":"border","subitem":"radius"},"path":["form","field","border","radius"]}},"invalid":{"border":{"color":"#ff3320","width":{"value":2,"filePath":"src/globals/form.json","isSource":true,"original":{"value":2},"name":"form-field-invalid-border-width","attributes":{"category":"form","type":"field","item":"invalid","subitem":"border","state":"width"}

1,"path":["form","field","invalid","border","width"]}},"label":{"color":"#ff3320"}},"placeholder":"rgba(255, 255, 255, 0.64)","foreground":"#ffffff","background":"#141414","disabled":{"foreground":"#707070","background":"#141414","border":{"color":"#292929"}},"focus":{"border":{"color":"#2387eb"},"label":{"offset":{"value":8,"filePath":"src/globals/form.json","isSource":true,"original":{"value":8},"name":"form-field-focus-label-offset","attributes":{"category":"form","type":"field","item":"focus","subitem":"label","state":"offset"},"path":["form","field","focus","label","offset"]},"size":{"value":12,"filePath":"src/globals/form.json","isSource":true,"original":{"value":12},"name":"form-field-focus-label-size","attributes":{"category":"form","type":"field","item":"focus","subitem":"label","state":"size"},"path":["form","field","focus","label","size"]}}},"padding":{"vertical":{"value":12,"filePath":"src/globals/form.json","isSource":true,"original":{"value":12},"name":"form-field-padding-vertical","attributes":{"category":"form","type":"field","item":"padding","subitem":"vertical"},"path":["form","field","padding","vertical"]},"horizontal":{"value":16,"filePath":"src/globals/form.json","isSource":true,"original":{"value":16},"name":"form-field-padding-horizontal","attributes":{"category":"form","type":"field","item":"padding","subitem":"horizontal"},"path":["form","field","padding","horizontal"]}},"transition":{"duration":60},"font":{"family":"Volvo Novum, sans-serif","height":{"value":1.5,"filePath":"src/globals/form.json","isSource":true,"original":{"value":1.5},"name":"form-field-font-height","attributes":{"category":"form","type":"field","item":"font","subitem":"height"},"path":["form","field","font","height"]},"size":{"value":16,"filePath":"src/globals/form.json","isSource":true,"original":{"value":16},"name":"form-field-font-size","attributes":{"category":"form","type":"field","item":"font","subitem":"size"},"path":["form","field","font","size"]}},"label":{"color":"rgba(255, 255, 255, 0.64)","offset":{"value":18,"filePath":"src/globals/form.json","isSource":true,"original":{"value":18},"name":"form-field-label-offset","attributes":{"category":"form","type":"field","item":"label","subitem":"offset"},"path":["form","field","label","offset"]},"size":{"value":16,"filePath":"src/globals/form.json","isSource":true,"original":{"value":16},"name":"form-field-label-size","attributes":{"category":"form","type":"field","item":"label","subitem":"size"},"path":["form","field","label","size"]}}},"control":{"primary":"#ffffff","background":"#2387eb","foreground":"#ffffff","border":"#707070","disabled":{"primary":"#707070","border":"#292929"}}},"animation":{"duration":{"cheetah":{"value":60,"comment":"Use for small UI transitions that happen frequently","filePath":"src/globals/animation.json","isSource":true,"original":{"value":60,"comment":"Use for small UI transitions that happen frequently"},"name":"animation-duration-cheetah","attributes":{"category":"animation","type":"duration","item":"cheetah"},"path":["animation","duration","cheetah"]},"elk":{"value":150,"filePath":"src/globals/animation.json","isSource":true,"original":{"value":150},"name":"animation-duration-elk","attributes":{"category":"animation","type":"duration","item":"elk"},"path":["animation","duration","elk"]},"snail":{"value":300,"filePath":"src/globals/animation.json","isSource":true,"original":{"value":300},"name":"animation-duration-snail","attributes":{"category":"animation","type":"duration","item":"snail"},"path":["animation","duration","snail"]}}},"font":{"family":{"volvo-novum":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/font.json","isSource":true,"original":{"value":"Volvo Novum, sans-serif"},"name":"font-family-volvo-novum","attributes":{"category":"font","type":"family","item":"volvo-novum"},"path":["font","family","volvo-novum"]},"volvo-serif":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/font.json","isSource":true,"original":{"value":"Volvo Serif Pro, serif"},"name":"font-family-volvo-serif","attributes":{"category":"font","type":"family","item":"volvo-serif"},"path":["font","family","volvo-serif"]},"volvo-broad":{"value":"Volvo Broad Pro, sans-serif","filePath":"src/globals/font.json","isSource":true,"original":{"value":"Volvo Broad Pro, sans-serif"}

1,"name":"font-family-volvo-broad","attributes":{"category":"font","type":"family","item":"volvo-broad"},"path":["font","family","volvo-broad"]}},"weight":{"semi-light":{"value":300,"filePath":"src/globals/font.json","isSource":true,"original":{"value":300},"name":"font-weight-semi-light","attributes":{"category":"font","type":"weight","item":"semi-light"},"path":["font","weight","semi-light"]},"regular":{"value":400,"filePath":"src/globals/font.json","isSource":true,"original":{"value":400},"name":"font-weight-regular","attributes":{"category":"font","type":"weight","item":"regular"},"path":["font","weight","regular"]},"medium":{"value":500,"filePath":"src/globals/font.json","isSource":true,"original":{"value":500},"name":"font-weight-medium","attributes":{"category":"font","type":"weight","item":"medium"},"path":["font","weight","medium"]}}},"text":{"peary":{"base":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-peary-base-font","attributes":{"category":"text","type":"peary","item":"base","subitem":"font"},"path":["text","peary","base","font"]},"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-peary-base-font-weight","attributes":{"category":"text","type":"peary","item":"base","subitem":"font-weight"},"path":["text","peary","base","font-weight"]},"font-size":{"value":"48px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"48px"},"name":"text-peary-base-font-size","attributes":{"category":"text","type":"peary","item":"base","subitem":"font-size"},"path":["text","peary","base","font-size"]},"line-height":{"value":"52px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"52px"},"name":"text-peary-base-line-height","attributes":{"category":"text","type":"peary","item":"base","subitem":"line-height"},"path":["text","peary","base","line-height"]}},"medium":{"font-size":{"value":"52px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"52px"},"name":"text-peary-medium-font-size","attributes":{"category":"text","type":"peary","item":"medium","subitem":"font-size"},"path":["text","peary","medium","font-size"]},"line-height":{"value":"56px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"56px"},"name":"text-peary-medium-line-height","attributes":{"category":"text","type":"peary","item":"medium","subitem":"line-height"},"path":["text","peary","medium","line-height"]}},"large":{"font-size":{"value":"56px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"56px"},"name":"text-peary-large-font-size","attributes":{"category":"text","type":"peary","item":"large","subitem":"font-size"},"path":["text","peary","large","font-size"]},"line-height":{"value":"60px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"60px"},"name":"text-peary-large-line-height","attributes":{"category":"text","type":"peary","item":"large","subitem":"line-height"},"path":["text","peary","large","line-height"]}}},"cook":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-cook-font","attributes":{"category":"text","type":"cook","item":"font"},"path":["text","cook","font"]},"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-cook-font-weight","attributes":{"category":"text","type":"cook","item":"font-weight"},"path":["text","cook","font-weight"]},"font-size":{"value":"32px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"32px"},"name":"text-cook-font-size","attributes":{"category":"text","type":"cook","item":"font-size"},"path":["text","cook","font-size"]},"line-height":{"value":"36px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"36px"},"name":"text-cook-line-height","attributes":{"category":"text","type":"cook","item":"line-height"},"path":["text","cook","line-height"]}},"ootah":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"}

1,"name":"text-ootah-font","attributes":{"category":"text","type":"ootah","item":"font"},"path":["text","ootah","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-ootah-font-weight","attributes":{"category":"text","type":"ootah","item":"font-weight"},"path":["text","ootah","font-weight"]},"font-size":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-ootah-font-size","attributes":{"category":"text","type":"ootah","item":"font-size"},"path":["text","ootah","font-size"]},"line-height":{"value":"28px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"28px"},"name":"text-ootah-line-height","attributes":{"category":"text","type":"ootah","item":"line-height"},"path":["text","ootah","line-height"]}},"ootah-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-ootah-emphasis-font-weight","attributes":{"category":"text","type":"ootah-emphasis","item":"font-weight"},"path":["text","ootah-emphasis","font-weight"]}},"hillary":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-hillary-font","attributes":{"category":"text","type":"hillary","item":"font"},"path":["text","hillary","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-hillary-font-weight","attributes":{"category":"text","type":"hillary","item":"font-weight"},"path":["text","hillary","font-weight"]},"font-size":{"value":"20px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"20px"},"name":"text-hillary-font-size","attributes":{"category":"text","type":"hillary","item":"font-size"},"path":["text","hillary","font-size"]},"line-height":{"value":"28px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"28px"},"name":"text-hillary-line-height","attributes":{"category":"text","type":"hillary","item":"line-height"},"path":["text","hillary","line-height"]}},"hillary-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-hillary-emphasis-font-weight","attributes":{"category":"text","type":"hillary-emphasis","item":"font-weight"},"path":["text","hillary-emphasis","font-weight"]}},"columbus":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-columbus-font","attributes":{"category":"text","type":"columbus","item":"font"},"path":["text","columbus","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-columbus-font-weight","attributes":{"category":"text","type":"columbus","item":"font-weight"},"path":["text","columbus","font-weight"]},"font-size":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-columbus-font-size","attributes":{"category":"text","type":"columbus","item":"font-size"},"path":["text","columbus","font-size"]},"line-height":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-columbus-line-height","attributes":{"category":"text","type":"columbus","item":"line-height"},"path":["text","columbus","line-height"]}},"columbus-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-columbus-emphasis-font-weight","attributes":{"category":"text","type":"columbus-emphasis","item":"font-weight"},"path":["text","columbus-emphasis","font-weight"]}},"bates":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-bates-font","attributes":{"category":"text","type":"bates","item":"font"},"path":["text","bates","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-bates-font-weight","attributes":{"category":"text","type":"bates","item":"font-weight"},"path":["text","bates","font-weight"]},"font-size":{"value":"12px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"12px"},"name":"text-bates-font-size","attributes":{"category":"text","type":"bates","item":"font-size"},"path":["text","bates","font-size"]},"line-height":{"value":"20px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"20px"},"name":"text-bates-line-height","attributes":{"category":"text","type":"bates","item":"line-height"},"path":["text","bates","line-height"]},"letter-spacing":{"value":"0.02em","filePath":"src/globals/text.json","isSource":true,"original":{"value":"0.02em"},"name":"text-bates-letter-spacing","attributes":{"category":"text","type":"bates","item":"letter-spacing"},"path":["text","bates","letter-spacing"]}},"bates-emphasis":{"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-bates-emphasis-font-weight","attributes":{"category":"text","type":"bates-emphasis","item":"font-weight"},"path":["text","bates-emphasis","font-weight"]}},"amundsen":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-amundsen-font","attributes":{"category":"text","type":"amundsen","item":"font"},"path":["text","amundsen","font"]},"font-weight":{"value":500,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.medium.value}"},"name":"text-amundsen-font-weight","attributes":{"category":"text","type":"amundsen","item":"font-weight"},"path":["text","amundsen","font-weight"]},"font-size":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-amundsen-font-size","attributes":{"category":"text","type":"amundsen","item":"font-size"},"path":["text","amundsen","font-size"]},"line-height":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-amundsen-line-height","attributes":{"category":"text","type":"amundsen","item":"line-height"},"path":["text","amundsen","line-height"]},"letter-spacing":{"value":"0.04em","filePath":"src/globals/text.json","isSource":true,"original":{"value":"0.04em"},"name":"text-amundsen-letter-spacing","attributes":{"category":"text","type":"amundsen","item":"letter-spacing"},"path":["text","amundsen","letter-spacing"]}},"armstrong":{"font":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-serif.value}"},"name":"text-armstrong-font","attributes":{"category":"text","type":"armstrong","item":"font"},"path":["text","armstrong","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"}

1,"name":"text-armstrong-font-weight","attributes":{"category":"text","type":"armstrong","item":"font-weight"},"path":["text","armstrong","font-weight"]},"font-size":{"value":"32px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"32px"},"name":"text-armstrong-font-size","attributes":{"category":"text","type":"armstrong","item":"font-size"},"path":["text","armstrong","font-size"]},"line-height":{"value":"36px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"36px"},"name":"text-armstrong-line-height","attributes":{"category":"text","type":"armstrong","item":"line-height"},"path":["text","armstrong","line-height"]}},"jemison":{"font":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-serif.value}"},"name":"text-jemison-font","attributes":{"category":"text","type":"jemison","item":"font"},"path":["text","jemison","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"},"name":"text-jemison-font-weight","attributes":{"category":"text","type":"jemison","item":"font-weight"},"path":["text","jemison","font-weight"]},"font-size":{"value":"20px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"20px"},"name":"text-jemison-font-size","attributes":{"category":"text","type":"jemison","item":"font-size"},"path":["text","jemison","font-size"]},"line-height":{"value":"28px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"28px"},"name":"text-jemison-line-height","attributes":{"category":"text","type":"jemison","item":"line-height"},"path":["text","jemison","line-height"]}},"ride":{"font":{"value":"Volvo Serif Pro, serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-serif.value}"},"name":"text-ride-font","attributes":{"category":"text","type":"ride","item":"font"},"path":["text","ride","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"},"name":"text-ride-font-weight","attributes":{"category":"text","type":"ride","item":"font-weight"},"path":["text","ride","font-weight"]},"font-size":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-ride-font-size","attributes":{"category":"text","type":"ride","item":"font-size"},"path":["text","ride","font-size"]},"line-height":{"value":"24px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"24px"},"name":"text-ride-line-height","attributes":{"category":"text","type":"ride","item":"line-height"},"path":["text","ride","line-height"]}},"yang":{"font":{"value":"Volvo Broad Pro, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-broad.value}"},"name":"text-yang-font","attributes":{"category":"text","type":"yang","item":"font"},"path":["text","yang","font"]},"font-weight":{"value":400,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.regular.value}"},"name":"text-yang-font-weight","attributes":{"category":"text","type":"yang","item":"font-weight"},"path":["text","yang","font-weight"]},"font-size":{"value":"36px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"36px"},"name":"text-yang-font-size","attributes":{"category":"text","type":"yang","item":"font-size"},"path":["text","yang","font-size"]},"line-height":{"value":"32px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"32px"},"name":"text-yang-line-height","attributes":{"category":"text","type":"yang","item":"line-height"},"path":["text","yang","line-height"]},"letter-spacing":{"value":"0.04em","filePath":"src/globals/text.json","isSource":true,"original":{"value":"0.04em"},"name":"text-yang-letter-spacing","attributes":{"category":"text","type":"yang","item":"letter-spacing"},"path":["text","yang","letter-spacing"]}},"kelly":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-kelly-font","attributes":{"category":"text","type":"kelly","item":"font"},"path":["text","kelly","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"},"name":"text-kelly-font-weight","attributes":{"category":"text","type":"kelly","item":"font-weight"},"path":["text","kelly","font-weight"]},"font-size":{"value":"14px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"14px"},"name":"text-kelly-font-size","attributes":{"category":"text","type":"kelly","item":"font-size"},"path":["text","kelly","font-size"]},"line-height":{"value":"22px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"22px"},"name":"text-kelly-line-height","attributes":{"category":"text","type":"kelly","item":"line-height"},"path":["text","kelly","line-height"]}},"meir":{"font":{"value":"Volvo Novum, sans-serif","filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.family.volvo-novum.value}"},"name":"text-meir-font","attributes":{"category":"text","type":"meir","item":"font"},"path":["text","meir","font"]},"font-weight":{"value":300,"filePath":"src/globals/text.json","isSource":true,"original":{"value":"{font.weight.semi-light.value}"}

1,"name":"text-meir-font-weight","attributes":{"category":"text","type":"meir","item":"font-weight"},"path":["text","meir","font-weight"]},"font-size":{"value":"8px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"8px"},"name":"text-meir-font-size","attributes":{"category":"text","type":"meir","item":"font-size"},"path":["text","meir","font-size"]},"line-height":{"value":"16px","filePath":"src/globals/text.json","isSource":true,"original":{"value":"16px"},"name":"text-meir-line-height","attributes":{"category":"text","type":"meir","item":"line-height"},"path":["text","meir","line-height"]}}},"breakpoint":{"size":{"medium":{"value":"480","filePath":"src/platforms/web/breakpoints.json","isSource":true,"original":{"value":"480"},"name":"breakpoint-size-medium","attributes":{"category":"breakpoint","type":"size","item":"medium"},"path":["breakpoint","size","medium"]},"large":{"value":"1024","filePath":"src/platforms/web/breakpoints.json","isSource":true,"original":{"value":"1024"},"name":"breakpoint-size-large","attributes":{"category":"breakpoint","type":"size","item":"large"},"path":["breakpoint","size","large"]},"x-large":{"value":"1600","filePath":"src/platforms/web/breakpoints.json","isSource":true,"original":{"value":"1600"},"name":"breakpoint-size-x-large","attributes":{"category":"breakpoint","type":"size","item":"x-large"},"path":["breakpoint","size","x-large"]}}}}'),n=o(82137),s=o(47412),u=o(62330),c=o(74253);let m={volvo:r,"volvo-dark":l};function g(e){return e.slice(-1)[0]}let h=e=>{let{name:t,value:o,comment:a}=e;return(0,i.jsxs)(n.k,{className:"mr-16 mb-8",extend:{width:120},children:[(0,i.jsx)(s.g,{extend:{background:o,width:120,height:120}}),t,(0,i.jsx)("p",{className:"micro",children:o}),a&&(0,i.jsx)("p",{className:"micro",children:a})]})};function f(){let{name:e}=(0,u.F)(),t=m[e].color;return(0,i.jsxs)("div",{className:"stack-16 mt-16",children:[(0,i.jsxs)(n.k,{extend:{flexDirection:"row",flexWrap:"wrap"},children:[(0,i.jsxs)(n.k,{className:"stack-text",children:[(0,i.jsx)("h3",{className:"font-20",children:"Brand"}),(0,i.jsx)("p",{children:(0,i.jsx)("code",{children:"theme.color.brand"})}),Object.keys(t.brand).map(e=>{let o=t.brand[e];return(0,i.jsx)(h,{name:g(o.path),value:o.value,comment:o.comment},o.name)})]}),(0,i.jsx)(c.L,{size:2}),(0,i.jsxs)(n.k,{className:"stack-text",children:[(0,i.jsx)("h3",{className:"font-20",children:"Backgroun

1d"}),(0,i.jsx)("p",{children:(0,i.jsx)("code",{children:"theme.color.background"})}),(0,i.jsx)(n.k,{extend:{flexDirection:"row",flexWrap:"wrap"},children:Object.keys(t.background).map(e=>{let o=t.background[e];return(0,i.jsx)(h,{name:g(o.path),value:o.value,comment:o.comment},o.name)})})]})]}),(0,i.jsxs)("div",{className:"stack-text",children:[(0,i.jsx)("h3",{className:"font-20",children:"Foreground"}),(0,i.jsx)("p",{children:(0,i.jsx)("code",{children:"theme.color.foreground"})}),(0,i.jsx)(n.k,{extend:{flexDirection:"row",flexWrap:"wrap"},children:Object.keys(t.foreground).map(e=>{let o=t.foreground[e];if(!o.deprecated)return(0,i.jsx)(h,{name:g(o.path),value:o.value,comment:o.comment},o.name)})})]}),(0,i.jsxs)("div",{className:"stack-text",children:[(0,i.jsx)("h3",{className:"font-20",children:"Ornament"}),(0,i.jsx)("p",{children:(0,i.jsx)("code",{children:"theme.color.ornament"})}),(0,i.jsx)(n.k,{extend:{flexDirection:"row",flexWrap:"wrap"},children:Object.keys(t.ornament).map(e=>{let o=t.ornament[e];return(0,i.jsx)(h,{name:g(o.path),value:o.value,comment:o.comment},o.name)})})]})]})}function v(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",a:"a"},(0,a.ah)(),e.components),{Deprecated:o}=t;return o||function(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Deprecated",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"design-tokens",children:"Design Tokens"}),"\n",(0,i.jsx)(o,{componentName:"The VCC UI theme",replacement:"https://developer.volvocars.com/design-system/web/?path=/docs/core-concepts-tokens-colour--docs"}),"\n",(0,i.jsx)(t.p,{children:"All components in VCC UI are derived from a set of design tokens. These are basically properties describing each design attribute of a given component."}),"\n",(0,i.jsx)(t.p,{children:"Theoretically these could be used to build components in another framework and make sure they still align to the overall web design system."}),"\n",(0,i.jsx)(t.p,{children:"There are also low level design tokens like colors, spacing, typography and grid, which would allow you to build your own custom component from scratch."}),"\n",(0,i.jsx)(t.h2,{id:"colors",children:"Colors"}),"\n","\n",(0,i.jsxs)(t.p,{children:["This is a design token reference of all colors being used in VCC UI. Learn ",(0,i.jsx)(t.a,{href:"/docs/theming#accessing-theme-props",children:"how to use theme colors"})," in the theming documentation. You can toggle the theme on this page to see how the colors will change."]}),"\n",(0,i.jsx)(f,{})]})}var p=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?(0,i.jsx)(t,Object.assign({},e,{children:(0,i.jsx)(v,e)})):v(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=91261)}),_N_E=e.O()}]);