@symbo.ls/scratch 3.14.1 → 3.14.3

package/dist/esm/src/transforms/index.js

@@ -0,0 +1 @@
+import{isString as a,isObject as R,exec as O}from"@symbo.ls/utils";import{getActiveConfig as T}from"../factory.js";import{getSpacingByKey as p,getColor as m,getShadow as b,getMediaColor as g,getTimingByKey as h,getTimingFunction as j,getSpacingBasedOnRatio as B,checkIfBoxSize as E,splitSpacedValue as z}from"../system/index.js";import{getFnPrefixAndValue as I,isResolvedColor as d,isCSSVar as l,CSS_NATIVE_COLOR_REGEX as x,splitTopLevelCommas as C,parseColorToken as $}from"../utils/index.js";const A=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),G=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),_=r=>A.has(r),y=r=>{const e=r+"";if(x.test(e))return e;const n=e.trim();return n==="none"||n==="0"||n==="initial"||n==="inherit"||n==="unset"?e:e.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if(l(i))return`var(${i})`;if(_(i)||/^\d/.test(i)||i==="0")return i;const s=m(i);if(d(s))return s;const u=p(i,"border");return u&&u.border?u.border:i}).join(" ")},P=r=>x.test(r)?r:r.split(/\s+/).map(e=>{if(e=e.trim(),!e)return"";if(l(e))return`var(${e})`;if(/^\d/.test(e)||e.includes("px")||e==="0")return e;const n=m(e);return d(n)?n:e}).join(" "),Y=(r,e)=>b(r,e),M=(r,e)=>x.test(r)?r:C(r).map(n=>(n=n.trim(),n?n.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(l(t))return`var(${t})`;if(t==="inset"||t==="none")return t;const i=m(t);if(d(i)){const u=g(t,e);return R(u)?Object.values(u).filter(f=>f.includes(": "+e))[0]:u}if(/^\d/.test(t)||t==="0"||t.includes("px")||t.slice(-2)==="em")return t;const s=p(t,"shadow");return s&&s.shadow?s.shadow:t}).join(" "):"")).join(", "),D=(r,e)=>{const n=r.indexOf("(");if(n===-1)return r;const t=r.slice(0,n+1),i=r.slice(n+1,r.lastIndexOf(")")),s=")",f=C(i).map(c=>(c=c.trim(),c.split(/\s+/).map(o=>{if(!o||/^\d/.test(o)||o==="0"||G.has(o)||o==="transparent"||x.test(o))return o;const S=m(o);return d(S)?S:o}).join(" ")));return t+f.join(", ")+s},X=(r,e)=>{const n=T();return r.split(", ").map(t=>l(t)?`var(${t})`:t.includes("url")?t:t.includes("gradient")?D(t,e):n.gradient[r]?{backgroundImage:g(r,e||n.globalTheme)}:t.includes("/")||t.startsWith("http")||t.includes(".")&&!$(t)?`url(${t})`:t).join(" ")},H=r=>a(r)&&r.split(" ").map(e=>p(e,"gap").gap).join(" "),V=r=>{const e=r.split(" ");return e.length?e.map(n=>l(n)?`var(${n})`:n.length<3||n.includes("ms")?h(n).timing||n:j(n)?j(n):n).join(" "):r},J=(r,e,n)=>{if(a(r))return r.split(",").map(t=>h(t).timing||t).join(",")},N=r=>{const e=r.split(",");if(e.length)return e.map(V).join(",")};function W(r,e,n={},t={}){let i=O.call(this,e||n[r]);if(i==null)return;let s;if(a(i)){if(i.includes("(")){const c=I(i);s=c[0],i=c[1]}const u=n.scaleBoxSize,f=E(r);!u&&f&&!t.ratio&&(i=z(i))}return t.ratio?B(n,r,i,s):p(i,r,void 0,s)}const Q=(r,e=null,n)=>W(r,e,n,{ratio:!0}),U=(r,e,n)=>{if(a(r))return{borderRadius:r.split(" ").map((t,i)=>B(e,n,t)[n]).join(" ")}};export{D as resolveColorsInGradient,N as splitTransition,X as transformBackgroundImage,y as transformBorder,U as transformBorderRadius,M as transformBoxShadow,J as transformDuration,Y as transformShadow,W as transformSize,Q as transformSizeRatio,P as transformTextStroke,V as transformTransition,H as transfromGap};

package/dist/esm/src/utils/color.js

@@ -0,0 +1 @@
+import{document as a,window as h,isString as c,isNumber as x,isNotProduction as d}from"@symbo.ls/utils";const p=t=>{if(t==="")return[0,0,0,0];if(t.toLowerCase()==="transparent")return[0,0,0,0];if(t[0]==="#")return t.length<7&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(t.length>4?t[4]+t[4]:"")),[parseInt(t.substr(1,2),16),parseInt(t.substr(3,2),16),parseInt(t.substr(5,2),16),t.length>7?parseInt(t.substr(7,2),16)/255:1];if(t.indexOf("rgb")===-1&&a&&h){const e=a.body.appendChild(a.createElement("fictum")),r="rgb(1, 2, 3)";if(e.style.color=r,e.style.color!==r){a.body.removeChild(e);return}if(e.style.color=t,e.style.color===r||e.style.color==="")return a.body.removeChild(e),[0,0,0,0];t=h.getComputedStyle(e).color,a.body.removeChild(e)}return t.indexOf("rgb")===0?(t.indexOf("rgba")===-1&&(t=`${t}, 1`),t.match(/[\.\d]+/g).map(e=>+e)):[0,0,0,0]},O=(t,e,r=.5)=>(t=p(t),e=p(e),T(t,e,r)),E=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return`rgb(${r},${s},${n})`},m=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return[r,s,n]},L=(t,e,r)=>"#"+(1<<24|t<<16|e<<8|r).toString(16).slice(1),b=([t,e,r])=>((1<<24)+(t<<16)+(e<<8)+r).toString(16).slice(1),F=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return`rgba(${r},${s},${n},${e})`},_=(t,e,r=.5)=>{const s=[];for(let n=0;n<3;n++)s[n]=~~(t[n]+(e[n]-t[n])*r);return`rgb(${s})`},A=(t,e)=>{const[r,s,n]=e,i=Math.max(0,Math.min(100,n+parseFloat(t)));return[r,s,i]},l=(t,e,r)=>{const s=Math.max(t,e,r),n=s-Math.min(t,e,r),i=1-Math.abs(s+s-n-1),o=n&&(s==t?(e-r)/n:s==e?2+(r-t)/n:4+(t-e)/n);return[60*(o<0?o+6:o),i?n/i:0,(s+s-n)/2]},w=(t,e,r,s=e*Math.min(r,1-r),n=(i,o=(i+t/30)%12)=>r-s*Math.max(Math.min(o-3,9-o,1),-1))=>[n(0),n(8),n(4)],C=(t,e)=>{const r=parseInt(t,16);let s=(r>>16)+e;s>255?s=255:s<0&&(s=0);let n=(r>>8&255)+e;n>255?n=255:n<0&&(n=0);let i=(r&255)+e;return i>255?i=255:i<0&&(i=0),((i|n<<8|s<<16)+16777216).toString(16).slice(1)},T=(t,e,r=.5)=>{const s=[];for(let n=0;n<4;n++){const i=n===3?o=>o:Math.round;s[n]=i(t[n]+(e[n]-t[n])*r)}return`rgba(${s})`},H=(t,e)=>{const r=p(t);if(!r){d()&&console.warn(t+" color is not rgba");return}return r[3]=e,`rgba(${r})`},R=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45,y=/(?:rgba?\(|hsla?\(|#[0-9a-fA-F]{3,8}\b)/,S=/^([a-zA-Z]\w*)(?:\.(\d+))?(?:([+-]\d+|=\d+))?$/,N=t=>{if(!c(t))return null;if(y.test(t))return{passthrough:t};if(R(t))return{cssVar:t};const e=t.match(S);if(!e)return null;const[,r,s,n]=e,i=s!==void 0?`0.${s}`:void 0,o=n&&n[0]==="="?n.slice(1):n;return{name:r,alpha:i,tone:o}},V=t=>c(t)&&(t.includes("rgb")||t.includes("var(")||t.includes("#")),j=t=>{const e=[];let r="",s=0;for(const n of t){if(n==="("?s+=1:n===")"&&s>0&&(s-=1),n===","&&s===0){e.push(r),r="";continue}r+=n}return(r.length||!e.length)&&e.push(r),e},G=(t,e)=>{c(t)&&t.includes("rgb")&&(t=p(t).join(", ")),c(t)&&(t=t.split(",").map(n=>parseFloat(n.trim()))),x(e)&&(e+="");const r=b(t),s=e.slice(0,1);if(s==="-"||s==="+"){const n=C(r,parseFloat(e));return m(n).join(", ")}else{const[n,i,o]=t,u=l(n,i,o),[f,g,$]=u;return w(f,g,parseFloat(e)/100*255)}};export{y as CSS_NATIVE_COLOR_REGEX,A as changeLightness,p as colorStringToRgbaArray,C as getColorShade,G as getRgbTone,E as hexToRgb,m as hexToRgbArray,F as hexToRgba,w as hslToRgb,R as isCSSVar,V as isResolvedColor,O as mixTwoColors,_ as mixTwoRgb,T as mixTwoRgba,H as opacify,N as parseColorToken,b as rgbArrayToHex,l as rgbToHSL,L as rgbToHex,j as splitTopLevelCommas};

package/dist/esm/src/utils/font.js

@@ -0,0 +1,9 @@
+const c=(t,r)=>{if(!t||!r)return null;try{return new URL(t),null}catch{}const n=r[t];return n?n.content&&n.content.src:null},k=(t,r)=>{if(t[r])return t[r].value;if(t.default)return t[t.default].value;const n=Object.keys(t)[0];return n&&t[n]&&t[n].value},$=t=>{if(typeof t!="string"||!t)return null;const r=t.split(/[#?]/)[0].split(".").pop().trim();return["woff2","woff","ttf","otf","eot"].includes(r)?r:null},S=t=>t&&(t.includes("fonts.googleapis.com")||t.includes("fonts.gstatic.com")),x=t=>`@import url('${t}');`,d=t=>`@font-face { ${t} }`,y=(t,r,n,o={})=>{const l=(Array.isArray(r)?r:[r]).filter(s=>typeof s=="string"&&s).map(s=>{const f=$(s),u=f?` format('${f}')`:"";return`url('${s}')${u}`}).join(`,
+       `);return`
+  font-family: '${t}';
+  font-style: ${o.fontStyle||"normal"};${n?`
+  font-weight: ${n};`:""}${o.fontStretch?`
+  font-stretch: ${o.fontStretch};`:""}${o.fontDisplay?`
+  font-display: ${o.fontDisplay};`:""}
+  src: ${l};`},i=(t,r,n,o)=>`@font-face {${y(t,r,n,o)}
+}`,m=(t,r,n)=>Object.keys(r).map(a=>{const{url:e,fontWeight:l,fontStyle:s,fontDisplay:f,fontStretch:u}=r[a],F=Array.isArray(e)?e.map(p=>c(p,n)||p):c(e,n)||e;return y(t,F,l,{fontStyle:s,fontDisplay:f,fontStretch:u})}),v=t=>Object.keys(t).map(n=>m(n,t[n].value)),D=(t,r,n)=>{if(r&&r.isVariable){const e=c(r.url,n)||r.url;return S(e)?x(e):i(t,e,r.fontWeight,{fontStretch:r.fontStretch,fontDisplay:r.fontDisplay||"swap"})}if(r[0])return m(t,r,n).map(d);const a=Array.isArray(r.url)?r.url.map(e=>c(e,n)||e):c(r.url,n)||r.url;return i(t,a,r.fontWeight,{fontStyle:r.fontStyle,fontDisplay:r.fontDisplay,fontStretch:r.fontStretch})},U=(t,r)=>Object.keys(t).map(o=>D(o,t[o].value,r));export{k as getDefaultOrFirstKey,v as getFontFace,m as getFontFaceEach,D as getFontFaceEachString,U as getFontFaceString,$ as getFontFormat,S as isGoogleFontsUrl,c as resolveFileUrl,y as setCustomFont,i as setCustomFontMedia,x as setFontImport,d as setInCustomFontMedia};

package/dist/esm/src/utils/index.js

@@ -0,0 +1 @@
+export*from"./unit.js";export*from"./color.js";export*from"./theme.js";export*from"./font.js";export*from"./sequence.js";export*from"./var.js";export*from"./sprite.js";

package/dist/esm/src/utils/sequence.js

@@ -0,0 +1 @@
+import{isString as w}from"@symbo.ls/utils";import{toDashCase as K}from"@symbo.ls/utils";import{getActiveConfig as y}from"../factory.js";import{CSS_UNITS as N,isScalingUnit as R}from"./unit.js";import{isCSSVar as T}from"./color.js";const S={"-6":"U","-5":"V","-4":"W","-3":"X","-2":"Y","-1":"Z",0:"A",1:"B",2:"C",3:"D",4:"E",5:"F",6:"G",7:"H",8:"I",9:"J",10:"K",11:"L",12:"M",13:"N",14:"O",15:"P",16:"Q",17:"R",18:"S",19:"T"},M=(t,n)=>{const{key:r,variable:s,value:c,scaling:e,index:o,scalingVariable:p}=t;n.sequence[r]={key:r,decimal:~~(c*100)/100,val:~~c,scaling:e,index:o,scalingVariable:p,variable:s},n.scales[r]=e;const a=A.has(n.unit)?"rem":n.unit;n.vars[s]=e+a},_=t=>{if(!t.includes("("))return t;const n=t.split("(")[0],r=t.slice(t.indexOf("(")+1,t.lastIndexOf(")"));return[n,r]},A=new Set(["vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh"]),I=(t,n)=>{const{base:r,type:s,unit:c}=n,e=A.has(c)?"rem":c,o=(R(e)?1:r)+e;if(t===0)return o;const a="--"+(n.varPrefix?n.varPrefix+"-":"")+(s&&s.replace(".","-")),u=`${a}-ratio`;if(t>0){const l=S[t-1];return`calc(var(${a}-${l}) * var(${u}))`}if(t<0){const l=S[t+1],$=Math.abs(t),h=Math.pow(C,2*$),x=S[$];return x?`max(calc(var(${a}-${l}) / var(${u})), calc(var(${a}-${x}) / ${h.toFixed(4)}))`:`calc(var(${a}-${l}) / var(${u}))`}},F=(t,n,r,s)=>{const{type:c}=s,o=t===2&&n.length===2?t+1:t,u=`${"--"+(s.varPrefix?s.varPrefix+"-":"")+(c&&c.replace(".","-"))}-sub-ratio-`;return`calc(var(${r}) * var(${u+o}))`},L=(t,n)=>{const s=(t*n-t)/1.618,c=t*n-s,e=t+s,o=(c+e)/2;return[c,o,e]},Z=(t,n)=>L(t,n).map(r=>r/t),O=(t,n)=>{const{key:r,base:s,value:c,ratio:e,variable:o,index:p}=t,u=~~(c*e)-~~c;let l;const[$,h,x]=L(c,e);u>16?l=[$,h,x]:l=[$,x],l.forEach((d,i)=>{const g=~~(d/s*1e3)/1e3,m=o+(i+1),V=p+(i+1)/10,f=F(i+1,l,o,n),b={key:r+(i+1),variable:m,value:d,scaling:g,scalingVariable:f,index:V};M(b,n)})},C=1.618,j=(t,n,r)=>{if(t>=0)return n*Math.pow(r,t);const s=Math.abs(t),c=n*Math.pow(r,t),e=n*Math.pow(r,s)/Math.pow(C,2*s);return Math.max(c,e)},J=t=>{const{type:n,base:r,ratio:s,range:c,subSequence:e}=t,o=Math.abs(c[0])+Math.abs(c[1]),a="--"+(t.varPrefix?t.varPrefix+"-":"")+(n&&n.replace(".","-"))+"-";for(let u=0;u<=o;u++){const l=c[1]-u,$=S[l],h=j(l,r,s),x=~~(h/r*100)/100,d=a+$,i=I(l,t),g={key:$,variable:d,value:h,base:r,scaling:x,scalingVariable:i,ratio:s,index:l};M(g,t),e&&O(g,t)}return t},Q=(t,n=0)=>{const{type:r,base:s,ratio:c,subSequence:e}=t,o=w(n)?n:S[n],p=w(n)?Object.entries(S).find(([,g])=>g===n)?.[0]:n;if(!o)return console.warn(`Position ${n} is out of range in numToLetterMap`),null;const a={sequence:{},scales:{},vars:{},...t},u=s*Math.pow(c,p),l=~~(u/s*100)/100,x="--"+(t.varPrefix?t.varPrefix+"-":"")+(r&&r.replace(".","-"))+"-"+o,d=I(p,t),i={key:o,variable:x,value:u,base:s,scaling:l,scalingVariable:d,ratio:c,index:p};return M(i,a),e&&O(i,a),a},U=(t="A",n)=>{const r=y(),{unit:s}=r;if(w(t)&&T(t))return`var(${t})`;const{sequence:c,unit:e=s.default,useVariable:o}=n,p=/^-?[a-zA-Z]/i,a=p.test(t);if(N.some(f=>t.includes(f))||!a||["none","auto","max-content","min-content","fit-content","inherit","initial","unset","revert","revert-layer"].includes(t))return t;const h=`--${n.varPrefix?n.varPrefix+"-":""}${K(n.type.replace(".","-"))}-`,x=t.toUpperCase(),d=x.slice(0,1)==="-"?"-":"";let i=d?x.slice(1):x,g="";i.includes("_")&&(g="_"+i.split("_")[1].toLowerCase(),i=i.split("_")[0]);const m=f=>p.test(f)?`var(${h}${f}${g})`:f;if(i.includes("+")){const[f,b]=i.split("+"),v=`${m(f)} + ${m(b)}`;return d?`calc((${v}) * -1)`:`calc(${v})`}else if(i.includes("*")){const[f,b]=i.split("*"),v=`${m(f)} * ${m(b)}`;return d?`calc((${v}) * -1)`:`calc(${v})`}else if(i.includes("-")){const[f,b]=i.split("-"),v=`${m(f)} - ${m(b)}`;return d?`calc((${v}) * -1)`:`calc(${v})`}if(!c[i]&&i.length===2&&(r.verbose&&console.warn(i,"- value is not found because `subSequence` is set to false"),i=i.slice(0,1)),o||r.useVariable){const f=`var(${h}${i}${g})`;return d?`calc(${f} * -1)`:f}const V=c?c[i]:null;return V?e==="ms"||e==="s"?d+V.val+e:d+V.scaling+e:console.warn("can't find",c,i)},D=(t,n)=>{if(!["+","-","*","/",","].filter(e=>t.includes(e+" ")).length)return t;const s=/(\s*[+\-*/,]\s*)/;return t.split(s).map(e=>{const o=e.trim();return!o||["+","-","*","/",","].includes(o)?e:U(o,n)}).join("")},X=(t,n,r,s)=>{if(typeof t!="string")return y().verbose&&console.warn(n,t,"is not a string"),{[n]:t};if(t==="-"||t==="")return{};if(!s&&t.includes("(")){const e=_(t);s=e[0],t=e[1]}return["+","-","*","/",","].filter(e=>t.includes(e+" ")).length?t=D(t,r):t=U(t,r),{[n]:s?`${s}(${t})`:t}},W=(t,n)=>S[t-n],Y=t=>{const{h1Matches:n,sequence:r}=t;return new Array(6).fill(null).map((s,c)=>{const e=W(n,c);return r[e]})};export{W as findHeadingLetter,Y as findHeadings,J as generateSequence,Q as generateSequencePosition,O as generateSubSequence,_ as getFnPrefixAndValue,U as getSequenceValue,D as getSequenceValueBySymbols,X as getSequenceValuePropertyPair,Z as getSubratio,L as getSubratioDifference,S as numToLetterMap,I as setScalingVar,F as setSubScalingVar};

package/dist/esm/src/utils/sprite.js

@@ -0,0 +1 @@
+import{isNotProduction as p,isString as a}from"@symbo.ls/utils";import{getActiveConfig as g}from"../factory.js";const u=p(),S=e=>{const r=g();let t="";for(const o in e)r.__svgCache[o]||(r.__svgCache[o]=!0,t+=e[o]);return t},$=e=>{const r=e&&(e.default||e);if(!a(r))return u&&console.warn("parseRootAttributes:",r,"is not a string"),{};const t=r.match(/<svg\s+(.*?)>/);if(!t||!t[1])return{};const c=t[1].match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);return c?c.reduce((s,i)=>{const[l,n]=i.split("=");return s[l]=n.replace(/['"]/g,""),s},{}):{}},d=(e,r)=>{const t=[];if(e.replace(/id="([^"]*)"/g,(c,s)=>(t.push(s),c)),!t.length)return e;let o=e;for(const c of t){const s=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=`${r}-${c}`;o=o.replace(new RegExp(`id="${s}"`,"g"),`id="${i}"`).replace(new RegExp(`url\\(#${s}\\)`,"g"),`url(#${i})`).replace(new RegExp(`xlink:href="#${s}"`,"g"),`xlink:href="#${i}"`).replace(new RegExp(`href="#${s}"`,"g"),`href="#${i}"`)}return o},C=(e,r)=>{const t=$(r),{width:o,height:c}=t,s=t.viewBox||`0 0 ${o||24} ${c||24}`;let n=d(r,e).replace("<svg",`<symbol id="${e}" xmlns="http://www.w3.org/2000/svg" viewBox="${s}"`);return n=n.replace(/width="[^"]*"/,""),n=n.replace(/height="[^"]*"/,""),n=n.replace("</svg","</symbol"),n=x(n),n},f="line|circle|ellipse|rect|polyline|polygon|path|stop|use|image",h=new RegExp(`<(${f})\\b([^>]*?)\\s*/>`,"g"),x=e=>e.replace(h,"<$1$2></$1>");export{C as convertSvgToSymbol,S as generateSprite};

package/dist/esm/src/utils/theme.js

@@ -0,0 +1 @@
+const u=(e,t)=>{if(e)return e.themes&&e.themes[t]?e.themes[t]:e[t]?[e,e[t]]:e};export{u as returnSubThemeOrDefault};

package/dist/esm/src/utils/unit.js

@@ -0,0 +1 @@
+const m=c=>c==="em"||c==="rem"||c==="vw"||c==="vh"||c==="vmax"||c==="vmin",v=["px","cm","mm","in","pt","pc","em","rem","ex","cap","ch","ic","lh","rlh","%","vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh","cqw","cqh","cqi","cqb","cqmin","cqmax","deg","rad","grad","turn","s","ms","dpi","dpcm","dppx","fr","auto"];export{v as CSS_UNITS,m as isScalingUnit};

package/dist/esm/src/utils/var.js

@@ -0,0 +1 @@
+import{isObjectLike as _}from"@symbo.ls/utils";import{getActiveConfig as y}from"../factory.js";import{getSubratio as g}from"./sequence.js";import{isScalingUnit as w}from"./unit.js";const G=(e,i)=>{const m=y(),{cssVars:c}=m;_(e.value)||(c[e.var]=e.value)},I=(e,i,m)=>{const c=y(),{unit:p}=c,o=i.unit||p.default,{base:n,ratio:s,type:l}=i,t="--"+(i.varPrefix?i.varPrefix+"-":"")+(l&&l.replace(".","-"));e[`${t}-base`]=n,e[`${t}-unit`]=o;const d=`${t}-ratio`;e[d]=s;const[a,v,r]=g(n,s);e[`${t}-sub-ratio-1`]=`calc(var(${t}-ratio) * ${a/s})`,e[`${t}-sub-ratio-2`]=`calc(var(${t}-ratio) * ${v/s})`,e[`${t}-sub-ratio-3`]=`calc(var(${t}-ratio) * ${r/s})`},N=new Set(["vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh"]),M=(e,i={})=>{const m=y(),{unit:c,timing:p,cssVars:o}=m,n=e.unit||c.default,s=N.has(n)?"rem":n,{mediaRegenerate:l,sequence:f,scales:t}=e;l||I(o,e,i);for(const d in f){const a=f[d],v=(e.type===p.type?f[d].val:t[d])+s;if(!l){o[a.variable+"_default"]=v,o[a.variable]=a.scalingVariable;continue}i.useDefault===!1?o[a.variable]=v:(o[a.variable+"_default"]=v,o[a.variable]=`var(${a.variable+"_default"})`)}},k=(e,i,m={})=>{const c=y(),{unit:p,media:o,cssVars:n}=c,s=i.slice(1),l=e[i],f=l.unit||e.unit||p.default,t=N.has(f)?"rem":f,{mediaRegenerate:d}=e,{sequence:a,scales:v}=l,r=o[s];if(!r&&c.verbose&&console.warn("Can't find media query ",r),!d){let u=n[`@media ${r}`];u||(u=n[`@media ${r}`]={}),I(u,l,m);const $=e.unit||p.default;if(t!==$&&a)for(const S in a){const b=a[S],V=v[S]+t;u[b.variable+"_default"]=V,u[b.variable]=V}return}for(const u in a){const $=a[u],S=(w(t)?v[u]:a[u].val)+t;!r&&c.verbose&&console.warn("Can't find query ",r);let b=n[`@media ${r}`];b||(b=n[`@media ${r}`]={}),b[$.variable]=`var(${$.variable+"_"+s})`,n[$.variable+"_"+s]=S}};export{k as applyMediaSequenceVars,I as applySequenceGlobalVars,M as applySequenceVars,G as setVariables};

package/package.json

@@ -2,36 +2,37 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.14.1",
+  "version": "3.14.3",
   "files": [
     "dist",
-    "*.js",
-    "src"
+    "*.md",
+    "LICENSE"
   ],
   "repository": "https://github.com/symbo-ls/smbls",
   "type": "module",
-  "module": "./index.js",
-  "unpkg": "./dist/iife/index.js",
-  "jsdelivr": "./dist/iife/index.js",
-  "main": "./index.js",
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.cjs",
   "exports": {
-    ".": "./index.js",
+    ".": {
+      "development": "./index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.js"
+    },
     "./package.json": "./package.json"
   },
   "source": "src/index.js",
   "publishConfig": {
-    "access": "public"
+    "access": "restricted"
   },
   "scripts": {
-    "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "NODE_ENV=$NODE_ENV esbuild $(find src -name '*.js') --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:cjs": "NODE_ENV=$NODE_ENV esbuild $(find src -name '*.js') --target=node18 --format=cjs --outdir=dist/cjs --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:iife": "NODE_ENV=$NODE_ENV esbuild src/index.js --bundle --target=es2020 --format=iife --global-name=SmblsScratch --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build": "node ../../build/build.js",
-    "prepublish": "npm run build && npm run copy:package:cjs"
+    "build:esm": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -name \"*.test.js\") --target=es2020 --format=esm --outbase=. --outdir=dist/esm --minify --log-level=warning",
+    "build:cjs": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -name \"*.test.js\") --target=node18 --format=cjs --outbase=. --outdir=dist/cjs --out-extension:.js=.cjs --minify --log-level=warning",
+    "build": "rimraf dist && npm run build:esm && npm run build:cjs",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@symbo.ls/utils": "^3.14.0",
+    "@symbo.ls/utils": "^3.14.2",
     "color-contrast-checker": "^1.5.0"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",

package/dist/cjs/defaultConfig/animation.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/animation.js
-var animation_exports = {};
-__export(animation_exports, {
-  ANIMATION: () => ANIMATION
-});
-module.exports = __toCommonJS(animation_exports);
-var ANIMATION = {};

package/dist/cjs/defaultConfig/cases.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/cases.js
-var cases_exports = {};
-__export(cases_exports, {
-  CASES: () => CASES
-});
-module.exports = __toCommonJS(cases_exports);
-var CASES = {};

package/dist/cjs/defaultConfig/class.js

@@ -1,27 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/class.js
-var class_exports = {};
-__export(class_exports, {
-  CLASS: () => CLASS
-});
-module.exports = __toCommonJS(class_exports);
-var defaultProps = {};
-var CLASS = defaultProps;

package/dist/cjs/defaultConfig/color.js

@@ -1,28 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/color.js
-var color_exports = {};
-__export(color_exports, {
-  COLOR: () => COLOR,
-  GRADIENT: () => GRADIENT
-});
-module.exports = __toCommonJS(color_exports);
-var COLOR = {};
-var GRADIENT = {};

package/dist/cjs/defaultConfig/document.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/document.js
-var document_exports = {};
-__export(document_exports, {
-  DOCUMENT: () => DOCUMENT
-});
-module.exports = __toCommonJS(document_exports);
-var DOCUMENT = {};

package/dist/cjs/defaultConfig/font-family.js

@@ -1,34 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/font-family.js
-var font_family_exports = {};
-__export(font_family_exports, {
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES
-});
-module.exports = __toCommonJS(font_family_exports);
-var FONT_FAMILY = {};
-var FONT_FAMILY_TYPES = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-var FONT_FACE = {};

package/dist/cjs/defaultConfig/font.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/font.js
-var font_exports = {};
-__export(font_exports, {
-  FONT: () => FONT
-});
-module.exports = __toCommonJS(font_exports);
-var FONT = {};

package/dist/cjs/defaultConfig/grid.js

@@ -1,27 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/grid.js
-var grid_exports = {};
-__export(grid_exports, {
-  GRID: () => GRID
-});
-module.exports = __toCommonJS(grid_exports);
-var defaultProps = {};
-var GRID = defaultProps;

package/dist/cjs/defaultConfig/icons.js

@@ -1,28 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/icons.js
-var icons_exports = {};
-__export(icons_exports, {
-  ICONS: () => ICONS,
-  SEMANTIC_ICONS: () => SEMANTIC_ICONS
-});
-module.exports = __toCommonJS(icons_exports);
-var ICONS = {};
-var SEMANTIC_ICONS = {};

package/dist/cjs/defaultConfig/index.js

@@ -1,222 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/index.js
-var defaultConfig_exports = {};
-__export(defaultConfig_exports, {
-  ANIMATION: () => ANIMATION,
-  BREAKPOINTS: () => BREAKPOINTS,
-  CASES: () => CASES,
-  CLASS: () => CLASS,
-  COLOR: () => COLOR,
-  DEVICES: () => DEVICES,
-  DOCUMENT: () => DOCUMENT,
-  FONT: () => FONT,
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
-  GRADIENT: () => GRADIENT,
-  GRID: () => GRID,
-  ICONS: () => ICONS,
-  MEDIA: () => MEDIA,
-  RESET: () => RESET,
-  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
-  SEQUENCE: () => SEQUENCE,
-  SHADOW: () => SHADOW,
-  SPACING: () => SPACING,
-  SVG: () => SVG,
-  SVG_DATA: () => SVG_DATA,
-  TEMPLATES: () => TEMPLATES,
-  THEME: () => THEME,
-  TIMING: () => TIMING,
-  TYPOGRAPHY: () => TYPOGRAPHY,
-  UNIT: () => UNIT
-});
-module.exports = __toCommonJS(defaultConfig_exports);
-
-// src/defaultConfig/sequence.js
-var SEQUENCE = {
-  "minor-second": 1.067,
-  "major-second": 1.125,
-  "minor-third": 1.2,
-  "major-third": 1.25,
-  "perfect-fourth": 1.333,
-  "augmented-fourth": 1.414,
-  "perfect-fifth": 1.5,
-  "minor-sixth": 1.6,
-  phi: 1.618,
-  // golden-ratio
-  "major-sixth": 1.667,
-  "square-root-3": 1.732,
-  // theodorus
-  "minor-seventh": 1.778,
-  "major-seventh": 1.875,
-  octave: 2,
-  "square-root-5": 2.23,
-  // pythagoras
-  "major-tenth": 2.5,
-  "major-eleventh": 2.667,
-  "major-twelfth": 3,
-  pi: 3.14,
-  // archimedes
-  "double-octave": 4
-};
-
-// src/defaultConfig/unit.js
-var UNIT = {
-  default: "em"
-};
-
-// src/defaultConfig/typography.js
-var defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: "font-size",
-  ratio: SEQUENCE["minor-third"],
-  range: [-3, 12],
-  h1Matches: 6,
-  lineHeight: 1.5,
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TYPOGRAPHY = defaultProps;
-
-// src/defaultConfig/font.js
-var FONT = {};
-
-// src/defaultConfig/font-family.js
-var FONT_FAMILY = {};
-var FONT_FAMILY_TYPES = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-var FONT_FACE = {};
-
-// src/defaultConfig/media.js
-var MEDIA = {
-  tv: "(min-width: 2780px)",
-  light: "(prefers-color-scheme: light)",
-  dark: "(prefers-color-scheme: dark)",
-  print: "print"
-};
-
-// src/defaultConfig/spacing.js
-var defaultProps2 = {
-  base: TYPOGRAPHY.base,
-  type: "spacing",
-  ratio: SEQUENCE.phi,
-  range: [-5, 15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var SPACING = defaultProps2;
-
-// src/defaultConfig/color.js
-var COLOR = {};
-var GRADIENT = {};
-
-// src/defaultConfig/theme.js
-var THEME = {};
-
-// src/defaultConfig/shadow.js
-var SHADOW = {};
-
-// src/defaultConfig/icons.js
-var ICONS = {};
-var SEMANTIC_ICONS = {};
-
-// src/defaultConfig/timing.js
-var defaultProps3 = {
-  default: 150,
-  base: 150,
-  type: "timing",
-  ratio: SEQUENCE["perfect-fourth"],
-  range: [-3, 12],
-  mediaRegenerate: false,
-  unit: "ms",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TIMING = defaultProps3;
-
-// src/defaultConfig/document.js
-var DOCUMENT = {};
-
-// src/defaultConfig/responsive.js
-var BREAKPOINTS = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-};
-var DEVICES = {
-  screenXXL: [2560, 1440],
-  screenXL: [2240, 1260],
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 720],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-};
-
-// src/defaultConfig/cases.js
-var CASES = {};
-
-// src/defaultConfig/animation.js
-var ANIMATION = {};
-
-// src/defaultConfig/svg.js
-var SVG = {};
-var SVG_DATA = {};
-
-// src/defaultConfig/templates.js
-var TEMPLATES = {};
-
-// src/defaultConfig/grid.js
-var defaultProps4 = {};
-var GRID = defaultProps4;
-
-// src/defaultConfig/class.js
-var defaultProps5 = {};
-var CLASS = defaultProps5;
-
-// src/defaultConfig/index.js
-var RESET = {};

package/dist/cjs/defaultConfig/media.js

@@ -1,31 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/media.js
-var media_exports = {};
-__export(media_exports, {
-  MEDIA: () => MEDIA
-});
-module.exports = __toCommonJS(media_exports);
-var MEDIA = {
-  tv: "(min-width: 2780px)",
-  light: "(prefers-color-scheme: light)",
-  dark: "(prefers-color-scheme: dark)",
-  print: "print"
-};