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.9 kB
JavaScript
import e from"react";var t=function(){return t=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},t.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n={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)"},r={backgroundColor:n.card,borderRadius:10,padding:20,margin:10,boxShadow:"0px 4px 20px ".concat(n.shadow),border:"1px solid ".concat(n.shadow),width:"20%",height:"60%"},o=function(n){var o=n.children,i=n.style;return e.createElement("div",{style:t(t({},r),i)},o)},i={xxxl:96,xxl:60,xl:48,lg:34,md:20,sm:18,xs:16};function a(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}a("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJmb250cy5jc3MifQ== */");var l=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.xl,color:n.backroundRed},o)},a)},c=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.xxl,color:n.backroundRed},o)},a)},d=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.xl,color:n.backroundRed},o)},a)},s=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.lg,color:n.backroundRed},o)},a)},u=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.md,color:n.backroundRed},o)},a)},p=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.sm,color:n.backroundRed},o)},a)},y=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.xs,color:n.backroundRed},o)},a)},m=function(r){var o=r.style,a=r.children;return e.createElement("div",{style:t({fontFamily:"Poppins",fontSize:i.xs,color:n.text2,textAlign:"center"},o)},a)},f={display:"flex",listStyleType:"none",margin:0,padding:0,cursor:"pointer"},b={marginRight:20},h=function(n){var r=n.items,o=n.style;return e.createElement("ul",{style:t(t({},f),o)},r&&r.map((function(t,n){return e.createElement("li",{style:b,key:n},t)})))},v={color:n.backgroundWhite},x=function(t){var n=t.items,r=t.style;return e.createElement("nav",{style:r},e.createElement(h,{items:n,style:v}))},g={display:"flex",justifyContent:"space-between",width:"100%",padding:15,alignItems:"center",backgroundColor:n.backroundRed,borderBottom:"1px solid rgba(2, 1, 1, 0.1)",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",borderEndEndRadius:"5%"},E=function(n){var r=n.children,o=n.style;return e.createElement("div",{style:t(t({},g),o)},r)},F={width:"100%",height:"100%"},k=function(n){var r=n.style,o=n.children;return e.createElement("div",{style:t(t({},F),r)},o)};a("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJOQnV0dG9uLnN0eWxlLmNzcyJ9 */");var z=function(t){var n=t.children,r=t.style,o=t.onClick;return e.createElement("button",{onClick:o,style:r,className:"button"},n)};export{o as Card,n as Colors,i as FontSizes,l as H1,c as H2,d as H3,s as H4,u as H5,p as H6,y as H7,E as Header,h as List,z as NButton,x as Nav,m as TextContent,k as View};
//# sourceMappingURL=index.esm.js.map