UNPKG

retro-react

Version:

A React component library for building retro-style websites

2 lines (1 loc) 11.5 kB
"use strict";var c=require("@emotion/styled/base"),b=require("@emotion/react"),X=require("../../utils/getColorScheme.js"),l=require("../../utils/retroEffects.js"),d=require("../../constants/colors.js"),H=require("../../constants/fonts.js"),x=require("./responsiveVariants.js");const J=c("div","production"===process.env.NODE_ENV?{target:"e6mwcid0"}:{target:"e6mwcid0",label:"Text"})("font-family:",H.SYSTEM_FONT,";font-size:",H.FONT_SIZES.NORMAL,";font-weight:400;text-align:",(c=>c.$align),";margin:0;padding:0;",(c=>c.$blink?b.css("animation:",l.terminalBlink," 1s linear infinite;"+("production"===process.env.NODE_ENV?"":";label:Text;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlUiLCJmaWxlIjoiVGV4dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBnZXRDb2xvclNjaGVtZSBmcm9tIFwiLi4vLi4vdXRpbHMvZ2V0Q29sb3JTY2hlbWVcIjtcclxuaW1wb3J0IHsgdGVybWluYWxCbGluayB9IGZyb20gXCIuLi8uLi91dGlscy9yZXRyb0VmZmVjdHNcIjtcclxuaW1wb3J0IHsgUkFJTkJPV19HUkFESUVOVCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IEZPTlRfU0laRVMsIFNZU1RFTV9GT05UIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9mb250c1wiO1xyXG5pbXBvcnQgeyBmb250U2l6ZUZvckJyZWFrcG9pbnQsIGZvbnRTaXplRm9yVmFyaWFudCwgfSBmcm9tICcuL3Jlc3BvbnNpdmVWYXJpYW50cyc7XHJcbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLmRpdiBgXHJcblx0Zm9udC1mYW1pbHk6ICR7U1lTVEVNX0ZPTlR9O1xyXG5cdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLk5PUk1BTH07XHJcblx0Zm9udC13ZWlnaHQ6IDQwMDtcclxuXHJcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLiRhbGlnbn07XHJcblx0bWFyZ2luOiAwO1xyXG5cdHBhZGRpbmc6IDA7XHJcblxyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kYmxpbmtcclxuICAgID8gY3NzIGBcclxuXHRcdFx0XHRcdGFuaW1hdGlvbjogJHt0ZXJtaW5hbEJsaW5rfSAxcyBsaW5lYXIgaW5maW5pdGU7XHJcblx0XHRcdCAgYFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHByb3BzLiRiZXZlbFxyXG4gICAgPyBgXHJcblx0XHRcdFx0LyogQXV0aGVudGljIHJldHJvIGJldmVsIGVmZmVjdCAtIG1vcmUgY2h1bmt5IGFuZCBvYnZpb3VzICovXHJcblx0XHRcdFx0dGV4dC1zaGFkb3c6IFxyXG5cdFx0XHRcdFx0MXB4IDFweCAwcHggcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpLCBcclxuXHRcdFx0XHRcdDJweCAycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4zKTtcclxuXHRcdFx0XHRmb250LXdlaWdodDogYm9sZDtcclxuXHRcdFx0YFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHtcclxuICAgIHJldHVybiBjc3MgYFxyXG5cdFx0XHRmb250LXNpemU6ICR7Zm9udFNpemVGb3JWYXJpYW50KHByb3BzLiR2YXJpYW50KX07XHJcblx0XHRcdGZvbnQtd2VpZ2h0OiAke3Byb3BzLiR2YXJpYW50LnN0YXJ0c1dpdGgoJ2gnKSA/ICc3MDAnIDogJzQwMCd9O1xyXG5cdFx0XHQke2ZvbnRTaXplRm9yQnJlYWtwb2ludChwcm9wcy4kdmFyaWFudCl9XHJcblx0XHRgO1xyXG59fVxyXG5cdFxyXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3JTY2hlbWUocHJvcHMuJGNvbG9yLCBwcm9wcy50aGVtZSl9O1xyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kY29sb3IgPT09ICdyYWluYm93J1xyXG4gICAgPyBjc3MgYFxyXG5cdFx0XHRcdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke1JBSU5CT1dfR1JBRElFTlQuam9pbignLCcpfSk7XHJcblx0XHRcdFx0XHQtd2Via2l0LWJhY2tncm91bmQtY2xpcDogdGV4dDtcclxuXHRcdFx0XHRcdC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuXHRcdFx0ICBgXHJcbiAgICA6ICcnfVxyXG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UZXh0LnN0eWxlZC5qcy5tYXAiXX0= */"):"")," ",(c=>c.$bevel?"\n\t\t\t\t/* Authentic retro bevel effect - more chunky and obvious */\n\t\t\t\ttext-shadow: \n\t\t\t\t\t1px 1px 0px rgba(255, 255, 255, 0.8), \n\t\t\t\t\t2px 2px 0px rgba(0, 0, 0, 0.3);\n\t\t\t\tfont-weight: bold;\n\t\t\t":"")," ",(c=>b.css("font-size:",x.fontSizeForVariant(c.$variant),";font-weight:",c.$variant.startsWith("h")?"700":"400",";",x.fontSizeForBreakpoint(c.$variant),";"+("production"===process.env.NODE_ENV?"":";label:Text;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2UiLCJmaWxlIjoiVGV4dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBnZXRDb2xvclNjaGVtZSBmcm9tIFwiLi4vLi4vdXRpbHMvZ2V0Q29sb3JTY2hlbWVcIjtcclxuaW1wb3J0IHsgdGVybWluYWxCbGluayB9IGZyb20gXCIuLi8uLi91dGlscy9yZXRyb0VmZmVjdHNcIjtcclxuaW1wb3J0IHsgUkFJTkJPV19HUkFESUVOVCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IEZPTlRfU0laRVMsIFNZU1RFTV9GT05UIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9mb250c1wiO1xyXG5pbXBvcnQgeyBmb250U2l6ZUZvckJyZWFrcG9pbnQsIGZvbnRTaXplRm9yVmFyaWFudCwgfSBmcm9tICcuL3Jlc3BvbnNpdmVWYXJpYW50cyc7XHJcbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLmRpdiBgXHJcblx0Zm9udC1mYW1pbHk6ICR7U1lTVEVNX0ZPTlR9O1xyXG5cdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLk5PUk1BTH07XHJcblx0Zm9udC13ZWlnaHQ6IDQwMDtcclxuXHJcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLiRhbGlnbn07XHJcblx0bWFyZ2luOiAwO1xyXG5cdHBhZGRpbmc6IDA7XHJcblxyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kYmxpbmtcclxuICAgID8gY3NzIGBcclxuXHRcdFx0XHRcdGFuaW1hdGlvbjogJHt0ZXJtaW5hbEJsaW5rfSAxcyBsaW5lYXIgaW5maW5pdGU7XHJcblx0XHRcdCAgYFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHByb3BzLiRiZXZlbFxyXG4gICAgPyBgXHJcblx0XHRcdFx0LyogQXV0aGVudGljIHJldHJvIGJldmVsIGVmZmVjdCAtIG1vcmUgY2h1bmt5IGFuZCBvYnZpb3VzICovXHJcblx0XHRcdFx0dGV4dC1zaGFkb3c6IFxyXG5cdFx0XHRcdFx0MXB4IDFweCAwcHggcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpLCBcclxuXHRcdFx0XHRcdDJweCAycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4zKTtcclxuXHRcdFx0XHRmb250LXdlaWdodDogYm9sZDtcclxuXHRcdFx0YFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHtcclxuICAgIHJldHVybiBjc3MgYFxyXG5cdFx0XHRmb250LXNpemU6ICR7Zm9udFNpemVGb3JWYXJpYW50KHByb3BzLiR2YXJpYW50KX07XHJcblx0XHRcdGZvbnQtd2VpZ2h0OiAke3Byb3BzLiR2YXJpYW50LnN0YXJ0c1dpdGgoJ2gnKSA/ICc3MDAnIDogJzQwMCd9O1xyXG5cdFx0XHQke2ZvbnRTaXplRm9yQnJlYWtwb2ludChwcm9wcy4kdmFyaWFudCl9XHJcblx0XHRgO1xyXG59fVxyXG5cdFxyXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3JTY2hlbWUocHJvcHMuJGNvbG9yLCBwcm9wcy50aGVtZSl9O1xyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kY29sb3IgPT09ICdyYWluYm93J1xyXG4gICAgPyBjc3MgYFxyXG5cdFx0XHRcdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke1JBSU5CT1dfR1JBRElFTlQuam9pbignLCcpfSk7XHJcblx0XHRcdFx0XHQtd2Via2l0LWJhY2tncm91bmQtY2xpcDogdGV4dDtcclxuXHRcdFx0XHRcdC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuXHRcdFx0ICBgXHJcbiAgICA6ICcnfVxyXG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UZXh0LnN0eWxlZC5qcy5tYXAiXX0= */"))," color:",(c=>X.default(c.$color,c.theme)),";",(c=>"rainbow"===c.$color?b.css("background:linear-gradient(to right, ",d.RAINBOW_GRADIENT.join(","),");-webkit-background-clip:text;-webkit-text-fill-color:transparent;"+("production"===process.env.NODE_ENV?"":";label:Text;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ1UiLCJmaWxlIjoiVGV4dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBnZXRDb2xvclNjaGVtZSBmcm9tIFwiLi4vLi4vdXRpbHMvZ2V0Q29sb3JTY2hlbWVcIjtcclxuaW1wb3J0IHsgdGVybWluYWxCbGluayB9IGZyb20gXCIuLi8uLi91dGlscy9yZXRyb0VmZmVjdHNcIjtcclxuaW1wb3J0IHsgUkFJTkJPV19HUkFESUVOVCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IEZPTlRfU0laRVMsIFNZU1RFTV9GT05UIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9mb250c1wiO1xyXG5pbXBvcnQgeyBmb250U2l6ZUZvckJyZWFrcG9pbnQsIGZvbnRTaXplRm9yVmFyaWFudCwgfSBmcm9tICcuL3Jlc3BvbnNpdmVWYXJpYW50cyc7XHJcbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLmRpdiBgXHJcblx0Zm9udC1mYW1pbHk6ICR7U1lTVEVNX0ZPTlR9O1xyXG5cdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLk5PUk1BTH07XHJcblx0Zm9udC13ZWlnaHQ6IDQwMDtcclxuXHJcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLiRhbGlnbn07XHJcblx0bWFyZ2luOiAwO1xyXG5cdHBhZGRpbmc6IDA7XHJcblxyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kYmxpbmtcclxuICAgID8gY3NzIGBcclxuXHRcdFx0XHRcdGFuaW1hdGlvbjogJHt0ZXJtaW5hbEJsaW5rfSAxcyBsaW5lYXIgaW5maW5pdGU7XHJcblx0XHRcdCAgYFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHByb3BzLiRiZXZlbFxyXG4gICAgPyBgXHJcblx0XHRcdFx0LyogQXV0aGVudGljIHJldHJvIGJldmVsIGVmZmVjdCAtIG1vcmUgY2h1bmt5IGFuZCBvYnZpb3VzICovXHJcblx0XHRcdFx0dGV4dC1zaGFkb3c6IFxyXG5cdFx0XHRcdFx0MXB4IDFweCAwcHggcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpLCBcclxuXHRcdFx0XHRcdDJweCAycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4zKTtcclxuXHRcdFx0XHRmb250LXdlaWdodDogYm9sZDtcclxuXHRcdFx0YFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHtcclxuICAgIHJldHVybiBjc3MgYFxyXG5cdFx0XHRmb250LXNpemU6ICR7Zm9udFNpemVGb3JWYXJpYW50KHByb3BzLiR2YXJpYW50KX07XHJcblx0XHRcdGZvbnQtd2VpZ2h0OiAke3Byb3BzLiR2YXJpYW50LnN0YXJ0c1dpdGgoJ2gnKSA/ICc3MDAnIDogJzQwMCd9O1xyXG5cdFx0XHQke2ZvbnRTaXplRm9yQnJlYWtwb2ludChwcm9wcy4kdmFyaWFudCl9XHJcblx0XHRgO1xyXG59fVxyXG5cdFxyXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3JTY2hlbWUocHJvcHMuJGNvbG9yLCBwcm9wcy50aGVtZSl9O1xyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kY29sb3IgPT09ICdyYWluYm93J1xyXG4gICAgPyBjc3MgYFxyXG5cdFx0XHRcdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke1JBSU5CT1dfR1JBRElFTlQuam9pbignLCcpfSk7XHJcblx0XHRcdFx0XHQtd2Via2l0LWJhY2tncm91bmQtY2xpcDogdGV4dDtcclxuXHRcdFx0XHRcdC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuXHRcdFx0ICBgXHJcbiAgICA6ICcnfVxyXG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UZXh0LnN0eWxlZC5qcy5tYXAiXX0= */"):""),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0IiLCJmaWxlIjoiVGV4dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBnZXRDb2xvclNjaGVtZSBmcm9tIFwiLi4vLi4vdXRpbHMvZ2V0Q29sb3JTY2hlbWVcIjtcclxuaW1wb3J0IHsgdGVybWluYWxCbGluayB9IGZyb20gXCIuLi8uLi91dGlscy9yZXRyb0VmZmVjdHNcIjtcclxuaW1wb3J0IHsgUkFJTkJPV19HUkFESUVOVCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IEZPTlRfU0laRVMsIFNZU1RFTV9GT05UIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9mb250c1wiO1xyXG5pbXBvcnQgeyBmb250U2l6ZUZvckJyZWFrcG9pbnQsIGZvbnRTaXplRm9yVmFyaWFudCwgfSBmcm9tICcuL3Jlc3BvbnNpdmVWYXJpYW50cyc7XHJcbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLmRpdiBgXHJcblx0Zm9udC1mYW1pbHk6ICR7U1lTVEVNX0ZPTlR9O1xyXG5cdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLk5PUk1BTH07XHJcblx0Zm9udC13ZWlnaHQ6IDQwMDtcclxuXHJcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLiRhbGlnbn07XHJcblx0bWFyZ2luOiAwO1xyXG5cdHBhZGRpbmc6IDA7XHJcblxyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kYmxpbmtcclxuICAgID8gY3NzIGBcclxuXHRcdFx0XHRcdGFuaW1hdGlvbjogJHt0ZXJtaW5hbEJsaW5rfSAxcyBsaW5lYXIgaW5maW5pdGU7XHJcblx0XHRcdCAgYFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHByb3BzLiRiZXZlbFxyXG4gICAgPyBgXHJcblx0XHRcdFx0LyogQXV0aGVudGljIHJldHJvIGJldmVsIGVmZmVjdCAtIG1vcmUgY2h1bmt5IGFuZCBvYnZpb3VzICovXHJcblx0XHRcdFx0dGV4dC1zaGFkb3c6IFxyXG5cdFx0XHRcdFx0MXB4IDFweCAwcHggcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpLCBcclxuXHRcdFx0XHRcdDJweCAycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4zKTtcclxuXHRcdFx0XHRmb250LXdlaWdodDogYm9sZDtcclxuXHRcdFx0YFxyXG4gICAgOiAnJ31cclxuXHJcblx0JHsocHJvcHMpID0+IHtcclxuICAgIHJldHVybiBjc3MgYFxyXG5cdFx0XHRmb250LXNpemU6ICR7Zm9udFNpemVGb3JWYXJpYW50KHByb3BzLiR2YXJpYW50KX07XHJcblx0XHRcdGZvbnQtd2VpZ2h0OiAke3Byb3BzLiR2YXJpYW50LnN0YXJ0c1dpdGgoJ2gnKSA/ICc3MDAnIDogJzQwMCd9O1xyXG5cdFx0XHQke2ZvbnRTaXplRm9yQnJlYWtwb2ludChwcm9wcy4kdmFyaWFudCl9XHJcblx0XHRgO1xyXG59fVxyXG5cdFxyXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3JTY2hlbWUocHJvcHMuJGNvbG9yLCBwcm9wcy50aGVtZSl9O1xyXG5cdCR7KHByb3BzKSA9PiBwcm9wcy4kY29sb3IgPT09ICdyYWluYm93J1xyXG4gICAgPyBjc3MgYFxyXG5cdFx0XHRcdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke1JBSU5CT1dfR1JBRElFTlQuam9pbignLCcpfSk7XHJcblx0XHRcdFx0XHQtd2Via2l0LWJhY2tncm91bmQtY2xpcDogdGV4dDtcclxuXHRcdFx0XHRcdC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuXHRcdFx0ICBgXHJcbiAgICA6ICcnfVxyXG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UZXh0LnN0eWxlZC5qcy5tYXAiXX0= */"));exports.Text=J;