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