retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 11.6 kB
JavaScript
import c from"@emotion/styled/base";import{css as b}from"@emotion/react";import X from"../../utils/getColorScheme.js";import{terminalBlink as l}from"../../utils/retroEffects.js";import{RAINBOW_GRADIENT as d}from"../../constants/colors.js";import{SYSTEM_FONT as H,FONT_SIZES as J}from"../../constants/fonts.js";import{fontSizeForVariant as x,fontSizeForBreakpoint as y}from"./responsiveVariants.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e6mwcid0"}:{target:"e6mwcid0",label:"Text"})("font-family:",H,";font-size:",J.NORMAL,";font-weight:400;text-align:",(c=>c.$align),";margin:0;padding:0;",(c=>c.$blink?b("animation:",l," 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("font-size:",x(c.$variant),";font-weight:",c.$variant.startsWith("h")?"700":"400",";",y(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(c.$color,c.theme)),";",(c=>"rainbow"===c.$color?b("background:linear-gradient(to right, ",d.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= */"));export{G as Text};