UNPKG

retro-react

Version:

A React component library for building retro-style websites

2 lines (1 loc) 4.89 kB
"use strict";var c=require("@emotion/styled/base"),l=require("../../constants/colors.js"),g=require("../../constants/fonts.js");const I=c("div","production"===process.env.NODE_ENV?{target:"e1fr8c690"}:{target:"e1fr8c690",label:"Chip"})("display:inline-flex;align-items:center;justify-content:center;position:relative;padding:3px 10px;font-size:",g.FONT_SIZES.SMALL,";font-family:",g.SYSTEM_FONT,";font-weight:normal;border:1px solid ",l.VGA_BLACK,";background:",(c=>{let{$color:g}=c;return function(c){switch(c){case"error":return l.ERROR;case"success":return l.SUCCESS;case"warn":return l.WARN;case"secondary":return l.SECONDARY;case"highlight":return l.HIGHLIGHT;case"greyscale":return l.WIN31_BUTTON_FACE;default:return l.PRIMARY}}(g)}),";color:",(c=>{let{$color:g}=c;return"warn"===g||"highlight"===g||"greyscale"===g?l.VGA_BLACK:l.VGA_WHITE}),";text-shadow:none;cursor:",(c=>{let{$clickable:l}=c;return l?"pointer":"default"}),";user-select:none;transition:none;min-height:18px;border-radius:0;box-shadow:1px 1px 0px ",l.VGA_BLACK,";",(c=>{let{$clickable:g}=c;return!g&&`\n\t\tborder-color: ${l.WIN31_BUTTON_SHADOW};\n\t\tbox-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);\n\t`})," ",(c=>{let{$clickable:g}=c;return g&&`\n\t\t&:hover {\n\t\t\tbox-shadow: 2px 2px 0px ${l.VGA_BLACK};\n\t\t\ttransform: translate(-1px, -1px);\n\t\t}\n\n\t\t&:active {\n\t\t\tbox-shadow: 0px 0px 0px ${l.VGA_BLACK};\n\t\t\ttransform: translate(1px, 1px);\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\toutline: 1px dotted ${l.VGA_WHITE};\n\t\t\toutline-offset: -2px;\n\t\t}\n\t`}),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoaXAuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6IkNoaXAuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgRVJST1IsIEhJR0hMSUdIVCwgUFJJTUFSWSwgU0VDT05EQVJZLCBTVUNDRVNTLCBWR0FfQkxBQ0ssIFZHQV9XSElURSwgV0FSTiwgV0lOMzFfQlVUVE9OX0ZBQ0UsIFdJTjMxX0JVVFRPTl9TSEFET1csIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9jb2xvcnNcIjtcclxuaW1wb3J0IHsgRk9OVF9TSVpFUywgU1lTVEVNX0ZPTlQgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL2ZvbnRzXCI7XHJcbmZ1bmN0aW9uIGdldENoaXBDb2xvclNjaGVtZShjb2xvcikge1xyXG4gICAgc3dpdGNoIChjb2xvcikge1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIEVSUk9SO1xyXG4gICAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxyXG4gICAgICAgICAgICByZXR1cm4gU1VDQ0VTUztcclxuICAgICAgICBjYXNlICd3YXJuJzpcclxuICAgICAgICAgICAgcmV0dXJuIFdBUk47XHJcbiAgICAgICAgY2FzZSAnc2Vjb25kYXJ5JzpcclxuICAgICAgICAgICAgcmV0dXJuIFNFQ09OREFSWTtcclxuICAgICAgICBjYXNlICdoaWdobGlnaHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gSElHSExJR0hUO1xyXG4gICAgICAgIGNhc2UgJ2dyZXlzY2FsZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBXSU4zMV9CVVRUT05fRkFDRTtcclxuICAgICAgICBjYXNlICdwcmltYXJ5JzpcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gUFJJTUFSWTtcclxuICAgIH1cclxufVxyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxyXG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xyXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdHBhZGRpbmc6IDNweCAxMHB4O1xyXG5cdGZvbnQtc2l6ZTogJHtGT05UX1NJWkVTLlNNQUxMfTtcclxuXHRmb250LWZhbWlseTogJHtTWVNURU1fRk9OVH07XHJcblx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuXHRib3JkZXI6IDFweCBzb2xpZCAke1ZHQV9CTEFDS307XHJcblx0YmFja2dyb3VuZDogJHsoeyAkY29sb3IgfSkgPT4gZ2V0Q2hpcENvbG9yU2NoZW1lKCRjb2xvcil9O1xyXG5cdGNvbG9yOiAkeyh7ICRjb2xvciB9KSA9PiAkY29sb3IgPT09ICd3YXJuJyB8fCAkY29sb3IgPT09ICdoaWdobGlnaHQnIHx8ICRjb2xvciA9PT0gJ2dyZXlzY2FsZSdcclxuICAgID8gVkdBX0JMQUNLXHJcbiAgICA6IFZHQV9XSElURX07XHJcblx0dGV4dC1zaGFkb3c6IG5vbmU7XHJcblx0Y3Vyc29yOiAkeyh7ICRjbGlja2FibGUgfSkgPT4gKCRjbGlja2FibGUgPyAncG9pbnRlcicgOiAnZGVmYXVsdCcpfTtcclxuXHR1c2VyLXNlbGVjdDogbm9uZTtcclxuXHR0cmFuc2l0aW9uOiBub25lO1xyXG5cdG1pbi1oZWlnaHQ6IDE4cHg7XHJcblxyXG5cdC8qIEZsYXQgcmV0cm8gbGFiZWwgYXBwZWFyYW5jZSAtIGRpZmZlcmVudCBmcm9tIGJ1dHRvbnMgKi9cclxuXHRib3JkZXItcmFkaXVzOiAwO1xyXG5cdGJveC1zaGFkb3c6IDFweCAxcHggMHB4ICR7VkdBX0JMQUNLfTtcclxuXHJcblx0LyogQWRkIGEgc3VidGxlIGluc2V0IGFwcGVhcmFuY2UgZm9yIG5vbi1jbGlja2FibGUgY2hpcHMgKi9cclxuXHQkeyh7ICRjbGlja2FibGUgfSkgPT4gISRjbGlja2FibGUgJiZcclxuICAgIGBcclxuXHRcdGJvcmRlci1jb2xvcjogJHtXSU4zMV9CVVRUT05fU0hBRE9XfTtcclxuXHRcdGJveC1zaGFkb3c6IGluc2V0IDFweCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcclxuXHRgfVxyXG5cclxuXHQkeyh7ICRjbGlja2FibGUgfSkgPT4gJGNsaWNrYWJsZSAmJlxyXG4gICAgYFxyXG5cdFx0Jjpob3ZlciB7XHJcblx0XHRcdGJveC1zaGFkb3c6IDJweCAycHggMHB4ICR7VkdBX0JMQUNLfTtcclxuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTFweCwgLTFweCk7XHJcblx0XHR9XHJcblxyXG5cdFx0JjphY3RpdmUge1xyXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMHB4IDBweCAke1ZHQV9CTEFDS307XHJcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlKDFweCwgMXB4KTtcclxuXHRcdH1cclxuXHJcblx0XHQmOmZvY3VzLXZpc2libGUge1xyXG5cdFx0XHRvdXRsaW5lOiAxcHggZG90dGVkICR7VkdBX1dISVRFfTtcclxuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IC0ycHg7XHJcblx0XHR9XHJcblx0YH1cclxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hpcC5zdHlsZWQuanMubWFwIl19 */"));exports.Chip=I;