@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 495 B
JavaScript
import{tone1 as e,tone5 as r,tone4 as t,tone3 as n,tone2 as o}from"../../BrandCore/gradients.js";import{noise1 as s}from"../../BrandCore/textures.js";const u=(s,u)=>{switch(u){case"tone1":default:return e(s);case"tone2":return o(s);case"tone3":return n(s);case"tone4":return t(s);case"tone5":return r(s)}},a=e=>"noise1"===e?`url(${s})`:null,c=(e,r)=>{const t=u(e,r.gradient),n=a(r.texture);return n?[n,t].join(","):[t].join(",")};export{c as backgroundCreator,u as getGradient,a as getTexture};