retro-react/dist/esm/components/chip/Chip.styled.js

A React component library for building retro-style websites

import c from"@emotion/styled/base";import{VGA_BLACK as l,VGA_WHITE as g,WIN31_BUTTON_SHADOW as t,PRIMARY as I,WIN31_BUTTON_FACE as x,HIGHLIGHT as b,SECONDARY as X,WARN as e,SUCCESS as C,ERROR as n}from"../../constants/colors.js";import{FONT_SIZES as d,SYSTEM_FONT as i}from"../../constants/fonts.js";const G=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:",d.SMALL,";font-family:",i,";font-weight:normal;border:1px solid ",l,";background:",(c=>{let{$color:l}=c;return function(c){switch(c){case"error":return n;case"success":return C;case"warn":return e;case"secondary":return X;case"highlight":return b;case"greyscale":return x;default:return I}}(l)}),";color:",(c=>{let{$color:t}=c;return"warn"===t||"highlight"===t||"greyscale"===t?l:g}),";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,";",(c=>{let{$clickable:l}=c;return!l&&`\n\t\tborder-color: ${t};\n\t\tbox-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);\n\t`})," ",(c=>{let{$clickable:t}=c;return t&&`\n\t\t&:hover {\n\t\t\tbox-shadow: 2px 2px 0px ${l};\n\t\t\ttransform: translate(-1px, -1px);\n\t\t}\n\n\t\t&:active {\n\t\t\tbox-shadow: 0px 0px 0px ${l};\n\t\t\ttransform: translate(1px, 1px);\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\toutline: 1px dotted ${g};\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 */"));export{G as Chip};