ACSS A11Y Contrast Checker

template.json

{"content":[{"id":"zpoqdc","name":"section","parent":0,"children":["hxxvtj","eqyrql","tnchrj"],"settings":{},"label":"A11Y"},{"id":"hxxvtj","name":"code","parent":"zpoqdc","children":[],"settings":{"executeCode":true,"noRoot":true,"signature":"ef34dcb5f72679007750c01717fcfdf7","user_id":1,"time":1720392610,"code":"<script type=\"module\">\n  // Function to convert RGB to Luminance\n  const rgbToLuminance = (rgb) => {\n    const rgbArr = rgb.match(/\\d+/g).map(Number);\n    const [r, g, b] = rgbArr.map((value) => {\n      value /= 255;\n      return value <= 0.03928 ? value / 12.92 : Math.pow((value + 0.055) / 1.055, 2.4);\n    });\n    return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  }\n\n  // Function to calculate the contrast ratio\n  const calculateContrastRatio = (luminance1, luminance2) => {\n    const brighter = Math.max(luminance1, luminance2);\n    const darker = Math.min(luminance1, luminance2);\n    return (brighter + 0.05) / (darker + 0.05);\n  }\n\n  // Function to check A11Y compliance\n  const checkA11YCompliance = (contrastRatio) => {\n    const isAA = contrastRatio >= 4.5;\n    const isAAA = contrastRatio >= 7;\n    return { isAA, isAAA };\n  }\n\n  // Main function to get color values, calculate contrast ratio, and check A11Y compliance\n  const checkContrast = (div, text) => {\n\n\n    if (!div || !text) {\n      console.error('Invalid selectors');\n      return;\n    }\n\n    const divColor = window.getComputedStyle(div).getPropertyValue('background-color');\n    const textColor = window.getComputedStyle(text).getPropertyValue('color');\n\n    const divLuminance = rgbToLuminance(divColor);\n    const textLuminance = rgbToLuminance(textColor);\n\n    const contrastRatio = calculateContrastRatio(divLuminance, textLuminance);\n\n    const { isAA, isAAA } = checkA11YCompliance(contrastRatio);\n\n    console.log(`Contrast Ratio: ${contrastRatio}`);\n    console.log(`AA Compliant: ${isAA}`);\n    console.log(`AAA Compliant: ${isAAA}`);\n  }\n\n\n  /* ****************\n    Process Color Sets\n  */\n  const ROOT_BLOCK_SELECTOR = '.sg-contrast';\n  const COLOR_SET_SELECTOR = ROOT_BLOCK_SELECTOR + '__color-set';\n  const ITEM_SELECTOR = ROOT_BLOCK_SELECTOR + '__item';\n  const NAME_SELECTOR = ROOT_BLOCK_SELECTOR + '__color-name';\n  const AA_BADGE_SELECTOR = ROOT_BLOCK_SELECTOR + '__aa-badge';\n  const AAA_BADGE_SELECTOR = ROOT_BLOCK_SELECTOR + '__aaa-badge';\n\n  const COLOR_SETS = document.querySelectorAll(COLOR_SET_SELECTOR);\n\n  const parseColorSets = () => {\n    COLOR_SETS.forEach(colorSet => {\n      const COLOR_SET_LUMINENCE = rgbToLuminance(window.getComputedStyle(colorSet).getPropertyValue('background-color'));\n\n      const COLOR_ITEMS = colorSet.querySelectorAll(ITEM_SELECTOR);\n      COLOR_ITEMS.forEach(item => {\n        const COLOR_NAME = item.querySelector(NAME_SELECTOR);\n        const ITEM_NAME_LUMINENCE = rgbToLuminance(window.getComputedStyle(COLOR_NAME).getPropertyValue('color'));\n        const CONTRAST_RATIO = calculateContrastRatio(COLOR_SET_LUMINENCE, ITEM_NAME_LUMINENCE);\n        const { isAA, isAAA } = checkA11YCompliance(CONTRAST_RATIO);\n\n        item.setAttribute('data-contrast-ratio', CONTRAST_RATIO);\n\n        if (isAAA) {\n          item.setAttribute('data-a11y', 'aaa');\n        } else if (isAA) {\n          item.setAttribute('data-a11y', 'aa');\n        } else {\n          item.removeAttribute('data-a11y');\n        }\n\n      })\n    })\n  }\n  parseColorSets(); /* init */\n\n  /* Check and update every second. We can't detect background color changes\n  because the ACSS UI changes a CSS variable, which is not detectable\n  */\n  setInterval(()=>{\n    parseColorSets()\n  }, 1000)\n\n</script>"},"label":"A11Y"},{"id":"tnchrj","name":"container","parent":"zpoqdc","children":["vzcrxq","ciklem","uvcjbn","rdhahr","ptpwem","jjaoxq"],"settings":{"_cssGlobalClasses":["zmuira"]},"label":"SG Contrast"},{"id":"vzcrxq","name":"block","parent":"tnchrj","children":["vqzuuw","qxvabo"],"settings":{"_cssGlobalClasses":["cvjwik"]},"label":"Color Set (Primary)"},{"id":"qxvabo","name":"block","parent":"vzcrxq","children":["exqjwz","aaaqiw","wibean","gzwmum","vkvtmi","rkqqia","gphlyb","wtfksz"],"settings":{"_cssGlobalClasses":["luyevj"]},"label":"List"},{"id":"exqjwz","name":"block","parent":"qxvabo","children":["jbskye","xisnwg","iglmzo","dduaie"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"vqzuuw","name":"heading","parent":"vzcrxq","children":[],"settings":{"text":"Primary","_cssGlobalClasses":["kfxqyc","sfntce"]},"label":"Label"},{"id":"dduaie","name":"text-basic","parent":"exqjwz","children":[],"settings":{"text":"Ultra Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--primary-ultra-dark)"}}},"label":"Color Name"},{"id":"jbskye","name":"text-basic","parent":"exqjwz","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"iglmzo","name":"text-basic","parent":"exqjwz","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"aaaqiw","name":"block","parent":"qxvabo","children":["wdjsiv","mpcqjs","wfnqrc","riicup"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"wdjsiv","name":"text-basic","parent":"aaaqiw","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"riicup","name":"text-basic","parent":"aaaqiw","children":[],"settings":{"text":"Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--primary-dark)"}}},"label":"Color Name"},{"id":"mpcqjs","name":"text-basic","parent":"aaaqiw","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"wfnqrc","name":"text-basic","parent":"aaaqiw","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"vkvtmi","name":"block","parent":"qxvabo","children":["dzleao","nsohzr","zedzqy","ilueqs"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ilueqs","name":"text-basic","parent":"vkvtmi","children":[],"settings":{"text":"Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--primary-light)"}}},"label":"Color Name"},{"id":"nsohzr","name":"text-basic","parent":"vkvtmi","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"zedzqy","name":"text-basic","parent":"vkvtmi","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"gzwmum","name":"block","parent":"qxvabo","children":["ypecnd","mobsvo","dmbafv","xizhcb"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ypecnd","name":"text-basic","parent":"gzwmum","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"dzleao","name":"text-basic","parent":"vkvtmi","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"xizhcb","name":"text-basic","parent":"gzwmum","children":[],"settings":{"text":"Semi Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--primary-semi-light)"}}},"label":"Color Name"},{"id":"mobsvo","name":"text-basic","parent":"gzwmum","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"dmbafv","name":"text-basic","parent":"gzwmum","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"wibean","name":"block","parent":"qxvabo","children":["pwcwds","wvohbe","qlxbyf","aalhqj"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"pwcwds","name":"text-basic","parent":"wibean","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"aalhqj","name":"text-basic","parent":"wibean","children":[],"settings":{"text":"Semi Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--primary-semi-dark)"}}},"label":"Color Name"},{"id":"wvohbe","name":"text-basic","parent":"wibean","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"qlxbyf","name":"text-basic","parent":"wibean","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"rkqqia","name":"block","parent":"qxvabo","children":["ohznrg","hqqadq","aeuzud","ubyyjf"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ohznrg","name":"text-basic","parent":"rkqqia","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"whmzgq","name":"text-basic","parent":"gphlyb","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"ubyyjf","name":"text-basic","parent":"rkqqia","children":[],"settings":{"text":"Ultra Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--primary-ultra-light)"}}},"label":"Color Name"},{"id":"hqqadq","name":"text-basic","parent":"rkqqia","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"aeuzud","name":"text-basic","parent":"rkqqia","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"gphlyb","name":"block","parent":"qxvabo","children":["whmzgq","cdbjpb","tupxxi","ysourb"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ysourb","name":"text-basic","parent":"gphlyb","children":[],"settings":{"text":"Black","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--black)"}}},"label":"Color Name"},{"id":"cdbjpb","name":"text-basic","parent":"gphlyb","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"tupxxi","name":"text-basic","parent":"gphlyb","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"wtfksz","name":"block","parent":"qxvabo","children":["ardrct","hihgpc","hhpmwo","zlzcbx"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ardrct","name":"text-basic","parent":"wtfksz","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"zlzcbx","name":"text-basic","parent":"wtfksz","children":[],"settings":{"text":"White","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--white)"}}},"label":"Color Name"},{"id":"hihgpc","name":"text-basic","parent":"wtfksz","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"hhpmwo","name":"text-basic","parent":"wtfksz","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"xisnwg","name":"text-basic","parent":"exqjwz","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"ciklem","name":"block","parent":"tnchrj","children":["bbzwxr","pjgdju"],"settings":{"_cssGlobalClasses":["cvjwik"],"_background":{"color":{"raw":"var(--secondary)"}}},"label":"Color Set (Secondary))"},{"id":"bbzwxr","name":"heading","parent":"ciklem","children":[],"settings":{"text":"Secondary","_cssGlobalClasses":["kfxqyc","sfntce"]},"label":"Label"},{"id":"pjgdju","name":"block","parent":"ciklem","children":["bepndf","pyjfre","fkukfj","jokgfs","pzjhyu","nmdcqx","djurkr","nhicar"],"settings":{"_cssGlobalClasses":["luyevj"]},"label":"List"},{"id":"bepndf","name":"block","parent":"pjgdju","children":["yzlqip","cwnunn","eittaw","lebpkr"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"yzlqip","name":"text-basic","parent":"bepndf","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"cwnunn","name":"text-basic","parent":"bepndf","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"eittaw","name":"text-basic","parent":"bepndf","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"lebpkr","name":"text-basic","parent":"bepndf","children":[],"settings":{"text":"Ultra Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-ultra-dark)"}}},"label":"Color Name"},{"id":"pyjfre","name":"block","parent":"pjgdju","children":["btwxyv","ajdujm","fvsplu","umjkdu"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"btwxyv","name":"text-basic","parent":"pyjfre","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"ajdujm","name":"text-basic","parent":"pyjfre","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"fvsplu","name":"text-basic","parent":"pyjfre","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"umjkdu","name":"text-basic","parent":"pyjfre","children":[],"settings":{"text":"Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-dark)"}}},"label":"Color Name"},{"id":"fkukfj","name":"block","parent":"pjgdju","children":["gkifgu","doapqu","gxvihi","ndsaef"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"gkifgu","name":"text-basic","parent":"fkukfj","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"doapqu","name":"text-basic","parent":"fkukfj","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"gxvihi","name":"text-basic","parent":"fkukfj","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"ndsaef","name":"text-basic","parent":"fkukfj","children":[],"settings":{"text":"Semi Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-semi-dark)"}}},"label":"Color Name"},{"id":"jokgfs","name":"block","parent":"pjgdju","children":["qvmgke","acfevb","mdpwlr","tnltjm"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"qvmgke","name":"text-basic","parent":"jokgfs","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"acfevb","name":"text-basic","parent":"jokgfs","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"mdpwlr","name":"text-basic","parent":"jokgfs","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"tnltjm","name":"text-basic","parent":"jokgfs","children":[],"settings":{"text":"Semi Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-semi-light)"}}},"label":"Color Name"},{"id":"pzjhyu","name":"block","parent":"pjgdju","children":["tzoavo","zlngrq","jvrwiw","ingvsu"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"tzoavo","name":"text-basic","parent":"pzjhyu","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"zlngrq","name":"text-basic","parent":"pzjhyu","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"jvrwiw","name":"text-basic","parent":"pzjhyu","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"ingvsu","name":"text-basic","parent":"pzjhyu","children":[],"settings":{"text":"Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-light)"}}},"label":"Color Name"},{"id":"nmdcqx","name":"block","parent":"pjgdju","children":["cbvulj","vujrhq","eyhbhc","afiyjd"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"cbvulj","name":"text-basic","parent":"nmdcqx","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"vujrhq","name":"text-basic","parent":"nmdcqx","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"eyhbhc","name":"text-basic","parent":"nmdcqx","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"afiyjd","name":"text-basic","parent":"nmdcqx","children":[],"settings":{"text":"Ultra Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-ultra-light)"}}},"label":"Color Name"},{"id":"djurkr","name":"block","parent":"pjgdju","children":["ilhknr","obmbyf","qzjvjv","uenskz"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ilhknr","name":"text-basic","parent":"djurkr","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"obmbyf","name":"text-basic","parent":"djurkr","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"qzjvjv","name":"text-basic","parent":"djurkr","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"uenskz","name":"text-basic","parent":"djurkr","children":[],"settings":{"text":"Black","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--black)"}}},"label":"Color Name"},{"id":"nhicar","name":"block","parent":"pjgdju","children":["ywyncw","crhucp","yxhmrx","chusmk"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ywyncw","name":"text-basic","parent":"nhicar","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"crhucp","name":"text-basic","parent":"nhicar","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"yxhmrx","name":"text-basic","parent":"nhicar","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"chusmk","name":"text-basic","parent":"nhicar","children":[],"settings":{"text":"White","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--white)"}}},"label":"Color Name"},{"id":"uvcjbn","name":"block","parent":"tnchrj","children":["wbqagj","ykhpcj"],"settings":{"_cssGlobalClasses":["cvjwik"],"_background":{"color":{"raw":"var(--tertiary)"}}},"label":"Color Set (Tertiary))"},{"id":"wbqagj","name":"heading","parent":"uvcjbn","children":[],"settings":{"text":"Tertiary","_cssGlobalClasses":["kfxqyc","sfntce"]},"label":"Label"},{"id":"ykhpcj","name":"block","parent":"uvcjbn","children":["hupzcy","xlctvo","iflhsm","ttjkri","goddma","hzkjgj","tdtwja","dndhsr"],"settings":{"_cssGlobalClasses":["luyevj"]},"label":"List"},{"id":"hupzcy","name":"block","parent":"ykhpcj","children":["fayamt","enttdu","iwanvb","lslmnu"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"fayamt","name":"text-basic","parent":"hupzcy","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"enttdu","name":"text-basic","parent":"hupzcy","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"iwanvb","name":"text-basic","parent":"hupzcy","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"lslmnu","name":"text-basic","parent":"hupzcy","children":[],"settings":{"text":"Ultra Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--tertiary-ultra-dark)"}}},"label":"Color Name"},{"id":"xlctvo","name":"block","parent":"ykhpcj","children":["eaukfc","sunbnk","gampht","rkrfhb"],"settings":{"_cssGlobalClasses":["yenucc"],"_typography":{"color":{"raw":"var(--tertiary-dark)"}}},"label":"Item"},{"id":"eaukfc","name":"text-basic","parent":"xlctvo","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"sunbnk","name":"text-basic","parent":"xlctvo","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"gampht","name":"text-basic","parent":"xlctvo","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"rkrfhb","name":"text-basic","parent":"xlctvo","children":[],"settings":{"text":"Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--tertiary-dark)"}}},"label":"Color Name"},{"id":"iflhsm","name":"block","parent":"ykhpcj","children":["dnbxwt","dvrfoo","yrwehf","huiitt"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"dnbxwt","name":"text-basic","parent":"iflhsm","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"dvrfoo","name":"text-basic","parent":"iflhsm","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"yrwehf","name":"text-basic","parent":"iflhsm","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"huiitt","name":"text-basic","parent":"iflhsm","children":[],"settings":{"text":"Semi Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--tertiary-semi-dark)"}}},"label":"Color Name"},{"id":"ttjkri","name":"block","parent":"ykhpcj","children":["mqcleo","dtutsl","wbycpg","umykcu"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"mqcleo","name":"text-basic","parent":"ttjkri","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"dtutsl","name":"text-basic","parent":"ttjkri","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"wbycpg","name":"text-basic","parent":"ttjkri","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"umykcu","name":"text-basic","parent":"ttjkri","children":[],"settings":{"text":"Semi Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--tertiary-semi-light)"}}},"label":"Color Name"},{"id":"goddma","name":"block","parent":"ykhpcj","children":["xrflqh","vcouej","fxcfvs","irxqyo"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"xrflqh","name":"text-basic","parent":"goddma","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"vcouej","name":"text-basic","parent":"goddma","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"fxcfvs","name":"text-basic","parent":"goddma","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"irxqyo","name":"text-basic","parent":"goddma","children":[],"settings":{"text":"Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--tertiary-light)"}}},"label":"Color Name"},{"id":"hzkjgj","name":"block","parent":"ykhpcj","children":["jbtqcg","rldybn","oubepe","zrzyoo"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"jbtqcg","name":"text-basic","parent":"hzkjgj","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"rldybn","name":"text-basic","parent":"hzkjgj","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"oubepe","name":"text-basic","parent":"hzkjgj","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"zrzyoo","name":"text-basic","parent":"hzkjgj","children":[],"settings":{"text":"Ultra Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--secondary-ultra-light)"}}},"label":"Color Name"},{"id":"tdtwja","name":"block","parent":"ykhpcj","children":["dttxtq","vnexpb","digszw","ycmrlt"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"dttxtq","name":"text-basic","parent":"tdtwja","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"vnexpb","name":"text-basic","parent":"tdtwja","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"digszw","name":"text-basic","parent":"tdtwja","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"ycmrlt","name":"text-basic","parent":"tdtwja","children":[],"settings":{"text":"Black","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--black)"}}},"label":"Color Name"},{"id":"dndhsr","name":"block","parent":"ykhpcj","children":["dnrqne","dlvvkp","dkvddi","eqhkrj"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"dnrqne","name":"text-basic","parent":"dndhsr","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"dlvvkp","name":"text-basic","parent":"dndhsr","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"dkvddi","name":"text-basic","parent":"dndhsr","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"eqhkrj","name":"text-basic","parent":"dndhsr","children":[],"settings":{"text":"White","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--white)"}}},"label":"Color Name"},{"id":"rdhahr","name":"block","parent":"tnchrj","children":["jafzru","qjagzb"],"settings":{"_cssGlobalClasses":["cvjwik"],"_background":{"color":{"raw":"var(--accent)"}}},"label":"Color Set (Accent))"},{"id":"jafzru","name":"heading","parent":"rdhahr","children":[],"settings":{"text":"Accent","_cssGlobalClasses":["kfxqyc","sfntce"]},"label":"Label"},{"id":"qjagzb","name":"block","parent":"rdhahr","children":["entuwj","mmjeah","pygkun","admnnr","zbuvcw","hfzsvh","pkwawn","tcdfqk"],"settings":{"_cssGlobalClasses":["luyevj"]},"label":"List"},{"id":"entuwj","name":"block","parent":"qjagzb","children":["lanuuv","kizbwc","xmhedu","nkmfqu"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"lanuuv","name":"text-basic","parent":"entuwj","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"kizbwc","name":"text-basic","parent":"entuwj","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"xmhedu","name":"text-basic","parent":"entuwj","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"nkmfqu","name":"text-basic","parent":"entuwj","children":[],"settings":{"text":"Ultra Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--accent-ultra-dark)"}}},"label":"Color Name"},{"id":"mmjeah","name":"block","parent":"qjagzb","children":["hhrmvd","hvqufp","jqzjwk","zkzljw"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"hhrmvd","name":"text-basic","parent":"mmjeah","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"hvqufp","name":"text-basic","parent":"mmjeah","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"jqzjwk","name":"text-basic","parent":"mmjeah","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"zkzljw","name":"text-basic","parent":"mmjeah","children":[],"settings":{"text":"Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--accent-dark)"}}},"label":"Color Name"},{"id":"pygkun","name":"block","parent":"qjagzb","children":["qkekdw","monchp","fboith","kdqdir"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"qkekdw","name":"text-basic","parent":"pygkun","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"monchp","name":"text-basic","parent":"pygkun","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"fboith","name":"text-basic","parent":"pygkun","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"kdqdir","name":"text-basic","parent":"pygkun","children":[],"settings":{"text":"Semi Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--accent-semi-dark)"}}},"label":"Color Name"},{"id":"admnnr","name":"block","parent":"qjagzb","children":["rdmbbf","encdax","azkxfv","pohzmk"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"rdmbbf","name":"text-basic","parent":"admnnr","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"encdax","name":"text-basic","parent":"admnnr","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"azkxfv","name":"text-basic","parent":"admnnr","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"pohzmk","name":"text-basic","parent":"admnnr","children":[],"settings":{"text":"Semi Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--accent-semi-light)"}}},"label":"Color Name"},{"id":"zbuvcw","name":"block","parent":"qjagzb","children":["zbrkud","jywjrp","fnbdms","uixcvi"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"zbrkud","name":"text-basic","parent":"zbuvcw","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"jywjrp","name":"text-basic","parent":"zbuvcw","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"fnbdms","name":"text-basic","parent":"zbuvcw","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"uixcvi","name":"text-basic","parent":"zbuvcw","children":[],"settings":{"text":"Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--accent-light)"}}},"label":"Color Name"},{"id":"hfzsvh","name":"block","parent":"qjagzb","children":["mwvguy","dlkmid","lptaiq","rxwrwg"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"mwvguy","name":"text-basic","parent":"hfzsvh","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"dlkmid","name":"text-basic","parent":"hfzsvh","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"lptaiq","name":"text-basic","parent":"hfzsvh","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"rxwrwg","name":"text-basic","parent":"hfzsvh","children":[],"settings":{"text":"Ultra Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--accent-ultra-light)"}}},"label":"Color Name"},{"id":"pkwawn","name":"block","parent":"qjagzb","children":["elbbky","sghzar","oubpcy","tdkkuj"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"elbbky","name":"text-basic","parent":"pkwawn","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"sghzar","name":"text-basic","parent":"pkwawn","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"oubpcy","name":"text-basic","parent":"pkwawn","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"tdkkuj","name":"text-basic","parent":"pkwawn","children":[],"settings":{"text":"Black","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--black)"}}},"label":"Color Name"},{"id":"tcdfqk","name":"block","parent":"qjagzb","children":["efpnyb","rbirai","hxwrlg","sobqut"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"efpnyb","name":"text-basic","parent":"tcdfqk","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"rbirai","name":"text-basic","parent":"tcdfqk","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"hxwrlg","name":"text-basic","parent":"tcdfqk","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"sobqut","name":"text-basic","parent":"tcdfqk","children":[],"settings":{"text":"White","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--white)"}}},"label":"Color Name"},{"id":"ptpwem","name":"block","parent":"tnchrj","children":["rnawig","lbyljf"],"settings":{"_cssGlobalClasses":["cvjwik"],"_background":{"color":{"raw":"var(--base)"}},"_typography":{"color":{"raw":"var(--base)"}}},"label":"Color Set (Base)"},{"id":"rnawig","name":"heading","parent":"ptpwem","children":[],"settings":{"text":"Base","_cssGlobalClasses":["kfxqyc","sfntce"]},"label":"Label"},{"id":"lbyljf","name":"block","parent":"ptpwem","children":["cntqch","bobayo","zfxiix","rqewfi","ysgejq","zleemh","bjbmfx","rsaana"],"settings":{"_cssGlobalClasses":["luyevj"]},"label":"List"},{"id":"cntqch","name":"block","parent":"lbyljf","children":["fgdyhb","tfdvld","ersvsf","ywuqyu"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"fgdyhb","name":"text-basic","parent":"cntqch","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"tfdvld","name":"text-basic","parent":"cntqch","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"ersvsf","name":"text-basic","parent":"cntqch","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"ywuqyu","name":"text-basic","parent":"cntqch","children":[],"settings":{"text":"Ultra Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--base-ultra-dark)"}}},"label":"Color Name"},{"id":"bobayo","name":"block","parent":"lbyljf","children":["tfdbit","hqfeof","munqmf","igeuwk"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"tfdbit","name":"text-basic","parent":"bobayo","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"hqfeof","name":"text-basic","parent":"bobayo","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"munqmf","name":"text-basic","parent":"bobayo","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"igeuwk","name":"text-basic","parent":"bobayo","children":[],"settings":{"text":"Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--base-dark)"}}},"label":"Color Name"},{"id":"zfxiix","name":"block","parent":"lbyljf","children":["uzctkw","znnmsn","mpwtya","dvnfas"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"uzctkw","name":"text-basic","parent":"zfxiix","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"znnmsn","name":"text-basic","parent":"zfxiix","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"mpwtya","name":"text-basic","parent":"zfxiix","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"dvnfas","name":"text-basic","parent":"zfxiix","children":[],"settings":{"text":"Semi Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--base-semi-dark)"}}},"label":"Color Name"},{"id":"rqewfi","name":"block","parent":"lbyljf","children":["zqccvz","rwcefa","tsncix","uihuaf"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"zqccvz","name":"text-basic","parent":"rqewfi","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"rwcefa","name":"text-basic","parent":"rqewfi","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"tsncix","name":"text-basic","parent":"rqewfi","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"uihuaf","name":"text-basic","parent":"rqewfi","children":[],"settings":{"text":"Semi Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--base-semi-light)"}}},"label":"Color Name"},{"id":"ysgejq","name":"block","parent":"lbyljf","children":["zccvbo","fjycdu","znftxg","ztkafa"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"zccvbo","name":"text-basic","parent":"ysgejq","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"fjycdu","name":"text-basic","parent":"ysgejq","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"znftxg","name":"text-basic","parent":"ysgejq","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"ztkafa","name":"text-basic","parent":"ysgejq","children":[],"settings":{"text":"Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--base-light)"}}},"label":"Color Name"},{"id":"zleemh","name":"block","parent":"lbyljf","children":["mbjfix","mpznec","zjwbqv","syjpvc"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"mbjfix","name":"text-basic","parent":"zleemh","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"mpznec","name":"text-basic","parent":"zleemh","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"zjwbqv","name":"text-basic","parent":"zleemh","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"syjpvc","name":"text-basic","parent":"zleemh","children":[],"settings":{"text":"Ultra Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--base-ultra-light)"}}},"label":"Color Name"},{"id":"bjbmfx","name":"block","parent":"lbyljf","children":["lpnqdj","pzsjkr","rrgbtf","aawnju"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"lpnqdj","name":"text-basic","parent":"bjbmfx","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"pzsjkr","name":"text-basic","parent":"bjbmfx","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"rrgbtf","name":"text-basic","parent":"bjbmfx","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"aawnju","name":"text-basic","parent":"bjbmfx","children":[],"settings":{"text":"Black","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--black)"}}},"label":"Color Name"},{"id":"rsaana","name":"block","parent":"lbyljf","children":["ltvuac","gammen","rbhaii","uepuku"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"ltvuac","name":"text-basic","parent":"rsaana","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"gammen","name":"text-basic","parent":"rsaana","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"rbhaii","name":"text-basic","parent":"rsaana","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"uepuku","name":"text-basic","parent":"rsaana","children":[],"settings":{"text":"White","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--white)"}}},"label":"Color Name"},{"id":"jjaoxq","name":"block","parent":"tnchrj","children":["ynrmse","kpeecw"],"settings":{"_cssGlobalClasses":["cvjwik"],"_background":{"color":{"raw":"var(--neutral)"}},"_typography":{"color":{"raw":"var(--base)"}}},"label":"Color Set (Neutral)"},{"id":"ynrmse","name":"heading","parent":"jjaoxq","children":[],"settings":{"text":"Neutral","_cssGlobalClasses":["kfxqyc","sfntce"]},"label":"Label"},{"id":"kpeecw","name":"block","parent":"jjaoxq","children":["sfrhzf","bgyexr","qbfoqw","uzsuab","pyqcri","mxdhxm","eckeib","aewyhu"],"settings":{"_cssGlobalClasses":["luyevj"]},"label":"List"},{"id":"sfrhzf","name":"block","parent":"kpeecw","children":["khgzcr","ccqsis","fswsjp","cwfftp"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"khgzcr","name":"text-basic","parent":"sfrhzf","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"ccqsis","name":"text-basic","parent":"sfrhzf","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"fswsjp","name":"text-basic","parent":"sfrhzf","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"cwfftp","name":"text-basic","parent":"sfrhzf","children":[],"settings":{"text":"Ultra Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--neutral-ultra-dark)"}}},"label":"Color Name"},{"id":"bgyexr","name":"block","parent":"kpeecw","children":["zyqwor","ewgnea","fozmit","rbnhxf"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"zyqwor","name":"text-basic","parent":"bgyexr","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"ewgnea","name":"text-basic","parent":"bgyexr","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"fozmit","name":"text-basic","parent":"bgyexr","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"rbnhxf","name":"text-basic","parent":"bgyexr","children":[],"settings":{"text":"Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--neutral-dark)"}}},"label":"Color Name"},{"id":"qbfoqw","name":"block","parent":"kpeecw","children":["kccajq","vahbvs","dmyscb","dtkjql"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"kccajq","name":"text-basic","parent":"qbfoqw","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"vahbvs","name":"text-basic","parent":"qbfoqw","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"dmyscb","name":"text-basic","parent":"qbfoqw","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"dtkjql","name":"text-basic","parent":"qbfoqw","children":[],"settings":{"text":"Semi Dark","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--neutral-semi-dark)"}}},"label":"Color Name"},{"id":"uzsuab","name":"block","parent":"kpeecw","children":["jrboqs","sihnyk","hefqmv","thliom"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"jrboqs","name":"text-basic","parent":"uzsuab","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"sihnyk","name":"text-basic","parent":"uzsuab","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"hefqmv","name":"text-basic","parent":"uzsuab","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"thliom","name":"text-basic","parent":"uzsuab","children":[],"settings":{"text":"Semi Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--neutral-semi-light)"}}},"label":"Color Name"},{"id":"pyqcri","name":"block","parent":"kpeecw","children":["jymfpq","edqqfb","akydik","nljqmd"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"jymfpq","name":"text-basic","parent":"pyqcri","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"edqqfb","name":"text-basic","parent":"pyqcri","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"akydik","name":"text-basic","parent":"pyqcri","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"nljqmd","name":"text-basic","parent":"pyqcri","children":[],"settings":{"text":"Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--neutral-light)"}}},"label":"Color Name"},{"id":"mxdhxm","name":"block","parent":"kpeecw","children":["quaaie","jjalus","mehels","dusvff"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"quaaie","name":"text-basic","parent":"mxdhxm","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"jjalus","name":"text-basic","parent":"mxdhxm","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"mehels","name":"text-basic","parent":"mxdhxm","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"dusvff","name":"text-basic","parent":"mxdhxm","children":[],"settings":{"text":"Ultra Light","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--neutral-ultra-light)"}}},"label":"Color Name"},{"id":"eckeib","name":"block","parent":"kpeecw","children":["rvqwse","weukmr","lbrzca","mjxywx"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"rvqwse","name":"text-basic","parent":"eckeib","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"weukmr","name":"text-basic","parent":"eckeib","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"lbrzca","name":"text-basic","parent":"eckeib","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"mjxywx","name":"text-basic","parent":"eckeib","children":[],"settings":{"text":"Black","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--black)"}}},"label":"Color Name"},{"id":"aewyhu","name":"block","parent":"kpeecw","children":["fosxpp","tiqnga","cnvyaj","zxtknn"],"settings":{"_cssGlobalClasses":["yenucc"]},"label":"Item"},{"id":"fosxpp","name":"text-basic","parent":"aewyhu","children":[],"settings":{"text":"X","tag":"span","_cssGlobalClasses":["hiowys","atzpve","fbryfs"]},"label":"Fail Badge"},{"id":"tiqnga","name":"text-basic","parent":"aewyhu","children":[],"settings":{"text":"AA","tag":"span","_cssGlobalClasses":["kakkgt","hiowys","atzpve"]},"label":"AA Badge"},{"id":"cnvyaj","name":"text-basic","parent":"aewyhu","children":[],"settings":{"text":"AAA","tag":"span","_cssGlobalClasses":["yeikba","hiowys","atzpve"]},"label":"AAA Badge"},{"id":"zxtknn","name":"text-basic","parent":"aewyhu","children":[],"settings":{"text":"White","tag":"p","_cssGlobalClasses":["mzbyuf"],"_typography":{"color":{"raw":"var(--white)"}}},"label":"Color Name"},{"id":"eqyrql","name":"container","parent":"zpoqdc","children":["atuuzi","gpfdmu"],"settings":[]},{"id":"atuuzi","name":"heading","parent":"eqyrql","children":[],"settings":{"tag":"h1","text":"A11Y Contrast checker"}},{"id":"gpfdmu","name":"text-basic","parent":"eqyrql","children":[],"settings":{"text":"This table gives an indication of color combinations to pass AA and AAA standards.<br>The main background is the \"Root\" Color. Each label is a corresponding variation.","tag":"p"}}],"source":"bricksCopiedElements","sourceUrl":"https://acss-at-based.local","version":"1.9.9","globalClasses":[{"id":"zmuira","name":"sg-contrast","settings":{"_cssCustom":".sg-contrast__item .bb-badge-v1 {\n\tdisplay: none;\n}\n\n/* Show fail badge if no A11y */\n.sg-contrast__item:not([data-a11y]) .sg-contrast__fail-badge{\n  display: flex;\n}\n\n.sg-contrast__item[data-a11y=\"aa\"] .sg-contrast__aa-badge{\n  display: flex;\n}\n\n.sg-contrast__item[data-a11y=\"aaa\"] .sg-contrast__aaa-badge{\n  display: flex;\n}\n","_display":"grid","_gridGap":"var(--grid-gap)","_gridTemplateColumns":"var(--grid-3)","_gridTemplateColumns:mobile_portrait":"var(--grid-1)","_gridTemplateColumns:mobile_landscape":"var(--grid-2)"}},{"id":"cvjwik","name":"sg-contrast__color-set","settings":{"_background":{"color":{"raw":"var(--primary)"}},"_border":{"radius":{"top":"var(--radius)","right":"var(--radius)","bottom":"var(--radius)","left":"var(--radius)"}},"_padding":{"top":"var(--space-s)","right":"var(--space-s)","bottom":"var(--space-s)","left":"var(--space-s)"}}},{"id":"luyevj","name":"sg-contrast__list","settings":{"_rowGap":"var(--space-xs)"}},{"id":"yenucc","name":"sg-contrast__item","settings":{"_flexWrap":"nowrap","_direction":"row"}},{"id":"kfxqyc","name":"sg-contrast__label","settings":[]},{"id":"sfntce","name":"sg-color-swatch__name","settings":{"_typography":{"color":{"raw":"var(--text-light)"},"text-shadow":{"values":{"offsetX":"1","offsetY":"1","blur":"1"},"color":{"raw":"var(--black)"}}}},"modified":1720394392,"user_id":1},{"id":"mzbyuf","name":"sg-contrast__color-name","settings":[]},{"id":"hiowys","name":"bb-badge-v1","settings":{"_display":"flex","_direction":"row","_cssCustom":"/*######################\nBLOCK STYLES\n######################*/\n\n:where(.bb-badge-v1) {\n  --root-transition1: all var(--transition-duration-fast) ease;\n\t--root-font-size: var(--text-s);\n  --root-spacing: var(--space-xs);\n  \n  --root-background: var(--neutral);\n  --root-background-hover: var(--neutral-medium);\n  \n  --root-color:  var(--neutral-ultra-light);\n  --root-color-hover:  var(--white);\n  \n  --root-font-weight: bold;\n  --root-border: 0.15em solid var(--neutral-trans-20);\n  --root-border-radius: 40px;\n  \n  \n  --icon-font-size: 1em;\n  --icon-color: var(--root-color);\n  \n}\n\n.bb-badge-v1 {\n  transition: var(--root-transition1);\n  display: flex;\n  align-items: center;\n\tbackground: var(--root-background);\n  padding: var(--root-spacing);\n  gap: var(--root-spacing);\n  color: var(--root-color);\n  font-weight: var(--root-font-weight);\n  font-size: var(--root-font-size);\n  border: var(--root-border);\n  border-radius: var(--root-border-radius);\n}\n.bb-badge-v1__label {\n\tline-height: 1;\n}\n.bb-badge-v1__icon {\n\t font-size:  var(--icon-font-size);\n  color: var(--icon-color);\n}\n\n.bb-badge-v1:hover {\n\t--root-background: var(--root-background-hover);\n  --root-color:  var(--root-color-hover);\n}\n\n/*######################\nMODIFIERS\n######################*/\n/* Sizes */\n.bb-badge-v1--xs{\n\t--root-font-size: var(--text-xs);\n  --root-spacing: calc( var(--space-xs) / 2);\n}\n.bb-badge-v1--m {\n\t--root-font-size: var(--text-m);\n  --root-spacing: var(--space-s);\n}\n.bb-badge-v1--l {\n\t--root-font-size: var(--text-l);\n  --root-spacing: var(--space-m);\n}\n\n/* Colors */\n.bb-badge-v1--primary {\n  --root-background: var(--primary);\n  --root-background-hover: var(--primary-medium);\n  \n  --root-color:  var(--primary-light);\n  --root-color-hover: var(--primary-ultra-light);;\n}\n.bb-badge-v1--secondary {\n  --root-background: var(--secondary);\n  --root-background-hover: var(--secondary-medium);\n  \n  --root-color:  var(--secondary-light);\n  --root-color-hover: var(--secondary-ultra-light);\n}\n.bb-badge-v1--accent {\n  --root-background: var(--accent);\n  --root-background-hover: var(--accent-medium);\n  \n  --root-color:  var(--accent-light);\n  --root-color-hover: var(--accent-ultra-light);\n}\n.bb-badge-v1--action {\n  --root-background: var(--action);\n  --root-background-hover: var(--action-medium);\n  \n  --root-color:  var(--action-light);\n  --root-color-hover: var(--action-ultra-light);\n}"},"modified":1718579670,"user_id":1},{"id":"atzpve","name":"bb-badge-v1--xs","settings":[],"modified":1718577867,"user_id":1},{"id":"fbryfs","name":"sg-contrast__fail-badge","settings":{"_cssCustom":".sg-contrast__fail-badge {\n\t--root-background: var(--danger);\n  --root-background-hover: var(--danger-dark); \n  \n  --root-color:  var(--white);\n  --root-color-hover:  var(--white-trans-80);   \n}"}},{"id":"yeikba","name":"sg-contrast__aaa-badge","settings":{"_cssCustom":".sg-contrast__aaa-badge {\n\t--root-background: var(--info);\n  --root-background-hover: var(--info-dark);\n  \n  --root-color:  var(--white);\n  --root-color-hover:  var(--white-trans-80); \n} "}},{"id":"kakkgt","name":"sg-contrast__aa-badge","settings":{"_cssCustom":".sg-contrast__aa-badge {\n\t--root-background: var(--warning);\n  --root-background-hover: var(--warning-dark);\n  \n  --root-color:  var(--black);\n  --root-color-hover:  var(--white-trans-80);   \n}"}}],"globalElements":[]}