UNPKG

@useloops/design-system

Version:

The official React based Loops design system

2 lines (1 loc) 517 B
import{tone1 as e,tone4 as r,tone3_lowOpacity as t,tone3 as n,tone2 as o}from"../../BrandCore/gradients.js";import{noise1 as s}from"../../BrandCore/textures.js";const a=(s,a)=>{switch(a){case"tone1":default:return e(s);case"tone2":return o(s);case"tone3":return n(s);case"tone3_lowOpacity":return t(s);case"tone4":return r(s)}},u=e=>"noise1"===e?`url(${s})`:null,c=(e,r)=>{const t=a(e,r.gradient),n=u(r.texture);return n?[n,t].join(","):[t].join(",")};export{c as backgroundCreator,a as getGradient,u as getTexture};