UNPKG

@beamwind/preset-semantic

Version:

beamwind design system preset using a semantic naming scheme

2 lines (1 loc) 2.87 kB
var presetSemantic=(()=>{var R=Object.defineProperty,V=Math.pow,l=Object.assign,j=e=>R(e,"__esModule",{value:!0}),D=(e,n)=>{j(e);for(var t in n)R(e,t,{get:n[t],enumerable:!0})},q={};D(q,{default:()=>T});var w=(e,n,t)=>Math.min(Math.max(e,n),t),d=e=>{if(e.length===4)return{r:parseInt(e[1],16)*17,g:parseInt(e[2],16)*17,b:parseInt(e[3],16)*17};if(e.length===7)return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5),16)};throw new Error(`Can not parse color ${e}`)},L=e=>("0"+w(e,0,255).toString(16)).slice(-2),C=e=>`#${L(e.r)}${L(e.g)}${L(e.b)}`,$=e=>{let n=e.r/255,t=e.g/255,r=e.b/255,s=Math.max(n,t,r),o=Math.min(n,t,r),i=(s+o)/2;if(s===o)return{h:0,s:0,l:i};let a,c=s-o,u=i>.5?c/(2-s-o):c/(s+o);switch(s){case n:a=(t-r)/c+(t<r?6:0);break;case t:a=(r-n)/c+2;break;default:a=(n-t)/c+4;break}return{h:a*60,s:u,l:i}},S=e=>Math.round(e*255),f=e=>{if(e.s===0)return{r:e.l,g:e.l,b:e.l};let n=(e.h%360+360)%360/60,t=(1-Math.abs(2*e.l-1))*e.s,r=t*(1-Math.abs(n%2-1)),s=0,o=0,i=0;n>=0&&n<1?(s=t,o=r):n>=1&&n<2?(s=r,o=t):n>=2&&n<3?(o=t,i=r):n>=3&&n<4?(o=r,i=t):n>=4&&n<5?(s=r,i=t):n>=5&&n<6&&(s=t,i=r);let a=e.l-t/2;return{r:S(s+a),g:S(o+a),b:S(i+a)}},H=e=>{let n=e/255;return n<=.03928?n/12.92:V((n+.055)/1.055,2.4)},v=e=>Number((.2126*H(e.r)+.7152*H(e.g)+.0722*H(e.b)).toFixed(3)),A=e=>{let n=d(e),t=(n.r*299+n.g*587+n.b*114)/1e3;return t>=128},G=(e,n,t,r)=>e*(n>.6?t:r),E=e=>{let n=d(e),t=$(n),r=v(n);return C(f({h:t.h,s:G(t.s,r,.8,.45),l:.95-G(t.l,r,.03,.06)}))},F=4.52,h=(e,n)=>{let t=v(f(e))+.05,r=v(f(n))+.05;return t<r?r/t:t/r},O=(e,n,t,r)=>{let s=$(d(e)),o=$(d(n)),i=r?.02:s.l,a=r?s.l:.98,c=l(l({},s),{l:a}),u=s;if(h(s,o)>=t)return e;if(h(c,o)<t){let x=h({h:0,s:0,l:0},o)>h({h:0,s:1,l:1},o)?"#000":"#fff";return e===x?x:O(x,n,t,r)}let M,B,b,m=s;do M=u,B=c,b=(i+a)/2,m=l(l({},m),{l:b}),h(m,o)<t?r?(a=b,c=m):(i=b,u=m):r?(i=b,u=m):(a=b,c=m);while(u.l!==M.l||c.l!==B.l);return C(f(u))},g=e=>{let n=A(e);return O(n?"#1A202C":E(e),e,F,n)},_=(e,n)=>{let t=$(d(e));return C(f(l(l({},t),{l:w(t.l-n,0,1)})))},p=(e,n,t)=>_(e,A(e)?n:t||n*-1),N=(e,n,t=e[n])=>{if(!t)return{};let r=e[`${n}-hover`]||p(t,.05),s=e[`${n}-active`]||p(t,.1),o=e[`${n}-selected`]||p(t,.15),i=e[`${n}-disabled`]||p(t,-.05);return{[n]:t,[`on-${n}`]:e[`on-${n}`]||g(t),[`${n}-hover`]:r,[`on-${n}-hover`]:e[`on-${n}-hover`]||g(r),[`${n}-active`]:s,[`on-${n}-active`]:e[`on-${n}-active`]||g(s),[`${n}-disabled`]:i,[`on-${n}-disabled`]:e[`on-${n}-disabled`]||g(i),[`${n}-selected`]:o,[`on-${n}-selected`]:e[`on-${n}-selected`]||g(o)}},P=e=>e.indexOf("-")===-1;function T({colors:e}={}){let n=l({surface:"#fafafa","on-surface":"#222",primary:"#0d3880",secondary:"#e60278",caution:"#ffc600",critical:"#d0011b",info:"#1e468c",neutral:"#596581",positive:"#138a08",promote:"#9556b7"},e);return{theme:{colors:Object.keys(n).filter(P).reduce((t,r)=>l(l({},t),N(t,r)),n)}}}return q;})();