retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 6.04 kB
JavaScript
"use strict";var t=require("@emotion/styled/base"),c=require("../../constants/colors.js"),l=require("../../constants/fonts.js");const g=t("span","production"===process.env.NODE_ENV?{target:"ef32byp0"}:{target:"ef32byp0",label:"Badge"})("position:absolute;top:-20%;right:-20%;display:inline-flex;align-items:center;justify-content:center;font-family:",l.SYSTEM_FONT,";font-weight:bold;background:",(t=>{let{$color:l}=t;return function(t){switch(t){case"error":return c.ERROR;case"success":return c.SUCCESS;case"warn":return c.WARN;case"secondary":return c.SECONDARY;case"highlight":return c.HIGHLIGHT;default:return c.PRIMARY}}(l)}),";color:",(t=>{let{$color:l}=t;return"warn"===l||"highlight"===l?c.VGA_BLACK:c.VGA_WHITE}),";text-shadow:",(t=>{let{$color:c}=t;return"warn"===c||"highlight"===c?"1px 1px 0px rgba(255, 255, 255, 0.8)":"1px 1px 0px rgba(0, 0, 0, 0.5)"}),";border:2px solid;border-color:",c.WIN31_BUTTON_SHADOW," ",c.WIN31_BUTTON_HIGHLIGHT," ",c.WIN31_BUTTON_HIGHLIGHT," ",c.WIN31_BUTTON_SHADOW,";padding:0.05rem;transition:none;border-radius:0;",(t=>{let{$pulsate:c}=t;return c&&"\n\t\tanimation: retrofunk 1.5s infinite;\n\t\t\n\t\t@keyframes retrofunk {\n\t\t\t0% { \n\t\t\t\ttransform: scale(1);\n\t\t\t\tfilter: brightness(1);\n\t\t\t}\n\t\t\t50% { \n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tfilter: brightness(1.2);\n\t\t\t}\n\t\t\t100% { \n\t\t\t\ttransform: scale(1);\n\t\t\t\tfilter: brightness(1);\n\t\t\t}\n\t\t}\n\t"})," ",(t=>{let{$size:c}=t;switch(c){case"small":return`\n\t\t\t\t\tmin-width: 16px;\n\t\t\t\t\tmin-height: 16px;\n\t\t\t\t\tfont-size: ${l.FONT_SIZES.TINY};\n\t\t\t\t\ttop: -10%;\n\t\t\t\t\tright: -10%;\n\t\t\t\t`;case"medium":return`\n\t\t\t\t\tmin-width: 20px;\n\t\t\t\t\tmin-height: 20px;\n\t\t\t\t\tfont-size: ${l.FONT_SIZES.SMALL};\n\t\t\t\t\ttop: -15%;\n\t\t\t\t\tright: -15%;\n\t\t\t\t`;case"large":return`\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tmin-height: 24px;\n\t\t\t\t\tfont-size: ${l.FONT_SIZES.NORMAL};\n\t\t\t\t\ttop: -20%;\n\t\t\t\t\tright: -20%;\n\t\t\t\t`}}),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhZGdlLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JpQyIsImZpbGUiOiJCYWRnZS5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBFUlJPUiwgSElHSExJR0hULCBQUklNQVJZLCBTRUNPTkRBUlksIFNVQ0NFU1MsIFZHQV9CTEFDSywgVkdBX1dISVRFLCBXQVJOLCBXSU4zMV9CVVRUT05fSElHSExJR0hULCBXSU4zMV9CVVRUT05fU0hBRE9XLCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IEZPTlRfU0laRVMsIFNZU1RFTV9GT05UIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9mb250c1wiO1xyXG5mdW5jdGlvbiBnZXRCYWRnZUNvbG9yU2NoZW1lKGNvbG9yKSB7XHJcbiAgICBzd2l0Y2ggKGNvbG9yKSB7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gRVJST1I7XHJcbiAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICAgIHJldHVybiBTVUNDRVNTO1xyXG4gICAgICAgIGNhc2UgJ3dhcm4nOlxyXG4gICAgICAgICAgICByZXR1cm4gV0FSTjtcclxuICAgICAgICBjYXNlICdzZWNvbmRhcnknOlxyXG4gICAgICAgICAgICByZXR1cm4gU0VDT05EQVJZO1xyXG4gICAgICAgIGNhc2UgJ2hpZ2hsaWdodCc6XHJcbiAgICAgICAgICAgIHJldHVybiBISUdITElHSFQ7XHJcbiAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIFBSSU1BUlk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGNvbnN0IEJhZGdlID0gc3R5bGVkLnNwYW4gYFxyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR0b3A6IC0yMCU7XHJcblx0cmlnaHQ6IC0yMCU7XHJcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XHJcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuXHRmb250LWZhbWlseTogJHtTWVNURU1fRk9OVH07XHJcblx0Zm9udC13ZWlnaHQ6IGJvbGQ7XHJcblx0YmFja2dyb3VuZDogJHsoeyAkY29sb3IgfSkgPT4gZ2V0QmFkZ2VDb2xvclNjaGVtZSgkY29sb3IpfTtcclxuXHRjb2xvcjogJHsoeyAkY29sb3IgfSkgPT4gJGNvbG9yID09PSAnd2FybicgfHwgJGNvbG9yID09PSAnaGlnaGxpZ2h0JyA/IFZHQV9CTEFDSyA6IFZHQV9XSElURX07XHJcblx0dGV4dC1zaGFkb3c6ICR7KHsgJGNvbG9yIH0pID0+ICRjb2xvciA9PT0gJ3dhcm4nIHx8ICRjb2xvciA9PT0gJ2hpZ2hsaWdodCdcclxuICAgID8gJzFweCAxcHggMHB4IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KSdcclxuICAgIDogJzFweCAxcHggMHB4IHJnYmEoMCwgMCwgMCwgMC41KSd9O1xyXG5cdGJvcmRlcjogMnB4IHNvbGlkO1xyXG5cdGJvcmRlci1jb2xvcjogJHtXSU4zMV9CVVRUT05fU0hBRE9XfSAke1dJTjMxX0JVVFRPTl9ISUdITElHSFR9XHJcblx0XHQke1dJTjMxX0JVVFRPTl9ISUdITElHSFR9ICR7V0lOMzFfQlVUVE9OX1NIQURPV307XHJcblx0cGFkZGluZzogMC4wNXJlbTtcclxuXHR0cmFuc2l0aW9uOiBub25lO1xyXG5cclxuXHQvKiBSZW1vdmUgbW9kZXJuIHN0eWxpbmcgKi9cclxuXHRib3JkZXItcmFkaXVzOiAwO1xyXG5cclxuXHQvKiBSZXRybyBwdWxzYXRlIGFuaW1hdGlvbiAqL1xyXG5cdCR7KHsgJHB1bHNhdGUgfSkgPT4gJHB1bHNhdGUgJiZcclxuICAgIGBcclxuXHRcdGFuaW1hdGlvbjogcmV0cm9mdW5rIDEuNXMgaW5maW5pdGU7XHJcblx0XHRcclxuXHRcdEBrZXlmcmFtZXMgcmV0cm9mdW5rIHtcclxuXHRcdFx0MCUgeyBcclxuXHRcdFx0XHR0cmFuc2Zvcm06IHNjYWxlKDEpO1xyXG5cdFx0XHRcdGZpbHRlcjogYnJpZ2h0bmVzcygxKTtcclxuXHRcdFx0fVxyXG5cdFx0XHQ1MCUgeyBcclxuXHRcdFx0XHR0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XHJcblx0XHRcdFx0ZmlsdGVyOiBicmlnaHRuZXNzKDEuMik7XHJcblx0XHRcdH1cclxuXHRcdFx0MTAwJSB7IFxyXG5cdFx0XHRcdHRyYW5zZm9ybTogc2NhbGUoMSk7XHJcblx0XHRcdFx0ZmlsdGVyOiBicmlnaHRuZXNzKDEpO1xyXG5cdFx0XHR9XHJcblx0XHR9XHJcblx0YH1cclxuXHJcblx0JHsoeyAkc2l6ZSB9KSA9PiB7XHJcbiAgICBzd2l0Y2ggKCRzaXplKSB7XHJcbiAgICAgICAgY2FzZSAnc21hbGwnOlxyXG4gICAgICAgICAgICByZXR1cm4gYFxyXG5cdFx0XHRcdFx0bWluLXdpZHRoOiAxNnB4O1xyXG5cdFx0XHRcdFx0bWluLWhlaWdodDogMTZweDtcclxuXHRcdFx0XHRcdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLlRJTll9O1xyXG5cdFx0XHRcdFx0dG9wOiAtMTAlO1xyXG5cdFx0XHRcdFx0cmlnaHQ6IC0xMCU7XHJcblx0XHRcdFx0YDtcclxuICAgICAgICBjYXNlICdtZWRpdW0nOlxyXG4gICAgICAgICAgICByZXR1cm4gYFxyXG5cdFx0XHRcdFx0bWluLXdpZHRoOiAyMHB4O1xyXG5cdFx0XHRcdFx0bWluLWhlaWdodDogMjBweDtcclxuXHRcdFx0XHRcdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLlNNQUxMfTtcclxuXHRcdFx0XHRcdHRvcDogLTE1JTtcclxuXHRcdFx0XHRcdHJpZ2h0OiAtMTUlO1xyXG5cdFx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnbGFyZ2UnOlxyXG4gICAgICAgICAgICByZXR1cm4gYFxyXG5cdFx0XHRcdFx0bWluLXdpZHRoOiAyNHB4O1xyXG5cdFx0XHRcdFx0bWluLWhlaWdodDogMjRweDtcclxuXHRcdFx0XHRcdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLk5PUk1BTH07XHJcblx0XHRcdFx0XHR0b3A6IC0yMCU7XHJcblx0XHRcdFx0XHRyaWdodDogLTIwJTtcclxuXHRcdFx0XHRgO1xyXG4gICAgfVxyXG59fTtcclxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFkZ2Uuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Badge=g;