@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 997 B
JavaScript
import{base as t}from"../../BrandCore/primitiveVariables.js";const e=[0,100,500,900],s={xxs:1.5*t,xs:2*t,sm:2*t,md:2*t,lg:2.5*t,xl:3*t,xxl:3.5*t},o=t=>({height:s[t],width:s[t]}),a=(t,e)=>{switch(e){case"xxs":case"xs":case"sm":case"md":return{paddingLeft:0,paddingRight:0};default:return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.xs)}}},r=t=>({backgroundColor:t.custom.palette.neutral[0],color:t.custom.palette.neutral[1e3]}),n=(t,s,o)=>{const a=e.includes(o)?500===o?100:o:0;return{backgroundColor:t.custom.palette[s][a],color:t.custom.palette[s][a>500?0:1e3]}},c=(t,s,o)=>{const a=e.includes(o)?o+100:100,r=s||"neutral";return{border:`1px solid ${t.custom.palette[r][a]}`}},d=(t,e,s)=>void 0===e?r(t):n(t,e,s),i=t=>"heavy"===t?{fontWeight:500,textTransform:"uppercase"}:{fontWeight:400};export{c as getBorderStyle,n as getColorStyle,r as getDefaultStyle,o as getIconSizing,a as getTextPadding,d as getVariationStyle,i as getWeightStyle,s as iconSizeMap};