react-css-library/dist/index.js

## Library Overview Developed by Marco Duarte and David Artavia, this library leverages React, CSS, and TypeScript to provide a comprehensive set of design components.

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),n=function(){return n=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},n.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)"},o={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%"},a={xxxl:96,xxl:60,xl:48,lg:34,md:20,sm:18,xs:16};function l(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))}}l("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJmb250cy5jc3MifQ== */");var i={display:"flex",listStyleType:"none",margin:0,padding:0,cursor:"pointer"},d={marginRight:20},s=function(e){var r=e.items,o=e.style;return t.default.createElement("ul",{style:n(n({},i),o)},r&&r.map((function(e,n){return t.default.createElement("li",{style:d,key:n},e)})))},c={color:r.backgroundWhite},u={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%"},p={width:"100%",height:"100%"};l("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJOQnV0dG9uLnN0eWxlLmNzcyJ9 */");exports.Card=function(e){var r=e.children,a=e.style;return t.default.createElement("div",{style:n(n({},o),a)},r)},exports.Colors=r,exports.FontSizes=a,exports.H1=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.xl,color:r.backroundRed},o)},l)},exports.H2=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.xxl,color:r.backroundRed},o)},l)},exports.H3=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.xl,color:r.backroundRed},o)},l)},exports.H4=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.lg,color:r.backroundRed},o)},l)},exports.H5=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.md,color:r.backroundRed},o)},l)},exports.H6=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.sm,color:r.backroundRed},o)},l)},exports.H7=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.xs,color:r.backroundRed},o)},l)},exports.Header=function(e){var r=e.children,o=e.style;return t.default.createElement("div",{style:n(n({},u),o)},r)},exports.List=s,exports.NButton=function(e){var n=e.children,r=e.style,o=e.onClick;return t.default.createElement("button",{onClick:o,style:r,className:"button"},n)},exports.Nav=function(e){var n=e.items,r=e.style;return t.default.createElement("nav",{style:r},t.default.createElement(s,{items:n,style:c}))},exports.TextContent=function(e){var o=e.style,l=e.children;return t.default.createElement("div",{style:n({fontFamily:"Poppins",fontSize:a.xs,color:r.text2,textAlign:"center"},o)},l)},exports.View=function(e){var r=e.style,o=e.children;return t.default.createElement("div",{style:n(n({},p),r)},o)};
//# sourceMappingURL=index.js.map