@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
3 lines (2 loc) • 1.93 kB
JavaScript
const e={palettes:{light:{primary:["#22e39f","#45e6ad","#60f0bd","#8cf5d0","#baf7e2","#dcfcf1"],accent:["#1dddf2"],grey:["#e6e6e6","#cccccc","#b3b3b3","#999999","#808080","#666666","#4d4d4d","#333333","#191919"],heading:["#000"],text:["#000","#fff"],bg:["#f5fafa"],fg:["#fff","#e6f0f0"],error:["#ff1f1f","#ff5454","#ff8c8c","#ffbdbd"]},dark:{primary:["#1dddf2","#1ac4d6","#15a1b0","#0e838f","#064f57","#043136"],accent:["#22e39f"],grey:["#191919","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6"],heading:["fff"],text:["#fff","#000"],bg:["#000"],fg:["#161717","#292b2b"],error:["#ff1f1f","#b32727","#822f2f","#632c2c"]}},defaultColorScheme:"light",spacing:{xxs:".2rem",xsm:".4rem",sml:".7rem",med:"1rem",lrg:"2rem",xlg:"4rem",xxl:"8rem"},radius:{xsm:"3px",sml:"4px",med:"8px",lrg:"12px",xlg:"16px"},font:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue"',size:{xxs:".7rem",xsm:".825rem",sml:"1rem",med:"1.2rem",lrg:"1.7rem",xlg:"2.5rem",xxl:"4rem"}},breakpoints:{mob:480,tab:768,lap:1024,dsk:1280}};function f(e,f,r){const t=Array.isArray(f)?f:Object.entries(f);for(let f=0;f<t.length;f++){r[`--f-${e}-${Array.isArray(t[f])?t[f][0]:100*(f+1)}`]=Array.isArray(t[f])?t[f][1]:t[f]}}function r(e){const r={"--f-font-family":e.font.family};return f("spacing",e.spacing,r),f("radius",e.radius,r),f("font-size",e.font.size,r),r}function t(e){const r={},t={};for(const c in e.palettes){const s={};for(const r in e.palettes[c])f(`clr-${r}`,e.palettes[c][r],s);let a=`#__fluid.scheme-${c}`;e.defaultColorScheme===c&&(a+=", #__fluid.scheme-system"),r[a]=s,"light"!==c&&"dark"!==c||(t[`@media(prefers-color-scheme: ${c})`]={"#__fluid.scheme-system":s})}return Object.assign(r,t)}const c="FLUID_PREF_COLOR_SCHEME";export{c as COLOR_SCHEME_COOKIE,e as DEFAULT_THEME,r as parseCSSVariables,t as parseColorPalettes};
//# sourceMappingURL=theme.js.map