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")),r=function(){return r=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},r.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)"},o={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%"},l={xxxl:96,xxl:60,xl:48,lg:34,md:20,sm:18,xs:16},a={display:"flex",listStyleType:"none",margin:0,padding:0,cursor:"pointer"},d={marginRight:20},i=function(e){var n=e.items,o=e.style;return t.default.createElement("ul",{style:r(r({},a),o)},n&&n.map((function(e,r){return t.default.createElement("li",{style:d,key:r},e)})))},s={color:n.backgroundWhite},c={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%"},u={width:"100%",height:"100%"};var f={};!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 */");exports.Card=function(e){var n=e.children,l=e.style;return t.default.createElement("div",{style:r(r({},o),l)},n)},exports.Colors=n,exports.FontSizes=l,exports.H1=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Inter-Medium",fontSize:l.xxxl,color:n.backroundRed},o)},a)},exports.H2=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Montserrat-Medium",fontSize:l.xxl,color:n.backroundRed},o)},a)},exports.H3=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Montserrat-Bold",fontSize:l.xl,color:n.backroundRed},o)},a)},exports.H4=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Montserrat-Bold",fontSize:l.lg,color:n.backroundRed},o)},a)},exports.H5=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Montserrat-Bold",fontSize:l.md,color:n.backroundRed},o)},a)},exports.H6=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Montserrat-Bold",fontSize:l.sm,color:n.backroundRed},o)},a)},exports.H7=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Montserrat-Bold",fontSize:l.xs,color:n.backroundRed},o)},a)},exports.Header=function(e){var n=e.children,o=e.style;return t.default.createElement("div",{style:r(r({},c),o)},n)},exports.List=i,exports.NButton=function(e){var n=e.children,o=e.style,l=e.onClick;return t.default.createElement("button",{onClick:l,style:r(r({},f),o)},n)},exports.Nav=function(e){var r=e.items,n=e.style;return t.default.createElement("nav",{style:n},t.default.createElement(i,{items:r,style:s}))},exports.TextContent=function(e){var o=e.style,a=e.children;return t.default.createElement("div",{style:r({fontFamily:"Inter-Medium",fontSize:l.xs,color:n.text2,textAlign:"center"},o)},a)},exports.View=function(e){var n=e.style,o=e.children;return t.default.createElement("div",{style:r(r({},u),n)},o)};
//# sourceMappingURL=index.js.map