react-css-library
Version:
## Library Overview Developed by Marco Duarte and David Artavia, this library leverages React, CSS, and TypeScript to provide a comprehensive set of design components.
3 lines (2 loc) • 3.8 kB
JavaScript
import e from"react";var t=function(){return t=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},t.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var r={backgroundWhite:"#FFFFFF",backroundRed:"#BA181B",background3:"#F7FAFC",background4:"#D3D3D3",card:"#F5F3F4",form:"#B1A7A6",hoverRed:"#A4161A",text1:"#0B090A",text2:"#333333",text3:"#666666",footer:"#161A1D",shadow:"rgba(0, 0, 0, 0.1)"},n={backgroundColor:r.card,borderRadius:10,padding:20,margin:10,boxShadow:"0px 4px 20px ".concat(r.shadow),border:"1px solid ".concat(r.shadow),width:"20%",height:"60%"},o=function(r){var o=r.children,l=r.style;return e.createElement("div",{style:t(t({},n),l)},o)},l={xxxl:96,xxl:60,xl:48,lg:34,md:20,sm:18,xs:16},i=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Inter-Medium",fontSize:l.xxxl,color:r.backroundRed},o)},i)},a=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Montserrat-Medium",fontSize:l.xxl,color:r.backroundRed},o)},i)},d=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Montserrat-Bold",fontSize:l.xl,color:r.backroundRed},o)},i)},c=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Montserrat-Bold",fontSize:l.lg,color:r.backroundRed},o)},i)},s=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Montserrat-Bold",fontSize:l.md,color:r.backroundRed},o)},i)},u=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Montserrat-Bold",fontSize:l.sm,color:r.backroundRed},o)},i)},y=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Montserrat-Bold",fontSize:l.xs,color:r.backroundRed},o)},i)},m=function(n){var o=n.style,i=n.children;return e.createElement("div",{style:t({fontFamily:"Inter-Medium",fontSize:l.xs,color:r.text2,textAlign:"center"},o)},i)},f={display:"flex",listStyleType:"none",margin:0,padding:0,cursor:"pointer"},p={marginRight:20},h=function(r){var n=r.items,o=r.style;return e.createElement("ul",{style:t(t({},f),o)},n&&n.map((function(t,r){return e.createElement("li",{style:p,key:r},t)})))},x={color:r.backgroundWhite},v=function(t){var r=t.items,n=t.style;return e.createElement("nav",{style:n},e.createElement(h,{items:r,style:x}))},b={display:"flex",justifyContent:"space-between",width:"100%",padding:15,alignItems:"center",backgroundColor:r.backroundRed,borderBottom:"1px solid rgba(2, 1, 1, 0.1)",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",borderEndEndRadius:"5%"},g=function(r){var n=r.children,o=r.style;return e.createElement("div",{style:t(t({},b),o)},n)},E={width:"100%",height:"100%"},F=function(r){var n=r.style,o=r.children;return e.createElement("div",{style:t(t({},E),n)},o)};var k={};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJOQnV0dG9uLnN0eWxlLmNzcyJ9 */");var S=function(r){var n=r.children,o=r.style,l=r.onClick;return e.createElement("button",{onClick:l,style:t(t({},k),o)},n)};export{o as Card,r as Colors,l as FontSizes,i as H1,a as H2,d as H3,c as H4,s as H5,u as H6,y as H7,g as Header,h as List,S as NButton,v as Nav,m as TextContent,F as View};
//# sourceMappingURL=index.esm.js.map