https://www.paxxo.se/component---plugins-whitespace-gatsby-theme-w…ges-info-colors-jsx-27f9272c3739e87c47e8.js

1"use strict";(self.webpackChunk_whitespace_paxxo_se=self.webpackChunk_whitespace_paxxo_se||[]).push([[347],{89753:function(e,s,l){l.r(s),l.d(s,{default:function(){return b}});var t=l(82875),n=l(76262),o=l.n(n),r=l(43744),a=l(23431),c=l(23873),x=l.n(c),u=l(67294),j=l(71722);const i=(0,t.Z)("div",{target:"ehvaug71"})({name:"aj6rbz",styles:"display:flex;gap:0.5rem"}),g=(0,t.Z)("div",{target:"ehvaug70"})("width:",(e=>e.wide?"8rem":"5rem"),";height:3rem;text-align:center;display:flex;place-content:center;place-items:center;border-radius:0.25rem;border:1px solid #0002;background-color:",(e=>e.theme.getColor(e.color)),";color:",(e=>e.theme.getColor(e.textColor||[e.color,"text"])),";");var p={name:"hwfcu5",styles:"color:red"},m={name:"v98kxt",styles:"color:green"},d={name:"hwfcu5",styles:"color:red"},h={name:"v98kxt",styles:"color:green"},k={name:"5nlfzg",styles:"border-spacing:1rem"};function b(e){const s=(0,r.u)();e=(0,j.eU)({props:e,name:"DefaultTemplate"}),e=(0,j.eU)({props:e,name:"Template"});let{defaultColspan:l=12}=o()(["spacing"],e);return s.getColor?(0,a.jsx)("article",null,(0,a.jsx)(u.Fragment,null,(0,a.jsx)(j.NP,{background:"transparent"},(0,a.jsx)(j.k6,null,(0,a.jsx)(j.MY,{colspan:l},(0,a.jsx)(j.X6,null,"Colors"),(0,a.jsx)(j.$0,null,(0,a.jsx)(j.Kq,{spacing:[5,10],css:(0,a.css)("margin-top:",s.getLength([5,10]),";","")},Object.keys(s.colors).map((e=>(0,a.jsx)(j.Kq,{key:e,spacing:[3,6]},(0,a.jsx)(j.X6,null,e),(0,a.jsx)(i,null,["main","hover","active","active.hover"].map((l=>(0,a.jsx)(j.Kq,{key:l},(0,a.jsx)(g,{color:[e,l]}),(0,a.jsx)("div",null,l," ","(≈"+5*Math.round(function(e){return e=x()(e.toString()),Math.round(1e3-1e3*e.get("oklch.l"))}(s.getColor([e,l]))/5)+")",(0,a.jsx)("br",null),(0,a.jsx)("code",null,s.getColor([e,l]))))))),(0,a.jsx)(i,null,[20,50,100,150,200,300,400,500,600,700,800].map((l=>(0,a.jsx)(j.Kq,{key:l},(0,a.jsx)(g,{color:[e,l]}),(0,a.jsx)("div",null,l,(0,a.jsx)("br",null),(0,a.jsx)("code",null,s.getColor([e,l]))))))))))),(0,a.jsx)(j.X6,{css:(0,a.css)("margin-top:",s.getLength([10,20]),";","")},"Contrasts"),(0,a.jsx)(j.$0,null,(0,a.jsx)(j.Kq,{spacing:[5,10],css:(0,a.css)("margin-top:",s.getLength([5,10]),";","")},Object.keys(s.colors).map((e=>(0,a.jsx)(j.Kq,{key:e,spacing:[3,6],alignItems:"start"},(0,a.jsx)(j.X6,null,e),(0,a.jsx)("table",{css:k},(0,a.jsx)("tr",null,(0,a.jsx)("th",null,"Text color"),(0,a.jsx)("th",null,"Contrast"),(0,a.jsx)("th",null,"Small text"),(0,a.jsx)("th",null,"Large text")),Object.keys(s.colors).map((l=>{let t=x().contrast(s.getColor(e),s.getColor(l));return(0,a.jsx)("tr",{key:l},(0,a.jsx)("td",null,(0,a.jsx)(g,{color:[e],textColor:l,wide:!0},l)),(0,a.jsx)("td",null,t.toLocaleString("sv",{maximumFractionDigits:2}),":1"),(0,a.jsx)("td",null,t>=4.5?(0,a.jsx)("span",{css:h},(0,a.jsx)(j.JO,{name:"checkbox"})," Pass"):(0,a.jsx)("span",{css:d},(0,a.jsx)(j.JO,{name:"close"})," Fail")),(0,a.jsx)("td",null,t>=3?(0,a.jsx)("span",{css:m},(0,a.jsx)(j.JO,{name:"checkbox"})," Pass"):(0,a.jsx)("span",{css:p},(0,a.jsx)(j.JO,{name:"close"})," Fail")))})))))))))))))):null}}}]);
2//# sourceMappingURL=component---plugins-whitespace-gatsby-theme-wordpress-basic-src-pages-info-colors-jsx-27f9272c3739e87c47e8.js.map